@silver-formily/element-plus 2.1.0 → 2.3.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 (177) 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 +19 -23
  6. package/esm/__builtins__/index.mjs.map +1 -1
  7. package/esm/__builtins__/shared/index.d.ts +0 -1
  8. package/esm/__builtins__/shared/index.mjs +17 -21
  9. package/esm/__builtins__/shared/index.mjs.map +1 -1
  10. package/esm/__builtins__/shared/loading.mjs +5 -5
  11. package/esm/__builtins__/shared/loading.mjs.map +1 -1
  12. package/esm/__builtins__/shared/simple-version-compare.mjs.map +1 -1
  13. package/esm/__builtins__/shared/transform-component.mjs.map +1 -1
  14. package/esm/__builtins__/shared/use-enter-submit.d.ts +9 -0
  15. package/esm/__builtins__/shared/use-enter-submit.mjs +25 -0
  16. package/esm/__builtins__/shared/use-enter-submit.mjs.map +1 -0
  17. package/esm/__builtins__/shared/utils.mjs.map +1 -1
  18. package/esm/array-base/index.mjs +18 -21
  19. package/esm/array-base/index.mjs.map +1 -1
  20. package/esm/array-base/symbols.mjs.map +1 -1
  21. package/esm/array-base/utils.mjs +29 -33
  22. package/esm/array-base/utils.mjs.map +1 -1
  23. package/esm/array-cards/index.mjs +29 -31
  24. package/esm/array-cards/index.mjs.map +1 -1
  25. package/esm/array-collapse/index.mjs +35 -36
  26. package/esm/array-collapse/index.mjs.map +1 -1
  27. package/esm/array-collapse/utils.mjs +2 -8
  28. package/esm/array-collapse/utils.mjs.map +1 -1
  29. package/esm/array-items/index.mjs +30 -33
  30. package/esm/array-items/index.mjs.map +1 -1
  31. package/esm/array-list-tabs/index.mjs +27 -28
  32. package/esm/array-list-tabs/index.mjs.map +1 -1
  33. package/esm/array-list-tabs/utils.mjs +5 -11
  34. package/esm/array-list-tabs/utils.mjs.map +1 -1
  35. package/esm/array-table/index.mjs +52 -53
  36. package/esm/array-table/index.mjs.map +1 -1
  37. package/esm/array-table/utils.mjs +12 -18
  38. package/esm/array-table/utils.mjs.map +1 -1
  39. package/esm/array-tabs/index.mjs +17 -19
  40. package/esm/array-tabs/index.mjs.map +1 -1
  41. package/esm/autocomplete/autocomplete.d.ts +1222 -0
  42. package/esm/autocomplete/index.d.ts +639 -0
  43. package/esm/autocomplete/index.mjs +110 -0
  44. package/esm/autocomplete/index.mjs.map +1 -0
  45. package/esm/cascader/index.mjs +17 -20
  46. package/esm/cascader/index.mjs.map +1 -1
  47. package/esm/checkbox/index.d.ts +42 -42
  48. package/esm/checkbox/index.mjs +16 -19
  49. package/esm/checkbox/index.mjs.map +1 -1
  50. package/esm/color-picker/index.d.ts +210 -0
  51. package/esm/color-picker/index.mjs +14 -0
  52. package/esm/color-picker/index.mjs.map +1 -0
  53. package/esm/color-picker-panel/index.d.ts +129 -0
  54. package/esm/color-picker-panel/index.mjs +22 -0
  55. package/esm/color-picker-panel/index.mjs.map +1 -0
  56. package/esm/date-picker/index.mjs +11 -35
  57. package/esm/date-picker/index.mjs.map +1 -1
  58. package/esm/date-picker/utils.d.ts +4 -0
  59. package/esm/date-picker/utils.mjs +27 -0
  60. package/esm/date-picker/utils.mjs.map +1 -0
  61. package/esm/date-picker-panel/index.d.ts +143 -0
  62. package/esm/date-picker-panel/index.mjs +27 -0
  63. package/esm/date-picker-panel/index.mjs.map +1 -0
  64. package/esm/editable/index.mjs +48 -50
  65. package/esm/editable/index.mjs.map +1 -1
  66. package/esm/env.d.mjs +2 -0
  67. package/esm/env.d.mjs.map +1 -0
  68. package/esm/form/form.mjs +6 -6
  69. package/esm/form/form.mjs.map +1 -1
  70. package/esm/form-button-group/form-button-group.d.ts +1 -1
  71. package/esm/form-button-group/index.d.ts +3 -3
  72. package/esm/form-button-group/index.mjs +23 -26
  73. package/esm/form-button-group/index.mjs.map +1 -1
  74. package/esm/form-button-group/utils.mjs +2 -8
  75. package/esm/form-button-group/utils.mjs.map +1 -1
  76. package/esm/form-collapse/index.mjs +18 -20
  77. package/esm/form-collapse/index.mjs.map +1 -1
  78. package/esm/form-collapse/utils.mjs.map +1 -1
  79. package/esm/form-dialog/dialog-content.d.ts +789 -3
  80. package/esm/form-dialog/index.mjs +98 -87
  81. package/esm/form-dialog/index.mjs.map +1 -1
  82. package/esm/form-dialog/types.d.ts +1 -0
  83. package/esm/form-drawer/drawer-content.d.ts +919 -3
  84. package/esm/form-drawer/index.mjs +92 -82
  85. package/esm/form-drawer/index.mjs.map +1 -1
  86. package/esm/form-drawer/types.d.ts +1 -0
  87. package/esm/form-grid/hooks.mjs.map +1 -1
  88. package/esm/form-grid/index.mjs +20 -23
  89. package/esm/form-grid/index.mjs.map +1 -1
  90. package/esm/form-item/index.mjs +59 -57
  91. package/esm/form-item/index.mjs.map +1 -1
  92. package/esm/form-item/utils.mjs.map +1 -1
  93. package/esm/form-layout/form-layout.mjs +14 -18
  94. package/esm/form-layout/form-layout.mjs.map +1 -1
  95. package/esm/form-layout/utils.mjs +19 -24
  96. package/esm/form-layout/utils.mjs.map +1 -1
  97. package/esm/form-step/index.mjs +24 -26
  98. package/esm/form-step/index.mjs.map +1 -1
  99. package/esm/form-step/utils.mjs.map +1 -1
  100. package/esm/form-tab/hooks.mjs.map +1 -1
  101. package/esm/form-tab/index.mjs +19 -20
  102. package/esm/form-tab/index.mjs.map +1 -1
  103. package/esm/form-tab/utils.mjs.map +1 -1
  104. package/esm/index.d.ts +9 -0
  105. package/esm/index.mjs +90 -72
  106. package/esm/index.mjs.map +1 -1
  107. package/esm/input/index.mjs +20 -23
  108. package/esm/input/index.mjs.map +1 -1
  109. package/esm/input-number/index.d.ts +21 -21
  110. package/esm/input-number/index.mjs +7 -9
  111. package/esm/input-number/index.mjs.map +1 -1
  112. package/esm/input-tag/index.d.ts +32 -0
  113. package/esm/input-tag/index.mjs +46 -0
  114. package/esm/input-tag/index.mjs.map +1 -0
  115. package/esm/input-tag/input-tag.d.ts +32 -0
  116. package/esm/mention/index.d.ts +50 -0
  117. package/esm/mention/index.mjs +93 -0
  118. package/esm/mention/index.mjs.map +1 -0
  119. package/esm/mention/mention.d.ts +51 -0
  120. package/esm/pagination/components/jumper.mjs.map +1 -1
  121. package/esm/pagination/components/next.mjs.map +1 -1
  122. package/esm/pagination/components/pager.mjs.map +1 -1
  123. package/esm/pagination/components/prev.mjs.map +1 -1
  124. package/esm/pagination/components/total.mjs.map +1 -1
  125. package/esm/pagination/pagination.mjs.map +1 -1
  126. package/esm/password/index.mjs.map +1 -1
  127. package/esm/preview-text/color-picker.d.ts +5 -0
  128. package/esm/preview-text/index.d.ts +10 -0
  129. package/esm/preview-text/index.mjs +175 -119
  130. package/esm/preview-text/index.mjs.map +1 -1
  131. package/esm/preview-text/rate.d.ts +5 -0
  132. package/esm/preview-text/utils.d.ts +5 -5
  133. package/esm/preview-text/utils.mjs.map +1 -1
  134. package/esm/radio/index.d.ts +36 -36
  135. package/esm/radio/index.mjs +25 -28
  136. package/esm/radio/index.mjs.map +1 -1
  137. package/esm/rate/index.d.ts +187 -0
  138. package/esm/rate/index.mjs +14 -0
  139. package/esm/rate/index.mjs.map +1 -0
  140. package/esm/reset/index.mjs.map +1 -1
  141. package/esm/segmented/index.d.ts +26 -0
  142. package/esm/segmented/index.mjs +37 -0
  143. package/esm/segmented/index.mjs.map +1 -0
  144. package/esm/segmented/segmented.d.ts +25 -0
  145. package/esm/select/index.mjs +16 -19
  146. package/esm/select/index.mjs.map +1 -1
  147. package/esm/select-table/index.mjs +12 -15
  148. package/esm/select-table/index.mjs.map +1 -1
  149. package/esm/shared/overlay-elements.d.ts +6 -0
  150. package/esm/shared/overlay-elements.mjs +16 -0
  151. package/esm/shared/overlay-elements.mjs.map +1 -0
  152. package/esm/slider/index.d.ts +177 -0
  153. package/esm/slider/index.mjs +14 -0
  154. package/esm/slider/index.mjs.map +1 -0
  155. package/esm/styles/preview-text/index.css +1 -1
  156. package/esm/submit/index.mjs.map +1 -1
  157. package/esm/switch/index.d.ts +12 -12
  158. package/esm/switch/index.mjs.map +1 -1
  159. package/esm/time-picker/index.mjs +6 -8
  160. package/esm/time-picker/index.mjs.map +1 -1
  161. package/esm/time-select/index.mjs +6 -8
  162. package/esm/time-select/index.mjs.map +1 -1
  163. package/esm/transfer/index.mjs.map +1 -1
  164. package/esm/tree/index.mjs +28 -31
  165. package/esm/tree/index.mjs.map +1 -1
  166. package/esm/tree/utils.mjs.map +1 -1
  167. package/esm/tree-select/index.mjs +17 -20
  168. package/esm/tree-select/index.mjs.map +1 -1
  169. package/esm/upload/index.d.ts +1 -1
  170. package/esm/upload/index.mjs +7 -9
  171. package/esm/upload/index.mjs.map +1 -1
  172. package/esm/upload/upload.d.ts +2 -2
  173. package/esm/vendor/sizes.mjs.map +1 -1
  174. package/package.json +115 -113
  175. package/esm/__builtins__/shared/hooks.d.ts +0 -7
  176. package/esm/__builtins__/shared/hooks.mjs +0 -59
  177. package/esm/__builtins__/shared/hooks.mjs.map +0 -1
@@ -0,0 +1,27 @@
1
+ import { connect as r, mapProps as m } from "@silver-formily/vue";
2
+ import { ElDatePickerPanel as o } from "element-plus";
3
+ import { getDefaultFormat as a } from "../date-picker/utils.mjs";
4
+ import { PreviewText as i } from "../preview-text/index.mjs";
5
+ import { mapReadPretty as l } from "../__builtins__/shared/transform-component.mjs";
6
+ const c = r(
7
+ o,
8
+ m(
9
+ {
10
+ disabled: !0,
11
+ editable: !0
12
+ },
13
+ (e) => {
14
+ const t = {};
15
+ return e.readOnly && (t.editable = !1), e.valueFormat || (t.valueFormat = a(e.type, "valueFormat")), e.dateFormat || (t.dateFormat = a(e.type)), {
16
+ ...e,
17
+ ...t
18
+ };
19
+ }
20
+ ),
21
+ l(i.DatePicker)
22
+ );
23
+ export {
24
+ c as DatePickerPanel,
25
+ c as default
26
+ };
27
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sources":["../../src/date-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElDatePickerPanel } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { getDefaultFormat } from '../date-picker/utils'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport const DatePickerPanel = connect<typeof ElDatePickerPanel>(\r\n ElDatePickerPanel,\r\n mapProps(\r\n {\r\n disabled: true,\r\n editable: true,\r\n },\r\n (props: any) => {\r\n const next: Record<string, any> = {}\r\n\r\n if (props.readOnly) {\r\n next.editable = false\r\n }\r\n\r\n if (!props.valueFormat) {\r\n next.valueFormat = getDefaultFormat(props.type, 'valueFormat')\r\n }\r\n\r\n if (!props.dateFormat) {\r\n next.dateFormat = getDefaultFormat(props.type)\r\n }\r\n\r\n return {\r\n ...props,\r\n ...next,\r\n }\r\n },\r\n ),\r\n mapReadPretty(PreviewText.DatePicker),\r\n)\r\n\r\nexport default DatePickerPanel\r\n"],"names":["DatePickerPanel","connect","ElDatePickerPanel","mapProps","props","next","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;AAMO,MAAMA,IAAkBC;AAAA,EAC7BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MAAe;AACd,YAAMC,IAA4B,CAAA;AAElC,aAAID,EAAM,aACRC,EAAK,WAAW,KAGbD,EAAM,gBACTC,EAAK,cAAcC,EAAiBF,EAAM,MAAM,aAAa,IAG1DA,EAAM,eACTC,EAAK,aAAaC,EAAiBF,EAAM,IAAI,IAGxC;AAAA,QACL,GAAGA;AAAA,QACH,GAAGC;AAAA,MAAA;AAAA,IAEP;AAAA,EAAA;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}
@@ -1,16 +1,14 @@
1
1
  import { useField as E, connect as h, mapProps as w } from "@silver-formily/vue";
2
- import { defineComponent as R, ref as m, createElementBlock as f, openBlock as d, normalizeClass as i, createVNode as u, unref as t, mergeProps as P, withCtx as n, withDirectives as z, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as T, computed as g, createCommentVNode as q, Fragment as I, nextTick as x } from "vue";
3
- import { ElPopover as N, ElText as D, ClickOutside as A } from "element-plus";
4
- import { reaction as M } from "@formily/reactive";
5
- import "@formily/core";
6
- import "@silver-formily/reactive-vue";
7
- import { composeExport as j } from "../__builtins__/shared/utils.mjs";
8
- import { FormBaseItem as c, fieldFeedbackMapper as F } from "../form-item/index.mjs";
9
- import { Edit as L, Close as G } from "@element-plus/icons-vue";
10
- import { isValid as $, isPlainObj as H } from "@formily/shared";
2
+ import { FormBaseItem as c, fieldFeedbackMapper as R } from "../form-item/index.mjs";
3
+ import { defineComponent as z, ref as m, createElementBlock as p, openBlock as d, normalizeClass as i, createVNode as u, unref as t, mergeProps as P, withCtx as n, withDirectives as T, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as A, computed as g, createCommentVNode as q, Fragment as I, nextTick as x } from "vue";
4
+ import { Edit as F, Close as N } from "@element-plus/icons-vue";
5
+ import { reaction as D } from "@formily/reactive";
6
+ import { isValid as $, isPlainObj as M } from "@formily/shared";
7
+ import { ElPopover as j, ElText as G, ClickOutside as L } from "element-plus";
11
8
  import { stylePrefix as W } from "../__builtins__/configs/index.mjs";
12
9
  import { o as k } from "../vendor/lodash.mjs";
13
- import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
10
+ import { composeExport as H } from "../__builtins__/shared/utils.mjs";
11
+ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
14
12
  name: "FEditablePopover",
15
13
  inheritAttrs: !1,
16
14
  __name: "editable-popover",
@@ -39,33 +37,33 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
39
37
  tooltipLayout: {}
40
38
  },
41
39
  setup(b) {
42
- const a = b, e = E(), r = `${W}-editable`, s = m(), l = m(!1);
40
+ const a = b, e = E(), l = `${W}-editable`, s = m(), r = m(!1);
43
41
  if ($(e.value.data)) {
44
42
  /* istanbul ignore else -- @preserve */
45
43
  $(e.value.data.readPretty) || (e.value.data.readPretty = !0);
46
44
  } else
47
45
  e.value.data = {}, e.value.data.readPretty = !0;
48
46
  function v(o) {
49
- const p = s.value.parentElement;
47
+ const f = s.value.parentElement;
50
48
  /* istanbul ignore else -- @preserve */
51
- p.contains(o.target) || (l.value = !1);
49
+ f.contains(o.target) || (r.value = !1);
52
50
  }
53
51
  function y() {
54
- l.value = !0;
52
+ r.value = !0;
55
53
  }
56
- return M(
54
+ return D(
57
55
  () => e.value.form.queryFeedbacks({
58
56
  type: "error",
59
57
  address: `${e.value.address.entire}.*`
60
58
  }),
61
59
  (o) => {
62
- o.length > 0 && (l.value = !0);
60
+ o.length > 0 && (r.value = !0);
63
61
  }
64
- ), (o, p) => (d(), f("div", {
65
- class: i(r)
62
+ ), (o, f) => (d(), p("div", {
63
+ class: i(l)
66
64
  }, [
67
- u(t(N), P(o.$attrs, {
68
- visible: l.value,
65
+ u(t(j), P(o.$attrs, {
66
+ visible: r.value,
69
67
  title: o.$attrs.title || t(e).title,
70
68
  trigger: "click",
71
69
  width: "auto"
@@ -74,41 +72,41 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
74
72
  C("div", {
75
73
  ref_key: "contentRef",
76
74
  ref: s,
77
- class: i(`${r}-popover-wrapper`)
75
+ class: i(`${l}-popover-wrapper`)
78
76
  }, [
79
- T(o.$slots, "default")
77
+ A(o.$slots, "default")
80
78
  ], 2)
81
79
  ]),
82
80
  reference: n(() => [
83
- z((d(), _(t(c), P(a, {
84
- class: `${r}-trigger`
81
+ T((d(), _(t(c), P(a, {
82
+ class: `${l}-trigger`
85
83
  }), {
86
84
  default: n(() => [
87
85
  C("div", {
88
- class: i(`${r}-content`),
86
+ class: i(`${l}-content`),
89
87
  onClick: y
90
88
  }, [
91
- u(t(D), null, {
89
+ u(t(G), null, {
92
90
  default: n(() => [
93
91
  S(V(t(e).title), 1)
94
92
  ]),
95
93
  _: 1
96
94
  }),
97
- u(t(L), {
98
- class: i(`${r}-edit-btn`)
95
+ u(t(F), {
96
+ class: i(`${l}-edit-btn`)
99
97
  }, null, 8, ["class"])
100
98
  ], 2)
101
99
  ]),
102
100
  _: 1
103
101
  }, 16, ["class"])), [
104
- [t(A), v]
102
+ [t(L), v]
105
103
  ])
106
104
  ]),
107
105
  _: 3
108
106
  }, 16, ["visible", "title"])
109
107
  ]));
110
108
  }
111
- }), K = /* @__PURE__ */ R({
109
+ }), K = /* @__PURE__ */ z({
112
110
  name: "FEditable",
113
111
  __name: "editable",
114
112
  props: {
@@ -137,48 +135,48 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
137
135
  editProps: {}
138
136
  },
139
137
  setup(b) {
140
- const a = b, e = E(), r = m(null), s = `${W}-editable`, l = m(null), v = g(() => k(a, "editProps")), y = g(() => H(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
138
+ const a = b, e = E(), l = m(null), s = `${W}-editable`, r = m(null), v = g(() => k(a, "editProps")), y = g(() => M(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
141
139
  function o() {
142
140
  $(e.value.data) || (e.value.data = {});
143
141
  }
144
142
  o(), e.value.data.readPretty = !0;
145
- async function p() {
146
- e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), l.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
143
+ async function f() {
144
+ e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), r.value.feedbackTooltipRef.updatePopper(), l.value?.querySelector("input")?.focus());
147
145
  }
148
146
  function B() {
149
147
  e.value.data?.readPretty !== !0 && (o(), setTimeout(async () => {
150
- e.value.data.readPretty = !0, await x(), l.value?.feedbackTooltipRef.updatePopper();
148
+ e.value.data.readPretty = !0, await x(), r.value?.feedbackTooltipRef.updatePopper();
151
149
  }, 0));
152
150
  }
153
- return (O, X) => (d(), f("div", {
151
+ return (O, X) => (d(), p("div", {
154
152
  ref_key: "innerRef",
155
- ref: r,
153
+ ref: l,
156
154
  class: i([s, t(e).disabled && "is-disabled"])
157
155
  }, [
158
- z((d(), f("div", {
156
+ T((d(), p("div", {
159
157
  class: i(`${s}-content`)
160
158
  }, [
161
159
  u(t(c), P({
162
160
  ref_key: "formItemRef",
163
- ref: l
164
- }, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick: p }), {
161
+ ref: r
162
+ }, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick: f }), {
165
163
  default: n(() => [
166
164
  C("div", null, [
167
- T(O.$slots, "default")
165
+ A(O.$slots, "default")
168
166
  ])
169
167
  ]),
170
168
  _: 3
171
169
  }, 16),
172
- t(e).disabled ? q("", !0) : (d(), f(I, { key: 0 }, [
170
+ t(e).disabled ? q("", !0) : (d(), p(I, { key: 0 }, [
173
171
  t(e).data?.readPretty === !0 ? (d(), _(t(c), {
174
172
  key: 0,
175
173
  size: a.size,
176
174
  "feedback-layout": a.feedbackLayout
177
175
  }, {
178
176
  default: n(() => [
179
- u(t(L), {
177
+ u(t(F), {
180
178
  class: i(`${s}-edit-btn`),
181
- onClick: p
179
+ onClick: f
182
180
  }, null, 8, ["class"])
183
181
  ]),
184
182
  _: 1
@@ -188,7 +186,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
188
186
  "feedback-layout": a.feedbackLayout
189
187
  }, {
190
188
  default: n(() => [
191
- u(t(G), {
189
+ u(t(N), {
192
190
  class: i(`${s}-close-btn`),
193
191
  onClick: B
194
192
  }, null, 8, ["class"])
@@ -197,7 +195,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
197
195
  }, 8, ["size", "feedback-layout"]))
198
196
  ], 64))
199
197
  ], 2)), [
200
- [t(A), B]
198
+ [t(L), B]
201
199
  ])
202
200
  ], 2));
203
201
  }
@@ -206,18 +204,18 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
206
204
  required: !0,
207
205
  description: "extra"
208
206
  },
209
- F
207
+ R
210
208
  )), U = h(J, w(
211
209
  {
212
210
  required: !0,
213
211
  description: "extra"
214
212
  },
215
- F
216
- )), ue = j(Q, {
213
+ R
214
+ )), de = H(Q, {
217
215
  Popover: U
218
216
  });
219
217
  export {
220
- ue as Editable,
221
- ue as default
218
+ de as Editable,
219
+ de as default
222
220
  };
223
221
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Edit } from '@element-plus/icons-vue'\nimport { reaction } from '@formily/reactive'\nimport { isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\nimport { ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n name: 'FEditablePopover',\n inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IFormItemProps>(), {\n feedbackLayout: 'popover',\n size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst prefixCls = `${stylePrefix}-editable`\nconst contentRef = ref<HTMLElement>()\nconst visible = ref(false)\n\nif (isValid(fieldRef.value.data)) {\n /* istanbul ignore else -- @preserve */\n if (!isValid(fieldRef.value.data.readPretty)) {\n fieldRef.value.data.readPretty = true\n }\n}\nelse {\n fieldRef.value.data = {}\n fieldRef.value.data.readPretty = true\n}\n\nfunction onClickOutside(e) {\n const popoverDOM = contentRef.value.parentElement\n /* istanbul ignore else -- @preserve */\n if (!popoverDOM.contains(e.target)) {\n visible.value = false\n }\n}\nfunction onClick() {\n visible.value = true\n}\n\nreaction(\n () => fieldRef.value.form.queryFeedbacks({\n type: 'error',\n address: `${fieldRef.value.address.entire}.*`,\n }),\n (errorList) => {\n if (errorList.length > 0) {\n visible.value = true\n }\n },\n)\n</script>\n\n<template>\n <div :class=\"prefixCls\">\n <ElPopover\n v-bind=\"$attrs\"\n :visible=\"visible\"\n :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\n >\n <template #default>\n <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\n <slot />\n </div>\n </template>\n <template #reference>\n <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\n <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\n <ElText>\n {{ fieldRef.title }}\n </ElText>\n <Edit :class=\"`${prefixCls}-edit-btn`\" />\n </div>\n </FormBaseItem>\n </template>\n </ElPopover>\n </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Close, Edit } from '@element-plus/icons-vue'\nimport { isPlainObj, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ClickOutside as vClickOutside } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, nextTick, ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n name: 'FEditable',\n})\n\nconst props = withDefaults(defineProps<IFormItemProps & { editProps?: IFormItemProps }>(), {\n feedbackLayout: 'popover',\n size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst innerRef = ref<HTMLElement>(null)\nconst prefixCls = `${stylePrefix}-editable`\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\n\nconst commonProps = computed(() => omit(props, 'editProps'))\nconst editProps = computed(() => {\n if (isPlainObj(props.editProps)) {\n return { ...omit(props, 'editProps'), ...props.editProps }\n }\n return omit(props, 'editProps')\n})\n\nfunction handleEnsureReadPretty() {\n if (!isValid(fieldRef.value.data)) {\n fieldRef.value.data = {}\n }\n}\n\nhandleEnsureReadPretty()\nfieldRef.value.data.readPretty = true\n\nasync function onClick() {\n if (fieldRef.value.disabled)\n return\n handleEnsureReadPretty()\n fieldRef.value.data.readPretty = false\n await nextTick()\n formItemRef.value.feedbackTooltipRef.updatePopper()\n innerRef.value?.querySelector('input')?.focus()\n}\n\nfunction onClickOutside() {\n if (fieldRef.value.data?.readPretty === true)\n return\n handleEnsureReadPretty()\n // 使用下拉菜单等触发的事件完成应有的操作\n setTimeout(async () => {\n fieldRef.value.data.readPretty = true\n await nextTick()\n formItemRef.value?.feedbackTooltipRef.updatePopper()\n }, 0)\n}\n</script>\n\n<template>\n <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\n <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\n <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\n <div>\n <slot />\n </div>\n </FormBaseItem>\n <template v-if=\"!fieldRef.disabled\">\n <template v-if=\"fieldRef.data?.readPretty === true\">\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\n </FormBaseItem>\n </template>\n <template v-else>\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\n </FormBaseItem>\n </template>\n </template>\n </div>\n </div>\n</template>\n","import type { ElPopover } from 'element-plus'\nimport type { IFormItemProps } from '../form-item/types'\nimport { connect, mapProps } from '@silver-formily/vue'\nimport { composeExport } from '../__builtins__/shared'\nimport { fieldFeedbackMapper } from '../form-item'\nimport FEditablePopover from './editable-popover.vue'\nimport FEditable from './editable.vue'\nimport './style.scss'\n\nexport type EditableProps = IFormItemProps\nexport type EditablePopoverProps = typeof ElPopover\n\nconst EditableInner = connect<typeof FEditable>(FEditable, mapProps(\n {\n required: true,\n description: 'extra',\n },\n fieldFeedbackMapper,\n))\n\nconst EditablePopover = connect<typeof FEditablePopover>(FEditablePopover, mapProps(\n {\n required: true,\n description: 'extra',\n },\n fieldFeedbackMapper,\n))\n\nexport const Editable = composeExport(EditableInner, {\n Popover: EditablePopover,\n})\n\nexport default Editable\n"],"names":["props","__props","fieldRef","useField","prefixCls","stylePrefix","contentRef","ref","visible","isValid","onClickOutside","e","popoverDOM","onClick","reaction","errorList","_createElementBlock","_createVNode","_unref","ElPopover","_mergeProps","_ctx","$attrs","_createElementVNode","_renderSlot","_createBlock","FormBaseItem","ElText","_createTextVNode","_toDisplayString","Edit","innerRef","formItemRef","commonProps","computed","omit","editProps","isPlainObj","handleEnsureReadPretty","nextTick","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Edit } from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n name: 'FEditablePopover',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IFormItemProps>(), {\r\n feedbackLayout: 'popover',\r\n size: 'default',\r\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst contentRef = ref<HTMLElement>()\r\nconst visible = ref(false)\r\n\r\nif (isValid(fieldRef.value.data)) {\r\n /* istanbul ignore else -- @preserve */\r\n if (!isValid(fieldRef.value.data.readPretty)) {\r\n fieldRef.value.data.readPretty = true\r\n }\r\n}\r\nelse {\r\n fieldRef.value.data = {}\r\n fieldRef.value.data.readPretty = true\r\n}\r\n\r\nfunction onClickOutside(e) {\r\n const popoverDOM = contentRef.value.parentElement\r\n /* istanbul ignore else -- @preserve */\r\n if (!popoverDOM.contains(e.target)) {\r\n visible.value = false\r\n }\r\n}\r\nfunction onClick() {\r\n visible.value = true\r\n}\r\n\r\nreaction(\r\n () => fieldRef.value.form.queryFeedbacks({\r\n type: 'error',\r\n address: `${fieldRef.value.address.entire}.*`,\r\n }),\r\n (errorList) => {\r\n if (errorList.length > 0) {\r\n visible.value = true\r\n }\r\n },\r\n)\r\n</script>\r\n\r\n<template>\r\n <div :class=\"prefixCls\">\r\n <ElPopover\r\n v-bind=\"$attrs\"\r\n :visible=\"visible\"\r\n :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\r\n >\r\n <template #default>\r\n <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\r\n <slot />\r\n </div>\r\n </template>\r\n <template #reference>\r\n <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\r\n <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\r\n <ElText>\r\n {{ fieldRef.title }}\r\n </ElText>\r\n <Edit :class=\"`${prefixCls}-edit-btn`\" />\r\n </div>\r\n </FormBaseItem>\r\n </template>\r\n </ElPopover>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Close, Edit } from '@element-plus/icons-vue'\r\nimport { isPlainObj, isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ClickOutside as vClickOutside } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n name: 'FEditable',\r\n})\r\n\r\nconst props = withDefaults(defineProps<IFormItemProps & { editProps?: IFormItemProps }>(), {\r\n feedbackLayout: 'popover',\r\n size: 'default',\r\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst innerRef = ref<HTMLElement>(null)\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\r\n\r\nconst commonProps = computed(() => omit(props, 'editProps'))\r\nconst editProps = computed(() => {\r\n if (isPlainObj(props.editProps)) {\r\n return { ...omit(props, 'editProps'), ...props.editProps }\r\n }\r\n return omit(props, 'editProps')\r\n})\r\n\r\nfunction handleEnsureReadPretty() {\r\n if (!isValid(fieldRef.value.data)) {\r\n fieldRef.value.data = {}\r\n }\r\n}\r\n\r\nhandleEnsureReadPretty()\r\nfieldRef.value.data.readPretty = true\r\n\r\nasync function onClick() {\r\n if (fieldRef.value.disabled)\r\n return\r\n handleEnsureReadPretty()\r\n fieldRef.value.data.readPretty = false\r\n await nextTick()\r\n formItemRef.value.feedbackTooltipRef.updatePopper()\r\n innerRef.value?.querySelector('input')?.focus()\r\n}\r\n\r\nfunction onClickOutside() {\r\n if (fieldRef.value.data?.readPretty === true)\r\n return\r\n handleEnsureReadPretty()\r\n // 使用下拉菜单等触发的事件完成应有的操作\r\n setTimeout(async () => {\r\n fieldRef.value.data.readPretty = true\r\n await nextTick()\r\n formItemRef.value?.feedbackTooltipRef.updatePopper()\r\n }, 0)\r\n}\r\n</script>\r\n\r\n<template>\r\n <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\r\n <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\r\n <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\r\n <div>\r\n <slot />\r\n </div>\r\n </FormBaseItem>\r\n <template v-if=\"!fieldRef.disabled\">\r\n <template v-if=\"fieldRef.data?.readPretty === true\">\r\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\r\n </FormBaseItem>\r\n </template>\r\n <template v-else>\r\n <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\r\n </FormBaseItem>\r\n </template>\r\n </template>\r\n </div>\r\n </div>\r\n</template>\r\n","import type { ElPopover } from 'element-plus'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { connect, mapProps } from '@silver-formily/vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { fieldFeedbackMapper } from '../form-item'\r\nimport FEditablePopover from './editable-popover.vue'\r\nimport FEditable from './editable.vue'\r\nimport './style.scss'\r\n\r\nexport type EditableProps = IFormItemProps\r\nexport type EditablePopoverProps = typeof ElPopover\r\n\r\nconst EditableInner = connect<typeof FEditable>(FEditable, mapProps(\r\n {\r\n required: true,\r\n description: 'extra',\r\n },\r\n fieldFeedbackMapper,\r\n))\r\n\r\nconst EditablePopover = connect<typeof FEditablePopover>(FEditablePopover, mapProps(\r\n {\r\n required: true,\r\n description: 'extra',\r\n },\r\n fieldFeedbackMapper,\r\n))\r\n\r\nexport const Editable = composeExport(EditableInner, {\r\n Popover: EditablePopover,\r\n})\r\n\r\nexport default Editable\r\n"],"names":["props","__props","fieldRef","useField","prefixCls","stylePrefix","contentRef","ref","visible","isValid","onClickOutside","e","popoverDOM","onClick","reaction","errorList","_createElementBlock","_createVNode","_unref","ElPopover","_mergeProps","_ctx","$attrs","_createElementVNode","_renderSlot","_createBlock","FormBaseItem","ElText","_createTextVNode","_toDisplayString","Edit","innerRef","formItemRef","commonProps","computed","omit","editProps","isPlainObj","handleEnsureReadPretty","nextTick","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}
package/esm/env.d.mjs ADDED
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=env.d.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"env.d.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/esm/form/form.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as h, createBlock as f, createCommentVNode as S, openBlock as p, unref as t, withCtx as i, createVNode as n, mergeProps as d, renderSlot as s, withModifiers as F } from "vue";
2
2
  import { useForm as v, FormProvider as w } from "@silver-formily/vue";
3
- import { _ as c } from "../form-layout/form-layout.mjs";
4
- import { PreviewText as b } from "../preview-text/index.mjs";
3
+ import { PreviewText as c } from "../preview-text/index.mjs";
4
+ import { _ as b } from "../form-layout/form-layout.mjs";
5
5
  const $ = /* @__PURE__ */ h({
6
6
  name: "FForm",
7
7
  inheritAttrs: !1,
@@ -30,11 +30,11 @@ const $ = /* @__PURE__ */ h({
30
30
  form: o.form
31
31
  }, {
32
32
  default: i(() => [
33
- n(t(b), {
33
+ n(t(c), {
34
34
  placeholder: o.previewTextPlaceholder
35
35
  }, {
36
36
  default: i(() => [
37
- n(t(c), d(m.$attrs, {
37
+ n(t(b), d(m.$attrs, {
38
38
  onSubmit: r[0] || (r[0] = (e) => a(e, l.form))
39
39
  }), {
40
40
  default: i(() => [
@@ -47,12 +47,12 @@ const $ = /* @__PURE__ */ h({
47
47
  }, 8, ["placeholder"])
48
48
  ]),
49
49
  _: 3
50
- }, 8, ["form"])) : t(u) ? (p(), f(t(b), {
50
+ }, 8, ["form"])) : t(u) ? (p(), f(t(c), {
51
51
  key: 1,
52
52
  placeholder: o.previewTextPlaceholder
53
53
  }, {
54
54
  default: i(() => [
55
- n(t(c), d(m.$attrs, {
55
+ n(t(b), d(m.$attrs, {
56
56
  onSubmit: r[1] || (r[1] = F((e) => a(e, t(u)), ["prevent", "stop"]))
57
57
  }), {
58
58
  default: i(() => [
@@ -1 +1 @@
1
- {"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\nimport type { PropType } from 'vue'\nimport { FormProvider, useForm } from '@silver-formily/vue'\nimport { FormLayout } from '../form-layout'\nimport { PreviewText } from '../preview-text'\n\ndefineOptions({\n name: 'FForm',\n inheritAttrs: false,\n})\n\nconst props = defineProps({\n form: {\n type: Object as PropType<FormType>,\n },\n previewTextPlaceholder: {\n type: String,\n },\n onAutoSubmit: {\n type: Function as PropType<(values: FormType['values']) => Promise<any>>,\n },\n onAutoSubmitFailed: {\n type: Function as PropType<(error: IFormFeedback[]) => void>,\n },\n})\n\nconst top = useForm()\n\nfunction handleSubmit(e: Event, form: FormType) {\n form\n .submit(values => props.onAutoSubmit?.(values))\n .catch(error => props.onAutoSubmitFailed?.(error))\n}\n</script>\n\n<template>\n <FormProvider v-if=\"props.form\" :form=\"props.form\">\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\n <slot />\n </FormLayout>\n </PreviewText>\n </FormProvider>\n <template v-else-if=\"top\">\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\n <FormLayout\n v-bind=\"$attrs\"\n @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\n >\n <slot />\n </FormLayout>\n </PreviewText>\n </template>\n</template>\n"],"names":["props","__props","top","useForm","handleSubmit","e","form","values","error","_createBlock","_unref","FormProvider","_createVNode","PreviewText","FormLayout","_mergeProps","_ctx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAeRC,IAAMC,EAAA;AAEZ,aAASC,EAAaC,GAAUC,GAAgB;AAC9C,MAAAA,EACG,OAAO,CAAAC,MAAUP,EAAM,eAAeO,CAAM,CAAC,EAC7C,MAAM,CAAAC,MAASR,EAAM,qBAAqBQ,CAAK,CAAC;AAAA,IACrD;qBAIsBR,EAAM,aAA1BS,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMX,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJdY,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAab,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFbY,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAAS,MAAMZ,EAAa,GAAGH,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAR,CAAA,UACnBO,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAab,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALbY,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsB,MAAMZ,EAAa,GAAGM,EAAAR,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARe,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}
1
+ {"version":3,"file":"form.mjs","sources":["../../src/form/form.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Form as FormType, IFormFeedback } from '@formily/core'\r\nimport type { PropType } from 'vue'\r\nimport { FormProvider, useForm } from '@silver-formily/vue'\r\nimport { FormLayout } from '../form-layout'\r\nimport { PreviewText } from '../preview-text'\r\n\r\ndefineOptions({\r\n name: 'FForm',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n form: {\r\n type: Object as PropType<FormType>,\r\n },\r\n previewTextPlaceholder: {\r\n type: String,\r\n },\r\n onAutoSubmit: {\r\n type: Function as PropType<(values: FormType['values']) => Promise<any>>,\r\n },\r\n onAutoSubmitFailed: {\r\n type: Function as PropType<(error: IFormFeedback[]) => void>,\r\n },\r\n})\r\n\r\nconst top = useForm()\r\n\r\nfunction handleSubmit(e: Event, form: FormType) {\r\n form\r\n .submit(values => props.onAutoSubmit?.(values))\r\n .catch(error => props.onAutoSubmitFailed?.(error))\r\n}\r\n</script>\r\n\r\n<template>\r\n <FormProvider v-if=\"props.form\" :form=\"props.form\">\r\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\r\n <FormLayout v-bind=\"$attrs\" @submit=\"(e) => handleSubmit(e, form)\">\r\n <slot />\r\n </FormLayout>\r\n </PreviewText>\r\n </FormProvider>\r\n <template v-else-if=\"top\">\r\n <PreviewText :placeholder=\"props.previewTextPlaceholder\">\r\n <FormLayout\r\n v-bind=\"$attrs\"\r\n @submit.prevent.stop=\"(e) => handleSubmit(e, top)\"\r\n >\r\n <slot />\r\n </FormLayout>\r\n </PreviewText>\r\n </template>\r\n</template>\r\n"],"names":["props","__props","top","useForm","handleSubmit","e","form","values","error","_createBlock","_unref","FormProvider","_createVNode","PreviewText","FormLayout","_mergeProps","_ctx","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAMA,IAAQC,GAeRC,IAAMC,EAAA;AAEZ,aAASC,EAAaC,GAAUC,GAAgB;AAC9C,MAAAA,EACG,OAAO,CAAAC,MAAUP,EAAM,eAAeO,CAAM,CAAC,EAC7C,MAAM,CAAAC,MAASR,EAAM,qBAAqBQ,CAAK,CAAC;AAAA,IACrD;qBAIsBR,EAAM,aAA1BS,EAMeC,EAAAC,CAAA,GAAA;AAAA;MANkB,MAAMX,EAAM;AAAA,IAAA;iBAC3C,MAIc;AAAA,QAJdY,EAIcF,EAAAG,CAAA,GAAA;AAAA,UAJA,aAAab,EAAM;AAAA,QAAA;qBAC/B,MAEa;AAAA,YAFbY,EAEaF,EAAAI,CAAA,GAFbC,EAEaC,EAAA,QAFa;AAAA,cAAG,2BAAS,MAAMZ,EAAa,GAAGH,EAAA,IAAI;AAAA,YAAA;yBAC9D,MAAQ;AAAA,gBAARgB,EAAQD,EAAA,QAAA,SAAA;AAAA,cAAA;;;;;;;;uBAION,EAAAR,CAAA,UACnBO,EAOcC,EAAAG,CAAA,GAAA;AAAA;MAPA,aAAab,EAAM;AAAA,IAAA;iBAC/B,MAKa;AAAA,QALbY,EAKaF,EAAAI,CAAA,GALbC,EAKaC,EAAA,QAJG;AAAA,UACb,6BAAsB,MAAMZ,EAAa,GAAGM,EAAAR,CAAA,CAAG,GAAA,CAAA,WAAA,MAAA,CAAA;AAAA,QAAA;qBAEhD,MAAQ;AAAA,YAARe,EAAQD,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;;;;"}
@@ -35,8 +35,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
35
35
  default: boolean;
36
36
  };
37
37
  }>> & Readonly<{}>, {
38
- gutter: number;
39
38
  align: string;
39
+ gutter: number;
40
40
  alignFormItem: boolean;
41
41
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
42
42
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -13,8 +13,8 @@ export declare const FormButtonGroup: {
13
13
  default: boolean;
14
14
  };
15
15
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
16
- gutter: number;
17
16
  align: string;
17
+ gutter: number;
18
18
  alignFormItem: boolean;
19
19
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
20
20
  P: {};
@@ -37,8 +37,8 @@ export declare const FormButtonGroup: {
37
37
  default: boolean;
38
38
  };
39
39
  }>> & Readonly<{}>, {}, {}, {}, {}, {
40
- gutter: number;
41
40
  align: string;
41
+ gutter: number;
42
42
  alignFormItem: boolean;
43
43
  }>;
44
44
  __isFragment?: never;
@@ -58,8 +58,8 @@ export declare const FormButtonGroup: {
58
58
  default: boolean;
59
59
  };
60
60
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
61
- gutter: number;
62
61
  align: string;
62
+ gutter: number;
63
63
  alignFormItem: boolean;
64
64
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
65
65
  $slots: {
@@ -1,25 +1,22 @@
1
- import { defineComponent as p, computed as g, createBlock as a, openBlock as l, unref as e, mergeProps as i, withCtx as r, renderSlot as n, createVNode as y } from "vue";
2
- import { useAttrs as _, ElAffix as $, ElSpace as f } from "element-plus";
3
- import "@formily/reactive";
4
- import "@formily/core";
5
- import "@silver-formily/reactive-vue";
6
- import { useForm as v } from "@silver-formily/vue";
7
- import { composeExport as F } from "../__builtins__/shared/utils.mjs";
8
- import { useFormLayoutId as k } from "../form-layout/utils.mjs";
9
- import { prefixCls as u } from "./utils.mjs";
10
- import { FormItem as h } from "../form-item/index.mjs";
1
+ import { defineComponent as p, computed as g, createBlock as a, openBlock as l, unref as e, mergeProps as n, withCtx as r, renderSlot as u, createVNode as y } from "vue";
2
+ import { useForm as _ } from "@silver-formily/vue";
3
+ import { useAttrs as $, ElAffix as v, ElSpace as m } from "element-plus";
4
+ import { useFormLayoutId as F } from "../form-layout/utils.mjs";
5
+ import { prefixCls as i } from "./utils.mjs";
6
+ import { FormItem as k } from "../form-item/index.mjs";
7
+ import { composeExport as h } from "../__builtins__/shared/utils.mjs";
11
8
  import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
12
9
  __name: "form-button-group-sticky",
13
- setup(m) {
14
- const t = _(), o = v(), s = k(), c = g(() => t.value.target ? t.value.target : s.value ? `#${s.value}` : o.value?.id ? `#formily-${o.value.id}` : void 0);
15
- return (d, B) => (l(), a(e($), i({
16
- class: `${e(u)}__sticky`
10
+ setup(f) {
11
+ const t = $(), o = _(), s = F(), c = g(() => t.value.target ? t.value.target : s.value ? `#${s.value}` : o.value?.id ? `#formily-${o.value.id}` : void 0);
12
+ return (d, B) => (l(), a(e(v), n({
13
+ class: `${e(i)}__sticky`
17
14
  }, e(t), {
18
15
  position: e(t).position ?? "bottom",
19
16
  target: c.value
20
17
  }), {
21
18
  default: r(() => [
22
- n(d.$slots, "default")
19
+ u(d.$slots, "default")
23
20
  ]),
24
21
  _: 3
25
22
  }, 16, ["class", "position", "target"]));
@@ -42,31 +39,31 @@ import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
42
39
  default: !1
43
40
  }
44
41
  },
45
- setup(m) {
46
- const t = m;
47
- return (o, s) => t.alignFormItem ? (l(), a(e(h), i({
42
+ setup(f) {
43
+ const t = f;
44
+ return (o, s) => t.alignFormItem ? (l(), a(e(k), n({
48
45
  key: 0,
49
46
  colon: !1,
50
47
  label: " "
51
48
  }, o.$attrs, {
52
- class: e(u),
49
+ class: e(i),
53
50
  style: {
54
51
  width: "100%"
55
52
  }
56
53
  }), {
57
54
  default: r(() => [
58
- y(e(f), {
55
+ y(e(m), {
59
56
  size: t.gutter
60
57
  }, {
61
58
  default: r(() => [
62
- n(o.$slots, "default")
59
+ u(o.$slots, "default")
63
60
  ]),
64
61
  _: 3
65
62
  }, 8, ["size"])
66
63
  ]),
67
64
  _: 3
68
- }, 16, ["class"])) : (l(), a(e(f), i({ key: 1 }, o.$attrs, {
69
- class: e(u),
65
+ }, 16, ["class"])) : (l(), a(e(m), n({ key: 1 }, o.$attrs, {
66
+ class: e(i),
70
67
  style: {
71
68
  justifyContent: t.align === "left" ? "flex-start" : t.align === "right" ? "flex-end" : "center",
72
69
  display: "flex"
@@ -74,15 +71,15 @@ import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
74
71
  size: t.gutter
75
72
  }), {
76
73
  default: r(() => [
77
- n(o.$slots, "default")
74
+ u(o.$slots, "default")
78
75
  ]),
79
76
  _: 3
80
77
  }, 16, ["class", "style", "size"]));
81
78
  }
82
- }), j = F(x, {
79
+ }), G = h(x, {
83
80
  Sticky: b
84
81
  });
85
82
  export {
86
- j as FormButtonGroup
83
+ G as FormButtonGroup
87
84
  };
88
85
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../../src/form-button-group/form-button-group-sticky.vue","../../src/form-button-group/form-button-group.vue","../../src/form-button-group/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AffixProps } from 'element-plus'\nimport type { ComputedRef } from 'vue'\nimport { useForm } from '@silver-formily/vue'\nimport { ElAffix, useAttrs } from 'element-plus'\nimport { computed } from 'vue'\nimport { useFormLayoutId } from '../form-layout/utils'\nimport { prefixCls } from './utils'\n\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\nconst formRef = useForm()\nconst formLayoutId = useFormLayoutId()\n\nconst target = computed(() => {\n if (attrs.value.target) {\n return attrs.value.target\n }\n if (formLayoutId.value) {\n return `#${formLayoutId.value}`\n }\n return formRef.value?.id ? `#formily-${formRef.value.id}` : undefined\n})\n</script>\n\n<template>\n <ElAffix\n :class=\"`${prefixCls}__sticky`\"\n v-bind=\"attrs\"\n :position=\"attrs.position ?? 'bottom'\"\n :target=\"target\"\n >\n <slot />\n </ElAffix>\n</template>\n","<script lang=\"ts\" setup>\nimport { ElSpace } from 'element-plus'\nimport FormItem from '../form-item/index'\nimport { prefixCls } from './utils'\n\ndefineOptions({\n name: 'FFormButtonGroup',\n inheritAttrs: false,\n})\n\nconst props = defineProps({\n align: {\n type: String,\n default: 'left',\n },\n gutter: {\n type: Number,\n default: 8,\n },\n alignFormItem: {\n type: Boolean,\n default: false,\n },\n})\n</script>\n\n<template>\n <FormItem\n v-if=\"props.alignFormItem\"\n :colon=\"false\"\n label=\" \"\n v-bind=\"$attrs\"\n :class=\"prefixCls\"\n :style=\"{\n width: '100%',\n }\"\n >\n <ElSpace :size=\"props.gutter\">\n <slot />\n </ElSpace>\n </FormItem>\n <ElSpace\n v-else\n v-bind=\"$attrs\"\n :class=\"prefixCls\"\n :style=\"{\n justifyContent: props.align === 'left'\n ? 'flex-start'\n : (props.align === 'right'\n ? 'flex-end'\n : 'center'),\n display: 'flex',\n }\"\n :size=\"props.gutter\"\n >\n <slot />\n </ElSpace>\n</template>\n","import { composeExport } from '../__builtins__/shared'\nimport FormButtonGroupSticky from './form-button-group-sticky.vue'\nimport FormButtonGroupInner from './form-button-group.vue'\nimport './style.scss'\n\nexport const FormButtonGroup = composeExport(FormButtonGroupInner, {\n Sticky: FormButtonGroupSticky,\n})\n"],"names":["attrs","useAttrs","formRef","useForm","formLayoutId","useFormLayoutId","target","computed","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;;;;;AASA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAeC,EAAA,GAEfC,IAASC,EAAS,MAClBP,EAAM,MAAM,SACPA,EAAM,MAAM,SAEjBI,EAAa,QACR,IAAIA,EAAa,KAAK,KAExBF,EAAQ,OAAO,KAAK,YAAYA,EAAQ,MAAM,EAAE,KAAK,MAC7D;sBAICM,KAAAC,EAOUC,MAPVC,EAOU;AAAA,MANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,IAAA,GACZF,EAAAV,CAAA,GAAK;AAAA,MACZ,UAAUU,EAAAV,CAAA,EAAM,YAAQ;AAAA,MACxB,QAAQM,EAAA;AAAA,IAAA;iBAET,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;ACrBZ,UAAMC,IAAQC;qBAkBJD,EAAM,iBADdP,EAAA,GAAAC,EAaWC,MAbXC,EAaW;AAAA;MAXR,OAAO;AAAA,MACR,OAAM;AAAA,IAAA,GACEM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAO;AAAA;;IAEP;iBAED,MAEU;AAAA,QAFVM,EAEUR,EAAAS,CAAA,GAAA;AAAA,UAFA,MAAMJ,EAAM;AAAA,QAAA;qBACpB,MAAQ;AAAA,YAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;+BAGZL,EAeUC,EAAAS,CAAA,GAfVR,EAeU,EAAA,KAAA,EAAA,GAbAM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAK;AAAA,QAA0B,gBAAAG,EAAM,UAAK,wBAA8CA,EAAM,UAAK;;;MAQnG,MAAMA,EAAM;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;IClDCM,IAAkBC,EAAcC,GAAsB;AAAA,EACjE,QAAQC;AACV,CAAC;"}
1
+ {"version":3,"file":"index.mjs","sources":["../../src/form-button-group/form-button-group-sticky.vue","../../src/form-button-group/form-button-group.vue","../../src/form-button-group/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { AffixProps } from 'element-plus'\r\nimport type { ComputedRef } from 'vue'\r\nimport { useForm } from '@silver-formily/vue'\r\nimport { ElAffix, useAttrs } from 'element-plus'\r\nimport { computed } from 'vue'\r\nimport { useFormLayoutId } from '../form-layout/utils'\r\nimport { prefixCls } from './utils'\r\n\r\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\r\nconst formRef = useForm()\r\nconst formLayoutId = useFormLayoutId()\r\n\r\nconst target = computed(() => {\r\n if (attrs.value.target) {\r\n return attrs.value.target\r\n }\r\n if (formLayoutId.value) {\r\n return `#${formLayoutId.value}`\r\n }\r\n return formRef.value?.id ? `#formily-${formRef.value.id}` : undefined\r\n})\r\n</script>\r\n\r\n<template>\r\n <ElAffix\r\n :class=\"`${prefixCls}__sticky`\"\r\n v-bind=\"attrs\"\r\n :position=\"attrs.position ?? 'bottom'\"\r\n :target=\"target\"\r\n >\r\n <slot />\r\n </ElAffix>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ElSpace } from 'element-plus'\r\nimport FormItem from '../form-item/index'\r\nimport { prefixCls } from './utils'\r\n\r\ndefineOptions({\r\n name: 'FFormButtonGroup',\r\n inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n align: {\r\n type: String,\r\n default: 'left',\r\n },\r\n gutter: {\r\n type: Number,\r\n default: 8,\r\n },\r\n alignFormItem: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n})\r\n</script>\r\n\r\n<template>\r\n <FormItem\r\n v-if=\"props.alignFormItem\"\r\n :colon=\"false\"\r\n label=\" \"\r\n v-bind=\"$attrs\"\r\n :class=\"prefixCls\"\r\n :style=\"{\r\n width: '100%',\r\n }\"\r\n >\r\n <ElSpace :size=\"props.gutter\">\r\n <slot />\r\n </ElSpace>\r\n </FormItem>\r\n <ElSpace\r\n v-else\r\n v-bind=\"$attrs\"\r\n :class=\"prefixCls\"\r\n :style=\"{\r\n justifyContent: props.align === 'left'\r\n ? 'flex-start'\r\n : (props.align === 'right'\r\n ? 'flex-end'\r\n : 'center'),\r\n display: 'flex',\r\n }\"\r\n :size=\"props.gutter\"\r\n >\r\n <slot />\r\n </ElSpace>\r\n</template>\r\n","import { composeExport } from '../__builtins__/shared'\r\nimport FormButtonGroupSticky from './form-button-group-sticky.vue'\r\nimport FormButtonGroupInner from './form-button-group.vue'\r\nimport './style.scss'\r\n\r\nexport const FormButtonGroup = composeExport(FormButtonGroupInner, {\r\n Sticky: FormButtonGroupSticky,\r\n})\r\n"],"names":["attrs","useAttrs","formRef","useForm","formLayoutId","useFormLayoutId","target","computed","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;;AASA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAeC,EAAA,GAEfC,IAASC,EAAS,MAClBP,EAAM,MAAM,SACPA,EAAM,MAAM,SAEjBI,EAAa,QACR,IAAIA,EAAa,KAAK,KAExBF,EAAQ,OAAO,KAAK,YAAYA,EAAQ,MAAM,EAAE,KAAK,MAC7D;sBAICM,KAAAC,EAOUC,MAPVC,EAOU;AAAA,MANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,IAAA,GACZF,EAAAV,CAAA,GAAK;AAAA,MACZ,UAAUU,EAAAV,CAAA,EAAM,YAAQ;AAAA,MACxB,QAAQM,EAAA;AAAA,IAAA;iBAET,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;ACrBZ,UAAMC,IAAQC;qBAkBJD,EAAM,iBADdP,EAAA,GAAAC,EAaWC,MAbXC,EAaW;AAAA;MAXR,OAAO;AAAA,MACR,OAAM;AAAA,IAAA,GACEM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAO;AAAA;;IAEP;iBAED,MAEU;AAAA,QAFVM,EAEUR,EAAAS,CAAA,GAAA;AAAA,UAFA,MAAMJ,EAAM;AAAA,QAAA;qBACpB,MAAQ;AAAA,YAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;+BAGZL,EAeUC,EAAAS,CAAA,GAfVR,EAeU,EAAA,KAAA,EAAA,GAbAM,EAAAA,QAAM;AAAA,MACb,OAAOP,EAAAE,CAAA;AAAA,MACP,OAAK;AAAA,QAA2B,gBAAAG,EAAM,UAAK,wBAAgDA,EAAM,UAAK;;;MAQtG,MAAMA,EAAM;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;IClDCM,IAAkBC,EAAcC,GAAsB;AAAA,EACjE,QAAQC;AACV,CAAC;"}
@@ -1,12 +1,6 @@
1
1
  import { stylePrefix as o } from "../__builtins__/configs/index.mjs";
2
- import "vue";
3
- import "element-plus";
4
- import "@formily/reactive";
5
- import "@formily/core";
6
- import "@silver-formily/reactive-vue";
7
- import "@silver-formily/vue";
8
- const s = `${o}-form-button-group`;
2
+ const t = `${o}-form-button-group`;
9
3
  export {
10
- s as prefixCls
4
+ t as prefixCls
11
5
  };
12
6
  //# sourceMappingURL=utils.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.mjs","sources":["../../src/form-button-group/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\n\nexport const prefixCls = `${stylePrefix}-form-button-group`\n"],"names":["prefixCls","stylePrefix"],"mappings":";;;;;;;AAEO,MAAMA,IAAY,GAAGC,CAAW;"}
1
+ {"version":3,"file":"utils.mjs","sources":["../../src/form-button-group/utils.ts"],"sourcesContent":["import { stylePrefix } from '../__builtins__'\r\n\r\nexport const prefixCls = `${stylePrefix}-form-button-group`\r\n"],"names":["prefixCls","stylePrefix"],"mappings":";AAEO,MAAMA,IAAY,GAAGC,CAAW;"}