@silver-formily/element-plus 2.2.0 → 2.4.0

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

@@ -1,27 +1,38 @@
-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";
-import { useForm as _ } from "@silver-formily/vue";
-import { useAttrs as $, ElAffix as v, ElSpace as m } from "element-plus";
-import { useFormLayoutId as F } from "../form-layout/utils.mjs";
-import { prefixCls as i } from "./utils.mjs";
-import { FormItem as k } from "../form-item/index.mjs";
-import { composeExport as h } from "../__builtins__/shared/utils.mjs";
-import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
+import { useAttrs as y, ElAffix as g, ElSpace as m } from "element-plus";
+import "@formily/reactive";
+import "@vueuse/core";
+import { defineComponent as p, computed as _, createBlock as s, openBlock as n, unref as e, mergeProps as a, withCtx as l, renderSlot as u, createVNode as $, normalizeStyle as v } from "vue";
+import "@formily/core";
+import "@silver-formily/reactive-vue";
+import { useForm as h } from "@silver-formily/vue";
+import { composeExport as F } from "../__builtins__/shared/utils.mjs";
+import { useFormLayoutId as k } from "../form-layout/utils.mjs";
+import { prefixCls as r } from "./utils.mjs";
+import { FormItem as x } from "../form-item/index.mjs";
+import '../styles/form-button-group/index.css';const B = /* @__PURE__ */ p({
   __name: "form-button-group-sticky",
   setup(f) {
-    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);
-    return (d, B) => (l(), a(e(v), n({
-      class: `${e(i)}__sticky`
+    const t = y(), o = h(), i = k(), c = _(() => {
+      if (t.value.target)
+        return t.value.target;
+      if (i.value)
+        return `#${i.value}`;
+      /* istanbul ignore next -- @preserve */
+      return o.value?.id ? `#formily-${o.value.id}` : void 0;
+    });
+    return (d, z) => (n(), s(e(g), a({
+      class: `${e(r)}__sticky`
     }, e(t), {
       position: e(t).position ?? "bottom",
       target: c.value
     }), {
-      default: r(() => [
+      default: l(() => [
         u(d.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "position", "target"]));
   }
-}), x = /* @__PURE__ */ p({
+}), b = /* @__PURE__ */ p({
   name: "FFormButtonGroup",
   inheritAttrs: !1,
   __name: "form-button-group",
@@ -30,6 +41,10 @@ import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
       type: String,
       default: "left"
     },
+    inline: {
+      type: Boolean,
+      default: !1
+    },
     gutter: {
       type: Number,
       default: 8
@@ -41,45 +56,49 @@ import '../styles/form-button-group/index.css';const b = /* @__PURE__ */ p({
   },
   setup(f) {
     const t = f;
-    return (o, s) => t.alignFormItem ? (l(), a(e(k), n({
+    return (o, i) => t.alignFormItem ? (n(), s(e(x), a({
       key: 0,
-      colon: !1,
-      label: " "
+      label: " "
     }, o.$attrs, {
-      class: e(i),
+      class: [e(r), t.inline && `${e(r)}--inline`],
       style: {
         width: "100%"
       }
     }), {
-      default: r(() => [
-        y(e(m), {
-          size: t.gutter
+      default: l(() => [
+        $(e(m), {
+          size: t.gutter,
+          style: v(t.align === "left" ? void 0 : {
+            justifyContent: t.align === "right" ? "flex-end" : "center",
+            display: "flex",
+            width: "100%"
+          })
         }, {
-          default: r(() => [
+          default: l(() => [
             u(o.$slots, "default")
           ]),
           _: 3
-        }, 8, ["size"])
+        }, 8, ["size", "style"])
       ]),
       _: 3
-    }, 16, ["class"])) : (l(), a(e(m), n({ key: 1 }, o.$attrs, {
-      class: e(i),
+    }, 16, ["class"])) : (n(), s(e(m), a({ key: 1 }, o.$attrs, {
+      class: [e(r), t.inline && `${e(r)}--inline`],
       style: {
         justifyContent: t.align === "left" ? "flex-start" : t.align === "right" ? "flex-end" : "center",
         display: "flex"
       },
       size: t.gutter
     }), {
-      default: r(() => [
+      default: l(() => [
         u(o.$slots, "default")
       ]),
       _: 3
     }, 16, ["class", "style", "size"]));
   }
-}), G = h(x, {
-  Sticky: b
+}), R = F(b, {
+  Sticky: B
 });
 export {
-  G as FormButtonGroup
+  R 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\">\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;"}
+{"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  /* istanbul ignore next -- @preserve */\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  inline: {\n    type: Boolean,\n    default: false,\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    label=\"&nbsp;\"\n    v-bind=\"$attrs\"\n    :class=\"[prefixCls, props.inline && `${prefixCls}--inline`]\"\n    :style=\"{\n      width: '100%',\n    }\"\n  >\n    <ElSpace\n      :size=\"props.gutter\"\n      :style=\"props.align === 'left'\n        ? undefined\n        : {\n          justifyContent: props.align === 'right' ? 'flex-end' : 'center',\n          display: 'flex',\n          width: '100%',\n        }\"\n    >\n      <slot />\n    </ElSpace>\n  </FormItem>\n  <ElSpace\n    v-else\n    v-bind=\"$attrs\"\n    :class=\"[prefixCls, props.inline && `${prefixCls}--inline`]\"\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","_normalizeStyle","FormButtonGroup","composeExport","FormButtonGroupInner","FormButtonGroupSticky"],"mappings":";;;;;;;;;;;;;;AASA,UAAMA,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAeC,EAAA,GAEfC,IAASC,EAAS,MAAM;AAC5B,UAAIP,EAAM,MAAM;AACd,eAAOA,EAAM,MAAM;AAErB,UAAII,EAAa;AACf,eAAO,IAAIA,EAAa,KAAK;AAAA,MAC/B;AAEA,aAAOF,EAAQ,OAAO,KAAK,YAAYA,EAAQ,MAAM,EAAE,KAAK;AAAA,IAC9D,CAAC;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;;;;;;;;;;;;;;;;;;;;;;;;;;;ACtBZ,UAAMC,IAAQC;qBAsBJD,EAAM,iBADdP,EAAA,GAAAC,EAqBWC,MArBXC,EAqBW;AAAA;MAnBT,OAAM;AAAA,IAAA,GACEM,EAAAA,QAAM;AAAA,MACb,QAAQP,EAAAE,CAAA,GAAWG,EAAM,aAAaL,EAAAE,CAAA,CAAS,UAAA;AAAA,MAC/C,OAAO;AAAA;;IAEP;iBAED,MAWU;AAAA,QAXVM,EAWUR,EAAAS,CAAA,GAAA;AAAA,UAVP,MAAMJ,EAAM;AAAA,UACZ,OAAKK,EAAEL,EAAM,UAAK,SAAsB;YAAgD,gBAAAA,EAAM,UAAK,UAAA,aAAA;AAAA;;;;qBAQpG,MAAQ;AAAA,YAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;;;+BAGZL,EAeUC,EAAAS,CAAA,GAfVR,EAeU,EAAA,KAAA,EAAA,GAbAM,EAAAA,QAAM;AAAA,MACb,QAAQP,EAAAE,CAAA,GAAWG,EAAM,aAAaL,EAAAE,CAAA,CAAS,UAAA;AAAA,MAC/C,OAAK;AAAA,QAA0B,gBAAAG,EAAM,UAAK,wBAA8CA,EAAM,UAAK;;;MAQnG,MAAMA,EAAM;AAAA,IAAA;iBAEb,MAAQ;AAAA,QAARF,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;IC9DCO,IAAkBC,EAAcC,GAAsB;AAAA,EACjE,QAAQC;AACV,CAAC;"}

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

@@ -1,6 +1,13 @@
 import { stylePrefix as o } from "../__builtins__/configs/index.mjs";
-const t = `${o}-form-button-group`;
+import "element-plus";
+import "@formily/reactive";
+import "@vueuse/core";
+import "vue";
+import "@formily/core";
+import "@silver-formily/reactive-vue";
+import "@silver-formily/vue";
+const x = `${o}-form-button-group`;
 export {
-  t as prefixCls
+  x 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__'\r\n\r\nexport const prefixCls = `${stylePrefix}-form-button-group`\r\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__'\n\nexport const prefixCls = `${stylePrefix}-form-button-group`\n"],"names":["prefixCls","stylePrefix"],"mappings":";;;;;;;;AAEO,MAAMA,IAAY,GAAGC,CAAW;"}

package/esm/form-collapse/index.mjs

@@ -1,11 +1,14 @@
 import { defineComponent as K, computed as V, createBlock as s, openBlock as o, unref as e, mergeProps as k, withCtx as c, createElementBlock as u, Fragment as m, renderList as N, normalizeClass as P, resolveDynamicComponent as F, toDisplayString as _, createTextVNode as $, createVNode as D, h as R } from "vue";
-import { isFn as g } from "@formily/shared";
-import { formilyComputed as E } from "@silver-formily/reactive-vue";
-import { useField as h, useFieldSchema as j, RecursionField as q } from "@silver-formily/vue";
-import { ElCollapse as w, ElCollapseItem as z, ElBadge as L } from "element-plus";
-import { usePanels as O, createFormCollapse as A } from "./utils.mjs";
-import { useCleanAttrs as T, composeExport as U } from "../__builtins__/shared/utils.mjs";
-import { stylePrefix as G } from "../__builtins__/configs/index.mjs";
+import { ElCollapse as h, ElCollapseItem as j, ElBadge as q } from "element-plus";
+import "@formily/reactive";
+import "@vueuse/core";
+import "@formily/core";
+import { formilyComputed as g } from "@silver-formily/reactive-vue";
+import { useField as w, useFieldSchema as z, RecursionField as L } from "@silver-formily/vue";
+import { useCleanAttrs as O, composeExport as T } from "../__builtins__/shared/utils.mjs";
+import { isFn as E } from "@formily/shared";
+import { stylePrefix as U } from "../__builtins__/configs/index.mjs";
+import { usePanels as G, createFormCollapse as A } from "./utils.mjs";
 import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE__ */ K({
   inheritAttrs: !1,
   __name: "form-collapse",
@@ -16,17 +19,17 @@ import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE_
     }
   },
   setup(C) {
-    const r = C, x = `${G}-form-collapse`, { props: b } = T(["modelValue", "onUpdate:modelValue"]), i = h(), B = j(), f = E(() => O(i.value, B.value)), d = V(
+    const r = C, x = `${U}-form-collapse`, { props: b } = O(["modelValue", "onUpdate:modelValue"]), i = w(), B = z(), f = g(() => G(i.value, B.value)), d = V(
       () => r.formCollapse ?? A()
     );
     function I(a) {
       return r.activeKey ? r.activeKey : d.value?.activeKeys ? d.value?.activeKeys : a.map((l) => l.name);
     }
-    const n = E(() => f.value.map((a) => i.value.form.queryFeedbacks({
+    const n = g(() => f.value.map((a) => i.value.form.queryFeedbacks({
       type: "error",
       address: `${i.value.address.concat(a.name)}.*`
     }).length));
-    return (a, l) => (o(), s(e(w), k({
+    return (a, l) => (o(), s(e(h), k({
       class: x,
       "model-value": I(e(f))
     }, e(b), {
@@ -35,28 +38,28 @@ import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE_
       })
     }), {
       default: c(() => [
-        (o(!0), u(m, null, N(e(f), ({ props: y, schema: t, name: v }, p) => (o(), s(e(z), k({
+        (o(!0), u(m, null, N(e(f), ({ props: y, schema: t, name: v }, p) => (o(), s(e(j), k({
           key: v,
           ref_for: !0
         }, y, { name: v }), {
           default: c(() => [
-            D(e(q), {
+            D(e(L), {
               schema: t,
               name: v
             }, null, 8, ["schema", "name"])
           ]),
           title: c(() => [
-            e(n)[p] !== 0 ? (o(), s(e(L), {
+            e(n)[p] !== 0 ? (o(), s(e(q), {
               key: 0,
               class: P(`${x}-errors-badge`),
               value: e(n)[p]
             }, {
               default: c(() => [
-                t["x-content"]?.title ? (o(), s(F(() => e(g)(t["x-content"]?.title) ? t["x-content"]?.title(e(n)[p]) : t["x-content"]?.title), { key: 0 })) : (o(), u("span", H, _(t["x-component-props"]?.title), 1))
+                t["x-content"]?.title ? (o(), s(F(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(n)[p]) : t["x-content"]?.title), { key: 0 })) : (o(), u("span", H, _(t["x-component-props"]?.title), 1))
               ]),
               _: 2
             }, 1032, ["class", "value"])) : (o(), u(m, { key: 1 }, [
-              t["x-content"]?.title ? (o(), s(F(() => e(g)(t["x-content"]?.title) ? t["x-content"]?.title(e(n)[p]) : t["x-content"]?.title), { key: 0 })) : (o(), u(m, { key: 1 }, [
+              t["x-content"]?.title ? (o(), s(F(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(n)[p]) : t["x-content"]?.title), { key: 0 })) : (o(), u(m, { key: 1 }, [
                 $(_(t["x-component-props"]?.title), 1)
               ], 64))
             ], 64))
@@ -73,13 +76,13 @@ import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE_
   setup(C, { slots: r }) {
     return () => R(m, r.default?.());
   }
-}), oe = U(J, {
+}), se = T(J, {
   Item: M,
   createFormCollapse: A
 });
 export {
-  oe as FormCollapse,
+  se as FormCollapse,
   M as FormCollapseItem,
-  oe as default
+  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>\r\nimport type { PropType } from 'vue'\r\nimport type { IFormCollapse } from './utils'\r\nimport { isFn } from '@formily/shared'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\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 = formilyComputed(() => 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 = formilyComputed(() => {\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)\"\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\" :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[index] !== 0\"\r\n            :class=\"`${prefixCls}-errors-badge`\"\r\n            :value=\"panelErrorCounts[index]\"\r\n          >\r\n            <component\r\n              :is=\"() => isFn(itemSchema['x-content']?.title)\r\n                ? itemSchema['x-content']?.title(panelErrorCounts[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[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 { defineComponent, Fragment, h } from 'vue'\r\nimport { composeExport } from '../__builtins__'\r\nimport FormCollapse from './form-collapse.vue'\r\nimport { createFormCollapse } from './utils'\r\nimport './style.scss'\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","formilyComputed","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","FormCollapseItem","defineComponent","_props","slots","h","Fragment","composeFormCollapse","composeExport","FormCollapse"],"mappings":"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"}
+{"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 { isFn } from '@formily/shared'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElBadge, ElCollapse, ElCollapseItem } from 'element-plus'\nimport { computed } from 'vue'\nimport { stylePrefix, useCleanAttrs } 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`\nconst { props: collapseAttrs } = useCleanAttrs(['modelValue', 'onUpdate:modelValue'])\n\nconst field = useField()\nconst schema = useFieldSchema()\nconst panels = formilyComputed(() => 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 = formilyComputed(() => {\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)\"\n    v-bind=\"collapseAttrs\"\n    @change=\"(key) => {\n      formCollapseRef.setActiveKeys(key)\n    }\"\n  >\n    <template v-for=\"({ props: itemProps, schema: itemSchema, name }, index) of panels\" :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[index] !== 0\"\n            :class=\"`${prefixCls}-errors-badge`\"\n            :value=\"panelErrorCounts[index]\"\n          >\n            <component\n              :is=\"() => isFn(itemSchema['x-content']?.title)\n                ? itemSchema['x-content']?.title(panelErrorCounts[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[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 { defineComponent, Fragment, h } from 'vue'\nimport { composeExport } from '../__builtins__'\nimport FormCollapse from './form-collapse.vue'\nimport { createFormCollapse } from './utils'\nimport './style.scss'\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","collapseAttrs","useCleanAttrs","field","useField","schema","useFieldSchema","panels","formilyComputed","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","FormCollapseItem","defineComponent","_props","slots","h","Fragment","composeFormCollapse","composeExport","FormCollapse"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/form-collapse/utils.ts"],"sourcesContent":["import type { GeneralField } from '@formily/core'\r\nimport type { Schema, SchemaKey } from '@formily/json-schema'\r\nimport { model } from '@formily/reactive'\r\nimport { toArr } from '@formily/shared'\r\n\r\ntype ActiveKeys = string | number | Array<string | number>\r\n\r\ntype ActiveKey = string | number\r\n\r\ntype Panels = { name: SchemaKey, props: any, schema: Schema }[]\r\n\r\nexport interface IFormCollapse {\r\n  activeKeys: ActiveKeys\r\n  hasActiveKey: (key: ActiveKey) => boolean\r\n  setActiveKeys: (key: ActiveKeys) => void\r\n  addActiveKey: (key: ActiveKey) => void\r\n  removeActiveKey: (key: ActiveKey) => void\r\n  toggleActiveKey: (key: ActiveKey) => void\r\n}\r\n\r\nexport interface IFormCollapseProps {\r\n  formCollapse?: IFormCollapse\r\n  activeKey?: ActiveKey\r\n}\r\n\r\nexport function usePanels(collapseField: GeneralField, schema: Schema) {\r\n  const schemaList = schema.mapProperties((schema, name) => ({\r\n    name,\r\n    props: {\r\n      ...schema?.['x-component-props'],\r\n      key: schema?.['x-component-props']?.key || name,\r\n    },\r\n    schema,\r\n  }))\r\n\r\n  const panels: Panels = schemaList.filter((item) => {\r\n    const field = collapseField.query(collapseField.address.concat(item.name)).take()\r\n    const isHidden = field?.display === 'none' || field?.display === 'hidden'\r\n    if (isHidden)\r\n      return false\r\n    return item?.schema?.['x-component']?.includes('FormCollapse.Item') ?? false\r\n  })\r\n\r\n  return panels\r\n}\r\n\r\nexport function createFormCollapse(defaultActiveKeys?: ActiveKeys) {\r\n  const formCollapse = model({\r\n    activeKeys: defaultActiveKeys,\r\n    setActiveKeys(keys: ActiveKeys) {\r\n      /* istanbul ignore if -- @preserve */\r\n      if (keys === formCollapse.activeKeys)\r\n        return\r\n      formCollapse.activeKeys = keys\r\n    },\r\n    hasActiveKey(key: ActiveKey) {\r\n      if (Array.isArray(formCollapse.activeKeys)) {\r\n        if (formCollapse.activeKeys.includes(key)) {\r\n          return true\r\n        }\r\n      }\r\n      else if (formCollapse.activeKeys === key) {\r\n        return true\r\n      }\r\n      return false\r\n    },\r\n    addActiveKey(key: ActiveKey) {\r\n      /* istanbul ignore if -- @preserve */\r\n      if (formCollapse.hasActiveKey(key))\r\n        return\r\n      formCollapse.activeKeys = toArr(formCollapse.activeKeys).concat(key)\r\n    },\r\n    removeActiveKey(key: ActiveKey) {\r\n      formCollapse.activeKeys = Array.isArray(formCollapse.activeKeys)\r\n        ? formCollapse.activeKeys.filter(\r\n            item => item !== key,\r\n          )\r\n        : ''\r\n    },\r\n    toggleActiveKey(key: ActiveKey) {\r\n      if (formCollapse.hasActiveKey(key)) {\r\n        formCollapse.removeActiveKey(key)\r\n      }\r\n      else {\r\n        formCollapse.addActiveKey(key)\r\n      }\r\n    },\r\n  })\r\n  return formCollapse\r\n}\r\n"],"names":["usePanels","collapseField","schema","name","item","field","createFormCollapse","defaultActiveKeys","formCollapse","model","keys","key","toArr"],"mappings":";;AAyBO,SAASA,EAAUC,GAA6BC,GAAgB;AAkBrE,SAjBmBA,EAAO,cAAc,CAACA,GAAQC,OAAU;AAAA,IACzD,MAAAA;AAAA,IACA,OAAO;AAAA,MACL,GAAGD,IAAS,mBAAmB;AAAA,MAC/B,KAAKA,IAAS,mBAAmB,GAAG,OAAOC;AAAA,IAAA;AAAA,IAE7C,QAAAD;AAAAA,EAAA,EACA,EAEgC,OAAO,CAACE,MAAS;AACjD,UAAMC,IAAQJ,EAAc,MAAMA,EAAc,QAAQ,OAAOG,EAAK,IAAI,CAAC,EAAE,KAAA;AAE3E,WADiBC,GAAO,YAAY,UAAUA,GAAO,YAAY,WAExD,KACFD,GAAM,SAAS,aAAa,GAAG,SAAS,mBAAmB,KAAK;AAAA,EACzE,CAAC;AAGH;AAEO,SAASE,EAAmBC,GAAgC;AACjE,QAAMC,IAAeC,EAAM;AAAA,IACzB,YAAYF;AAAA,IACZ,cAAcG,GAAkB;AAAA,MAAA;AAE9B,MAAIA,MAASF,EAAa,eAE1BA,EAAa,aAAaE;AAAA,IAC5B;AAAA,IACA,aAAaC,GAAgB;AAC3B,UAAI,MAAM,QAAQH,EAAa,UAAU;AACvC,YAAIA,EAAa,WAAW,SAASG,CAAG;AACtC,iBAAO;AAAA,iBAGFH,EAAa,eAAeG;AACnC,eAAO;AAET,aAAO;AAAA,IACT;AAAA,IACA,aAAaA,GAAgB;AAAA,MAAA;AAE3B,MAAIH,EAAa,aAAaG,CAAG,MAEjCH,EAAa,aAAaI,EAAMJ,EAAa,UAAU,EAAE,OAAOG,CAAG;AAAA,IACrE;AAAA,IACA,gBAAgBA,GAAgB;AAC9B,MAAAH,EAAa,aAAa,MAAM,QAAQA,EAAa,UAAU,IAC3DA,EAAa,WAAW;AAAA,QACtB,OAAQJ,MAASO;AAAA,MAAA,IAEnB;AAAA,IACN;AAAA,IACA,gBAAgBA,GAAgB;AAC9B,MAAIH,EAAa,aAAaG,CAAG,IAC/BH,EAAa,gBAAgBG,CAAG,IAGhCH,EAAa,aAAaG,CAAG;AAAA,IAEjC;AAAA,EAAA,CACD;AACD,SAAOH;AACT;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/form-collapse/utils.ts"],"sourcesContent":["import type { GeneralField } from '@formily/core'\nimport type { Schema, SchemaKey } from '@formily/json-schema'\nimport { model } from '@formily/reactive'\nimport { toArr } from '@formily/shared'\n\ntype ActiveKeys = string | number | Array<string | number>\n\ntype ActiveKey = string | number\n\ntype Panels = { name: SchemaKey, props: any, schema: Schema }[]\n\nexport interface IFormCollapse {\n  activeKeys: ActiveKeys\n  hasActiveKey: (key: ActiveKey) => boolean\n  setActiveKeys: (key: ActiveKeys) => void\n  addActiveKey: (key: ActiveKey) => void\n  removeActiveKey: (key: ActiveKey) => void\n  toggleActiveKey: (key: ActiveKey) => void\n}\n\nexport interface IFormCollapseProps {\n  formCollapse?: IFormCollapse\n  activeKey?: ActiveKey\n}\n\nexport function usePanels(collapseField: GeneralField, schema: Schema) {\n  const schemaList = schema.mapProperties((schema, name) => ({\n    name,\n    props: {\n      ...schema?.['x-component-props'],\n      key: schema?.['x-component-props']?.key || name,\n    },\n    schema,\n  }))\n\n  const panels: Panels = schemaList.filter((item) => {\n    const field = collapseField.query(collapseField.address.concat(item.name)).take()\n    const isHidden = field?.display === 'none' || field?.display === 'hidden'\n    if (isHidden)\n      return false\n    return item?.schema?.['x-component']?.includes('FormCollapse.Item') ?? false\n  })\n\n  return panels\n}\n\nexport function createFormCollapse(defaultActiveKeys?: ActiveKeys) {\n  const formCollapse = model({\n    activeKeys: defaultActiveKeys,\n    setActiveKeys(keys: ActiveKeys) {\n      /* istanbul ignore if -- @preserve */\n      if (keys === formCollapse.activeKeys)\n        return\n      formCollapse.activeKeys = keys\n    },\n    hasActiveKey(key: ActiveKey) {\n      if (Array.isArray(formCollapse.activeKeys)) {\n        if (formCollapse.activeKeys.includes(key)) {\n          return true\n        }\n      }\n      else if (formCollapse.activeKeys === key) {\n        return true\n      }\n      return false\n    },\n    addActiveKey(key: ActiveKey) {\n      /* istanbul ignore if -- @preserve */\n      if (formCollapse.hasActiveKey(key))\n        return\n      formCollapse.activeKeys = toArr(formCollapse.activeKeys).concat(key)\n    },\n    removeActiveKey(key: ActiveKey) {\n      formCollapse.activeKeys = Array.isArray(formCollapse.activeKeys)\n        ? formCollapse.activeKeys.filter(\n            item => item !== key,\n          )\n        : ''\n    },\n    toggleActiveKey(key: ActiveKey) {\n      if (formCollapse.hasActiveKey(key)) {\n        formCollapse.removeActiveKey(key)\n      }\n      else {\n        formCollapse.addActiveKey(key)\n      }\n    },\n  })\n  return formCollapse\n}\n"],"names":["usePanels","collapseField","schema","name","item","field","createFormCollapse","defaultActiveKeys","formCollapse","model","keys","key","toArr"],"mappings":";;AAyBO,SAASA,EAAUC,GAA6BC,GAAgB;AAkBrE,SAjBmBA,EAAO,cAAc,CAACA,GAAQC,OAAU;AAAA,IACzD,MAAAA;AAAA,IACA,OAAO;AAAA,MACL,GAAGD,IAAS,mBAAmB;AAAA,MAC/B,KAAKA,IAAS,mBAAmB,GAAG,OAAOC;AAAA,IAAA;AAAA,IAE7C,QAAAD;AAAAA,EAAA,EACA,EAEgC,OAAO,CAACE,MAAS;AACjD,UAAMC,IAAQJ,EAAc,MAAMA,EAAc,QAAQ,OAAOG,EAAK,IAAI,CAAC,EAAE,KAAA;AAE3E,WADiBC,GAAO,YAAY,UAAUA,GAAO,YAAY,WAExD,KACFD,GAAM,SAAS,aAAa,GAAG,SAAS,mBAAmB,KAAK;AAAA,EACzE,CAAC;AAGH;AAEO,SAASE,EAAmBC,GAAgC;AACjE,QAAMC,IAAeC,EAAM;AAAA,IACzB,YAAYF;AAAA,IACZ,cAAcG,GAAkB;AAAA,MAAA;AAE9B,MAAIA,MAASF,EAAa,eAE1BA,EAAa,aAAaE;AAAA,IAC5B;AAAA,IACA,aAAaC,GAAgB;AAC3B,UAAI,MAAM,QAAQH,EAAa,UAAU;AACvC,YAAIA,EAAa,WAAW,SAASG,CAAG;AACtC,iBAAO;AAAA,iBAGFH,EAAa,eAAeG;AACnC,eAAO;AAET,aAAO;AAAA,IACT;AAAA,IACA,aAAaA,GAAgB;AAAA,MAAA;AAE3B,MAAIH,EAAa,aAAaG,CAAG,MAEjCH,EAAa,aAAaI,EAAMJ,EAAa,UAAU,EAAE,OAAOG,CAAG;AAAA,IACrE;AAAA,IACA,gBAAgBA,GAAgB;AAC9B,MAAAH,EAAa,aAAa,MAAM,QAAQA,EAAa,UAAU,IAC3DA,EAAa,WAAW;AAAA,QACtB,OAAQJ,MAASO;AAAA,MAAA,IAEnB;AAAA,IACN;AAAA,IACA,gBAAgBA,GAAgB;AAC9B,MAAIH,EAAa,aAAaG,CAAG,IAC/BH,EAAa,gBAAgBG,CAAG,IAGhCH,EAAa,aAAaG,CAAG;AAAA,IAEjC;AAAA,EAAA,CACD;AACD,SAAOH;AACT;"}