@silver-formily/element-plus 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (169) hide show
  1. package/LICENSE +21 -21
  2. package/README.en-US.md +32 -32
  3. package/README.md +32 -32
  4. package/esm/__builtins__/configs/index.mjs.map +1 -1
  5. package/esm/__builtins__/index.mjs +12 -11
  6. package/esm/__builtins__/shared/index.mjs +11 -10
  7. package/esm/__builtins__/shared/loading.mjs.map +1 -1
  8. package/esm/__builtins__/shared/simple-version-compare.mjs.map +1 -1
  9. package/esm/__builtins__/shared/transform-component.mjs.map +1 -1
  10. package/esm/__builtins__/shared/use-enter-submit.mjs.map +1 -1
  11. package/esm/__builtins__/shared/utils.d.ts +1 -0
  12. package/esm/__builtins__/shared/utils.mjs +23 -17
  13. package/esm/__builtins__/shared/utils.mjs.map +1 -1
  14. package/esm/array-base/index.mjs +56 -52
  15. package/esm/array-base/index.mjs.map +1 -1
  16. package/esm/array-base/symbols.mjs.map +1 -1
  17. package/esm/array-base/utils.d.ts +0 -1
  18. package/esm/array-base/utils.mjs +45 -46
  19. package/esm/array-base/utils.mjs.map +1 -1
  20. package/esm/array-cards/index.mjs +36 -33
  21. package/esm/array-cards/index.mjs.map +1 -1
  22. package/esm/array-collapse/index.mjs +39 -37
  23. package/esm/array-collapse/index.mjs.map +1 -1
  24. package/esm/array-collapse/utils.mjs +9 -2
  25. package/esm/array-collapse/utils.mjs.map +1 -1
  26. package/esm/array-items/index.mjs +38 -34
  27. package/esm/array-items/index.mjs.map +1 -1
  28. package/esm/array-list-tabs/index.mjs +38 -36
  29. package/esm/array-list-tabs/index.mjs.map +1 -1
  30. package/esm/array-list-tabs/utils.mjs +12 -5
  31. package/esm/array-list-tabs/utils.mjs.map +1 -1
  32. package/esm/array-table/index.mjs +63 -60
  33. package/esm/array-table/index.mjs.map +1 -1
  34. package/esm/array-table/utils.mjs +18 -11
  35. package/esm/array-table/utils.mjs.map +1 -1
  36. package/esm/array-tabs/index.mjs +28 -25
  37. package/esm/array-tabs/index.mjs.map +1 -1
  38. package/esm/autocomplete/index.mjs +24 -18
  39. package/esm/autocomplete/index.mjs.map +1 -1
  40. package/esm/cascader/index.mjs +22 -18
  41. package/esm/cascader/index.mjs.map +1 -1
  42. package/esm/checkbox/index.mjs +20 -16
  43. package/esm/checkbox/index.mjs.map +1 -1
  44. package/esm/color-picker/index.mjs +9 -6
  45. package/esm/color-picker/index.mjs.map +1 -1
  46. package/esm/color-picker-panel/index.mjs +9 -6
  47. package/esm/color-picker-panel/index.mjs.map +1 -1
  48. package/esm/date-picker/index.mjs +14 -11
  49. package/esm/date-picker/index.mjs.map +1 -1
  50. package/esm/date-picker/utils.mjs.map +1 -1
  51. package/esm/date-picker-panel/index.mjs +14 -11
  52. package/esm/date-picker-panel/index.mjs.map +1 -1
  53. package/esm/editable/editable.d.ts +2 -0
  54. package/esm/editable/index.d.ts +1 -0
  55. package/esm/editable/index.mjs +71 -66
  56. package/esm/editable/index.mjs.map +1 -1
  57. package/esm/form/form.mjs +6 -6
  58. package/esm/form/form.mjs.map +1 -1
  59. package/esm/form-button-group/form-button-group.d.ts +9 -0
  60. package/esm/form-button-group/index.d.ts +15 -0
  61. package/esm/form-button-group/index.mjs +47 -28
  62. package/esm/form-button-group/index.mjs.map +1 -1
  63. package/esm/form-button-group/utils.mjs +9 -2
  64. package/esm/form-button-group/utils.mjs.map +1 -1
  65. package/esm/form-collapse/index.mjs +21 -18
  66. package/esm/form-collapse/index.mjs.map +1 -1
  67. package/esm/form-collapse/utils.mjs.map +1 -1
  68. package/esm/form-dialog/index.mjs +22 -22
  69. package/esm/form-dialog/index.mjs.map +1 -1
  70. package/esm/form-drawer/index.mjs +21 -21
  71. package/esm/form-drawer/index.mjs.map +1 -1
  72. package/esm/form-grid/hooks.mjs.map +1 -1
  73. package/esm/form-grid/index.mjs +26 -22
  74. package/esm/form-grid/index.mjs.map +1 -1
  75. package/esm/form-item/index.d.ts +1 -0
  76. package/esm/form-item/index.mjs +102 -99
  77. package/esm/form-item/index.mjs.map +1 -1
  78. package/esm/form-item/types.d.ts +4 -0
  79. package/esm/form-item/utils.mjs.map +1 -1
  80. package/esm/form-layout/form-layout.mjs +14 -10
  81. package/esm/form-layout/form-layout.mjs.map +1 -1
  82. package/esm/form-layout/utils.mjs +23 -23
  83. package/esm/form-layout/utils.mjs.map +1 -1
  84. package/esm/form-step/index.mjs +30 -27
  85. package/esm/form-step/index.mjs.map +1 -1
  86. package/esm/form-step/utils.mjs.map +1 -1
  87. package/esm/form-tab/hooks.mjs.map +1 -1
  88. package/esm/form-tab/index.mjs +24 -22
  89. package/esm/form-tab/index.mjs.map +1 -1
  90. package/esm/form-tab/utils.mjs.map +1 -1
  91. package/esm/index.d.ts +2 -0
  92. package/esm/index.mjs +82 -78
  93. package/esm/index.mjs.map +1 -1
  94. package/esm/input/index.mjs +30 -26
  95. package/esm/input/index.mjs.map +1 -1
  96. package/esm/input-number/index.mjs +11 -8
  97. package/esm/input-number/index.mjs.map +1 -1
  98. package/esm/input-tag/index.mjs +20 -16
  99. package/esm/input-tag/index.mjs.map +1 -1
  100. package/esm/mention/index.mjs +24 -20
  101. package/esm/mention/index.mjs.map +1 -1
  102. package/esm/pagination/components/jumper.mjs.map +1 -1
  103. package/esm/pagination/components/next.mjs.map +1 -1
  104. package/esm/pagination/components/pager.mjs.map +1 -1
  105. package/esm/pagination/components/prev.mjs.map +1 -1
  106. package/esm/pagination/components/total.mjs.map +1 -1
  107. package/esm/pagination/pagination.mjs.map +1 -1
  108. package/esm/password/index.mjs.map +1 -1
  109. package/esm/preview-text/index.mjs +57 -53
  110. package/esm/preview-text/index.mjs.map +1 -1
  111. package/esm/preview-text/utils.mjs.map +1 -1
  112. package/esm/query-form/default-components.d.ts +5 -0
  113. package/esm/query-form/default-components.mjs +47 -0
  114. package/esm/query-form/default-components.mjs.map +1 -0
  115. package/esm/query-form/hooks.d.ts +25 -0
  116. package/esm/query-form/hooks.mjs +29 -0
  117. package/esm/query-form/hooks.mjs.map +1 -0
  118. package/esm/query-form/index.d.ts +117 -0
  119. package/esm/query-form/index.mjs +337 -0
  120. package/esm/query-form/index.mjs.map +1 -0
  121. package/esm/query-form/query-form-light.d.ts +27 -0
  122. package/esm/query-form/query-form.d.ts +52 -0
  123. package/esm/query-form/types.d.ts +44 -0
  124. package/esm/query-form/types.mjs +2 -0
  125. package/esm/query-form/types.mjs.map +1 -0
  126. package/esm/query-form-item/index.d.ts +151 -0
  127. package/esm/query-form-item/index.mjs +188 -0
  128. package/esm/query-form-item/index.mjs.map +1 -0
  129. package/esm/query-form-item/query-form-item.d.ts +96 -0
  130. package/esm/query-form-item/types.d.ts +46 -0
  131. package/esm/query-form-item/types.mjs +2 -0
  132. package/esm/query-form-item/types.mjs.map +1 -0
  133. package/esm/radio/index.mjs +29 -25
  134. package/esm/radio/index.mjs.map +1 -1
  135. package/esm/rate/index.mjs +13 -10
  136. package/esm/rate/index.mjs.map +1 -1
  137. package/esm/reset/index.mjs.map +1 -1
  138. package/esm/segmented/index.mjs +16 -12
  139. package/esm/segmented/index.mjs.map +1 -1
  140. package/esm/select/index.mjs +26 -22
  141. package/esm/select/index.mjs.map +1 -1
  142. package/esm/select-table/index.mjs +36 -33
  143. package/esm/select-table/index.mjs.map +1 -1
  144. package/esm/shared/overlay-elements.mjs +14 -11
  145. package/esm/shared/overlay-elements.mjs.map +1 -1
  146. package/esm/slider/index.mjs +13 -10
  147. package/esm/slider/index.mjs.map +1 -1
  148. package/esm/styles/form-button-group/index.css +1 -1
  149. package/esm/styles/form-item/index.css +1 -1
  150. package/esm/styles/query-form/index.css +1 -0
  151. package/esm/styles/query-form-item/index.css +1 -0
  152. package/esm/submit/index.mjs.map +1 -1
  153. package/esm/switch/index.mjs.map +1 -1
  154. package/esm/time-picker/index.mjs +9 -6
  155. package/esm/time-picker/index.mjs.map +1 -1
  156. package/esm/time-select/index.mjs +9 -6
  157. package/esm/time-select/index.mjs.map +1 -1
  158. package/esm/transfer/index.mjs.map +1 -1
  159. package/esm/tree/index.mjs +33 -29
  160. package/esm/tree/index.mjs.map +1 -1
  161. package/esm/tree/utils.mjs.map +1 -1
  162. package/esm/tree-select/index.mjs +18 -14
  163. package/esm/tree-select/index.mjs.map +1 -1
  164. package/esm/upload/index.mjs +10 -7
  165. package/esm/upload/index.mjs.map +1 -1
  166. package/esm/vendor/lodash.mjs +751 -663
  167. package/esm/vendor/lodash.mjs.map +1 -1
  168. package/esm/vendor/sizes.mjs.map +1 -1
  169. package/package.json +115 -115
@@ -1,14 +1,16 @@
1
+ import { ElScrollbar as P, ElBadge as q, ElEmpty as z } from "element-plus";
2
+ import { autorun as A } from "@formily/reactive";
3
+ import "@vueuse/core";
4
+ import { defineComponent as K, ref as I, createElementBlock as s, openBlock as a, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as V, createCommentVNode as k, createVNode as T, Fragment as b, renderList as F, toDisplayString as N, normalizeStyle as D } from "vue";
5
+ import "@formily/core";
6
+ import { formilyComputed as M } from "@silver-formily/reactive-vue";
7
+ import { useField as G, useFieldSchema as H, RecursionField as _ } from "@silver-formily/vue";
8
+ import { composeExport as J } from "../__builtins__/shared/utils.mjs";
1
9
  import { ArrayBase as y } from "../array-base/index.mjs";
2
- import { defineComponent as P, ref as A, createElementBlock as s, openBlock as a, normalizeClass as i, unref as e, createBlock as d, withCtx as h, createElementVNode as I, createCommentVNode as k, createVNode as T, Fragment as b, renderList as F, toDisplayString as q, normalizeStyle as z } from "vue";
3
- import { autorun as V } from "@formily/reactive";
4
10
  import { isArr as w } from "@formily/shared";
5
- import { formilyComputed as K } from "@silver-formily/reactive-vue";
6
- import { useField as N, useFieldSchema as D, RecursionField as _ } from "@silver-formily/vue";
7
- import { ElScrollbar as M, ElBadge as G, ElEmpty as H } from "element-plus";
8
- import { isRemoveComponent as B, isAdditionComponent as J, getArrayItemSchema as O } from "../array-base/utils.mjs";
11
+ import { isRemoveComponent as B, isAdditionComponent as O, getArrayItemSchema as Q } from "../array-base/utils.mjs";
9
12
  import { prefixCls as n, isTabTitleComponent as E } from "./utils.mjs";
10
- import { composeExport as Q } from "../__builtins__/shared/utils.mjs";
11
- import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "onClick"], W = ["id", "aria-labelledby"], X = /* @__PURE__ */ P({
13
+ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "onClick"], W = ["id", "aria-labelledby"], X = /* @__PURE__ */ K({
12
14
  name: "FArrayListTabs",
13
15
  __name: "array-list-tabs",
14
16
  props: {
@@ -26,41 +28,41 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
26
28
  }
27
29
  },
28
30
  setup(R) {
29
- const o = R, S = N(), g = D(), l = S.value, p = g.value, f = A(0), { getKey: C, keyMap: j } = y.useKey(g.value), v = K(() => o.showTitleFieldInTab ? l.value.map((m, u) => {
30
- const r = l.path.concat(u);
31
+ const o = R, S = G(), g = H(), l = S.value, u = g.value, f = I(0), { getKey: C, keyMap: j } = y.useKey(g.value), v = M(() => o.showTitleFieldInTab ? l.value.map((m, p) => {
32
+ const r = l.path.concat(p);
31
33
  return l.form.queryFeedbacks({
32
34
  type: "error",
33
35
  path: `${r}.*(!${o.tabTitleField})`
34
36
  }).length;
35
- }) : l.value.map((m, u) => {
36
- const r = l.path.concat(u);
37
+ }) : l.value.map((m, p) => {
38
+ const r = l.path.concat(p);
37
39
  return l.form.queryFeedbacks({
38
40
  type: "error",
39
41
  path: `${r}.**`
40
42
  }).length;
41
- })), $ = A();
42
- V(() => {
43
+ })), $ = I();
44
+ A(() => {
43
45
  if (o.showTitleFieldInTab) {
44
- const m = l.value.map((u, r) => [
46
+ const m = l.value.map((p, r) => [
45
47
  r,
46
48
  v.value[r]
47
49
  ].join("|")).join(",");
48
50
  $.value = m;
49
51
  } else {
50
- const m = l.value.map((u, r) => [
52
+ const m = l.value.map((p, r) => [
51
53
  r,
52
- u?.[o.tabTitleField],
54
+ p?.[o.tabTitleField],
53
55
  v.value[r]
54
56
  ].join("|")).join(",");
55
57
  $.value = m;
56
58
  }
57
- }), V(() => {
59
+ }), A(() => {
58
60
  l.value.length > 0 && f.value >= l.value.length && (f.value = l.value.length - 1);
59
61
  });
60
62
  function L(m) {
61
63
  return `${m?.[o.tabTitleField] || "未命名条目"}`;
62
64
  }
63
- return (m, u) => (a(), s("div", {
65
+ return (m, p) => (a(), s("div", {
64
66
  class: i(e(n))
65
67
  }, [
66
68
  (a(), d(e(y), {
@@ -68,10 +70,10 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
68
70
  "key-map": e(j)
69
71
  }, {
70
72
  default: h(() => [
71
- I("ul", {
73
+ V("ul", {
72
74
  class: i(`${e(n)}_list`)
73
75
  }, [
74
- T(e(M), {
76
+ T(e(P), {
75
77
  class: i(`${e(n)}_list--scroll-wrapper`)
76
78
  }, {
77
79
  default: h(() => [
@@ -92,10 +94,10 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
92
94
  "aria-controls": `${e(l).props.name}-tab-panel-${t}`,
93
95
  onClick: () => f.value = t
94
96
  }, [
95
- I("div", {
97
+ V("div", {
96
98
  class: i(`${e(n)}_list-item--content`)
97
99
  }, [
98
- T(e(G), {
100
+ T(e(q), {
99
101
  class: i([`${e(n)}-errors-badge`]),
100
102
  value: e(v)[t],
101
103
  offset: [5, 0],
@@ -103,9 +105,9 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
103
105
  }, {
104
106
  default: h(() => [
105
107
  o.showTitleFieldInTab ? (a(), s(b, { key: 1 }, [
106
- e(w)(e(p).items) ? k("", !0) : (a(), d(e(_), {
108
+ e(w)(e(u).items) ? k("", !0) : (a(), d(e(_), {
107
109
  key: 0,
108
- schema: e(p).items,
110
+ schema: e(u).items,
109
111
  name: t,
110
112
  "filter-properties": (c) => e(E)(c, o.tabTitleField),
111
113
  "only-render-properties": ""
@@ -113,14 +115,14 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
113
115
  ], 64)) : (a(), s("span", {
114
116
  key: 0,
115
117
  class: i(`${e(n)}_list-item--title`)
116
- }, q(L(r)), 3))
118
+ }, N(L(r)), 3))
117
119
  ]),
118
120
  _: 2
119
121
  }, 1032, ["class", "value", "hidden"])
120
122
  ], 2),
121
- e(w)(e(p).items) ? k("", !0) : (a(), d(e(_), {
123
+ e(w)(e(u).items) ? k("", !0) : (a(), d(e(_), {
122
124
  key: 0,
123
- schema: e(p).items,
125
+ schema: e(u).items,
124
126
  name: t,
125
127
  "filter-properties": (c) => e(B)(c),
126
128
  "only-render-properties": ""
@@ -132,8 +134,8 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
132
134
  ]),
133
135
  _: 1
134
136
  }, 8, ["class"]),
135
- (a(!0), s(b, null, F(e(p).properties, (r, t) => (a(), s(b, { key: t }, [
136
- e(J)(r) ? (a(), d(e(_), {
137
+ (a(!0), s(b, null, F(e(u).properties, (r, t) => (a(), s(b, { key: t }, [
138
+ e(O)(r) ? (a(), d(e(_), {
137
139
  key: 0,
138
140
  schema: r,
139
141
  name: "addition"
@@ -144,7 +146,7 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
144
146
  key: 0,
145
147
  class: i(`${e(n)}-tabpane`)
146
148
  }, [
147
- T(e(H), { "image-size": 100 })
149
+ T(e(z), { "image-size": 100 })
148
150
  ], 2)) : k("", !0),
149
151
  (a(!0), s(b, null, F(o.modelValue, (r, t) => (a(), d(e(y).Item, {
150
152
  key: e(C)(r, t),
@@ -156,12 +158,12 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
156
158
  id: `${e(l).props.name}-tab-panel-${t}`,
157
159
  key: e(C)(r, t),
158
160
  class: i(`${e(n)}-tabpane`),
159
- style: z({ display: f.value === t ? void 0 : "none" }),
161
+ style: D({ display: f.value === t ? void 0 : "none" }),
160
162
  role: "tabpanel",
161
163
  "aria-labelledby": `${e(l).props.name}-tab-${t}`
162
164
  }, [
163
165
  T(e(_), {
164
- schema: e(O)(e(p), t),
166
+ schema: e(Q)(e(u), t),
165
167
  name: t,
166
168
  "filter-properties": (c) => e(B)(c) ? !1 : o.showTitleFieldInTab ? !e(E)(c, o.tabTitleField) : !0,
167
169
  "only-render-properties": ""
@@ -175,12 +177,12 @@ import '../styles/array-list-tabs/index.css';const U = ["id", "aria-controls", "
175
177
  }, 8, ["key-map"]))
176
178
  ], 2));
177
179
  }
178
- }), ie = Q(X, {
180
+ }), me = J(X, {
179
181
  Addition: y.Addition,
180
182
  Remove: y.Remove
181
183
  });
182
184
  export {
183
- ie as ArrayListTabs,
184
- ie as default
185
+ me as ArrayListTabs,
186
+ me as default
185
187
  };
186
188
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/array-list-tabs/array-list-tabs.vue","../../src/array-list-tabs/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { ISchema } from '@formily/json-schema'\r\nimport { autorun } from '@formily/reactive'\r\nimport { isArr } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElEmpty, ElScrollbar } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { ArrayBase } from '../array-base'\r\nimport { getArrayItemSchema, isAdditionComponent, isRemoveComponent } from '../array-base/utils'\r\nimport { isTabTitleComponent, prefixCls } from './utils'\r\nimport './style.scss'\r\n\r\ndefineOptions({\r\n name: 'FArrayListTabs',\r\n})\r\n\r\nconst props = defineProps({\r\n tabTitleField: {\r\n required: true,\r\n type: String,\r\n },\r\n showTitleFieldInTab: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n modelValue: {\r\n type: Array,\r\n default: () => [],\r\n },\r\n})\r\n\r\nconst fieldRef = useField<ArrayField>()\r\nconst schemaRef = useFieldSchema()\r\nconst field = fieldRef.value\r\nconst schema = schemaRef.value\r\n\r\nconst activeIndex = ref(0)\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst errorCountList = formilyComputed(() => {\r\n if (props.showTitleFieldInTab) {\r\n return field.value.map((item, index) => {\r\n const path = field.path.concat(index)\r\n return field.form.queryFeedbacks({\r\n type: 'error',\r\n path: `${path}.*(!${props.tabTitleField})`,\r\n }).length\r\n })\r\n }\r\n return field.value.map((item, index) => {\r\n const path = field.path.concat(index)\r\n return field.form.queryFeedbacks({\r\n type: 'error',\r\n path: `${path}.**`,\r\n }).length\r\n })\r\n})\r\n\r\n// 保证arrayBase在必要时重新渲染\r\nconst arrayBaseKey = ref()\r\n\r\nautorun(() => {\r\n if (props.showTitleFieldInTab) {\r\n const key = field.value.map((item, index) => {\r\n const keyParts = [\r\n index,\r\n errorCountList.value[index],\r\n ]\r\n return keyParts.join('|')\r\n }).join(',')\r\n arrayBaseKey.value = key\r\n }\r\n else {\r\n const key = field.value.map((item, index) => {\r\n const keyParts = [\r\n index,\r\n item?.[props.tabTitleField],\r\n errorCountList.value[index],\r\n ]\r\n return keyParts.join('|')\r\n }).join(',')\r\n arrayBaseKey.value = key\r\n }\r\n})\r\n\r\nautorun(() => {\r\n if (field.value.length > 0 && activeIndex.value >= field.value.length) {\r\n activeIndex.value = field.value.length - 1\r\n }\r\n})\r\n\r\nfunction getTabTitle(item) {\r\n return `${item?.[props.tabTitleField] || '未命名条目'}`\r\n}\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase :key=\"props.modelValue.length\" :key-map=\"keyMap\">\r\n <ul :class=\"`${prefixCls}_list`\">\r\n <ElScrollbar :class=\"`${prefixCls}_list--scroll-wrapper`\">\r\n <ArrayBase.Item\r\n v-for=\"(item, index) in props.modelValue\"\r\n :key=\"index\"\r\n :index=\"index\"\r\n :record=\"item\"\r\n >\r\n <li\r\n :id=\"`${field.props.name}-tab-${index}`\"\r\n :key=\"arrayBaseKey\"\r\n :class=\"[\r\n `${prefixCls}_list-item`,\r\n activeIndex === index && 'is-active',\r\n ]\"\r\n role=\"tab\"\r\n :aria-controls=\"`${field.props.name}-tab-panel-${index}`\"\r\n @click=\"() => activeIndex = index\"\r\n >\r\n <div :class=\"`${prefixCls}_list-item--content`\">\r\n <ElBadge\r\n :class=\"[`${prefixCls}-errors-badge`]\"\r\n :value=\"errorCountList[index]\"\r\n :offset=\"[5, 0]\"\r\n :hidden=\"errorCountList[index] === 0\"\r\n >\r\n <template v-if=\"!props.showTitleFieldInTab\">\r\n <span :class=\"`${prefixCls}_list-item--title`\">{{ getTabTitle(item) }}</span>\r\n </template>\r\n <template v-else>\r\n <RecursionField\r\n v-if=\"!isArr(schema.items)\"\r\n :schema=\"schema.items\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isTabTitleComponent(schema, props.tabTitleField)\"\r\n only-render-properties\r\n />\r\n </template>\r\n </ElBadge>\r\n </div>\r\n <!-- remove icon -->\r\n <RecursionField\r\n v-if=\"!isArr(schema.items)\"\r\n :schema=\"schema.items\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => isRemoveComponent(schema)\"\r\n only-render-properties\r\n />\r\n </li>\r\n </ArrayBase.Item>\r\n </ElScrollbar>\r\n <template v-for=\"(property, key) in schema.properties\" :key=\"key\">\r\n <RecursionField\r\n v-if=\"isAdditionComponent(property)\"\r\n :schema=\"property\"\r\n name=\"addition\"\r\n />\r\n </template>\r\n </ul>\r\n <div v-if=\"props.modelValue.length === 0\" :class=\"`${prefixCls}-tabpane`\">\r\n <ElEmpty :image-size=\"100\" />\r\n </div>\r\n <ArrayBase.Item\r\n v-for=\"(item, index) in props.modelValue\"\r\n :key=\"getKey(item, index)\"\r\n :index=\"index\"\r\n :record=\"item\"\r\n >\r\n <!-- tab-panel -->\r\n <div\r\n :id=\"`${field.props.name}-tab-panel-${index}`\"\r\n :key=\"getKey(item, index)\"\r\n :class=\"`${prefixCls}-tabpane`\"\r\n :style=\"{ display: activeIndex === index ? undefined : 'none' }\"\r\n role=\"tabpanel\"\r\n :aria-labelledby=\"`${field.props.name}-tab-${index}`\"\r\n >\r\n <RecursionField\r\n :schema=\"getArrayItemSchema(schema, index)\"\r\n :name=\"index\"\r\n :filter-properties=\"(schema: ISchema) => {\r\n if (isRemoveComponent(schema)) {\r\n return false\r\n }\r\n if (props.showTitleFieldInTab) {\r\n return !isTabTitleComponent(schema, props.tabTitleField)\r\n }\r\n return true\r\n }\"\r\n only-render-properties\r\n />\r\n </div>\r\n </ArrayBase.Item>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayListTabsInner from './array-list-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayListTabs = composeExport(ArrayListTabsInner, {\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n})\r\n\r\nexport default ArrayListTabs\r\n"],"names":["props","__props","fieldRef","useField","schemaRef","useFieldSchema","field","schema","activeIndex","ref","getKey","keyMap","ArrayBase","errorCountList","formilyComputed","item","index","path","arrayBaseKey","autorun","key","getTabTitle","_createElementBlock","_unref","prefixCls","_createBlock","_createElementVNode","_createVNode","ElScrollbar","_openBlock","_Fragment","_normalizeClass","ElBadge","isArr","RecursionField","isTabTitleComponent","_toDisplayString","isRemoveComponent","property","isAdditionComponent","ElEmpty","_normalizeStyle","getArrayItemSchema","ArrayListTabs","composeExport","ArrayListTabsInner"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/array-list-tabs/array-list-tabs.vue","../../src/array-list-tabs/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ArrayField } from '@formily/core'\nimport type { ISchema } from '@formily/json-schema'\nimport { autorun } from '@formily/reactive'\nimport { isArr } from '@formily/shared'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElEmpty, ElScrollbar } from 'element-plus'\nimport { ref } from 'vue'\nimport { ArrayBase } from '../array-base'\nimport { getArrayItemSchema, isAdditionComponent, isRemoveComponent } from '../array-base/utils'\nimport { isTabTitleComponent, prefixCls } from './utils'\nimport './style.scss'\n\ndefineOptions({\n name: 'FArrayListTabs',\n})\n\nconst props = defineProps({\n tabTitleField: {\n required: true,\n type: String,\n },\n showTitleFieldInTab: {\n type: Boolean,\n default: false,\n },\n modelValue: {\n type: Array,\n default: () => [],\n },\n})\n\nconst fieldRef = useField<ArrayField>()\nconst schemaRef = useFieldSchema()\nconst field = fieldRef.value\nconst schema = schemaRef.value\n\nconst activeIndex = ref(0)\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst errorCountList = formilyComputed(() => {\n if (props.showTitleFieldInTab) {\n return field.value.map((item, index) => {\n const path = field.path.concat(index)\n return field.form.queryFeedbacks({\n type: 'error',\n path: `${path}.*(!${props.tabTitleField})`,\n }).length\n })\n }\n return field.value.map((item, index) => {\n const path = field.path.concat(index)\n return field.form.queryFeedbacks({\n type: 'error',\n path: `${path}.**`,\n }).length\n })\n})\n\n// 保证arrayBase在必要时重新渲染\nconst arrayBaseKey = ref()\n\nautorun(() => {\n if (props.showTitleFieldInTab) {\n const key = field.value.map((item, index) => {\n const keyParts = [\n index,\n errorCountList.value[index],\n ]\n return keyParts.join('|')\n }).join(',')\n arrayBaseKey.value = key\n }\n else {\n const key = field.value.map((item, index) => {\n const keyParts = [\n index,\n item?.[props.tabTitleField],\n errorCountList.value[index],\n ]\n return keyParts.join('|')\n }).join(',')\n arrayBaseKey.value = key\n }\n})\n\nautorun(() => {\n if (field.value.length > 0 && activeIndex.value >= field.value.length) {\n activeIndex.value = field.value.length - 1\n }\n})\n\nfunction getTabTitle(item) {\n return `${item?.[props.tabTitleField] || '未命名条目'}`\n}\n</script>\n\n<template>\n <div :class=\"prefixCls\">\n <ArrayBase :key=\"props.modelValue.length\" :key-map=\"keyMap\">\n <ul :class=\"`${prefixCls}_list`\">\n <ElScrollbar :class=\"`${prefixCls}_list--scroll-wrapper`\">\n <ArrayBase.Item\n v-for=\"(item, index) in props.modelValue\"\n :key=\"index\"\n :index=\"index\"\n :record=\"item\"\n >\n <li\n :id=\"`${field.props.name}-tab-${index}`\"\n :key=\"arrayBaseKey\"\n :class=\"[\n `${prefixCls}_list-item`,\n activeIndex === index && 'is-active',\n ]\"\n role=\"tab\"\n :aria-controls=\"`${field.props.name}-tab-panel-${index}`\"\n @click=\"() => activeIndex = index\"\n >\n <div :class=\"`${prefixCls}_list-item--content`\">\n <ElBadge\n :class=\"[`${prefixCls}-errors-badge`]\"\n :value=\"errorCountList[index]\"\n :offset=\"[5, 0]\"\n :hidden=\"errorCountList[index] === 0\"\n >\n <template v-if=\"!props.showTitleFieldInTab\">\n <span :class=\"`${prefixCls}_list-item--title`\">{{ getTabTitle(item) }}</span>\n </template>\n <template v-else>\n <RecursionField\n v-if=\"!isArr(schema.items)\"\n :schema=\"schema.items\"\n :name=\"index\"\n :filter-properties=\"(schema: ISchema) => isTabTitleComponent(schema, props.tabTitleField)\"\n only-render-properties\n />\n </template>\n </ElBadge>\n </div>\n <!-- remove icon -->\n <RecursionField\n v-if=\"!isArr(schema.items)\"\n :schema=\"schema.items\"\n :name=\"index\"\n :filter-properties=\"(schema: ISchema) => isRemoveComponent(schema)\"\n only-render-properties\n />\n </li>\n </ArrayBase.Item>\n </ElScrollbar>\n <template v-for=\"(property, key) in schema.properties\" :key=\"key\">\n <RecursionField\n v-if=\"isAdditionComponent(property)\"\n :schema=\"property\"\n name=\"addition\"\n />\n </template>\n </ul>\n <div v-if=\"props.modelValue.length === 0\" :class=\"`${prefixCls}-tabpane`\">\n <ElEmpty :image-size=\"100\" />\n </div>\n <ArrayBase.Item\n v-for=\"(item, index) in props.modelValue\"\n :key=\"getKey(item, index)\"\n :index=\"index\"\n :record=\"item\"\n >\n <!-- tab-panel -->\n <div\n :id=\"`${field.props.name}-tab-panel-${index}`\"\n :key=\"getKey(item, index)\"\n :class=\"`${prefixCls}-tabpane`\"\n :style=\"{ display: activeIndex === index ? undefined : 'none' }\"\n role=\"tabpanel\"\n :aria-labelledby=\"`${field.props.name}-tab-${index}`\"\n >\n <RecursionField\n :schema=\"getArrayItemSchema(schema, index)\"\n :name=\"index\"\n :filter-properties=\"(schema: ISchema) => {\n if (isRemoveComponent(schema)) {\n return false\n }\n if (props.showTitleFieldInTab) {\n return !isTabTitleComponent(schema, props.tabTitleField)\n }\n return true\n }\"\n only-render-properties\n />\n </div>\n </ArrayBase.Item>\n </ArrayBase>\n </div>\n</template>\n","import { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayListTabsInner from './array-list-tabs.vue'\r\nimport './style.scss'\r\n\r\nexport const ArrayListTabs = composeExport(ArrayListTabsInner, {\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n})\r\n\r\nexport default ArrayListTabs\r\n"],"names":["props","__props","fieldRef","useField","schemaRef","useFieldSchema","field","schema","activeIndex","ref","getKey","keyMap","ArrayBase","errorCountList","formilyComputed","item","index","path","arrayBaseKey","autorun","key","getTabTitle","_createElementBlock","_unref","prefixCls","_createBlock","_createElementVNode","_createVNode","ElScrollbar","_openBlock","_Fragment","_normalizeClass","ElBadge","isArr","RecursionField","isTabTitleComponent","_toDisplayString","isRemoveComponent","property","isAdditionComponent","ElEmpty","_normalizeStyle","getArrayItemSchema","ArrayListTabs","composeExport","ArrayListTabsInner"],"mappings":"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"}
@@ -1,10 +1,17 @@
1
- import { stylePrefix as e } from "../__builtins__/configs/index.mjs";
2
- const n = `${e}-array-list-tabs`;
3
- function o(r, t) {
1
+ import { stylePrefix as i } from "../__builtins__/configs/index.mjs";
2
+ import "element-plus";
3
+ import "@formily/reactive";
4
+ import "@vueuse/core";
5
+ import "vue";
6
+ import "@formily/core";
7
+ import "@silver-formily/reactive-vue";
8
+ import "@silver-formily/vue";
9
+ const l = `${i}-array-list-tabs`;
10
+ function x(r, t) {
4
11
  return r.type !== "void" ? r.name === t : r.properties ? t in r.properties : !1;
5
12
  }
6
13
  export {
7
- o as isTabTitleComponent,
8
- n as prefixCls
14
+ x as isTabTitleComponent,
15
+ l as prefixCls
9
16
  };
10
17
  //# sourceMappingURL=utils.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.mjs","sources":["../../src/array-list-tabs/utils.ts"],"sourcesContent":["import type { ISchema } from '@formily/json-schema'\r\nimport { stylePrefix } from '../__builtins__'\r\n\r\nexport const prefixCls = `${stylePrefix}-array-list-tabs`\r\n\r\nexport function isTabTitleComponent(schema: ISchema, tabTitleField: string) {\r\n if (schema.type !== 'void') {\r\n return schema.name === tabTitleField\r\n }\r\n if (schema.properties) {\r\n return tabTitleField in schema.properties\r\n }\r\n return false\r\n}\r\n"],"names":["prefixCls","stylePrefix","isTabTitleComponent","schema","tabTitleField"],"mappings":";AAGO,MAAMA,IAAY,GAAGC,CAAW;AAEhC,SAASC,EAAoBC,GAAiBC,GAAuB;AAC1E,SAAID,EAAO,SAAS,SACXA,EAAO,SAASC,IAErBD,EAAO,aACFC,KAAiBD,EAAO,aAE1B;AACT;"}
1
+ {"version":3,"file":"utils.mjs","sources":["../../src/array-list-tabs/utils.ts"],"sourcesContent":["import type { ISchema } from '@formily/json-schema'\nimport { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-array-list-tabs`\n\nexport function isTabTitleComponent(schema: ISchema, tabTitleField: string) {\n if (schema.type !== 'void') {\n return schema.name === tabTitleField\n }\n if (schema.properties) {\n return tabTitleField in schema.properties\n }\n return false\n}\n"],"names":["prefixCls","stylePrefix","isTabTitleComponent","schema","tabTitleField"],"mappings":";;;;;;;;AAGO,MAAMA,IAAY,GAAGC,CAAW;AAEhC,SAASC,EAAoBC,GAAiBC,GAAuB;AAC1E,SAAID,EAAO,SAAS,SACXA,EAAO,SAASC,IAErBD,EAAO,aACFC,KAAiBD,EAAO,aAE1B;AACT;"}
@@ -1,18 +1,20 @@
1
- import { ArrayBase as o } from "../array-base/index.mjs";
2
- import { defineComponent as Y, computed as y, ref as g, watch as Z, createElementBlock as m, openBlock as n, normalizeClass as z, unref as t, createBlock as i, withCtx as f, createVNode as ee, createCommentVNode as A, withDirectives as re, mergeProps as k, Fragment as h, renderList as _, resolveDynamicComponent as ae, createElementVNode as te, createTextVNode as ne, toDisplayString as oe, nextTick as le } from "vue";
3
- import { reaction as se, autorun as ue } from "@formily/reactive";
4
- import { isEqual as ie, isArr as R } from "@formily/shared";
5
- import { formilyComputed as pe } from "@silver-formily/reactive-vue";
6
- import { useField as ce, useFieldSchema as de, RecursionField as w } from "@silver-formily/vue";
7
- import { ElTable as me, ElTableColumn as fe, vLoading as ve } from "element-plus";
8
- import { VueDraggable as ye } from "vue-draggable-plus";
9
- import { isAdditionComponent as ge } from "../array-base/utils.mjs";
10
- import be from "../pagination/pagination.mjs";
11
- import { isColumnComponent as F, prefixCls as D, isTableComponent as ke, hasRequiredProperty as he } from "./utils.mjs";
12
- import { o as xe } from "../vendor/lodash.mjs";
13
- import { useCleanAttrs as Ce, composeExport as Pe } from "../__builtins__/shared/utils.mjs";
14
- import { stylePrefix as Se } from "../__builtins__/configs/index.mjs";
15
- import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE__ */ Y({
1
+ import { ElTable as Y, ElTableColumn as Z, vLoading as ee } from "element-plus";
2
+ import { reaction as re, autorun as ae } from "@formily/reactive";
3
+ import "@vueuse/core";
4
+ import { defineComponent as te, computed as y, ref as g, watch as oe, createElementBlock as m, openBlock as o, normalizeClass as z, unref as t, createBlock as u, withCtx as f, createVNode as ne, createCommentVNode as A, withDirectives as le, mergeProps as k, Fragment as h, renderList as _, resolveDynamicComponent as se, createElementVNode as ie, createTextVNode as ue, toDisplayString as pe, nextTick as ce } from "vue";
5
+ import "@formily/core";
6
+ import { formilyComputed as de } from "@silver-formily/reactive-vue";
7
+ import { useField as me, useFieldSchema as fe, RecursionField as R } from "@silver-formily/vue";
8
+ import { useCleanAttrs as ve, composeExport as ye } from "../__builtins__/shared/utils.mjs";
9
+ import { ArrayBase as n } from "../array-base/index.mjs";
10
+ import { isEqual as ge, isArr as w } from "@formily/shared";
11
+ import { VueDraggable as be } from "vue-draggable-plus";
12
+ import { stylePrefix as ke } from "../__builtins__/configs/index.mjs";
13
+ import { isAdditionComponent as he } from "../array-base/utils.mjs";
14
+ import xe from "../pagination/pagination.mjs";
15
+ import { isColumnComponent as F, prefixCls as D, isTableComponent as Ce, hasRequiredProperty as Pe } from "./utils.mjs";
16
+ import { o as Se } from "../vendor/lodash.mjs";
17
+ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE__ */ te({
16
18
  name: "FArrayTable",
17
19
  inheritAttrs: !1,
18
20
  __name: "array-table",
@@ -23,9 +25,9 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
23
25
  height: {}
24
26
  },
25
27
  setup(V) {
26
- const c = V, { props: B } = Ce(), N = y(() => xe(c.paginationProps, ["pageSize", "currentPage"])), x = ce(), l = x.value, C = de(), U = y(() => C.value?.properties ?? {}), { getKey: P, keyMap: $ } = o.useKey(C.value), E = g();
28
+ const c = V, { props: B } = ve(), N = y(() => Se(c.paginationProps, ["pageSize", "currentPage"])), x = me(), l = x.value, C = fe(), U = y(() => C.value?.properties ?? {}), { getKey: P, keyMap: $ } = n.useKey(C.value), E = g();
27
29
  function I(a) {
28
- return ke(a) ? H(a) : a.properties ? Object.values(a.properties).flatMap((r) => I(r)) : [];
30
+ return Ce(a) ? H(a) : a.properties ? Object.values(a.properties).flatMap((r) => I(r)) : [];
29
31
  }
30
32
  function H(a) {
31
33
  const r = a["x-component-props"]?.prop || a.name;
@@ -36,7 +38,7 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
36
38
  return [{
37
39
  name: r,
38
40
  display: e?.display || a["x-display"],
39
- required: he(a),
41
+ required: Pe(a),
40
42
  field: e,
41
43
  fieldProps: e?.props || a.toFieldProps(),
42
44
  schema: a,
@@ -44,7 +46,7 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
44
46
  }];
45
47
  }
46
48
  const S = g(0);
47
- se(() => {
49
+ re(() => {
48
50
  const a = l.path.entire;
49
51
  return l.query(`${a}.*`).map((r) => ({
50
52
  name: r.component[0],
@@ -52,11 +54,11 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
52
54
  })).filter((r) => r.name.includes("Column"));
53
55
  }, async () => {
54
56
  S.value++;
55
- }, { equals: ie });
57
+ }, { equals: ge });
56
58
  const v = g([]), d = g(c.paginationProps?.pageSize ?? 10), p = g(c.paginationProps?.currentPage ?? 1);
57
59
  function M() {
58
60
  /* istanbul ignore if -- @preserve */
59
- if (!R(l.value)) {
61
+ if (!w(l.value)) {
60
62
  v.value = [];
61
63
  return;
62
64
  }
@@ -66,18 +68,18 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
66
68
  }
67
69
  v.value = l.value.slice((p.value - 1) * d.value, p.value * d.value);
68
70
  }
69
- Z([d, p], M), ue(M);
70
- const T = pe(() => {
71
+ oe([d, p], M), ae(M);
72
+ const T = de(() => {
71
73
  const a = C.value.items;
72
- return (R(a) ? a : [a]).reduce((e, u) => {
73
- const s = I(u);
74
+ return (w(a) ? a : [a]).reduce((e, i) => {
75
+ const s = I(i);
74
76
  return e.concat(s);
75
77
  }, []).filter((e) => e.display !== "none");
76
78
  }), K = y(() => (T.value ?? []).map((r, e) => ({ source: r, index: e })).filter(({ source: r }) => r.display === "visible" && F(r.schema)).map(({ source: r, index: e }) => {
77
- const { name: u, columnProps: s, required: b, field: W } = r, { title: G, asterisk: J, ...Q } = s, X = {
79
+ const { name: i, columnProps: s, required: b, field: W } = r, { title: G, asterisk: J, ...Q } = s, X = {
78
80
  label: G,
79
81
  ...Q,
80
- prop: u
82
+ prop: i
81
83
  };
82
84
  return {
83
85
  key: e,
@@ -88,7 +90,7 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
88
90
  })), L = y(() => (T.value ?? []).filter((r) => r.display !== "none" && F(r.schema))), q = y(() => (p.value - 1) * d.value);
89
91
  async function O() {
90
92
  if (c.pagination === !1) {
91
- await le();
93
+ await ce();
92
94
  const a = E.value?.$el.querySelector(".el-scrollbar__wrap");
93
95
  a?.scrollTo({
94
96
  top: a.scrollHeight,
@@ -96,7 +98,8 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
96
98
  });
97
99
  return;
98
100
  }
99
- if (!R(l.value)) {
101
+ /* istanbul ignore if -- @preserve */
102
+ if (!w(l.value)) {
100
103
  p.value = 1;
101
104
  return;
102
105
  }
@@ -106,44 +109,44 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
106
109
  const { oldIndex: r, newIndex: e } = a;
107
110
  await l.move(r, e), S.value++;
108
111
  }
109
- return (a, r) => (n(), m("div", {
112
+ return (a, r) => (o(), m("div", {
110
113
  class: z(t(D))
111
114
  }, [
112
- (n(), i(t(o), {
115
+ (o(), u(t(n), {
113
116
  key: S.value,
114
117
  "key-map": t($),
115
118
  add: O
116
119
  }, {
117
120
  default: f(() => [
118
- ee(t(ye), {
121
+ ne(t(be), {
119
122
  "model-value": v.value,
120
123
  target: "tbody",
121
- handle: `.${t(Se)}-array-base-sort-handle`,
124
+ handle: `.${t(ke)}-array-base-sort-handle`,
122
125
  animation: 150,
123
126
  onEnd: j
124
127
  }, {
125
128
  default: f(() => [
126
- re((n(), i(t(me), k({
129
+ le((o(), u(t(Y), k({
127
130
  ref_key: "elTableRef",
128
131
  ref: E,
129
132
  "row-key": t(P),
130
133
  data: v.value
131
134
  }, t(B)), {
132
135
  default: f(() => [
133
- (n(!0), m(h, null, _(K.value, (e, u) => (n(), i(t(fe), k({
136
+ (o(!0), m(h, null, _(K.value, (e, i) => (o(), u(t(Z), k({
134
137
  key: e.key,
135
138
  ref_for: !0
136
139
  }, e.props), {
137
140
  default: f(({ row: s, $index: b }) => [
138
- (n(), i(t(o).Item, {
141
+ (o(), u(t(n).Item, {
139
142
  key: t(P)(s),
140
143
  index: b + q.value,
141
144
  record: s
142
145
  }, {
143
146
  default: f(() => [
144
- (n(), i(t(w), {
147
+ (o(), u(t(R), {
145
148
  key: `${t(P)(s)}`,
146
- schema: t(T)[u].schema,
149
+ schema: t(T)[i].schema,
147
150
  name: b + q.value,
148
151
  "only-render-properties": ""
149
152
  }, null, 8, ["schema", "name"]))
@@ -152,14 +155,14 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
152
155
  }, 1032, ["index", "record"]))
153
156
  ]),
154
157
  header: f(({ column: s }) => [
155
- e.field.content?.header ? (n(), i(ae(e.field.content.header), k({
158
+ e.field.content?.header ? (o(), u(se(e.field.content.header), k({
156
159
  key: 0,
157
160
  ref_for: !0
158
- }, { ...s, field: t(l) }), null, 16)) : e.asterisk ? (n(), m("span", Te, [
159
- te("span", {
161
+ }, { ...s, field: t(l) }), null, 16)) : e.asterisk ? (o(), m("span", Te, [
162
+ ie("span", {
160
163
  class: z(`${t(D)}-asterisk`)
161
164
  }, "*", 2),
162
- ne(" " + oe(s.label), 1)
165
+ ue(" " + pe(s.label), 1)
163
166
  ])) : A("", !0)
164
167
  ]),
165
168
  _: 2
@@ -167,18 +170,18 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
167
170
  ]),
168
171
  _: 1
169
172
  }, 16, ["row-key", "data"])), [
170
- [t(ve), t(l).loading]
173
+ [t(ee), t(l).loading]
171
174
  ])
172
175
  ]),
173
176
  _: 1
174
177
  }, 8, ["model-value", "handle"]),
175
- (n(!0), m(h, null, _(L.value, (e, u) => (n(), i(t(w), {
176
- key: u,
178
+ (o(!0), m(h, null, _(L.value, (e, i) => (o(), u(t(R), {
179
+ key: i,
177
180
  name: e.name,
178
181
  schema: e.schema,
179
182
  "only-render-self": !0
180
183
  }, null, 8, ["name", "schema"]))), 128)),
181
- c.pagination ? (n(), i(t(be), k({
184
+ c.pagination ? (o(), u(t(xe), k({
182
185
  key: 0,
183
186
  "current-page": p.value,
184
187
  "onUpdate:currentPage": r[0] || (r[0] = (e) => p.value = e),
@@ -189,8 +192,8 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
189
192
  layout: "total, sizes, prev, pager, next",
190
193
  total: c.modelValue.length
191
194
  }, N.value), null, 16, ["current-page", "page-size", "class", "total"])) : A("", !0),
192
- (n(!0), m(h, null, _(U.value, (e, u) => (n(), m(h, { key: u }, [
193
- t(ge)(e) ? (n(), i(t(w), {
195
+ (o(!0), m(h, null, _(U.value, (e, i) => (o(), m(h, { key: i }, [
196
+ t(he)(e) ? (o(), u(t(R), {
194
197
  key: 0,
195
198
  schema: e,
196
199
  name: "addition"
@@ -206,20 +209,20 @@ import '../styles/array-table/index.css';const Te = { key: 1 }, Ae = /* @__PURE_
206
209
  render() {
207
210
  return null;
208
211
  }
209
- }, He = Pe(Ae, {
212
+ }, Le = ye(Ae, {
210
213
  Column: _e,
211
- Index: o.Index,
212
- SortHandle: o.SortHandle,
213
- Addition: o.Addition,
214
- Remove: o.Remove,
215
- MoveDown: o.MoveDown,
216
- MoveUp: o.MoveUp,
217
- useArray: o.useArray,
218
- useIndex: o.useIndex,
219
- useRecord: o.useRecord
214
+ Index: n.Index,
215
+ SortHandle: n.SortHandle,
216
+ Addition: n.Addition,
217
+ Remove: n.Remove,
218
+ MoveDown: n.MoveDown,
219
+ MoveUp: n.MoveUp,
220
+ useArray: n.useArray,
221
+ useIndex: n.useIndex,
222
+ useRecord: n.useRecord
220
223
  });
221
224
  export {
222
- He as ArrayTable,
223
- He as default
225
+ Le as ArrayTable,
226
+ Le as default
224
227
  };
225
228
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/array-table/array-table.vue","../../src/array-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { ArrayField } from '@formily/core'\r\nimport type { Schema } from '@formily/json-schema'\r\nimport type { TableInstance } from 'element-plus'\r\nimport type { IArrayTableProps } from './types'\r\nimport { autorun, reaction } from '@formily/reactive'\r\nimport { isArr, isEqual } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElTable, ElTableColumn, vLoading } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { VueDraggable } from 'vue-draggable-plus'\r\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\r\nimport { ArrayBase } from '../array-base'\r\nimport { isAdditionComponent } from '../array-base/utils'\r\nimport ElPagination from '../pagination/pagination'\r\nimport { hasRequiredProperty, isColumnComponent, isTableComponent, prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FArrayTable',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IArrayTableProps>(), {\r\n modelValue: () => [],\r\n pagination: true,\r\n})\r\nconst { props: elTableProps } = useCleanAttrs()\r\nconst paginationProps = computed(() => omit(props.paginationProps, ['pageSize', 'currentPage']))\r\nconst fieldRef = useField<ArrayField>()\r\nconst field = fieldRef.value\r\nconst schemaRef = useFieldSchema()\r\nconst additionSchemas = computed<Record<string, Schema>>(() => schemaRef.value?.properties ?? {})\r\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\r\n\r\nconst elTableRef = ref<TableInstance>()\r\n\r\nfunction extractTableSources(schema: Schema): any[] {\r\n if (isTableComponent(schema)) {\r\n return createTableSource(schema)\r\n }\r\n return schema.properties\r\n ? Object.values(schema.properties).flatMap(element => extractTableSources(element))\r\n : []\r\n}\r\n\r\nfunction createTableSource(schema: Schema): any[] {\r\n const propName = schema['x-component-props']?.prop || schema.name\r\n /* istanbul ignore if -- @preserve */\r\n if (!propName)\r\n return []\r\n\r\n const field = fieldRef.value.query(fieldRef.value.address.concat(propName)).take()\r\n\r\n return [{\r\n name: propName,\r\n display: field?.display || schema['x-display'],\r\n required: hasRequiredProperty(schema),\r\n field,\r\n fieldProps: field?.props || schema.toFieldProps(),\r\n schema,\r\n columnProps: (field?.component as any[])?.[1] || schema['x-component-props'] || {},\r\n }]\r\n}\r\n\r\nconst triggerUpdateKey = ref(0)\r\nreaction(() => {\r\n const path = field.path.entire\r\n return field.query(`${path}.*`).map((item) => {\r\n return {\r\n name: item.component[0],\r\n visible: item.visible,\r\n }\r\n }).filter(item => item.name.includes('Column'))\r\n}, async () => {\r\n triggerUpdateKey.value++\r\n}, { equals: isEqual })\r\n\r\nconst dataSource = ref([])\r\nconst pageSize = ref(props.paginationProps?.pageSize ?? 10)\r\nconst currentPage = ref(props.paginationProps?.currentPage ?? 1)\r\n\r\nfunction updateDataSource() {\r\n /* istanbul ignore if -- @preserve */\r\n if (!isArr(field.value)) {\r\n dataSource.value = []\r\n return\r\n }\r\n if (props.pagination === false) {\r\n dataSource.value = [...field.value]\r\n return\r\n }\r\n dataSource.value = field.value.slice((currentPage.value - 1) * pageSize.value, (currentPage.value) * pageSize.value)\r\n}\r\nwatch([pageSize, currentPage], updateDataSource)\r\nautorun(updateDataSource)\r\n\r\nconst sources = formilyComputed(() => {\r\n const schema = schemaRef.value.items\r\n const items = isArr(schema) ? schema : [schema]\r\n return items.reduce((columns, schema) => {\r\n const item = extractTableSources(schema)\r\n return columns.concat(item)\r\n }, []).filter(item => item.display !== 'none')\r\n})\r\n\r\nconst columns = computed(() => {\r\n const currentSources = sources.value ?? []\r\n return currentSources\r\n .map((source, index) => ({ source, index }))\r\n .filter(({ source }) => source.display === 'visible' && isColumnComponent(source.schema))\r\n .map(({ source, index: key }) => {\r\n const { name, columnProps, required, field } = source\r\n const { title, asterisk, ...restProps } = columnProps\r\n const props = {\r\n label: title,\r\n ...restProps,\r\n prop: name,\r\n }\r\n return {\r\n key,\r\n props,\r\n field,\r\n asterisk: asterisk ?? required,\r\n }\r\n })\r\n})\r\n\r\nconst stateManagerColumns = computed(() => {\r\n const currentSources = sources.value ?? []\r\n return currentSources.filter((column) => {\r\n return column.display !== 'none' && isColumnComponent(column.schema)\r\n })\r\n})\r\n\r\nconst baseIndex = computed(() => {\r\n return (currentPage.value - 1) * pageSize.value\r\n})\r\n\r\nasync function onAddItemClick() {\r\n if (props.pagination === false) {\r\n await nextTick()\r\n const scrollWarpDOM = elTableRef.value?.$el.querySelector('.el-scrollbar__wrap')\r\n scrollWarpDOM?.scrollTo({\r\n top: scrollWarpDOM.scrollHeight,\r\n behavior: 'smooth',\r\n })\r\n return\r\n }\r\n if (!isArr(field.value)) {\r\n currentPage.value = 1\r\n return\r\n }\r\n currentPage.value = Math.ceil(field.value.length / pageSize.value)\r\n}\r\n\r\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\r\n const { oldIndex, newIndex } = evt\r\n await field.move(oldIndex, newIndex)\r\n triggerUpdateKey.value++\r\n}\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ArrayBase :key=\"triggerUpdateKey\" :key-map=\"keyMap\" :add=\"onAddItemClick\">\r\n <VueDraggable\r\n :model-value=\"dataSource\" target=\"tbody\" :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\r\n :animation=\"150\" @end=\"handleDragEnd\"\r\n >\r\n <ElTable ref=\"elTableRef\" v-loading=\"field.loading\" :row-key=\"getKey\" :data=\"dataSource\" v-bind=\"elTableProps\">\r\n <template v-for=\"(column, colIndex) of columns\" :key=\"column.key\">\r\n <ElTableColumn v-bind=\"column.props\">\r\n <template #default=\"{ row, $index }\">\r\n <ArrayBase.Item :key=\"getKey(row)\" :index=\"$index + baseIndex\" :record=\"row\">\r\n <RecursionField\r\n :key=\"`${getKey(row)}`\" :schema=\"sources[colIndex].schema\"\r\n :name=\"$index + baseIndex\" only-render-properties\r\n />\r\n </ArrayBase.Item>\r\n </template>\r\n <template #header=\"{ column: col }\">\r\n <template v-if=\"column.field.content?.header\">\r\n <component :is=\"column.field.content.header\" v-bind=\"{ ...col, field }\" />\r\n </template>\r\n <span v-else-if=\"column.asterisk\">\r\n <span :class=\"`${prefixCls}-asterisk`\">*</span>\r\n {{ col.label }}\r\n </span>\r\n </template>\r\n </ElTableColumn>\r\n </template>\r\n </ElTable>\r\n </VueDraggable>\r\n\r\n <!-- 状态管理器 -->\r\n <template v-for=\"(column, key) of stateManagerColumns\" :key=\"key\">\r\n <RecursionField :name=\"column.name\" :schema=\"column.schema\" :only-render-self=\"true\" />\r\n </template>\r\n <ElPagination\r\n v-if=\"props.pagination\" v-model:current-page=\"currentPage\" v-model:page-size=\"pageSize\"\r\n :class=\"`${prefixCls}-pagination`\" background layout=\"total, sizes, prev, pager, next\"\r\n :total=\"props.modelValue.length\" v-bind=\"paginationProps\"\r\n />\r\n <template v-for=\"(itemSchema, key) of additionSchemas\" :key=\"key\">\r\n <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\r\n </template>\r\n </ArrayBase>\r\n </div>\r\n</template>\r\n","import type { Component } from 'vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { ArrayBase } from '../array-base'\r\nimport ArrayTableInner from './array-table.vue'\r\nimport './style.scss'\r\n\r\nconst ArrayTableColumn: Component = {\r\n name: 'FArrayTableColumn',\r\n render() {\r\n return null\r\n },\r\n}\r\n\r\nexport const ArrayTable = composeExport(ArrayTableInner, {\r\n Column: ArrayTableColumn,\r\n Index: ArrayBase.Index,\r\n SortHandle: ArrayBase.SortHandle,\r\n Addition: ArrayBase.Addition,\r\n Remove: ArrayBase.Remove,\r\n MoveDown: ArrayBase.MoveDown,\r\n MoveUp: ArrayBase.MoveUp,\r\n useArray: ArrayBase.useArray,\r\n useIndex: ArrayBase.useIndex,\r\n useRecord: ArrayBase.useRecord,\r\n})\r\n\r\nexport default ArrayTable\r\n"],"names":["props","__props","elTableProps","useCleanAttrs","paginationProps","computed","omit","fieldRef","useField","field","schemaRef","useFieldSchema","additionSchemas","getKey","keyMap","ArrayBase","elTableRef","ref","extractTableSources","schema","isTableComponent","createTableSource","element","propName","hasRequiredProperty","triggerUpdateKey","reaction","path","item","isEqual","dataSource","pageSize","currentPage","updateDataSource","isArr","watch","autorun","sources","formilyComputed","columns","source","index","isColumnComponent","key","name","columnProps","required","title","asterisk","restProps","stateManagerColumns","column","baseIndex","onAddItemClick","nextTick","scrollWarpDOM","handleDragEnd","evt","oldIndex","newIndex","_createElementBlock","_unref","prefixCls","_createBlock","_createVNode","VueDraggable","stylePrefix","_withDirectives","_openBlock","_mergeProps","_Fragment","_renderList","colIndex","_withCtx","row","$index","RecursionField","col","_resolveDynamicComponent","_hoisted_1","_createElementVNode","_toDisplayString","vLoading","$event","itemSchema","isAdditionComponent","ArrayTableColumn","ArrayTable","composeExport","ArrayTableInner"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/array-table/array-table.vue","../../src/array-table/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ArrayField } from '@formily/core'\nimport type { Schema } from '@formily/json-schema'\nimport type { TableInstance } from 'element-plus'\nimport type { IArrayTableProps } from './types'\nimport { autorun, reaction } from '@formily/reactive'\nimport { isArr, isEqual } from '@formily/shared'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElTable, ElTableColumn, vLoading } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, nextTick, ref, watch } from 'vue'\nimport { VueDraggable } from 'vue-draggable-plus'\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\nimport { ArrayBase } from '../array-base'\nimport { isAdditionComponent } from '../array-base/utils'\nimport ElPagination from '../pagination/pagination'\nimport { hasRequiredProperty, isColumnComponent, isTableComponent, prefixCls } from './utils'\n\ndefineOptions({\n name: 'FArrayTable',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IArrayTableProps>(), {\n modelValue: () => [],\n pagination: true,\n})\nconst { props: elTableProps } = useCleanAttrs()\nconst paginationProps = computed(() => omit(props.paginationProps, ['pageSize', 'currentPage']))\nconst fieldRef = useField<ArrayField>()\nconst field = fieldRef.value\nconst schemaRef = useFieldSchema()\nconst additionSchemas = computed<Record<string, Schema>>(() => schemaRef.value?.properties ?? {})\nconst { getKey, keyMap } = ArrayBase.useKey(schemaRef.value)\n\nconst elTableRef = ref<TableInstance>()\n\nfunction extractTableSources(schema: Schema): any[] {\n if (isTableComponent(schema)) {\n return createTableSource(schema)\n }\n return schema.properties\n ? Object.values(schema.properties).flatMap(element => extractTableSources(element))\n : []\n}\n\nfunction createTableSource(schema: Schema): any[] {\n const propName = schema['x-component-props']?.prop || schema.name\n /* istanbul ignore if -- @preserve */\n if (!propName)\n return []\n\n const field = fieldRef.value.query(fieldRef.value.address.concat(propName)).take()\n\n return [{\n name: propName,\n display: field?.display || schema['x-display'],\n required: hasRequiredProperty(schema),\n field,\n fieldProps: field?.props || schema.toFieldProps(),\n schema,\n columnProps: (field?.component as any[])?.[1] || schema['x-component-props'] || {},\n }]\n}\n\nconst triggerUpdateKey = ref(0)\nreaction(() => {\n const path = field.path.entire\n return field.query(`${path}.*`).map((item) => {\n return {\n name: item.component[0],\n visible: item.visible,\n }\n }).filter(item => item.name.includes('Column'))\n}, async () => {\n triggerUpdateKey.value++\n}, { equals: isEqual })\n\nconst dataSource = ref([])\nconst pageSize = ref(props.paginationProps?.pageSize ?? 10)\nconst currentPage = ref(props.paginationProps?.currentPage ?? 1)\n\nfunction updateDataSource() {\n /* istanbul ignore if -- @preserve */\n if (!isArr(field.value)) {\n dataSource.value = []\n return\n }\n if (props.pagination === false) {\n dataSource.value = [...field.value]\n return\n }\n dataSource.value = field.value.slice((currentPage.value - 1) * pageSize.value, (currentPage.value) * pageSize.value)\n}\nwatch([pageSize, currentPage], updateDataSource)\nautorun(updateDataSource)\n\nconst sources = formilyComputed(() => {\n const schema = schemaRef.value.items\n const items = isArr(schema) ? schema : [schema]\n return items.reduce((columns, schema) => {\n const item = extractTableSources(schema)\n return columns.concat(item)\n }, []).filter(item => item.display !== 'none')\n})\n\nconst columns = computed(() => {\n const currentSources = sources.value ?? []\n return currentSources\n .map((source, index) => ({ source, index }))\n .filter(({ source }) => source.display === 'visible' && isColumnComponent(source.schema))\n .map(({ source, index: key }) => {\n const { name, columnProps, required, field } = source\n const { title, asterisk, ...restProps } = columnProps\n const props = {\n label: title,\n ...restProps,\n prop: name,\n }\n return {\n key,\n props,\n field,\n asterisk: asterisk ?? required,\n }\n })\n})\n\nconst stateManagerColumns = computed(() => {\n const currentSources = sources.value ?? []\n return currentSources.filter((column) => {\n return column.display !== 'none' && isColumnComponent(column.schema)\n })\n})\n\nconst baseIndex = computed(() => {\n return (currentPage.value - 1) * pageSize.value\n})\n\nasync function onAddItemClick() {\n if (props.pagination === false) {\n await nextTick()\n const scrollWarpDOM = elTableRef.value?.$el.querySelector('.el-scrollbar__wrap')\n scrollWarpDOM?.scrollTo({\n top: scrollWarpDOM.scrollHeight,\n behavior: 'smooth',\n })\n return\n }\n /* istanbul ignore if -- @preserve */\n if (!isArr(field.value)) {\n currentPage.value = 1\n return\n }\n currentPage.value = Math.ceil(field.value.length / pageSize.value)\n}\n\nasync function handleDragEnd(evt: { oldIndex: number, newIndex: number }) {\n const { oldIndex, newIndex } = evt\n await field.move(oldIndex, newIndex)\n triggerUpdateKey.value++\n}\n</script>\n\n<template>\n <div :class=\"prefixCls\">\n <ArrayBase :key=\"triggerUpdateKey\" :key-map=\"keyMap\" :add=\"onAddItemClick\">\n <VueDraggable\n :model-value=\"dataSource\" target=\"tbody\" :handle=\"`.${stylePrefix}-array-base-sort-handle`\"\n :animation=\"150\" @end=\"handleDragEnd\"\n >\n <ElTable ref=\"elTableRef\" v-loading=\"field.loading\" :row-key=\"getKey\" :data=\"dataSource\" v-bind=\"elTableProps\">\n <template v-for=\"(column, colIndex) of columns\" :key=\"column.key\">\n <ElTableColumn v-bind=\"column.props\">\n <template #default=\"{ row, $index }\">\n <ArrayBase.Item :key=\"getKey(row)\" :index=\"$index + baseIndex\" :record=\"row\">\n <RecursionField\n :key=\"`${getKey(row)}`\" :schema=\"sources[colIndex].schema\"\n :name=\"$index + baseIndex\" only-render-properties\n />\n </ArrayBase.Item>\n </template>\n <template #header=\"{ column: col }\">\n <template v-if=\"column.field.content?.header\">\n <component :is=\"column.field.content.header\" v-bind=\"{ ...col, field }\" />\n </template>\n <span v-else-if=\"column.asterisk\">\n <span :class=\"`${prefixCls}-asterisk`\">*</span>\n {{ col.label }}\n </span>\n </template>\n </ElTableColumn>\n </template>\n </ElTable>\n </VueDraggable>\n\n <!-- 状态管理器 -->\n <template v-for=\"(column, key) of stateManagerColumns\" :key=\"key\">\n <RecursionField :name=\"column.name\" :schema=\"column.schema\" :only-render-self=\"true\" />\n </template>\n <ElPagination\n v-if=\"props.pagination\" v-model:current-page=\"currentPage\" v-model:page-size=\"pageSize\"\n :class=\"`${prefixCls}-pagination`\" background layout=\"total, sizes, prev, pager, next\"\n :total=\"props.modelValue.length\" v-bind=\"paginationProps\"\n />\n <template v-for=\"(itemSchema, key) of additionSchemas\" :key=\"key\">\n <RecursionField v-if=\"isAdditionComponent(itemSchema)\" :schema=\"itemSchema\" name=\"addition\" />\n </template>\n </ArrayBase>\n </div>\n</template>\n","import type { Component } from 'vue'\nimport { composeExport } from '../__builtins__/shared'\nimport { ArrayBase } from '../array-base'\nimport ArrayTableInner from './array-table.vue'\nimport './style.scss'\n\nconst ArrayTableColumn: Component = {\n name: 'FArrayTableColumn',\n render() {\n return null\n },\n}\n\nexport const ArrayTable = composeExport(ArrayTableInner, {\n Column: ArrayTableColumn,\n Index: ArrayBase.Index,\n SortHandle: ArrayBase.SortHandle,\n Addition: ArrayBase.Addition,\n Remove: ArrayBase.Remove,\n MoveDown: ArrayBase.MoveDown,\n MoveUp: ArrayBase.MoveUp,\n useArray: ArrayBase.useArray,\n useIndex: ArrayBase.useIndex,\n useRecord: ArrayBase.useRecord,\n})\n\nexport default ArrayTable\n"],"names":["props","__props","elTableProps","useCleanAttrs","paginationProps","computed","omit","fieldRef","useField","field","schemaRef","useFieldSchema","additionSchemas","getKey","keyMap","ArrayBase","elTableRef","ref","extractTableSources","schema","isTableComponent","createTableSource","element","propName","hasRequiredProperty","triggerUpdateKey","reaction","path","item","isEqual","dataSource","pageSize","currentPage","updateDataSource","isArr","watch","autorun","sources","formilyComputed","columns","source","index","isColumnComponent","key","name","columnProps","required","title","asterisk","restProps","stateManagerColumns","column","baseIndex","onAddItemClick","nextTick","scrollWarpDOM","handleDragEnd","evt","oldIndex","newIndex","_createElementBlock","_unref","prefixCls","_createBlock","_createVNode","VueDraggable","stylePrefix","_withDirectives","_openBlock","_mergeProps","_Fragment","_renderList","colIndex","_withCtx","row","$index","RecursionField","col","_resolveDynamicComponent","_hoisted_1","_createElementVNode","_toDisplayString","vLoading","$event","itemSchema","isAdditionComponent","ArrayTableColumn","ArrayTable","composeExport","ArrayTableInner"],"mappings":"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"}