'f'

mh-two-thousand-and-two

2024-04-12 26f2711ef9461961fb953e2b497bd314ef95e345

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<template>
  <uni-form v-on="$listeners">
    <span>
      <slot />
    </span>
  </uni-form>
</template>
<script>
import {
  listeners
} from 'uni-mixins'
export default {
  name: 'Form',
  mixins: [listeners],
  data () {
    return {
      childrenList: []
    }
  },
  listeners: {
    '@form-submit': '_onSubmit',
    '@form-reset': '_onReset',
    '@form-group-update': '_formGroupUpdateHandler'
  },
  methods: {
    _onSubmit ($event) {
      const data = {}
      this.childrenList.forEach(vm => {
        if (vm._getFormData && vm._getFormData().key) {
          data[vm._getFormData().key] = vm._getFormData().value
        }
      })
      this.$trigger('submit', $event, {
        value: data
      })
    },
    _onReset ($event) {
      this.$trigger('reset', $event, {})
      this.childrenList.forEach(vm => {
        vm._resetFormData && vm._resetFormData()
      })
    },
    _formGroupUpdateHandler ($event) {
      if ($event.type === 'add') {
        this.childrenList.push($event.vm)
      } else {
        const index = this.childrenList.indexOf($event.vm)
        this.childrenList.splice(index, 1)
      }
    }
  }
}
</script>
<style>
</style>