@silver-formily/element-plus 0.0.1-beta.0 → 1.0.1

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,87 @@
+import { observer as I } from "@formily/reactive-vue";
+import { defineComponent as b, computed as $, createBlock as n, openBlock as o, unref as e, mergeProps as F, withCtx as u, createElementBlock as c, Fragment as m, renderList as N, normalizeClass as P, resolveDynamicComponent as k, toDisplayString as _, createTextVNode as D, createVNode as R, h as V } from "vue";
+import { ElCollapse as h, ElCollapseItem as j, ElBadge as q } from "element-plus";
+import { observable as g } from "@formily/reactive";
+import "@formily/core";
+import { useField as w, useFieldSchema as z, RecursionField as L } from "@formily/vue";
+import { composeExport as O } from "../__builtins__/shared/utils.mjs";
+import { isFn as E } from "@formily/shared";
+import { stylePrefix as T } from "../__builtins__/configs/index.mjs";
+import { usePanels as G, createFormCollapse as K } from "./utils.mjs";
+import '../styles/form-collapse/index.css';const H = { key: 1 }, J = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "form-collapse",
+  props: {
+    formCollapse: { type: Object },
+    activeKey: {
+      type: [String, Number]
+    }
+  },
+  setup(C) {
+    const r = C, x = `${T}-form-collapse`, i = w(), A = z(), f = g.computed(() => G(i.value, A.value)), v = $(
+      () => r.formCollapse ?? K()
+    );
+    function B(l) {
+      return r.activeKey ? r.activeKey : v.value?.activeKeys ? v.value?.activeKeys : l.map((s) => s.name);
+    }
+    const a = g.computed(() => f.value.map((l) => i.value.form.queryFeedbacks({
+      type: "error",
+      address: `${i.value.address.concat(l.name)}.*`
+    }).length));
+    return (l, s) => (o(), n(e(h), F({
+      class: x,
+      "model-value": B(e(f).value)
+    }, l.$attrs, {
+      onChange: s[0] || (s[0] = (d) => {
+        v.value.setActiveKeys(d);
+      })
+    }), {
+      default: u(() => [
+        (o(!0), c(m, null, N(e(f).value, ({ props: d, schema: t, name: y }, p) => (o(), n(e(j), F({
+          key: y,
+          ref_for: !0
+        }, d, { name: y }), {
+          default: u(() => [
+            R(e(L), {
+              schema: t,
+              name: y
+            }, null, 8, ["schema", "name"])
+          ]),
+          title: u(() => [
+            e(a).value[p] !== 0 ? (o(), n(e(q), {
+              key: 0,
+              class: P(`${x}-errors-badge`),
+              value: e(a).value[p]
+            }, {
+              default: u(() => [
+                t["x-content"]?.title ? (o(), n(k(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(a).value[p]) : t["x-content"]?.title), { key: 0 })) : (o(), c("span", H, _(t["x-component-props"]?.title), 1))
+              ]),
+              _: 2
+            }, 1032, ["class", "value"])) : (o(), c(m, { key: 1 }, [
+              t["x-content"]?.title ? (o(), n(k(() => e(E)(t["x-content"]?.title) ? t["x-content"]?.title(e(a).value[p]) : t["x-content"]?.title), { key: 0 })) : (o(), c(m, { key: 1 }, [
+                D(_(t["x-component-props"]?.title), 1)
+              ], 64))
+            ], 64))
+          ]),
+          _: 2
+        }, 1040, ["name"]))), 128))
+      ]),
+      _: 1
+    }, 16, ["model-value"]));
+  }
+}), M = I(J), Q = b({
+  name: "FFormCollapseItem",
+  inheritAttrs: !1,
+  setup(C, { slots: r }) {
+    return () => V(m, r.default?.());
+  }
+}), le = O(M, {
+  Item: Q,
+  createFormCollapse: K
+});
+export {
+  le as FormCollapse,
+  Q as FormCollapseItem,
+  le 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","item","panelErrorCounts","_openBlock","_createBlock","_unref","_mergeProps","$attrs","key","_createElementBlock","_Fragment","_renderList","itemProps","itemSchema","name","index","_createVNode","RecursionField","ElBadge","_resolveDynamicComponent","isFn","_hoisted_1","_toDisplayString","_createTextVNode","FormCollapse","observer","FFormCollapse","FormCollapseItem","defineComponent","_props","slots","h","Fragment","composeFormCollapse","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GAMRC,IAAY,GAAGC,CAAW,kBAE1BC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAASC,EAAW,SAAS,MAAMC,EAAUN,EAAM,OAAOE,EAAO,KAAK,CAAC,GACvEK,IAAkBC;AAAA,MACtB,MAAMZ,EAAM,gBAAgBa,EAAA;AAAA,IAAmB;AAGjD,aAASC,EAAeC,GAAW;AACjC,aAAIf,EAAM,YACDA,EAAM,YACXW,EAAgB,OAAO,aAClBA,EAAgB,OAAO,aACzBI,EAAU,IAAI,CAAAC,MAAQA,EAAK,IAAI;AAAA,IACxC;AAEA,UAAMC,IAAmBR,EAAW,SAAS,MACpCD,EAAO,MAAM,IAAI,CAACQ,MACHZ,EAAM,MAAM,KAAK,eAAe;AAAA,MAClD,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,QAAQ,OAAOY,EAAK,IAAI,CAAC;AAAA,IAAA,CAClD,EACkB,MACpB,CACF;sBAICE,KAAAC,EAyCaC,MAzCbC,EAyCa;AAAA,MAxCV,OAAOnB;AAAA,MACP,eAAaY,EAAeM,EAAAZ,CAAA,EAAO,KAAK;AAAA,IAAA,GACjCc,EAAAA,QAAM;AAAA,MACb,2BAASC,MAAG;AAAa,QAAAZ,EAAA,MAAgB,cAAcY,CAAG;AAAA;;iBAIjD,MAA+E;AAAA,gBAAzFC,EAgCWC,GAAA,MAAAC,EAhCiEN,EAAAZ,CAAA,EAAO,OAAK,CAAA,EAAA,OAA7DmB,GAAS,QAAUC,GAAY,MAAAC,EAAA,GAAQC,OAChEZ,KAAAC,EA8BiBC,MA9BjBC,EA8BiB;AAAA,eA/B6EQ;AAAA;WACtEF,GAAS,EAAG,MAAAE,EAAA,CAAU,GAAA;AAAA,UACjC,WACT,MAAoD;AAAA,YAApDE,EAAoDX,EAAAY,CAAA,GAAA;AAAA,cAAnC,QAAQJ;AAAA,cAAa,MAAAC;AAAA,YAAA;;UAE7B,SACT,MAYU;AAAA,YAXFT,EAAAH,CAAA,EAAiB,MAAMa,CAAK,MAAA,UADpCX,EAYUC,EAAAa,CAAA,GAAA;AAAA;cAVP,YAAU/B,CAAS,eAAA;AAAA,cACnB,OAAOkB,EAAAH,CAAA,EAAiB,MAAMa,CAAK;AAAA,YAAA;yBAEpC,MAKE;AAAA,gBADMF,gBAAyB,SAJjCV,KAAAC,EAKEe,EAAA,MAJWd,EAAAe,CAAA,EAAKP,gBAAyB,KAAK,IAAoBA,gBAAyB,MAAMR,KAAiB,MAAMU,CAAK,CAAA,IAAqBF,gBAAyB,KAAK,GAAA,EAAA,KAAA,GAAA,WAKlLJ,EAAgE,QAAAY,GAAAC,EAAhDT,EAAU,mBAAA,GAAuB,KAAK,GAAA,CAAA;AAAA,cAAA;;kDAExDJ,EAUWC,GAAA,EAAA,KAAA,KAAA;AAAA,cALDG,gBAAyB,SAJjCV,KAAAC,EAKEe,EAAA,MAJWd,EAAAe,CAAA,EAAKP,gBAAyB,KAAK,IAAoBA,gBAAyB,MAAMR,KAAiB,MAAMU,CAAK,CAAA,IAAqBF,gBAAyB,KAAK,GAAA,EAAA,KAAA,EAAA,CAAA,WAKlLJ,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,gBADNa,EAAAD,EAAAT,wBAAiC,KAAK,GAAA,CAAA;AAAA,cAAA;;;;;;;;;IC9EjDW,IAAeC,EAASC,CAAa,GAE9BC,IAAmBC,EAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,cAAc;AAAA,EACd,MAAMC,GAAQ,EAAE,OAAAC,KAAS;AACvB,WAAO,MAAMC,EAAEC,GAAUF,EAAM,WAAW;AAAA,EAC5C;AACF,CAAC,GAEKG,KAAsBC,EAAcV,GAAc;AAAA,EACtD,MAAMG;AAAA,EACN,oBAAA7B;AACF,CAAC;"}

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,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;
+  });
+}
+function p(i) {
+  const e = c({
+    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 = 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;
+}
+export {
+  p as createFormCollapse,
+  l 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","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;"}

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,208 @@
+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 f, 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(r) {
+    const l = r, a = O(), e = `${oe}-form-dialog`, c = re(), s = 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(c).zIndex
+    }, n(s), {
+      "model-value": r.visible,
+      "before-close": (t) => {
+        r.reject(), n(u)(l.dialogProps.beforeClose) ? l.dialogProps.beforeClose(t) : t();
+      }
+    }), I({
+      default: f(() => [
+        b(n(_), {
+          form: l.form
+        }, {
+          default: f(() => [
+            b(n(X), H(K(n(c))), {
+              default: f(() => [
+                w(i.$slots, "default", {
+                  resolve: r.resolve,
+                  reject: r.reject,
+                  form: r.form
+                })
+              ]),
+              _: 3
+            }, 16)
+          ]),
+          _: 3
+        }, 8, ["form"])
+      ]),
+      footer: f(() => [
+        J("div", {
+          class: R(`${e}-footer`)
+        }, [
+          a.footer ? w(i.$slots, "footer", {
+            key: 0,
+            resolve: r.resolve,
+            reject: r.reject,
+            form: r.form
+          }) : (k(), U(G, { key: 1 }, [
+            b(n(E), C(n(s).cancelButtonProps, {
+              onClick: o[0] || (o[0] = (t) => l.reject())
+            }), {
+              default: f(() => [
+                x(M(n(s).cancelText || "取消"), 1)
+              ]),
+              _: 1
+            }, 16),
+            b(n(E), C({ type: "primary" }, n(s).okButtonProps, {
+              loading: n(p),
+              onClick: o[1] || (o[1] = (t) => l.resolve())
+            }), {
+              default: f(() => [
+                x(M(n(s).okText || "确定"), 1)
+              ]),
+              _: 1
+            }, 16, ["loading"])
+          ], 64))
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      a.header ? {
+        name: "header",
+        fn: f(() => [
+          w(i.$slots, "header", {
+            resolve: r.resolve,
+            reject: r.reject,
+            form: r.form
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["z-index", "model-value", "before-close"]));
+  }
+});
+function be(r, l, a) {
+  const e = {
+    root: document.createElement("div"),
+    form: null,
+    promise: null,
+    app: null,
+    instance: null,
+    openMiddlewares: [],
+    confirmMiddlewares: [],
+    cancelMiddlewares: []
+  };
+  if ($(a))
+    for (const o of a) {
+      /* istanbul ignore if -- @preserve */
+      if (!h(o))
+        return;
+      const t = S(o);
+      /* istanbul ignore if -- @preserve */
+      if (["open", "cancel", "confirm"].includes(t))
+        throw new Error(`for${j(t)} is presved`);
+      e[`${t}Middlewares`] = [];
+    }
+  document.body.append(e.root);
+  const c = h(r) ? { title: r } : r;
+  function s(o, t, m) {
+    const d = 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: c,
+            form: e.form,
+            resolve: t,
+            reject: m,
+            visible: y.value
+          }, d);
+        }
+      });
+      e.app = Q(v), e.instance = e.app.mount(e.root);
+    }
+    e.instance.visible = o;
+  }
+  function p() {
+    const o = Z();
+    setTimeout(() => {
+      e.app?.unmount?.(), e.app = null, e.instance = null, e.root?.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((t, m) => {
+        F(c.loadingText, () => g(o, e.openMiddlewares)).then((d) => {
+          e.form = e.form || T(d), s(!0, (v) => {
+            e.form.submit(async () => {
+              await (z(v) ? g(e.form, e[`${v}Middlewares`]) : g(e.form, e.confirmMiddlewares)), t(V(e.form.values)), i.close(), p();
+            }).catch((P) => {
+              console.warn(P);
+            });
+          }, async () => {
+            await F(c.loadingText, () => g(e.form, e.cancelMiddlewares)), i.close(), p(), m(new Error("cancel"));
+          });
+        }).catch(
+          /* istanbul ignore next -- @preserve */
+          (d) => m(d)
+        );
+      })), e.promise;
+    },
+    close: () => {
+      /* istanbul ignore if -- @preserve */
+      e.root && s(!1);
+    }
+  };
+  if ($(a))
+    for (const o of a) {
+      const t = S(o);
+      i[`for${j(t)}`] = (m) => (u(m) && e[`${t}Middlewares`].push(m), 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","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":""}