@silver-formily/element-plus 2.0.0 → 2.0.1

package/esm/editable/index.mjs

@@ -1,16 +1,14 @@
-import { useField as x, connect as E, mapProps as h } from "@formily/vue";
-import { defineComponent as R, ref as m, createElementBlock as f, openBlock as u, normalizeClass as n, createVNode as d, unref as t, mergeProps as P, withCtx as s, withDirectives as z, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as T, computed as w, createCommentVNode as q, Fragment as I, nextTick as g } from "vue";
-import { ElPopover as N, ElText as D, ClickOutside as W } from "element-plus";
-import { reaction as M } from "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import { composeExport as j } from "../__builtins__/shared/utils.mjs";
-import { FormBaseItem as c, fieldFeedbackMapper as A } from "../form-item/index.mjs";
-import { Edit as F, Close as G } from "@element-plus/icons-vue";
-import { isValid as B, isPlainObj as H } from "@formily/shared";
+import { useField as x, connect as E, mapProps as h } from "@silver-formily/vue";
+import { FormBaseItem as f, fieldFeedbackMapper as R } from "../form-item/index.mjs";
+import { defineComponent as z, ref as m, createElementBlock as c, openBlock as u, normalizeClass as n, createVNode as d, unref as t, mergeProps as P, withCtx as s, withDirectives as T, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as W, computed as w, createCommentVNode as q, Fragment as I, nextTick as g } from "vue";
+import { Edit as A, Close as N } from "@element-plus/icons-vue";
+import { reaction as D } from "@formily/reactive";
+import { isValid as B, isPlainObj as M } from "@formily/shared";
+import { ElPopover as j, ElText as G, ClickOutside as F } from "element-plus";
 import { stylePrefix as L } from "../__builtins__/configs/index.mjs";
 import { o as k } from "../vendor/lodash.mjs";
-import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
+import { composeExport as H } from "../__builtins__/shared/utils.mjs";
+import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
   name: "FEditablePopover",
   inheritAttrs: !1,
   __name: "editable-popover",
@@ -54,7 +52,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
     function v() {
       o.value = !0;
     }
-    return M(
+    return D(
       () => e.value.form.queryFeedbacks({
         type: "error",
         address: `${e.value.address.entire}.*`
@@ -62,10 +60,10 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
       (a) => {
         a.length > 0 && (o.value = !0);
       }
-    ), (a, p) => (u(), f("div", {
+    ), (a, p) => (u(), c("div", {
       class: n(r)
     }, [
-      d(t(N), P(a.$attrs, {
+      d(t(j), P(a.$attrs, {
         visible: o.value,
         title: a.$attrs.title || t(e).title,
         trigger: "click",
@@ -77,11 +75,11 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
             ref: i,
             class: n(`${r}-popover-wrapper`)
           }, [
-            T(a.$slots, "default")
+            W(a.$slots, "default")
           ], 2)
         ]),
         reference: s(() => [
-          z((u(), _(t(c), P(l, {
+          T((u(), _(t(f), P(l, {
             class: `${r}-trigger`
           }), {
             default: s(() => [
@@ -89,27 +87,27 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
                 class: n(`${r}-content`),
                 onClick: v
               }, [
-                d(t(D), null, {
+                d(t(G), null, {
                   default: s(() => [
                     S(V(t(e).title), 1)
                   ]),
                   _: 1
                 }),
-                d(t(F), {
+                d(t(A), {
                   class: n(`${r}-edit-btn`)
                 }, null, 8, ["class"])
               ], 2)
             ]),
             _: 1
           }, 16, ["class"])), [
-            [t(W), y]
+            [t(F), y]
           ])
         ]),
         _: 3
       }, 16, ["visible", "title"])
     ]));
   }
-}), K = /* @__PURE__ */ R({
+}), K = /* @__PURE__ */ z({
   name: "FEditable",
   __name: "editable",
   props: {
@@ -139,7 +137,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
     editProps: null
   },
   setup(b) {
-    const l = b, e = x(), r = m(null), i = `${L}-editable`, o = m(null), y = w(() => k(l, "editProps")), v = w(() => H(l.editProps) ? { ...k(l, "editProps"), ...l.editProps } : k(l, "editProps"));
+    const l = b, e = x(), r = m(null), i = `${L}-editable`, o = m(null), y = w(() => k(l, "editProps")), v = w(() => M(l.editProps) ? { ...k(l, "editProps"), ...l.editProps } : k(l, "editProps"));
     function a() {
       B(e.value.data) || (e.value.data = {});
     }
@@ -152,45 +150,45 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
         e.value.data.readPretty = !0, await g(), o.value?.feedbackTooltipRef.updatePopper();
       }, 0));
     }
-    return (O, X) => (u(), f("div", {
+    return (O, X) => (u(), c("div", {
       ref_key: "innerRef",
       ref: r,
       class: n([i, t(e).disabled && "is-disabled"])
     }, [
-      z((u(), f("div", {
+      T((u(), c("div", {
         class: n(`${i}-content`)
       }, [
-        d(t(c), P({
+        d(t(f), P({
           ref_key: "formItemRef",
           ref: o
         }, t(e).data?.readPretty === !1 ? v.value : y.value, { onClick: p }), {
           default: s(() => [
             C("div", null, [
-              T(O.$slots, "default")
+              W(O.$slots, "default")
             ])
           ]),
           _: 3
         }, 16),
-        t(e).disabled ? q("", !0) : (u(), f(I, { key: 0 }, [
-          t(e).data?.readPretty === !0 ? (u(), _(t(c), {
+        t(e).disabled ? q("", !0) : (u(), c(I, { key: 0 }, [
+          t(e).data?.readPretty === !0 ? (u(), _(t(f), {
             key: 0,
             size: l.size,
             "feedback-layout": l.feedbackLayout
           }, {
             default: s(() => [
-              d(t(F), {
+              d(t(A), {
                 class: n(`${i}-edit-btn`),
                 onClick: p
               }, null, 8, ["class"])
             ]),
             _: 1
-          }, 8, ["size", "feedback-layout"])) : (u(), _(t(c), {
+          }, 8, ["size", "feedback-layout"])) : (u(), _(t(f), {
             key: 1,
             size: l.size,
             "feedback-layout": l.feedbackLayout
           }, {
             default: s(() => [
-              d(t(G), {
+              d(t(N), {
                 class: n(`${i}-close-btn`),
                 onClick: $
               }, null, 8, ["class"])
@@ -199,7 +197,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
           }, 8, ["size", "feedback-layout"]))
         ], 64))
       ], 2)), [
-        [t(W), $]
+        [t(F), $]
       ])
     ], 2));
   }
@@ -208,18 +206,18 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ R({
     required: !0,
     description: "extra"
   },
-  A
+  R
 )), U = E(J, h(
   {
     required: !0,
     description: "extra"
   },
-  A
-)), de = j(Q, {
+  R
+)), ue = H(Q, {
   Popover: U
 });
 export {
-  de as Editable,
-  de as default
+  ue as Editable,
+  ue as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/editable/index.mjs.map

@@ -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 '@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 = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null\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 '@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 = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null,\n  editProps: null\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 '@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(FEditable, mapProps(\n  {\n    required: true,\n    description: 'extra',\n  },\n  fieldFeedbackMapper,\n))\n\nconst EditablePopover = connect(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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"}
+{"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 = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null\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 = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null,\n  editProps: null\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(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(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/form/form.mjs

@@ -1,7 +1,7 @@
 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";
-import { useForm as v, FormProvider as w } from "@formily/vue";
-import { _ as c } from "../form-layout/form-layout.mjs";
-import { PreviewText as b } from "../preview-text/index.mjs";
+import { useForm as v, FormProvider as w } from "@silver-formily/vue";
+import { PreviewText as c } from "../preview-text/index.mjs";
+import { _ as b } from "../form-layout/form-layout.mjs";
 const $ = /* @__PURE__ */ h({
   name: "FForm",
   inheritAttrs: !1,
@@ -30,11 +30,11 @@ const $ = /* @__PURE__ */ h({
       form: o.form
     }, {
       default: i(() => [
-        n(t(b), {
+        n(t(c), {
           placeholder: o.previewTextPlaceholder
         }, {
           default: i(() => [
-            n(t(c), d(m.$attrs, {
+            n(t(b), d(m.$attrs, {
               onSubmit: r[0] || (r[0] = (e) => a(e, l.form))
             }), {
               default: i(() => [
@@ -47,12 +47,12 @@ const $ = /* @__PURE__ */ h({
         }, 8, ["placeholder"])
       ]),
       _: 3
-    }, 8, ["form"])) : t(u) ? (p(), f(t(b), {
+    }, 8, ["form"])) : t(u) ? (p(), f(t(c), {
       key: 1,
       placeholder: o.previewTextPlaceholder
     }, {
       default: i(() => [
-        n(t(c), d(m.$attrs, {
+        n(t(b), d(m.$attrs, {
           onSubmit: r[1] || (r[1] = F((e) => a(e, t(u)), ["prevent", "stop"]))
         }), {
           default: i(() => [

package/esm/form/form.mjs.map

@@ -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 '@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;;;;;;;;"}
+{"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;;;;;;;;"}

package/esm/form-button-group/index.mjs

@@ -1,24 +1,21 @@
-import { defineComponent as u, createBlock as s, openBlock as l, unref as t, mergeProps as a, withCtx as r, renderSlot as i, createVNode as c } from "vue";
-import { useAttrs as d, ElAffix as g, ElSpace as p } from "element-plus";
-import "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import { useForm as _ } from "@formily/vue";
-import { composeExport as y } from "../__builtins__/shared/utils.mjs";
-import { prefixCls as n } from "./utils.mjs";
-import { FormItem as $ } from "../form-item/index.mjs";
+import { defineComponent as u, createBlock as s, openBlock as l, unref as t, mergeProps as a, withCtx as r, renderSlot as n, createVNode as c } from "vue";
+import { useForm as d } from "@silver-formily/vue";
+import { useAttrs as g, ElAffix as _, ElSpace as p } from "element-plus";
+import { prefixCls as i } from "./utils.mjs";
+import { FormItem as y } from "../form-item/index.mjs";
+import { composeExport as $ } from "../__builtins__/shared/utils.mjs";
 import '../styles/form-button-group/index.css';const k = /* @__PURE__ */ u({
   __name: "form-button-group-sticky",
-  setup(m) {
-    const e = d(), o = _();
-    return (f, h) => (l(), s(t(g), a({
-      class: `${t(n)}__sticky`
+  setup(f) {
+    const e = g(), o = d();
+    return (m, h) => (l(), s(t(_), a({
+      class: `${t(i)}__sticky`
     }, t(e), {
       position: t(e).position ?? "bottom",
       target: t(e).target ?? `#formily-${t(o)?.id}`
     }), {
       default: r(() => [
-        i(f.$slots, "default")
+        n(m.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "position", "target"]));
@@ -41,14 +38,14 @@ import '../styles/form-button-group/index.css';const k = /* @__PURE__ */ u({
       default: !1
     }
   },
-  setup(m) {
-    const e = m;
-    return (o, f) => e.alignFormItem ? (l(), s(t($), a({
+  setup(f) {
+    const e = f;
+    return (o, m) => e.alignFormItem ? (l(), s(t(y), a({
       key: 0,
       colon: !1,
       label: " "
     }, o.$attrs, {
-      class: t(n),
+      class: t(i),
       style: {
         width: "100%"
       }
@@ -58,14 +55,14 @@ import '../styles/form-button-group/index.css';const k = /* @__PURE__ */ u({
           size: e.gutter
         }, {
           default: r(() => [
-            i(o.$slots, "default")
+            n(o.$slots, "default")
           ]),
           _: 3
         }, 8, ["size"])
       ]),
       _: 3
     }, 16, ["class"])) : (l(), s(t(p), a({ key: 1 }, o.$attrs, {
-      class: t(n),
+      class: t(i),
       style: {
         justifyContent: e.align === "left" ? "flex-start" : e.align === "right" ? "flex-end" : "center",
         display: "flex"
@@ -73,15 +70,15 @@ import '../styles/form-button-group/index.css';const k = /* @__PURE__ */ u({
       size: e.gutter
     }), {
       default: r(() => [
-        i(o.$slots, "default")
+        n(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "style", "size"]));
   }
-}), w = y(F, {
+}), A = $(F, {
   Sticky: k
 });
 export {
-  w as FormButtonGroup
+  A as FormButtonGroup
 };
 //# sourceMappingURL=index.mjs.map

package/esm/form-button-group/index.mjs.map

@@ -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 '@formily/vue'\nimport { ElAffix, useAttrs } from 'element-plus'\nimport { prefixCls } from './utils'\n\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\nconst formRef = useForm()\n</script>\n\n<template>\n  <ElAffix\n    :class=\"`${prefixCls}__sticky`\"\n    v-bind=\"attrs\"\n    :position=\"attrs.position ?? 'bottom'\"\n    :target=\"attrs.target ?? `#formily-${formRef?.id}`\"\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","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;;;;AAOA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA;sBAIdC,KAAAC,EAOUC,MAPVC,EAOU;AAAA,MANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,IAAA,GACZF,EAAAN,CAAA,GAAK;AAAA,MACZ,UAAUM,EAAAN,CAAA,EAAM,YAAQ;AAAA,MACxB,QAAQM,EAAAN,CAAA,EAAM,UAAM,YAAgBM,EAAAJ,CAAA,GAAS,EAAE;AAAA,IAAA;iBAEhD,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;ACRZ,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;"}
+{"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 { prefixCls } from './utils'\r\n\r\nconst attrs = useAttrs() as ComputedRef<Partial<AffixProps>>\r\nconst formRef = useForm()\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=\"attrs.target ?? `#formily-${formRef?.id}`\"\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","_openBlock","_createBlock","_unref","_mergeProps","prefixCls","_renderSlot","_ctx","props","__props","$attrs","_createVNode","ElSpace","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;AAOA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA;sBAIdC,KAAAC,EAOUC,MAPVC,EAOU;AAAA,MANP,UAAUD,EAAAE,CAAA,CAAS;AAAA,IAAA,GACZF,EAAAN,CAAA,GAAK;AAAA,MACZ,UAAUM,EAAAN,CAAA,EAAM,YAAQ;AAAA,MACxB,QAAQM,EAAAN,CAAA,EAAM,UAAM,YAAgBM,EAAAJ,CAAA,GAAS,EAAE;AAAA,IAAA;iBAEhD,MAAQ;AAAA,QAARO,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;ACRZ,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;"}

package/esm/form-button-group/utils.mjs

@@ -1,12 +1,6 @@
 import { stylePrefix as o } from "../__builtins__/configs/index.mjs";
-import "vue";
-import "element-plus";
-import "@formily/reactive";
-import "@formily/core";
-import "@formily/reactive-vue";
-import "@formily/vue";
-const s = `${o}-form-button-group`;
+const t = `${o}-form-button-group`;
 export {
-  s as prefixCls
+  t as prefixCls
 };
 //# sourceMappingURL=utils.mjs.map

package/esm/form-button-group/utils.mjs.map

@@ -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;"}
+{"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;"}

package/esm/form-collapse/index.mjs

@@ -1,14 +1,13 @@
-import { observer as I } from "@formily/reactive-vue";
-import { defineComponent as b, computed as $, createBlock as n, openBlock as o, unref as e, mergeProps as F, withCtx as u, createElementBlock as c, Fragment as m, renderList as N, normalizeClass as P, resolveDynamicComponent as k, toDisplayString as _, createTextVNode as D, createVNode as R, h as V } from "vue";
-import { ElCollapse as h, ElCollapseItem as j, ElBadge as q } from "element-plus";
+import { observer as V } from "@formily/reactive-vue";
+import { defineComponent as b, computed as N, createBlock as s, openBlock as o, unref as e, mergeProps as F, withCtx as u, createElementBlock as c, Fragment as m, renderList as P, normalizeClass as $, resolveDynamicComponent as k, toDisplayString as _, createTextVNode as D, createVNode as R, h } from "vue";
 import { observable as g } from "@formily/reactive";
-import "@formily/core";
-import { useField as w, useFieldSchema as z, RecursionField as L } from "@formily/vue";
-import { composeExport as O } from "../__builtins__/shared/utils.mjs";
 import { isFn as E } from "@formily/shared";
-import { stylePrefix as T } from "../__builtins__/configs/index.mjs";
-import { usePanels as G, createFormCollapse as K } from "./utils.mjs";
-import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE__ */ b({
+import { useField as j, useFieldSchema as q, RecursionField as w } from "@silver-formily/vue";
+import { ElCollapse as z, ElCollapseItem as L, ElBadge as O } from "element-plus";
+import { usePanels as T, createFormCollapse as K } from "./utils.mjs";
+import { useCleanAttrs as U, composeExport as G } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix as H } from "../__builtins__/configs/index.mjs";
+import '../styles/form-collapse/index.css';const J = { key: 1 }, M = /* @__PURE__ */ b({
   inheritAttrs: !1,
   __name: "form-collapse",
   props: {
@@ -18,47 +17,47 @@ import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE_
     }
   },
   setup(C) {
-    const r = C, x = `${T}-form-collapse`, i = w(), A = z(), f = g.computed(() => G(i.value, A.value)), v = $(
+    const r = C, x = `${H}-form-collapse`, { props: A } = U(["modelValue", "onUpdate:modelValue"]), i = j(), B = q(), f = g.computed(() => T(i.value, B.value)), v = N(
       () => r.formCollapse ?? K()
     );
-    function B(l) {
-      return r.activeKey ? r.activeKey : v.value?.activeKeys ? v.value?.activeKeys : l.map((s) => s.name);
+    function I(a) {
+      return r.activeKey ? r.activeKey : v.value?.activeKeys ? v.value?.activeKeys : a.map((l) => l.name);
     }
-    const a = g.computed(() => f.value.map((l) => i.value.form.queryFeedbacks({
+    const n = g.computed(() => f.value.map((a) => i.value.form.queryFeedbacks({
       type: "error",
-      address: `${i.value.address.concat(l.name)}.*`
+      address: `${i.value.address.concat(a.name)}.*`
     }).length));
-    return (l, s) => (o(), n(e(h), F({
+    return (a, l) => (o(), s(e(z), F({
       class: x,
-      "model-value": B(e(f).value)
-    }, l.$attrs, {
-      onChange: s[0] || (s[0] = (d) => {
+      "model-value": I(e(f).value)
+    }, e(A), {
+      onChange: l[0] || (l[0] = (d) => {
         v.value.setActiveKeys(d);
       })
     }), {
       default: u(() => [
-        (o(!0), c(m, null, N(e(f).value, ({ props: d, schema: t, name: y }, p) => (o(), n(e(j), F({
+        (o(!0), c(m, null, P(e(f).value, ({ props: d, schema: t, name: y }, p) => (o(), s(e(L), F({
           key: y,
           ref_for: !0
         }, d, { name: y }), {
           default: u(() => [
-            R(e(L), {
+            R(e(w), {
               schema: t,
               name: y
             }, null, 8, ["schema", "name"])
           ]),
           title: u(() => [
-            e(a).value[p] !== 0 ? (o(), n(e(q), {
+            e(n).value[p] !== 0 ? (o(), s(e(O), {
               key: 0,
-              class: P(`${x}-errors-badge`),
-              value: e(a).value[p]
+              class: $(`${x}-errors-badge`),
+              value: e(n).value[p]
             }, {
               default: u(() => [
-                t["x-content"]?.title ? (o(), n(k(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(a).value[p]) : t["x-content"]?.title), { key: 0 })) : (o(), c("span", H, _(t["x-component-props"]?.title), 1))
+                t["x-content"]?.title ? (o(), s(k(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(n).value[p]) : t["x-content"]?.title), { key: 0 })) : (o(), c("span", J, _(t["x-component-props"]?.title), 1))
               ]),
               _: 2
             }, 1032, ["class", "value"])) : (o(), c(m, { key: 1 }, [
-              t["x-content"]?.title ? (o(), n(k(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(a).value[p]) : t["x-content"]?.title), { key: 0 })) : (o(), c(m, { key: 1 }, [
+              t["x-content"]?.title ? (o(), s(k(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(n).value[p]) : t["x-content"]?.title), { key: 0 })) : (o(), c(m, { key: 1 }, [
                 D(_(t["x-component-props"]?.title), 1)
               ], 64))
             ], 64))
@@ -69,19 +68,19 @@ import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE_
       _: 1
     }, 16, ["model-value"]));
   }
-}), M = I(J), Q = b({
+}), Q = V(M), W = b({
   name: "FFormCollapseItem",
   inheritAttrs: !1,
   setup(C, { slots: r }) {
-    return () => V(m, r.default?.());
+    return () => h(m, r.default?.());
   }
-}), le = O(M, {
-  Item: Q,
+}), se = G(Q, {
+  Item: W,
   createFormCollapse: K
 });
 export {
-  le as FormCollapse,
-  Q as FormCollapseItem,
-  le as default
+  se as FormCollapse,
+  W as FormCollapseItem,
+  se as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/form-collapse/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-collapse/form-collapse.vue","../../src/form-collapse/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { PropType } from 'vue'\nimport type { IFormCollapse } from './utils'\nimport { observable } from '@formily/reactive'\nimport { isFn } from '@formily/shared'\nimport { RecursionField, useField, useFieldSchema } from '@formily/vue'\nimport { ElBadge, ElCollapse, ElCollapseItem } from 'element-plus'\nimport { computed } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { createFormCollapse, usePanels } from './utils'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  formCollapse: { type: Object as PropType<IFormCollapse> },\n  activeKey: {\n    type: [String, Number],\n  },\n})\nconst prefixCls = `${stylePrefix}-form-collapse`\n\nconst field = useField()\nconst schema = useFieldSchema()\nconst panels = observable.computed(() => usePanels(field.value, schema.value))\nconst formCollapseRef = computed(\n  () => props.formCollapse ?? createFormCollapse(),\n)\n\nfunction takeActiveKeys(panelList) {\n  if (props.activeKey)\n    return props.activeKey\n  if (formCollapseRef.value?.activeKeys)\n    return formCollapseRef.value?.activeKeys\n  return panelList.map(item => item.name)\n}\n\nconst panelErrorCounts = observable.computed(() => {\n  return panels.value.map((item) => {\n    const panelErrors = field.value.form.queryFeedbacks({\n      type: 'error',\n      address: `${field.value.address.concat(item.name)}.*`,\n    })\n    return panelErrors.length\n  })\n})\n</script>\n\n<template>\n  <ElCollapse\n    :class=\"prefixCls\"\n    :model-value=\"takeActiveKeys(panels.value)\"\n    v-bind=\"$attrs\"\n    @change=\"(key) => {\n      formCollapseRef.setActiveKeys(key)\n    }\"\n  >\n    <template v-for=\"({ props: itemProps, schema: itemSchema, name }, index) of panels.value\" :key=\"name\">\n      <ElCollapseItem v-bind=\"itemProps\" :name=\"name\">\n        <template #default>\n          <RecursionField :schema=\"itemSchema\" :name=\"name\" />\n        </template>\n        <template #title>\n          <ElBadge\n            v-if=\"panelErrorCounts.value[index] !== 0\"\n            :class=\"`${prefixCls}-errors-badge`\"\n            :value=\"panelErrorCounts.value[index]\"\n          >\n            <component\n              :is=\"() => isFn(itemSchema['x-content']?.title)\n                ? itemSchema['x-content']?.title(panelErrorCounts.value[index])\n                : itemSchema['x-content']?.title\"\n              v-if=\"itemSchema['x-content']?.title\"\n            />\n            <span v-else>{{ itemSchema['x-component-props']?.title }}</span>\n          </ElBadge>\n          <template v-else>\n            <component\n              :is=\"() => isFn(itemSchema['x-content']?.title)\n                ? itemSchema['x-content']?.title(panelErrorCounts.value[index])\n                : itemSchema['x-content']?.title\"\n              v-if=\"itemSchema['x-content']?.title\"\n            />\n            <template v-else>\n              {{ itemSchema['x-component-props']?.title }}\n            </template>\n          </template>\n        </template>\n      </ElCollapseItem>\n    </template>\n  </ElCollapse>\n</template>\n","import { observer } from '@formily/reactive-vue'\nimport { defineComponent, Fragment, h } from 'vue'\nimport { composeExport } from '../__builtins__'\nimport FFormCollapse from './form-collapse.vue'\nimport { createFormCollapse } from './utils'\nimport './style.scss'\n\nconst FormCollapse = observer(FFormCollapse)\n\nexport const FormCollapseItem = defineComponent({\n  name: 'FFormCollapseItem',\n  inheritAttrs: false,\n  setup(_props, { slots }) {\n    return () => h(Fragment, slots.default?.())\n  },\n})\n\nconst composeFormCollapse = composeExport(FormCollapse, {\n  Item: FormCollapseItem,\n  createFormCollapse,\n})\n\nexport { composeFormCollapse as FormCollapse }\nexport default composeFormCollapse\n"],"names":["props","__props","prefixCls","stylePrefix","field","useField","schema","useFieldSchema","panels","observable","usePanels","formCollapseRef","computed","createFormCollapse","takeActiveKeys","panelList","item","panelErrorCounts","_openBlock","_createBlock","_unref","_mergeProps","$attrs","key","_createElementBlock","_Fragment","_renderList","itemProps","itemSchema","name","index","_createVNode","RecursionField","ElBadge","_resolveDynamicComponent","isFn","_hoisted_1","_toDisplayString","_createTextVNode","FormCollapse","observer","FFormCollapse","FormCollapseItem","defineComponent","_props","slots","h","Fragment","composeFormCollapse","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GAMRC,IAAY,GAAGC,CAAW,kBAE1BC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAASC,EAAW,SAAS,MAAMC,EAAUN,EAAM,OAAOE,EAAO,KAAK,CAAC,GACvEK,IAAkBC;AAAA,MACtB,MAAMZ,EAAM,gBAAgBa,EAAA;AAAA,IAAmB;AAGjD,aAASC,EAAeC,GAAW;AACjC,aAAIf,EAAM,YACDA,EAAM,YACXW,EAAgB,OAAO,aAClBA,EAAgB,OAAO,aACzBI,EAAU,IAAI,CAAAC,MAAQA,EAAK,IAAI;AAAA,IACxC;AAEA,UAAMC,IAAmBR,EAAW,SAAS,MACpCD,EAAO,MAAM,IAAI,CAACQ,MACHZ,EAAM,MAAM,KAAK,eAAe;AAAA,MAClD,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,QAAQ,OAAOY,EAAK,IAAI,CAAC;AAAA,IAAA,CAClD,EACkB,MACpB,CACF;sBAICE,KAAAC,EAyCaC,MAzCbC,EAyCa;AAAA,MAxCV,OAAOnB;AAAA,MACP,eAAaY,EAAeM,EAAAZ,CAAA,EAAO,KAAK;AAAA,IAAA,GACjCc,EAAAA,QAAM;AAAA,MACb,2BAASC,MAAG;AAAa,QAAAZ,EAAA,MAAgB,cAAcY,CAAG;AAAA;;iBAIjD,MAA+E;AAAA,gBAAzFC,EAgCWC,GAAA,MAAAC,EAhCiEN,EAAAZ,CAAA,EAAO,OAAK,CAAA,EAAA,OAA7DmB,GAAS,QAAUC,GAAY,MAAAC,EAAA,GAAQC,OAChEZ,KAAAC,EA8BiBC,MA9BjBC,EA8BiB;AAAA,eA/B6EQ;AAAA;WACtEF,GAAS,EAAG,MAAAE,EAAA,CAAU,GAAA;AAAA,UACjC,WACT,MAAoD;AAAA,YAApDE,EAAoDX,EAAAY,CAAA,GAAA;AAAA,cAAnC,QAAQJ;AAAA,cAAa,MAAAC;AAAA,YAAA;;UAE7B,SACT,MAYU;AAAA,YAXFT,EAAAH,CAAA,EAAiB,MAAMa,CAAK,MAAA,UADpCX,EAYUC,EAAAa,CAAA,GAAA;AAAA;cAVP,YAAU/B,CAAS,eAAA;AAAA,cACnB,OAAOkB,EAAAH,CAAA,EAAiB,MAAMa,CAAK;AAAA,YAAA;yBAEpC,MAKE;AAAA,gBADMF,gBAAyB,SAJjCV,KAAAC,EAKEe,EAAA,MAJWd,EAAAe,CAAA,EAAKP,gBAAyB,KAAK,IAAoBA,gBAAyB,MAAMR,KAAiB,MAAMU,CAAK,CAAA,IAAqBF,gBAAyB,KAAK,GAAA,EAAA,KAAA,GAAA,WAKlLJ,EAAgE,QAAAY,GAAAC,EAAhDT,EAAU,mBAAA,GAAuB,KAAK,GAAA,CAAA;AAAA,cAAA;;kDAExDJ,EAUWC,GAAA,EAAA,KAAA,KAAA;AAAA,cALDG,gBAAyB,SAJjCV,KAAAC,EAKEe,EAAA,MAJWd,EAAAe,CAAA,EAAKP,gBAAyB,KAAK,IAAoBA,gBAAyB,MAAMR,KAAiB,MAAMU,CAAK,CAAA,IAAqBF,gBAAyB,KAAK,GAAA,EAAA,KAAA,EAAA,CAAA,WAKlLJ,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,gBADNa,EAAAD,EAAAT,wBAAiC,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;;;;;IC9EjDW,IAAeC,EAASC,CAAa,GAE9BC,IAAmBC,EAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,cAAc;AAAA,EACd,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,WAAO,MAAMC,EAAEC,GAAUF,EAAM,WAAW;AAAA,EAC5C;AACF,CAAC,GAEKG,KAAsBC,EAAcV,GAAc;AAAA,EACtD,MAAMG;AAAA,EACN,oBAAA7B;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/form-collapse/form-collapse.vue","../../src/form-collapse/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { PropType } from 'vue'\r\nimport type { IFormCollapse } from './utils'\r\nimport { observable } from '@formily/reactive'\r\nimport { isFn } from '@formily/shared'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElCollapse, ElCollapseItem } from 'element-plus'\r\nimport { computed } from 'vue'\r\nimport { stylePrefix, useCleanAttrs } from '../__builtins__'\r\nimport { createFormCollapse, usePanels } from './utils'\r\n\r\ndefineOptions({\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  formCollapse: { type: Object as PropType<IFormCollapse> },\r\n  activeKey: {\r\n    type: [String, Number],\r\n  },\r\n})\r\nconst prefixCls = `${stylePrefix}-form-collapse`\r\nconst { props: collapseAttrs } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\r\n\r\nconst field = useField()\r\nconst schema = useFieldSchema()\r\nconst panels = observable.computed(() => usePanels(field.value, schema.value))\r\nconst formCollapseRef = computed(\r\n  () => props.formCollapse ?? createFormCollapse(),\r\n)\r\n\r\nfunction takeActiveKeys(panelList) {\r\n  if (props.activeKey)\r\n    return props.activeKey\r\n  if (formCollapseRef.value?.activeKeys)\r\n    return formCollapseRef.value?.activeKeys\r\n  return panelList.map(item => item.name)\r\n}\r\n\r\nconst panelErrorCounts = observable.computed(() => {\r\n  return panels.value.map((item) => {\r\n    const panelErrors = field.value.form.queryFeedbacks({\r\n      type: 'error',\r\n      address: `${field.value.address.concat(item.name)}.*`,\r\n    })\r\n    return panelErrors.length\r\n  })\r\n})\r\n</script>\r\n\r\n<template>\r\n  <ElCollapse\r\n    :class=\"prefixCls\"\r\n    :model-value=\"takeActiveKeys(panels.value)\"\r\n    v-bind=\"collapseAttrs\"\r\n    @change=\"(key) => {\r\n      formCollapseRef.setActiveKeys(key)\r\n    }\"\r\n  >\r\n    <template v-for=\"({ props: itemProps, schema: itemSchema, name }, index) of panels.value\" :key=\"name\">\r\n      <ElCollapseItem v-bind=\"itemProps\" :name=\"name\">\r\n        <template #default>\r\n          <RecursionField :schema=\"itemSchema\" :name=\"name\" />\r\n        </template>\r\n        <template #title>\r\n          <ElBadge\r\n            v-if=\"panelErrorCounts.value[index] !== 0\"\r\n            :class=\"`${prefixCls}-errors-badge`\"\r\n            :value=\"panelErrorCounts.value[index]\"\r\n          >\r\n            <component\r\n              :is=\"() => isFn(itemSchema['x-content']?.title)\r\n                ? itemSchema['x-content']?.title(panelErrorCounts.value[index])\r\n                : itemSchema['x-content']?.title\"\r\n              v-if=\"itemSchema['x-content']?.title\"\r\n            />\r\n            <span v-else>{{ itemSchema['x-component-props']?.title }}</span>\r\n          </ElBadge>\r\n          <template v-else>\r\n            <component\r\n              :is=\"() => isFn(itemSchema['x-content']?.title)\r\n                ? itemSchema['x-content']?.title(panelErrorCounts.value[index])\r\n                : itemSchema['x-content']?.title\"\r\n              v-if=\"itemSchema['x-content']?.title\"\r\n            />\r\n            <template v-else>\r\n              {{ itemSchema['x-component-props']?.title }}\r\n            </template>\r\n          </template>\r\n        </template>\r\n      </ElCollapseItem>\r\n    </template>\r\n  </ElCollapse>\r\n</template>\r\n","import { observer } from '@formily/reactive-vue'\r\nimport { defineComponent, Fragment, h } from 'vue'\r\nimport { composeExport } from '../__builtins__'\r\nimport FFormCollapse from './form-collapse.vue'\r\nimport { createFormCollapse } from './utils'\r\nimport './style.scss'\r\n\r\nconst FormCollapse = observer(FFormCollapse)\r\n\r\nexport const FormCollapseItem = defineComponent({\r\n  name: 'FFormCollapseItem',\r\n  inheritAttrs: false,\r\n  setup(_props, { slots }) {\r\n    return () => h(Fragment, slots.default?.())\r\n  },\r\n})\r\n\r\nconst composeFormCollapse = composeExport(FormCollapse, {\r\n  Item: FormCollapseItem,\r\n  createFormCollapse,\r\n})\r\n\r\nexport { composeFormCollapse as FormCollapse }\r\nexport default composeFormCollapse\r\n"],"names":["props","__props","prefixCls","stylePrefix","collapseAttrs","useCleanAttrs","field","useField","schema","useFieldSchema","panels","observable","usePanels","formCollapseRef","computed","createFormCollapse","takeActiveKeys","panelList","item","panelErrorCounts","_openBlock","_createBlock","_unref","_mergeProps","key","_createElementBlock","_Fragment","_renderList","itemProps","itemSchema","name","index","_createVNode","RecursionField","ElBadge","_resolveDynamicComponent","isFn","_hoisted_1","_toDisplayString","_createTextVNode","FormCollapse","observer","FFormCollapse","FormCollapseItem","defineComponent","_props","slots","Fragment","composeFormCollapse","composeExport"],"mappings":"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"}