@silver-formily/element-plus 0.0.1-alpha.0

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

@@ -0,0 +1,12 @@
+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`;
+export {
+  s as prefixCls
+};
+//# sourceMappingURL=utils.mjs.map

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

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

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

@@ -0,0 +1,18 @@
+import { PropType } from 'vue';
+import { IFormCollapse } from './utils';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    formCollapse: {
+        type: PropType<IFormCollapse>;
+    };
+    activeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    formCollapse: {
+        type: PropType<IFormCollapse>;
+    };
+    activeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,45 @@
+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>;
+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<{
+    formCollapse: {
+        type: import('vue').PropType<import('./utils').IFormCollapse>;
+    };
+    activeKey: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+}>> & 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;
+};
+export { composeFormCollapse as FormCollapse };
+export default composeFormCollapse;

package/esm/form-collapse/index.mjs

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

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

@@ -0,0 +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","_a","_b","item","panelErrorCounts","_openBlock","_createBlock","_unref","_mergeProps","$attrs","key","_createElementBlock","_Fragment","_renderList","itemProps","itemSchema","name","index","_createVNode","RecursionField","ElBadge","_resolveDynamicComponent","isFn","_c","_hoisted_1","_toDisplayString","_createTextVNode","FormCollapse","observer","FFormCollapse","FormCollapseItem","defineComponent","_props","slots","h","Fragment","composeFormCollapse","composeExport"],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+import { GeneralField } from '@formily/core';
+import { Schema, SchemaKey } from '@formily/json-schema';
+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;
+}
+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;
+};
+export {};

package/esm/form-collapse/utils.mjs

@@ -0,0 +1,54 @@
+import { model as y } from "@formily/reactive";
+import { toArr as v } from "@formily/shared";
+function u(i, e) {
+  return e.mapProperties((r, s) => {
+    var n;
+    return {
+      name: s,
+      props: {
+        ...r == null ? void 0 : r["x-component-props"],
+        key: ((n = r == null ? void 0 : r["x-component-props"]) == null ? void 0 : n.key) || s
+      },
+      schema: r
+    };
+  }).filter((r) => {
+    var a, c;
+    const s = i.query(i.address.concat(r.name)).take();
+    return (s == null ? void 0 : s.display) === "none" || (s == null ? void 0 : s.display) === "hidden" ? !1 : ((c = (a = r == null ? void 0 : r.schema) == null ? void 0 : a["x-component"]) == null ? void 0 : c.includes("FormCollapse.Item")) ?? !1;
+  });
+}
+function l(i) {
+  const e = y({
+    activeKeys: i,
+    setActiveKeys(t) {
+      /* istanbul ignore if -- @preserve */
+      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) {
+      /* istanbul ignore if -- @preserve */
+      e.hasActiveKey(t) || (e.activeKeys = v(e.activeKeys).concat(t));
+    },
+    removeActiveKey(t) {
+      e.activeKeys = Array.isArray(e.activeKeys) ? e.activeKeys.filter(
+        (o) => o !== t
+      ) : "";
+    },
+    toggleActiveKey(t) {
+      e.hasActiveKey(t) ? e.removeActiveKey(t) : e.addActiveKey(t);
+    }
+  });
+  return e;
+}
+export {
+  l as createFormCollapse,
+  u as usePanels
+};
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +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","_b","_a","createFormCollapse","defaultActiveKeys","formCollapse","model","keys","key","toArr"],"mappings":";;AAyBO,SAASA,EAAUC,GAA6BC,GAAgB;AAkBrE,SAjBmBA,EAAO,cAAc,CAACA,GAAQC,MAAA;;AAAU;AAAA,MACzD,MAAAA;AAAA,MACA,OAAO;AAAA,QACL,GAAGD,KAAAA,gBAAAA,EAAS;AAAA,QACZ,OAAKA,IAAAA,KAAAA,gBAAAA,EAAS,yBAATA,gBAAAA,EAA+B,QAAOC;AAAA,MAAA;AAAA,MAE7C,QAAAD;AAAAA,IAAA;AAAA,GACA,EAEgC,OAAO,CAACE,MAAS;;AACjD,UAAMC,IAAQJ,EAAc,MAAMA,EAAc,QAAQ,OAAOG,EAAK,IAAI,CAAC,EAAE,KAAA;AAE3E,YADiBC,KAAA,gBAAAA,EAAO,aAAY,WAAUA,KAAA,gBAAAA,EAAO,aAAY,WAExD,OACFC,KAAAC,IAAAH,KAAA,gBAAAA,EAAM,WAAN,gBAAAG,EAAe,mBAAf,gBAAAD,EAA+B,SAAS,yBAAwB;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,OAAQN,MAASS;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;"}

package/esm/form-dialog/dialog-content.d.ts

@@ -0,0 +1,60 @@
+import { Form } from '@formily/core';
+import { PropType } from 'vue';
+import { FormDialogSlots, IFormDialogProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<FormDialogSlots> & FormDialogSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    dialogProps: {
+        type: PropType<IFormDialogProps>;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        required: true;
+    };
+    resolve: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    reject: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    dialogProps: {
+        type: PropType<IFormDialogProps>;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        required: true;
+    };
+    resolve: {
+        type: PropType<() => void>;
+        required: true;
+    };
+    reject: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { Component } from 'vue';
+import { FormDialogSlotContent, IFormDialog, IFormDialogProps } from './types';
+export declare function FormDialog(title: IFormDialogProps | string, content?: Component | FormDialogSlotContent, dynamicMiddlewareNames?: string[]): IFormDialog;
+export default FormDialog;

package/esm/form-dialog/index.mjs

@@ -0,0 +1,209 @@
+import { createForm as T } from "@formily/core";
+import { toJS as V } from "@formily/reactive";
+import { observer as q } from "@formily/reactive-vue";
+import { isFn as u, isArr as $, isStr as h, pascalCase as j, applyMiddleware as g, isValid as z } from "@formily/shared";
+import { defineComponent as N, useSlots as O, createBlock as A, openBlock as k, unref as n, mergeProps as C, createSlots as I, withCtx as c, createElementVNode as J, normalizeClass as R, renderSlot as w, createElementBlock as U, Fragment as G, createVNode as b, createTextVNode as x, toDisplayString as M, normalizeProps as H, guardReactiveProps as K, ref as L, h as D, createApp as Q } from "vue";
+import { ElDialog as W, ElButton as E, ElConfigProvider as X } from "element-plus";
+import { useDebonceSubmitting as Y, loading as F, getTransitionDuration as Z } from "../__builtins__/shared/loading.mjs";
+import { FormProvider as _ } from "@formily/vue";
+import { isVueOptions as ee } from "../__builtins__/shared/utils.mjs";
+import { stylePrefix as oe } from "../__builtins__/configs/index.mjs";
+import { loadElConfigProvider as re } from "../__builtins__/shared/load-config-provider.mjs";
+import { o as te, c as S } from "../vendor/lodash.mjs";
+const ne = /* @__PURE__ */ N({
+  name: "FormDialogContent",
+  __name: "dialog-content",
+  props: {
+    dialogProps: {
+      type: Object,
+      required: !0
+    },
+    visible: {
+      type: Boolean,
+      required: !0
+    },
+    form: {
+      type: Object,
+      required: !0
+    },
+    resolve: {
+      type: Function,
+      required: !0
+    },
+    reject: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(t) {
+    const l = t, f = O(), e = `${oe}-form-dialog`, d = re(), a = te(l.dialogProps, [
+      "modelValue",
+      "onUpdate:modelValue",
+      "beforeClose"
+    ]), { internalSubmitting: p } = Y(l.form);
+    return (i, o) => (k(), A(n(W), C({
+      class: e,
+      "z-index": n(d).zIndex
+    }, n(a), {
+      "model-value": t.visible,
+      "before-close": (r) => {
+        t.reject(), n(u)(l.dialogProps.beforeClose) ? l.dialogProps.beforeClose(r) : r();
+      }
+    }), I({
+      default: c(() => [
+        b(n(_), {
+          form: l.form
+        }, {
+          default: c(() => [
+            b(n(X), H(K(n(d))), {
+              default: c(() => [
+                w(i.$slots, "default", {
+                  resolve: t.resolve,
+                  reject: t.reject,
+                  form: t.form
+                })
+              ]),
+              _: 3
+            }, 16)
+          ]),
+          _: 3
+        }, 8, ["form"])
+      ]),
+      footer: c(() => [
+        J("div", {
+          class: R(`${e}-footer`)
+        }, [
+          f.footer ? w(i.$slots, "footer", {
+            key: 0,
+            resolve: t.resolve,
+            reject: t.reject,
+            form: t.form
+          }) : (k(), U(G, { key: 1 }, [
+            b(n(E), C(n(a).cancelButtonProps, {
+              onClick: o[0] || (o[0] = (r) => l.reject())
+            }), {
+              default: c(() => [
+                x(M(n(a).cancelText || "取消"), 1)
+              ]),
+              _: 1
+            }, 16),
+            b(n(E), C({ type: "primary" }, n(a).okButtonProps, {
+              loading: n(p),
+              onClick: o[1] || (o[1] = (r) => l.resolve())
+            }), {
+              default: c(() => [
+                x(M(n(a).okText || "确定"), 1)
+              ]),
+              _: 1
+            }, 16, ["loading"])
+          ], 64))
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      f.header ? {
+        name: "header",
+        fn: c(() => [
+          w(i.$slots, "header", {
+            resolve: t.resolve,
+            reject: t.reject,
+            form: t.form
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["z-index", "model-value", "before-close"]));
+  }
+});
+function be(t, l, f) {
+  const e = {
+    root: document.createElement("div"),
+    form: null,
+    promise: null,
+    app: null,
+    instance: null,
+    openMiddlewares: [],
+    confirmMiddlewares: [],
+    cancelMiddlewares: []
+  };
+  if ($(f))
+    for (const o of f) {
+      /* istanbul ignore if -- @preserve */
+      if (!h(o))
+        return;
+      const r = S(o);
+      /* istanbul ignore if -- @preserve */
+      if (["open", "cancel", "confirm"].includes(r))
+        throw new Error(`for${j(r)} is presved`);
+      e[`${r}Middlewares`] = [];
+    }
+  document.body.append(e.root);
+  const d = h(t) ? { title: t } : t;
+  function a(o, r, s) {
+    const m = ee(l) ? { default: () => D(l) } : l;
+    if (!e.instance) {
+      const v = q({
+        setup(P, { expose: B }) {
+          const y = L(!1);
+          return B({
+            visible: y
+          }), () => D(ne, {
+            dialogProps: d,
+            form: e.form,
+            resolve: r,
+            reject: s,
+            visible: y.value
+          }, m);
+        }
+      });
+      e.app = Q(v), e.instance = e.app.mount(e.root);
+    }
+    e.instance.visible = o;
+  }
+  function p() {
+    const o = Z();
+    setTimeout(() => {
+      var r, s, m;
+      (s = (r = e.app) == null ? void 0 : r.unmount) == null || s.call(r), e.app = null, e.instance = null, (m = e.root) == null || m.remove(), e.root = void 0;
+    }, o);
+  }
+  const i = {
+    forOpen: (o) => (u(o) && e.openMiddlewares.push(o), i),
+    forConfirm: (o) => (u(o) && e.confirmMiddlewares.push(o), i),
+    forCancel: (o) => (u(o) && e.cancelMiddlewares.push(o), i),
+    open: (o) => {
+      /* istanbul ignore if -- @preserve */
+      return e.promise || (e.promise = new Promise((r, s) => {
+        F(d.loadingText, () => g(o, e.openMiddlewares)).then((m) => {
+          e.form = e.form || T(m), a(!0, (v) => {
+            e.form.submit(async () => {
+              await (z(v) ? g(e.form, e[`${v}Middlewares`]) : g(e.form, e.confirmMiddlewares)), r(V(e.form.values)), i.close(), p();
+            }).catch((P) => {
+              console.warn(P);
+            });
+          }, async () => {
+            await F(d.loadingText, () => g(e.form, e.cancelMiddlewares)), i.close(), p(), s(new Error("cancel"));
+          });
+        }).catch(
+          /* istanbul ignore next -- @preserve */
+          (m) => s(m)
+        );
+      })), e.promise;
+    },
+    close: () => {
+      /* istanbul ignore if -- @preserve */
+      e.root && a(!1);
+    }
+  };
+  if ($(f))
+    for (const o of f) {
+      const r = S(o);
+      i[`for${j(r)}`] = (s) => (u(s) && e[`${r}Middlewares`].push(s), i);
+    }
+  return i;
+}
+export {
+  be as FormDialog,
+  be as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/form-dialog/dialog-content.vue","../../src/form-dialog/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Form } from '@formily/core'\nimport type { PropType } from 'vue'\nimport type { FormDialogSlots, IFormDialogProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { FormProvider } from '@formily/vue'\nimport { ElButton, ElConfigProvider, ElDialog } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { loadElConfigProvider, stylePrefix, useDebonceSubmitting } from '../__builtins__'\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<() => 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])\nconst { internalSubmitting } = useDebonceSubmitting(props.form)\n</script>\n\n<template>\n  <ElDialog\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","import type { Form, IFormProps } from '@formily/core'\r\nimport type { IMiddleware } from '@formily/shared'\r\nimport type { App, Component } from 'vue'\r\nimport type { FormDialogSlotContent, IFormDialog, IFormDialogProps } from './types'\r\nimport { createForm } from '@formily/core'\r\nimport { toJS } from '@formily/reactive'\r\nimport { observer } from '@formily/reactive-vue'\r\nimport { applyMiddleware, isArr, isFn, isStr, isValid, pascalCase } from '@formily/shared'\r\nimport { camelCase } from 'lodash-es'\r\nimport { createApp, h, ref } from 'vue'\r\nimport { getTransitionDuration, isVueOptions, loading } from '../__builtins__'\r\nimport DialogContent from './dialog-content.vue'\r\n\r\nexport function FormDialog(\r\n  title: IFormDialogProps | string,\r\n  content?: Component | FormDialogSlotContent,\r\n  dynamicMiddlewareNames?: string[],\r\n): IFormDialog {\r\n  const env: {\r\n    root?: HTMLElement\r\n    form?: Form\r\n    promise?: Promise<any>\r\n    instance?: any\r\n    app?: App<Element>\r\n    openMiddlewares: IMiddleware<IFormProps>[]\r\n    confirmMiddlewares: IMiddleware<Form>[]\r\n    cancelMiddlewares: IMiddleware<Form>[]\r\n    [key: `${string}Middlewares`]: IMiddleware<Form>[] | IMiddleware<IFormProps>[] | undefined\r\n  } = {\r\n    root: document.createElement('div'),\r\n    form: null,\r\n    promise: null,\r\n    app: null,\r\n    instance: null,\r\n    openMiddlewares: [],\r\n    confirmMiddlewares: [],\r\n    cancelMiddlewares: [],\r\n  }\r\n\r\n  if (isArr(dynamicMiddlewareNames)) {\r\n    for (const middlewareName of dynamicMiddlewareNames) {\r\n      /* istanbul ignore if -- @preserve */\r\n      if (!isStr(middlewareName))\r\n        return\r\n      const _middlewareName = camelCase(middlewareName)\r\n      /* istanbul ignore if -- @preserve */\r\n      if (['open', 'cancel', 'confirm'].includes(_middlewareName)) {\r\n        throw new Error(`for${pascalCase(_middlewareName)} is presved`)\r\n      }\r\n      (env[`${_middlewareName}Middlewares`] = [])\r\n    }\r\n  }\r\n\r\n  document.body.append(env.root)\r\n\r\n  const props = (isStr(title) ? ({ title }) : title) as IFormDialogProps\r\n\r\n  function render(visible: boolean, resolve?: (type?: string) => any, reject?: () => any) {\r\n    const _content = isVueOptions(content)\r\n      ? { default: () => h(content) }\r\n      : content\r\n    if (!env.instance) {\r\n      const ComponentConstructor = observer({\r\n        setup(_, { expose }) {\r\n          const visible = ref(false)\r\n          expose({\r\n            visible,\r\n          })\r\n          return () => h(DialogContent, {\r\n            dialogProps: props,\r\n            form: env.form,\r\n            resolve,\r\n            reject,\r\n            visible: visible.value,\r\n          }, _content)\r\n        },\r\n      })\r\n      env.app = createApp(ComponentConstructor)\r\n      env.instance = env.app.mount(env.root)\r\n    }\r\n    env.instance.visible = visible\r\n  }\r\n\r\n  function disposeDialog() {\r\n    const animationDuration = getTransitionDuration()\r\n    setTimeout(() => {\r\n      env.app?.unmount?.()\r\n      env.app = null\r\n      env.instance = null\r\n      env.root?.remove()\r\n      env.root = undefined\r\n    }, animationDuration)\r\n  }\r\n\r\n  const formDialog = {\r\n    forOpen: (middleware: IMiddleware<IFormProps>) => {\r\n      isFn(middleware) && env.openMiddlewares.push(middleware)\r\n      return formDialog\r\n    },\r\n    forConfirm: (middleware: IMiddleware<Form>) => {\r\n      isFn(middleware) && env.confirmMiddlewares.push(middleware)\r\n      return formDialog\r\n    },\r\n    forCancel: (middleware: IMiddleware<Form>) => {\r\n      isFn(middleware) && env.cancelMiddlewares.push(middleware)\r\n      return formDialog\r\n    },\r\n    open: (payload: IFormProps) => {\r\n      /* istanbul ignore if -- @preserve */\r\n      if (env.promise)\r\n        return env.promise\r\n\r\n      env.promise = new Promise((res, rej) => {\r\n        loading(props.loadingText, () => applyMiddleware(payload, env.openMiddlewares))\r\n          .then((resPayload) => {\r\n            env.form = env.form || createForm(resPayload)\r\n            render(true, (type: string) => {\r\n              env.form.submit(async () => {\r\n                await (isValid(type) ? applyMiddleware(env.form, env[`${type}Middlewares`]) : applyMiddleware(env.form, env.confirmMiddlewares))\r\n                res(toJS(env.form.values))\r\n                formDialog.close()\r\n                disposeDialog()\r\n              }).catch((error) => {\r\n                console.warn(error)\r\n              })\r\n            }, async () => {\r\n              await loading(props.loadingText, () =>\r\n                applyMiddleware(env.form, env.cancelMiddlewares))\r\n              formDialog.close()\r\n              disposeDialog()\r\n              rej(new Error('cancel'))\r\n            })\r\n          })\r\n          .catch(/* istanbul ignore next -- @preserve */ error => rej(error))\r\n      })\r\n      return env.promise\r\n    },\r\n    close: () => {\r\n      /* istanbul ignore if -- @preserve */\r\n      if (!env.root)\r\n        return\r\n      render(false)\r\n    },\r\n  }\r\n  if (isArr(dynamicMiddlewareNames)) {\r\n    for (const middlewareName of dynamicMiddlewareNames) {\r\n      const _middlewareName = camelCase(middlewareName)\r\n      formDialog[`for${pascalCase(_middlewareName)}`] = (middleware: IMiddleware<Form>) => {\r\n        isFn(middleware) && env[`${_middlewareName}Middlewares`].push(middleware)\r\n        return formDialog\r\n      }\r\n    }\r\n  }\r\n\r\n  return formDialog as never\r\n}\r\n\r\nexport default FormDialog\r\n"],"names":["props","__props","slots","_useSlots","prefixCls","stylePrefix","elConfig","loadElConfigProvider","_dialogProps","omit","internalSubmitting","useDebonceSubmitting","_openBlock","_createBlock","_unref","_mergeProps","done","isFn","_createVNode","FormProvider","_renderSlot","_ctx","_createElementVNode","_createElementBlock","_Fragment","ElButton","_cache","$event","_createTextVNode","_toDisplayString","FormDialog","title","content","dynamicMiddlewareNames","env","isArr","middlewareName","isStr","_middlewareName","camelCase","pascalCase","render","visible","resolve","reject","_content","isVueOptions","h","ComponentConstructor","observer","_","expose","ref","DialogContent","createApp","disposeDialog","animationDuration","getTransitionDuration","_b","_a","_c","formDialog","middleware","payload","res","rej","loading","applyMiddleware","resPayload","createForm","type","isValid","toJS","error"],"mappings":"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"}

package/esm/form-dialog/types.d.ts

@@ -0,0 +1,32 @@
+import { Form, IFormProps } from '@formily/core';
+import { IMiddleware } from '@formily/shared';
+import { ButtonProps, DialogProps } from 'element-plus';
+import { SlotsType, VNode } from 'vue';
+export type IFormDialogProps = Partial<DialogProps> & {
+    cancelText?: string;
+    cancelButtonProps?: ButtonProps;
+    okText?: string;
+    okButtonProps?: ButtonProps;
+    loadingText?: string;
+};
+export interface FormDialogSlotProps {
+    resolve: (type?: string) => void;
+    reject: () => void;
+    form: Form;
+}
+export interface FormDialogSlots {
+    header?: (props: FormDialogSlotProps) => VNode;
+    default?: () => VNode;
+    footer?: (props: FormDialogSlotProps) => VNode;
+}
+export type FormDialogSlotContent = SlotsType<FormDialogSlots> | {
+    [key in keyof FormDialogSlots]?: FormDialogSlots[key];
+};
+export interface IFormDialog {
+    forOpen: (middleware: IMiddleware<IFormProps>) => IFormDialog;
+    forConfirm: (middleware: IMiddleware<IFormProps>) => IFormDialog;
+    forCancel: (middleware: IMiddleware<IFormProps>) => IFormDialog;
+    [key: `for${string}`]: (middleware: IMiddleware<IFormProps>) => IFormDialog;
+    open: (props?: IFormProps) => Promise<any>;
+    close: () => void;
+}

package/esm/form-dialog/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}