@silver-formily/element-plus 3.0.2 → 3.0.3

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

@@ -0,0 +1,74 @@
+import { useCleanAttrs } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { createFormCollapse, usePanels } from "./utils.mjs";
+import { ElBadge, ElCollapse, ElCollapseItem } from "element-plus";
+import { formilyComputed } from "@silver-formily/reactive-vue";
+import { Fragment, computed, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { RecursionField, useField, useFieldSchema } from "@silver-formily/vue";
+import { isFn } from "@formily/shared";
+//#region src/form-collapse/form-collapse.vue
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "form-collapse",
+	props: {
+		formCollapse: { type: Object },
+		activeKey: { type: [String, Number] }
+	},
+	setup(__props) {
+		const props = __props;
+		const prefixCls = `${stylePrefix}-form-collapse`;
+		const { props: collapseAttrs } = useCleanAttrs(["modelValue", "onUpdate:modelValue"]);
+		const field = useField();
+		const schema = useFieldSchema();
+		const panels = formilyComputed(() => usePanels(field.value, schema.value));
+		const formCollapseRef = computed(() => props.formCollapse ?? createFormCollapse());
+		function takeActiveKeys(panelList) {
+			if (props.activeKey) return props.activeKey;
+			if (formCollapseRef.value?.activeKeys) return formCollapseRef.value?.activeKeys;
+			return panelList.map((item) => item.name);
+		}
+		const panelErrorCounts = formilyComputed(() => {
+			return panels.value.map((item) => {
+				return field.value.form.queryFeedbacks({
+					type: "error",
+					address: `${field.value.address.concat(item.name)}.*`
+				}).length;
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElCollapse), mergeProps({
+				class: prefixCls,
+				"model-value": takeActiveKeys(unref(panels))
+			}, unref(collapseAttrs), { onChange: _cache[0] || (_cache[0] = (key) => {
+				formCollapseRef.value.setActiveKeys(key);
+			}) }), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(panels), ({ props: itemProps, schema: itemSchema, name }, index) => {
+					return openBlock(), createBlock(unref(ElCollapseItem), mergeProps({
+						key: name,
+						ref_for: true
+					}, itemProps, { name }), {
+						default: withCtx(() => [createVNode(unref(RecursionField), {
+							schema: itemSchema,
+							name
+						}, null, 8, ["schema", "name"])]),
+						title: withCtx(() => [unref(panelErrorCounts)[index] !== 0 ? (openBlock(), createBlock(unref(ElBadge), {
+							key: 0,
+							class: normalizeClass(`${prefixCls}-errors-badge`),
+							value: unref(panelErrorCounts)[index]
+						}, {
+							default: withCtx(() => [itemSchema["x-content"]?.title ? (openBlock(), createBlock(resolveDynamicComponent(() => unref(isFn)(itemSchema["x-content"]?.title) ? itemSchema["x-content"]?.title(unref(panelErrorCounts)[index]) : itemSchema["x-content"]?.title), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(itemSchema["x-component-props"]?.title), 1))]),
+							_: 2
+						}, 1032, ["class", "value"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [itemSchema["x-content"]?.title ? (openBlock(), createBlock(resolveDynamicComponent(() => unref(isFn)(itemSchema["x-content"]?.title) ? itemSchema["x-content"]?.title(unref(panelErrorCounts)[index]) : itemSchema["x-content"]?.title), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(itemSchema["x-component-props"]?.title), 1)], 64))], 64))]),
+						_: 2
+					}, 1040, ["name"]);
+				}), 128))]),
+				_: 1
+			}, 16, ["model-value"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form-collapse.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-collapse.mjs","names":[],"sources":["../../src/form-collapse/form-collapse.vue"],"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"],"mappings":";;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAMd,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,EAAE,OAAO,kBAAkB,cAAc,CAAC,cAAc,sBAAsB,CAAA;EAEpF,MAAM,QAAQ,UAAS;EACvB,MAAM,SAAS,gBAAe;EAC9B,MAAM,SAAS,sBAAsB,UAAU,MAAM,OAAO,OAAO,MAAM,CAAA;EACzE,MAAM,kBAAkB,eAChB,MAAM,gBAAgB,oBAAoB,CAClD;EAEA,SAAS,eAAe,WAAW;AACjC,OAAI,MAAM,UACR,QAAO,MAAM;AACf,OAAI,gBAAgB,OAAO,WACzB,QAAO,gBAAgB,OAAO;AAChC,UAAO,UAAU,KAAI,SAAQ,KAAK,KAAI;;EAGxC,MAAM,mBAAmB,sBAAsB;AAC7C,UAAO,OAAO,MAAM,KAAK,SAAS;AAKhC,WAJoB,MAAM,MAAM,KAAK,eAAe;KAClD,MAAM;KACN,SAAS,GAAG,MAAM,MAAM,QAAQ,OAAO,KAAK,KAAK,CAAC;KACnD,CAAA,CACkB;KACpB;IACF;;uBAIC,YAyCa,MAAA,WAAA,EAzCb,WAyCa;IAxCV,OAAO;IACP,eAAa,eAAe,MAAA,OAAM,CAAA;MAC3B,MAAA,cAAa,EAAA,EACpB,UAAM,OAAA,OAAA,OAAA,MAAG,QAAG;AAAa,oBAAA,MAAgB,cAAc,IAAG;;2BAIwB,EAAA,UAAA,KAAA,EAAnF,mBAgCW,UAAA,MAAA,WAhCiE,MAAA,OAAM,GAAA,EAAA,OAAvD,WAAS,QAAU,YAAY,QAAQ,UAAK;yBACrE,YA8BiB,MAAA,eAAA,EA9BjB,WA8BiB;WA/BuE;;QAChE,WAAS,EAAS,MAAI,CAAA,EAAA;MACjC,SAAO,cACoC,CAApD,YAAoD,MAAA,eAAA,EAAA;OAAnC,QAAQ;OAAmB;;MAEnC,OAAK,cAaJ,CAXF,MAAA,iBAAgB,CAAC,WAAK,KAAA,WAAA,EAD9B,YAYU,MAAA,QAAA,EAAA;;OAVP,OAAK,eAAA,GAAK,UAAS,eAAA;OACnB,OAAO,MAAA,iBAAgB,CAAC;;8BAOvB,CADM,WAAU,cAAe,SAAA,WAAA,EAJjC,YAKE,8BAJW,MAAA,KAAI,CAAC,WAAU,cAAe,MAAK,GAAoB,WAAU,cAAe,MAAM,MAAA,iBAAgB,CAAC,OAAK,GAAqB,WAAU,cAAe,MAAK,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAK5K,mBAAgE,QAAA,YAAA,gBAAhD,WAAU,sBAAuB,MAAK,EAAA,EAAA,EAAA,CAAA;;oDAExD,mBAUW,UAAA,EAAA,KAAA,GAAA,EAAA,CALD,WAAU,cAAe,SAAA,WAAA,EAJjC,YAKE,8BAJW,MAAA,KAAI,CAAC,WAAU,cAAe,MAAK,GAAoB,WAAU,cAAe,MAAM,MAAA,iBAAgB,CAAC,OAAK,GAAqB,WAAU,cAAe,MAAK,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAK5K,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,WAAU,sBAAuB,MAAK,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,EAAA,GAAA,EAAA,CAAA"}

package/esm/form-collapse/index.d.ts

@@ -1,45 +1,49 @@
-import { createFormCollapse } from './utils';
-export declare const FormCollapseItem: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+import { IFormCollapse, createFormCollapse } from "./utils.js";
+import * as _$vue from "vue";
+
+//#region src/form-collapse/index.d.ts
+declare const FormCollapseItem: _$vue.DefineComponent<{}, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const composeFormCollapse: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        formCollapse: {
-            type: import('vue').PropType<import('./utils').IFormCollapse>;
-        };
-        activeKey: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('vue').ExtractPropTypes<{
-        formCollapse: {
-            type: import('vue').PropType<import('./utils').IFormCollapse>;
-        };
-        activeKey: {
-            type: (StringConstructor | NumberConstructor)[];
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<_$vue.ExtractPropTypes<{
+    formCollapse: {
+      type: _$vue.PropType<IFormCollapse>;
+    };
+    activeKey: {
+      type: (NumberConstructor | StringConstructor)[];
+    };
+  }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {}, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<_$vue.ExtractPropTypes<{
     formCollapse: {
-        type: import('vue').PropType<import('./utils').IFormCollapse>;
+      type: _$vue.PropType<IFormCollapse>;
     };
     activeKey: {
-        type: (StringConstructor | NumberConstructor)[];
+      type: (NumberConstructor | StringConstructor)[];
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
-    Item: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-        [key: string]: any;
-    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    createFormCollapse: typeof createFormCollapse;
+  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<_$vue.ExtractPropTypes<{
+  formCollapse: {
+    type: _$vue.PropType<IFormCollapse>;
+  };
+  activeKey: {
+    type: (NumberConstructor | StringConstructor)[];
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & {
+  Item: _$vue.DefineComponent<{}, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
+    [key: string]: any;
+  }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+  createFormCollapse: typeof createFormCollapse;
 };
-export { composeFormCollapse as FormCollapse };
-export default composeFormCollapse;
+//#endregion
+export { FormCollapseItem, composeFormCollapse };
+//# sourceMappingURL=index.d.ts.map

package/esm/form-collapse/index.mjs

@@ -1,87 +1,21 @@
-import { defineComponent as K, computed as V, openBlock as o, createBlock as s, 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 { ElCollapse as h, ElCollapseItem as j, ElBadge as q } from "element-plus";
-import { formilyComputed as g } from "@silver-formily/reactive-vue";
-import "@vueuse/core";
-import "@formily/core";
-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",
-  props: {
-    formCollapse: { type: Object },
-    activeKey: {
-      type: [String, Number]
-    }
-  },
-  setup(C) {
-    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 = 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(h), k({
-      class: x,
-      "model-value": I(e(f))
-    }, e(b), {
-      onChange: l[0] || (l[0] = (y) => {
-        d.value.setActiveKeys(y);
-      })
-    }), {
-      default: c(() => [
-        (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(L), {
-              schema: t,
-              name: v
-            }, null, 8, ["schema", "name"])
-          ]),
-          title: c(() => [
-            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(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(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))
-          ]),
-          _: 2
-        }, 1040, ["name"]))), 128))
-      ]),
-      _: 1
-    }, 16, ["model-value"]));
-  }
-}), M = K({
-  name: "FFormCollapseItem",
-  inheritAttrs: !1,
-  setup(C, { slots: r }) {
-    return () => R(m, r.default?.());
-  }
-}), le = T(J, {
-  Item: M,
-  createFormCollapse: A
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import { createFormCollapse } from "./utils.mjs";
+import _sfc_main from "./form-collapse.mjs";
+import "./style.css";
+import { Fragment, defineComponent, h } from "vue";
+//#region src/form-collapse/index.ts
+const FormCollapseItem = defineComponent({
+	name: "FFormCollapseItem",
+	inheritAttrs: false,
+	setup(_props, { slots }) {
+		return () => h(Fragment, slots.default?.());
+	}
 });
-export {
-  le as FormCollapse,
-  M as FormCollapseItem,
-  le as default
-};
-//# sourceMappingURL=index.mjs.map
+const composeFormCollapse = composeExport(_sfc_main, {
+	Item: FormCollapseItem,
+	createFormCollapse
+});
+//#endregion
+export { FormCollapseItem, composeFormCollapse 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 { 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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"}
+{"version":3,"file":"index.mjs","names":["FormCollapse"],"sources":["../../src/form-collapse/index.ts"],"sourcesContent":["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"],"mappings":";;;;;;AAMA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,cAAc;CACd,MAAM,QAAQ,EAAE,SAAS;AACvB,eAAa,EAAE,UAAU,MAAM,WAAW,CAAC;;CAE9C,CAAC;AAEF,MAAM,sBAAsB,cAAcA,WAAc;CACtD,MAAM;CACN;CACD,CAAC"}

package/esm/form-collapse/style.css

@@ -0,0 +1,7 @@
+.formily-element-plus-form-collapse {
+  width: 100%;
+}
+.formily-element-plus-form-collapse-errors-badge {
+  line-height: 1;
+  vertical-align: initial;
+}

package/esm/form-collapse/utils.d.ts

@@ -1,31 +1,25 @@
-import { GeneralField } from '@formily/core';
-import { Schema, SchemaKey } from '@formily/json-schema';
+import { GeneralField } from "@formily/core";
+import { Schema, SchemaKey } from "@formily/json-schema";
+
+//#region src/form-collapse/utils.d.ts
 type ActiveKeys = string | number | Array<string | number>;
 type ActiveKey = string | number;
-type Panels = {
-    name: SchemaKey;
-    props: any;
-    schema: Schema;
-}[];
-export interface IFormCollapse {
-    activeKeys: ActiveKeys;
-    hasActiveKey: (key: ActiveKey) => boolean;
-    setActiveKeys: (key: ActiveKeys) => void;
-    addActiveKey: (key: ActiveKey) => void;
-    removeActiveKey: (key: ActiveKey) => void;
-    toggleActiveKey: (key: ActiveKey) => void;
+interface IFormCollapse {
+  activeKeys: ActiveKeys;
+  hasActiveKey: (key: ActiveKey) => boolean;
+  setActiveKeys: (key: ActiveKeys) => void;
+  addActiveKey: (key: ActiveKey) => void;
+  removeActiveKey: (key: ActiveKey) => void;
+  toggleActiveKey: (key: ActiveKey) => void;
 }
-export interface IFormCollapseProps {
-    formCollapse?: IFormCollapse;
-    activeKey?: ActiveKey;
-}
-export declare function usePanels(collapseField: GeneralField, schema: Schema): Panels;
-export declare function createFormCollapse(defaultActiveKeys?: ActiveKeys): {
-    activeKeys: ActiveKeys;
-    setActiveKeys(keys: ActiveKeys): void;
-    hasActiveKey(key: ActiveKey): boolean;
-    addActiveKey(key: ActiveKey): void;
-    removeActiveKey(key: ActiveKey): void;
-    toggleActiveKey(key: ActiveKey): void;
+declare function createFormCollapse(defaultActiveKeys?: ActiveKeys): {
+  activeKeys: ActiveKeys;
+  setActiveKeys(keys: ActiveKeys): void;
+  hasActiveKey(key: ActiveKey): boolean;
+  addActiveKey(key: ActiveKey): void;
+  removeActiveKey(key: ActiveKey): void;
+  toggleActiveKey(key: ActiveKey): void;
 };
-export {};
+//#endregion
+export { IFormCollapse, createFormCollapse };
+//# sourceMappingURL=utils.d.ts.map

package/esm/form-collapse/utils.mjs

@@ -1,48 +1,50 @@
-import { model as c } from "@formily/reactive";
-import { toArr as n } from "@formily/shared";
-function l(i, e) {
-  return e.mapProperties((r, s) => ({
-    name: s,
-    props: {
-      ...r?.["x-component-props"],
-      key: r?.["x-component-props"]?.key || s
-    },
-    schema: r
-  })).filter((r) => {
-    const s = i.query(i.address.concat(r.name)).take();
-    return s?.display === "none" || s?.display === "hidden" ? !1 : r?.schema?.["x-component"]?.includes("FormCollapse.Item") ?? !1;
-  });
+import { toArr } from "@formily/shared";
+import { model } from "@formily/reactive";
+//#region src/form-collapse/utils.ts
+function usePanels(collapseField, schema) {
+	return schema.mapProperties((schema, name) => ({
+		name,
+		props: {
+			...schema?.["x-component-props"],
+			key: schema?.["x-component-props"]?.key || name
+		},
+		schema
+	})).filter((item) => {
+		const field = collapseField.query(collapseField.address.concat(item.name)).take();
+		if (field?.display === "none" || field?.display === "hidden") return false;
+		return item?.schema?.["x-component"]?.includes("FormCollapse.Item") ?? false;
+	});
 }
-function p(i) {
-  const e = c({
-    activeKeys: i,
-    setActiveKeys(t) {
-      t !== e.activeKeys && (e.activeKeys = t);
-    },
-    hasActiveKey(t) {
-      if (Array.isArray(e.activeKeys)) {
-        if (e.activeKeys.includes(t))
-          return !0;
-      } else if (e.activeKeys === t)
-        return !0;
-      return !1;
-    },
-    addActiveKey(t) {
-      e.hasActiveKey(t) || (e.activeKeys = n(e.activeKeys).concat(t));
-    },
-    removeActiveKey(t) {
-      e.activeKeys = Array.isArray(e.activeKeys) ? e.activeKeys.filter(
-        (a) => a !== t
-      ) : "";
-    },
-    toggleActiveKey(t) {
-      e.hasActiveKey(t) ? e.removeActiveKey(t) : e.addActiveKey(t);
-    }
-  });
-  return e;
+function createFormCollapse(defaultActiveKeys) {
+	const formCollapse = model({
+		activeKeys: defaultActiveKeys,
+		setActiveKeys(keys) {
+			/* istanbul ignore if -- @preserve */
+			if (keys === formCollapse.activeKeys) return;
+			formCollapse.activeKeys = keys;
+		},
+		hasActiveKey(key) {
+			if (Array.isArray(formCollapse.activeKeys)) {
+				if (formCollapse.activeKeys.includes(key)) return true;
+			} else if (formCollapse.activeKeys === key) return true;
+			return false;
+		},
+		addActiveKey(key) {
+			/* istanbul ignore if -- @preserve */
+			if (formCollapse.hasActiveKey(key)) return;
+			formCollapse.activeKeys = toArr(formCollapse.activeKeys).concat(key);
+		},
+		removeActiveKey(key) {
+			formCollapse.activeKeys = Array.isArray(formCollapse.activeKeys) ? formCollapse.activeKeys.filter((item) => item !== key) : "";
+		},
+		toggleActiveKey(key) {
+			if (formCollapse.hasActiveKey(key)) formCollapse.removeActiveKey(key);
+			else formCollapse.addActiveKey(key);
+		}
+	});
+	return formCollapse;
 }
-export {
-  p as createFormCollapse,
-  l as usePanels
-};
-//# sourceMappingURL=utils.mjs.map
+//#endregion
+export { createFormCollapse, usePanels };
+
+//# sourceMappingURL=utils.mjs.map

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'\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;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;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","names":[],"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"],"mappings":";;;AAyBA,SAAgB,UAAU,eAA6B,QAAgB;AAkBrE,QAjBmB,OAAO,eAAe,QAAQ,UAAU;EACzD;EACA,OAAO;GACL,GAAG,SAAS;GACZ,KAAK,SAAS,sBAAsB,OAAO;GAC5C;EACD;EACD,EAAE,CAE+B,QAAQ,SAAS;EACjD,MAAM,QAAQ,cAAc,MAAM,cAAc,QAAQ,OAAO,KAAK,KAAK,CAAC,CAAC,MAAM;AAEjF,MADiB,OAAO,YAAY,UAAU,OAAO,YAAY,SAE/D,QAAO;AACT,SAAO,MAAM,SAAS,gBAAgB,SAAS,oBAAoB,IAAI;GACvE;;AAKJ,SAAgB,mBAAmB,mBAAgC;CACjE,MAAM,eAAe,MAAM;EACzB,YAAY;EACZ,cAAc,MAAkB;;AAE9B,OAAI,SAAS,aAAa,WACxB;AACF,gBAAa,aAAa;;EAE5B,aAAa,KAAgB;AAC3B,OAAI,MAAM,QAAQ,aAAa,WAAW;QACpC,aAAa,WAAW,SAAS,IAAI,CACvC,QAAO;cAGF,aAAa,eAAe,IACnC,QAAO;AAET,UAAO;;EAET,aAAa,KAAgB;;AAE3B,OAAI,aAAa,aAAa,IAAI,CAChC;AACF,gBAAa,aAAa,MAAM,aAAa,WAAW,CAAC,OAAO,IAAI;;EAEtE,gBAAgB,KAAgB;AAC9B,gBAAa,aAAa,MAAM,QAAQ,aAAa,WAAW,GAC5D,aAAa,WAAW,QACtB,SAAQ,SAAS,IAClB,GACD;;EAEN,gBAAgB,KAAgB;AAC9B,OAAI,aAAa,aAAa,IAAI,CAChC,cAAa,gBAAgB,IAAI;OAGjC,cAAa,aAAa,IAAI;;EAGnC,CAAC;AACF,QAAO"}

package/esm/form-dialog/dialog-content.mjs

@@ -0,0 +1,118 @@
+import { loadElConfigProvider } from "../__builtins__/shared/load-config-provider.mjs";
+import { useDebonceSubmitting } from "../__builtins__/shared/loading.mjs";
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { useEnterSubmit } from "../__builtins__/shared/use-enter-submit.mjs";
+import { resolveDialogElement } from "../shared/overlay-elements.mjs";
+import { ElButton, ElConfigProvider, ElDialog } from "element-plus";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, ref, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { FormProvider } from "@silver-formily/vue";
+import { isFn } from "@formily/shared";
+import { omit } from "lodash-es";
+//#region src/form-dialog/dialog-content.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FormDialogContent",
+	__name: "dialog-content",
+	props: {
+		dialogProps: {
+			type: Object,
+			required: true
+		},
+		visible: {
+			type: Boolean,
+			required: true
+		},
+		form: {
+			type: Object,
+			required: true
+		},
+		resolve: {
+			type: Function,
+			required: true
+		},
+		reject: {
+			type: Function,
+			required: true
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const prefixCls = `${stylePrefix}-form-dialog`;
+		const elConfig = loadElConfigProvider();
+		const _dialogProps = omit(props.dialogProps, [
+			"modelValue",
+			"onUpdate:modelValue",
+			"beforeClose",
+			"enterSubmit"
+		]);
+		const { internalSubmitting } = useDebonceSubmitting(props.form);
+		const dialogRef = ref(null);
+		const enableEnterSubmit = computed(() => props.dialogProps.enterSubmit !== false);
+		useEnterSubmit({
+			visible: computed(() => props.visible),
+			resolve: () => props.resolve(),
+			submitting: internalSubmitting,
+			getContainer: () => resolveDialogElement(dialogRef.value),
+			enabled: enableEnterSubmit
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ElDialog), mergeProps({
+				ref_key: "dialogRef",
+				ref: dialogRef,
+				class: prefixCls,
+				"z-index": unref(elConfig).zIndex
+			}, unref(_dialogProps), {
+				"model-value": __props.visible,
+				"before-close": (done) => {
+					__props.reject();
+					if (unref(isFn)(props.dialogProps.beforeClose)) props.dialogProps.beforeClose(done);
+					else done();
+				}
+			}), createSlots({
+				default: withCtx(() => [createVNode(unref(FormProvider), { form: props.form }, {
+					default: withCtx(() => [createVNode(unref(ElConfigProvider), normalizeProps(guardReactiveProps(unref(elConfig))), {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+							resolve: __props.resolve,
+							reject: __props.reject,
+							form: __props.form
+						})]),
+						_: 3
+					}, 16)]),
+					_: 3
+				}, 8, ["form"])]),
+				footer: withCtx(() => [createElementVNode("div", { class: normalizeClass(`${prefixCls}-footer`) }, [slots.footer ? renderSlot(_ctx.$slots, "footer", {
+					key: 0,
+					resolve: __props.resolve,
+					reject: __props.reject,
+					form: __props.form
+				}) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(ElButton), mergeProps(unref(_dialogProps).cancelButtonProps, { onClick: _cache[0] || (_cache[0] = ($event) => props.reject()) }), {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(_dialogProps).cancelText || "取消"), 1)]),
+					_: 1
+				}, 16), createVNode(unref(ElButton), mergeProps({ type: "primary" }, unref(_dialogProps).okButtonProps, {
+					loading: unref(internalSubmitting),
+					onClick: _cache[1] || (_cache[1] = ($event) => props.resolve())
+				}), {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(_dialogProps).okText || "确定"), 1)]),
+					_: 1
+				}, 16, ["loading"])], 64))], 2)]),
+				_: 2
+			}, [slots.header ? {
+				name: "header",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "header", {
+					resolve: __props.resolve,
+					reject: __props.reject,
+					form: __props.form
+				})]),
+				key: "0"
+			} : void 0]), 1040, [
+				"z-index",
+				"model-value",
+				"before-close"
+			]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=dialog-content.mjs.map

package/esm/form-dialog/dialog-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-content.mjs","names":[],"sources":["../../src/form-dialog/dialog-content.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Form } from '@formily/core'\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { FormDialogSlots, IFormDialogProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { FormProvider } from '@silver-formily/vue'\nimport { ElButton, ElConfigProvider, ElDialog } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, ref } from 'vue'\nimport { loadElConfigProvider, stylePrefix, useDebonceSubmitting } from '../__builtins__'\nimport { useEnterSubmit } from '../__builtins__/shared/use-enter-submit'\nimport { resolveDialogElement } from '../shared/overlay-elements'\n\ndefineOptions({\n  name: 'FormDialogContent',\n})\nconst props = defineProps({\n  dialogProps: {\n    type: Object as PropType<IFormDialogProps>,\n    required: true,\n  },\n  visible: {\n    type: Boolean,\n    required: true,\n  },\n  form: {\n    type: Object as PropType<Form>,\n    required: true,\n  },\n  resolve: {\n    type: Function as PropType<(type?: string) => void>,\n    required: true,\n  },\n  reject: {\n    type: Function as PropType<() => void>,\n    required: true,\n  },\n})\n\nconst slots = defineSlots<FormDialogSlots>()\nconst prefixCls = `${stylePrefix}-form-dialog`\nconst elConfig = loadElConfigProvider()\nconst _dialogProps = omit(props.dialogProps, [\n  'modelValue',\n  'onUpdate:modelValue',\n  'beforeClose',\n  'enterSubmit',\n])\nconst { internalSubmitting } = useDebonceSubmitting(props.form)\nconst dialogRef = ref<ComponentPublicInstance | null>(null)\nconst enableEnterSubmit = computed(() => props.dialogProps.enterSubmit !== false)\n\nuseEnterSubmit({\n  visible: computed(() => props.visible),\n  resolve: () => props.resolve(),\n  submitting: internalSubmitting,\n  getContainer: () => resolveDialogElement(dialogRef.value),\n  enabled: enableEnterSubmit,\n})\n</script>\n\n<template>\n  <ElDialog\n    ref=\"dialogRef\"\n    :class=\"prefixCls\"\n    :z-index=\"elConfig.zIndex\"\n    v-bind=\"_dialogProps\"\n    :model-value=\"visible\"\n    :before-close=\"(done) => {\n      reject()\n      if (isFn(props.dialogProps.beforeClose)) {\n        props.dialogProps.beforeClose(done)\n      }\n      else {\n        done()\n      }\n    }\"\n  >\n    <template v-if=\"slots.header\" #header>\n      <slot name=\"header\" :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\n    </template>\n\n    <template #default>\n      <FormProvider :form=\"props.form\">\n        <ElConfigProvider v-bind=\"elConfig\">\n          <slot :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\n        </ElConfigProvider>\n      </FormProvider>\n    </template>\n\n    <template #footer>\n      <div :class=\"`${prefixCls}-footer`\">\n        <template v-if=\"slots.footer\">\n          <slot name=\"footer\" :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\n        </template>\n        <template v-else>\n          <ElButton\n            v-bind=\"_dialogProps.cancelButtonProps\"\n            @click=\"props.reject()\"\n          >\n            {{ _dialogProps.cancelText || '取消' }}\n          </ElButton>\n          <ElButton\n            type=\"primary\"\n            v-bind=\"_dialogProps.okButtonProps\"\n            :loading=\"internalSubmitting\"\n            @click=\"props.resolve()\"\n          >\n            {{ _dialogProps.okText || '确定' }}\n          </ElButton>\n        </template>\n      </div>\n    </template>\n  </ElDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAuBd,MAAM,QAAQ,UAAA;EACd,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,WAAW,sBAAqB;EACtC,MAAM,eAAe,KAAK,MAAM,aAAa;GAC3C;GACA;GACA;GACA;GACD,CAAA;EACD,MAAM,EAAE,uBAAuB,qBAAqB,MAAM,KAAI;EAC9D,MAAM,YAAY,IAAoC,KAAI;EAC1D,MAAM,oBAAoB,eAAe,MAAM,YAAY,gBAAgB,MAAK;AAEhF,iBAAe;GACb,SAAS,eAAe,MAAM,QAAQ;GACtC,eAAe,MAAM,SAAS;GAC9B,YAAY;GACZ,oBAAoB,qBAAqB,UAAU,MAAM;GACzD,SAAS;GACV,CAAA;;uBAIC,YAmDW,MAAA,SAAA,EAnDX,WAmDW;aAlDL;IAAJ,KAAI;IACH,OAAO;IACP,WAAS,MAAA,SAAQ,CAAC;MACX,MAAA,aAAY,EAAA;IACnB,eAAa,QAAA;IACb,iBAAe,SAAI;AAAa,aAAA,QAAM;SAAa,MAAA,KAAI,CAAC,MAAM,YAAY,YAAW,CAAa,OAAM,YAAY,YAAY,KAAI;SAA+B,OAAI;;;IAc7J,SAAO,cAKD,CAJf,YAIe,MAAA,aAAA,EAAA,EAJA,MAAM,MAAM,MAAA,EAAA;4BAGN,CAFnB,YAEmB,MAAA,iBAAA,EAAA,eAAA,mBAFO,MAAA,SAAQ,CAAA,CAAA,EAAA;6BACyB,CAAzD,WAAyD,KAAA,QAAA,WAAA;OAAlD,SAAS,QAAA;OAAU,QAAQ,QAAA;OAAS,MAAM,QAAA;;;;;;IAK5C,QAAM,cAqBT,CApBN,mBAoBM,OAAA,EApBA,OAAK,eAAA,GAAK,UAAS,SAAA,EAAA,EAAA,CACP,MAAM,SACpB,WAAuE,KAAA,QAAA,UAAA;;KAAlD,SAAS,QAAA;KAAU,QAAQ,QAAA;KAAS,MAAM,QAAA;uBAEjE,mBAeW,UAAA,EAAA,KAAA,GAAA,EAAA,CAdT,YAKW,MAAA,SAAA,EALX,WACU,MAIC,aAJW,CAAC,mBAAiB,EACrC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAM,QAAM,GAAA,CAAA,EAAA;4BAEiB,CAAA,gBAAA,gBAAlC,MAAA,aAAY,CAAC,cAAU,KAAA,EAAA,EAAA,CAAA,CAAA;;YAE5B,YAOW,MAAA,SAAA,EAPX,WAOW,EANT,MAAK,WAAS,EACN,MAAA,aAAY,CAAC,eAAa;KACjC,SAAS,MAAA,mBAAkB;KAC3B,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAM,SAAO;;4BAEY,CAAA,gBAAA,gBAA9B,MAAA,aAAY,CAAC,UAAM,KAAA,EAAA,EAAA,CAAA,CAAA;;;;OA9Bd,MAAM,SAAA;UAAS;sBAC0C,CAAvE,WAAuE,KAAA,QAAA,UAAA;KAAlD,SAAS,QAAA;KAAU,QAAQ,QAAA;KAAS,MAAM,QAAA"}