@silver-formily/element-plus 3.0.2 → 4.0.1

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

@@ -1,4 +1,8 @@
-import { Component } from 'vue';
-import { FormDrawerSlotContent, IFormDrawer, IFormDrawerProps } from './types';
-export declare function FormDrawer<T extends object = any, const DynamicMiddlewareNames extends readonly string[] = []>(title: IFormDrawerProps | string, content?: Component | FormDrawerSlotContent, dynamicMiddlewareNames?: DynamicMiddlewareNames): IFormDrawer<T, DynamicMiddlewareNames[number]>;
-export default FormDrawer;
+import { FormDrawerSlotContent, IFormDrawer, IFormDrawerProps } from "./types.js";
+import { Component } from "vue";
+
+//#region src/form-drawer/index.d.ts
+declare function FormDrawer<T extends object = any, const DynamicMiddlewareNames extends readonly string[] = []>(title: IFormDrawerProps | string, content?: Component | FormDrawerSlotContent<T, DynamicMiddlewareNames[number]>, dynamicMiddlewareNames?: DynamicMiddlewareNames): IFormDrawer<T, DynamicMiddlewareNames[number]>;
+//#endregion
+export { FormDrawer };
+//# sourceMappingURL=index.d.ts.map

package/esm/form-drawer/index.mjs

@@ -1,205 +1,143 @@
-import { createForm as V } from "@formily/core";
-import { toJS as q } from "@formily/reactive";
-import { isFn as p, isArr as y, isStr as E, pascalCase as S, applyMiddleware as w, isValid as z } from "@formily/shared";
-import { observer as N } from "@silver-formily/reactive-vue";
-import { defineComponent as O, useSlots as R, ref as B, computed as $, openBlock as k, createBlock as A, unref as n, mergeProps as C, createSlots as I, withCtx as c, createElementVNode as J, normalizeClass as U, renderSlot as g, createElementBlock as G, Fragment as H, createVNode as b, createTextVNode as h, toDisplayString as j, normalizeProps as K, guardReactiveProps as L, h as x, createApp as Q } from "vue";
-import { ElDrawer as W, ElButton as D, ElConfigProvider as X } from "element-plus";
-import { useDebonceSubmitting as Y, loading as M, getTransitionDuration as Z } from "../__builtins__/shared/loading.mjs";
-import { FormProvider as _ } from "@silver-formily/vue";
-import { isVueOptions as ee } from "../__builtins__/shared/utils.mjs";
-import { stylePrefix as re } from "../__builtins__/configs/index.mjs";
-import { loadElConfigProvider as oe } from "../__builtins__/shared/load-config-provider.mjs";
-import { useEnterSubmit as te } from "../__builtins__/shared/use-enter-submit.mjs";
-import { resolveDrawerElement as ne } from "../shared/overlay-elements.mjs";
-import { o as ie, c as F } from "../vendor/lodash.mjs";
-const se = /* @__PURE__ */ O({
-  name: "FormDrawerContent",
-  __name: "drawer-content",
-  props: {
-    drawerProps: {
-      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(o) {
-    const s = o, f = R(), e = `${re}-form-drawer`, u = oe(), { internalSubmitting: d } = Y(s.form), m = ie(s.drawerProps, ["modelValue", "onUpdate:modelValue", "beforeClose", "enterSubmit"]), l = B(null), r = $(() => s.drawerProps.enterSubmit !== !1);
-    return te({
-      visible: $(() => s.visible),
-      resolve: () => s.resolve(),
-      submitting: d,
-      getContainer: () => ne(l.value),
-      enabled: r
-    }), (t, i) => (k(), A(n(W), C({
-      ref_key: "drawerRef",
-      ref: l,
-      class: e,
-      "z-index": n(u).zIndex
-    }, n(m), {
-      "model-value": o.visible,
-      "before-close": (a) => {
-        o.reject(), n(p)(s.drawerProps.beforeClose) ? s.drawerProps.beforeClose(a) : a();
-      }
-    }), I({
-      default: c(() => [
-        b(n(_), { form: o.form }, {
-          default: c(() => [
-            b(n(X), K(L(n(u))), {
-              default: c(() => [
-                g(t.$slots, "default", {
-                  resolve: o.resolve,
-                  reject: o.reject,
-                  form: o.form
-                })
-              ]),
-              _: 3
-            }, 16)
-          ]),
-          _: 3
-        }, 8, ["form"])
-      ]),
-      footer: c(() => [
-        J("div", {
-          class: U(`${e}-footer`)
-        }, [
-          f.footer ? g(t.$slots, "footer", {
-            key: 0,
-            resolve: o.resolve,
-            reject: o.reject,
-            form: o.form
-          }) : (k(), G(H, { key: 1 }, [
-            b(n(D), C(n(m).cancelButtonProps, {
-              onClick: i[0] || (i[0] = (a) => o.reject())
-            }), {
-              default: c(() => [
-                h(j(n(m).cancelText || "取消"), 1)
-              ]),
-              _: 1
-            }, 16),
-            b(n(D), C({ type: "primary" }, n(m).okButtonProps, {
-              loading: n(d),
-              onClick: i[1] || (i[1] = (a) => o.resolve())
-            }), {
-              default: c(() => [
-                h(j(n(m).okText || "确定"), 1)
-              ]),
-              _: 1
-            }, 16, ["loading"])
-          ], 64))
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      f.header ? {
-        name: "header",
-        fn: c(() => [
-          g(t.$slots, "header", {
-            resolve: o.resolve,
-            reject: o.reject,
-            form: o.form
-          })
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040, ["z-index", "model-value", "before-close"]));
-  }
-});
-function Ee(o, s, f) {
-  const e = {
-    root: document.createElement("div"),
-    form: null,
-    promise: null,
-    app: null,
-    instance: null,
-    openMiddlewares: [],
-    confirmMiddlewares: [],
-    cancelMiddlewares: []
-  };
-  if (y(f))
-    for (const r of f) {
-      if (!E(r))
-        return;
-      const t = F(r);
-      if (["open", "cancel", "confirm"].includes(t))
-        throw new Error(`for${S(t)} is presved`);
-      e[`${t}Middlewares`] = [];
-    }
-  document.body.append(e.root);
-  const u = E(o) ? { title: o } : o;
-  function d(r, t, i) {
-    const a = ee(s) ? { default: () => x(s) } : s;
-    if (!e.instance) {
-      const v = N({
-        setup(le, { expose: T }) {
-          const P = B(!1);
-          return T({
-            visible: P
-          }), () => x(se, {
-            drawerProps: u,
-            form: e.form,
-            resolve: t,
-            reject: i,
-            visible: P.value
-          }, a);
-        }
-      });
-      e.app = Q(v), e.instance = e.app.mount(e.root);
-    }
-    e.instance.visible = r;
-  }
-  function m() {
-    const r = Z();
-    setTimeout(() => {
-      e.app?.unmount?.(), e.app = null, e.instance = null, e.root?.remove(), e.root = void 0;
-    }, r);
-  }
-  const l = {
-    forOpen: (r) => (p(r) && e.openMiddlewares.push(r), l),
-    forConfirm: (r) => (p(r) && e.confirmMiddlewares.push(r), l),
-    forCancel: (r) => (p(r) && e.cancelMiddlewares.push(r), l),
-    open: (r) => (e.promise || (e.promise = new Promise((t, i) => {
-      M(u.loadingText, () => w(r, e.openMiddlewares)).then((a) => {
-        e.form = e.form || V(a), d(!0, (v) => {
-          e.form.submit(async () => {
-            await (z(v) ? w(e.form, e[`${v}Middlewares`]) : w(e.form, e.confirmMiddlewares)), t(q(e.form.values)), l.close(), m();
-          }).catch(() => {
-          });
-        }, async () => {
-          await M(u.loadingText, () => w(e.form, e.cancelMiddlewares)), l.close(), m(), i(new Error("cancel"));
-        });
-      }).catch(
-        /* istanbul ignore next -- @preserve */
-        (a) => i(a)
-      );
-    })), e.promise),
-    close: () => {
-      e.root && d(!1);
-    }
-  };
-  if (y(f))
-    for (const r of f) {
-      const t = F(r);
-      l[`for${S(t)}`] = (i) => (p(i) && e[`${t}Middlewares`].push(i), l);
-    }
-  return l;
+import { getTransitionDuration, loading } from "../__builtins__/shared/loading.mjs";
+import { isVueOptions } from "../__builtins__/shared/utils.mjs";
+import { onUrlChange } from "../shared/url-change-listener.mjs";
+import _sfc_main from "./drawer-content.mjs";
+import { observer } from "@silver-formily/reactive-vue";
+import { createApp, h, ref } from "vue";
+import { createForm } from "@formily/core";
+import { applyMiddleware, isArr, isFn, isStr, isValid, pascalCase } from "@formily/shared";
+import { camelCase } from "lodash-es";
+import { toJS } from "@formily/reactive";
+//#region src/form-drawer/index.ts
+function FormDrawer(title, content, dynamicMiddlewareNames) {
+	const env = {
+		root: document.createElement("div"),
+		form: null,
+		promise: null,
+		app: null,
+		instance: null,
+		stopUrlChangeListener: void 0,
+		settled: false,
+		openMiddlewares: [],
+		confirmMiddlewares: [],
+		cancelMiddlewares: []
+	};
+	if (isArr(dynamicMiddlewareNames)) for (const middlewareName of dynamicMiddlewareNames) {
+		/* istanbul ignore if -- @preserve */
+		if (!isStr(middlewareName)) return;
+		const _middlewareName = camelCase(middlewareName);
+		/* istanbul ignore if -- @preserve */
+		if ([
+			"open",
+			"cancel",
+			"confirm"
+		].includes(_middlewareName)) throw new Error(`for${pascalCase(_middlewareName)} is presved`);
+		env[`${_middlewareName}Middlewares`] = [];
+	}
+	document.body.append(env.root);
+	const rawProps = isStr(title) ? { title } : title;
+	const props = {
+		...rawProps,
+		closeOnUrlChange: rawProps.closeOnUrlChange ?? true
+	};
+	function render(visible, resolve, reject) {
+		const _content = isVueOptions(content) ? { default: () => h(content) } : isFn(content) ? { default: content } : content;
+		if (!env.instance) {
+			env.app = createApp(observer({ setup(_, { expose }) {
+				const visible = ref(false);
+				expose({ visible });
+				return () => h(_sfc_main, {
+					drawerProps: props,
+					form: env.form,
+					resolve,
+					reject,
+					visible: visible.value
+				}, _content);
+			} }));
+			env.instance = env.app.mount(env.root);
+		}
+		env.instance.visible = visible;
+	}
+	function disposeDrawer() {
+		env.stopUrlChangeListener?.();
+		env.stopUrlChangeListener = void 0;
+		const animationDuration = getTransitionDuration();
+		setTimeout(() => {
+			env.app?.unmount?.();
+			env.app = null;
+			env.instance = null;
+			env.root?.remove();
+			env.root = void 0;
+		}, animationDuration);
+	}
+	async function rejectDrawer(reject) {
+		if (env.settled) return;
+		env.settled = true;
+		env.stopUrlChangeListener?.();
+		env.stopUrlChangeListener = void 0;
+		await loading(props.loadingText, () => applyMiddleware(env.form, env.cancelMiddlewares));
+		render(false);
+		disposeDrawer();
+		reject?.();
+	}
+	const formDrawer = {
+		forOpen: (middleware) => {
+			isFn(middleware) && env.openMiddlewares.push(middleware);
+			return formDrawer;
+		},
+		forConfirm: (middleware) => {
+			isFn(middleware) && env.confirmMiddlewares.push(middleware);
+			return formDrawer;
+		},
+		forCancel: (middleware) => {
+			isFn(middleware) && env.cancelMiddlewares.push(middleware);
+			return formDrawer;
+		},
+		open: (payload) => {
+			/* istanbul ignore if -- @preserve */
+			if (env.promise) return env.promise;
+			env.settled = false;
+			env.promise = new Promise((res, rej) => {
+				loading(props.loadingText, () => applyMiddleware(payload, env.openMiddlewares)).then((resPayload) => {
+					env.form = env.form || createForm(resPayload);
+					render(true, (type) => {
+						env.form.submit(async () => {
+							if (env.settled) return;
+							env.settled = true;
+							env.stopUrlChangeListener?.();
+							env.stopUrlChangeListener = void 0;
+							await (isValid(type) ? applyMiddleware(env.form, env[`${type}Middlewares`]) : applyMiddleware(env.form, env.confirmMiddlewares));
+							res(toJS(env.form.values));
+							formDrawer.close();
+							disposeDrawer();
+						}).catch(() => void 0);
+					}, () => rejectDrawer(() => rej(/* @__PURE__ */ new Error("cancel"))));
+					if (props.closeOnUrlChange) env.stopUrlChangeListener = onUrlChange(() => {
+						rejectDrawer(() => rej(/* @__PURE__ */ new Error("cancel")));
+					});
+				}).catch(
+					/* istanbul ignore next -- @preserve */
+					(error) => rej(error)
+				);
+			});
+			return env.promise;
+		},
+		close: () => {
+			/* istanbul ignore if -- @preserve */
+			if (!env.root) return;
+			render(false);
+		}
+	};
+	if (isArr(dynamicMiddlewareNames)) for (const middlewareName of dynamicMiddlewareNames) {
+		const _middlewareName = camelCase(middlewareName);
+		formDrawer[`for${pascalCase(_middlewareName)}`] = (middleware) => {
+			isFn(middleware) && env[`${_middlewareName}Middlewares`].push(middleware);
+			return formDrawer;
+		};
+	}
+	return formDrawer;
 }
-export {
-  Ee as FormDrawer,
-  Ee as default
-};
-//# sourceMappingURL=index.mjs.map
+//#endregion
+export { FormDrawer as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-drawer/drawer-content.vue","../../src/form-drawer/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Form } from '@formily/core'\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { FormDrawerSlots, IFormDrawerProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { FormProvider } from '@silver-formily/vue'\nimport { ElButton, ElConfigProvider, ElDrawer } 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 { resolveDrawerElement } from '../shared/overlay-elements'\n\ndefineOptions({\n  name: 'FormDrawerContent',\n})\n\nconst props = defineProps({\n  drawerProps: {\n    type: Object as PropType<IFormDrawerProps>,\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})\nconst slots = defineSlots<FormDrawerSlots>()\nconst prefixCls = `${stylePrefix}-form-drawer`\nconst elConfig = loadElConfigProvider()\n\nconst { internalSubmitting } = useDebonceSubmitting(props.form)\nconst _drawerProps = omit(props.drawerProps, ['modelValue', 'onUpdate:modelValue', 'beforeClose', 'enterSubmit'])\nconst drawerRef = ref<ComponentPublicInstance | null>(null)\nconst enableEnterSubmit = computed(() => props.drawerProps.enterSubmit !== false)\n\nuseEnterSubmit({\n  visible: computed(() => props.visible),\n  resolve: () => props.resolve(),\n  submitting: internalSubmitting,\n  getContainer: () => resolveDrawerElement(drawerRef.value),\n  enabled: enableEnterSubmit,\n})\n</script>\n\n<template>\n  <ElDrawer\n    ref=\"drawerRef\"\n    :class=\"prefixCls\"\n    :z-index=\"elConfig.zIndex\"\n    v-bind=\"_drawerProps\"\n    :model-value=\"visible\"\n    :before-close=\"(done) => {\n      reject()\n      if (isFn(props.drawerProps.beforeClose)) {\n        props.drawerProps.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=\"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=\"_drawerProps.cancelButtonProps\"\n            @click=\"reject()\"\n          >\n            {{ _drawerProps.cancelText || '取消' }}\n          </ElButton>\n          <ElButton\n            type=\"primary\"\n            v-bind=\"_drawerProps.okButtonProps\"\n            :loading=\"internalSubmitting\"\n            @click=\"resolve()\"\n          >\n            {{ _drawerProps.okText || '确定' }}\n          </ElButton>\n        </template>\n      </div>\n    </template>\n  </ElDrawer>\n</template>\n","import type { Form, IFormProps } from '@formily/core'\nimport type { IMiddleware } from '@formily/shared'\nimport type { App, Component } from 'vue'\nimport type { FormDrawerSlotContent, IFormDrawer, IFormDrawerProps } from './types'\nimport { createForm } from '@formily/core'\nimport { toJS } from '@formily/reactive'\nimport { applyMiddleware, isArr, isFn, isStr, isValid, pascalCase } from '@formily/shared'\nimport { observer } from '@silver-formily/reactive-vue'\nimport { camelCase } from 'lodash-es'\nimport { createApp, h, ref } from 'vue'\nimport { getTransitionDuration, isVueOptions, loading } from '../__builtins__'\nimport DrawerContent from './drawer-content.vue'\n\nexport function FormDrawer<\n  T extends object = any,\n  const DynamicMiddlewareNames extends readonly string[] = [],\n>(\n  title: IFormDrawerProps | string,\n  content?: Component | FormDrawerSlotContent,\n  dynamicMiddlewareNames?: DynamicMiddlewareNames,\n): IFormDrawer<T, DynamicMiddlewareNames[number]> {\n  const env: {\n    root?: HTMLElement\n    form?: Form<T>\n    promise?: Promise<any>\n    instance?: any\n    app?: App<Element>\n    openMiddlewares: IMiddleware<IFormProps<T>>[]\n    confirmMiddlewares: IMiddleware<Form<T>>[]\n    cancelMiddlewares: IMiddleware<Form<T>>[]\n    [key: `${string}Middlewares`]: IMiddleware<Form<T>>[] | IMiddleware<IFormProps<T>>[] | undefined\n  } = {\n    root: document.createElement('div'),\n    form: null,\n    promise: null,\n    app: null,\n    instance: null,\n    openMiddlewares: [],\n    confirmMiddlewares: [],\n    cancelMiddlewares: [],\n  }\n\n  if (isArr(dynamicMiddlewareNames)) {\n    for (const middlewareName of dynamicMiddlewareNames) {\n      /* istanbul ignore if -- @preserve */\n      if (!isStr(middlewareName))\n        return\n      const _middlewareName = camelCase(middlewareName)\n      /* istanbul ignore if -- @preserve */\n      if (['open', 'cancel', 'confirm'].includes(_middlewareName)) {\n        throw new Error(`for${pascalCase(_middlewareName)} is presved`)\n      }\n      (env[`${_middlewareName}Middlewares`] = [])\n    }\n  }\n\n  document.body.append(env.root)\n\n  const props = (isStr(title) ? ({ title }) : title) as IFormDrawerProps\n\n  function render(visible: boolean, resolve?: (type?: string) => any, reject?: () => any) {\n    const _content = isVueOptions(content) ? { default: () => h(content) } : content\n    if (!env.instance) {\n      const ComponentConstructor = observer({\n        setup(_, { expose }) {\n          const visible = ref(false)\n          expose({\n            visible,\n          })\n          return () => h(DrawerContent, {\n            drawerProps: props,\n            form: env.form,\n            resolve,\n            reject,\n            visible: visible.value,\n          }, _content)\n        },\n      })\n      env.app = createApp(ComponentConstructor)\n      env.instance = env.app.mount(env.root)\n    }\n    env.instance.visible = visible\n  }\n\n  function disposeDrawer() {\n    const animationDuration = getTransitionDuration()\n    setTimeout(() => {\n      env.app?.unmount?.()\n      env.app = null\n      env.instance = null\n      env.root?.remove()\n      env.root = undefined\n    }, animationDuration)\n  }\n\n  const formDrawer = {\n    forOpen: (middleware: IMiddleware<IFormProps<T>>) => {\n      isFn(middleware) && env.openMiddlewares.push(middleware)\n      return formDrawer\n    },\n    forConfirm: (middleware: IMiddleware<Form<T>>) => {\n      isFn(middleware) && env.confirmMiddlewares.push(middleware)\n      return formDrawer\n    },\n    forCancel: (middleware: IMiddleware<Form<T>>) => {\n      isFn(middleware) && env.cancelMiddlewares.push(middleware)\n      return formDrawer\n    },\n    open: (payload: IFormProps<T>) => {\n      /* istanbul ignore if -- @preserve */\n      if (env.promise)\n        return env.promise\n\n      env.promise = new Promise((res, rej) => {\n        loading(props.loadingText, () => applyMiddleware(payload, env.openMiddlewares))\n          .then((resPayload) => {\n            env.form = env.form || createForm(resPayload as IFormProps<T>)\n            render(true, (type: string) => {\n              env.form.submit(async () => {\n                await (isValid(type) ? applyMiddleware(env.form, env[`${type}Middlewares`]) : applyMiddleware(env.form, env.confirmMiddlewares))\n                res(toJS(env.form.values))\n                formDrawer.close()\n                disposeDrawer()\n              }).catch(() => undefined)\n            }, async () => {\n              await loading(props.loadingText, () =>\n                applyMiddleware(env.form, env.cancelMiddlewares))\n              formDrawer.close()\n              disposeDrawer()\n              rej(new Error('cancel'))\n            })\n          })\n          .catch(/* istanbul ignore next -- @preserve */ error => rej(error))\n      })\n      return env.promise\n    },\n    close: () => {\n      /* istanbul ignore if -- @preserve */\n      if (!env.root)\n        return\n      render(false)\n    },\n  }\n\n  if (isArr(dynamicMiddlewareNames)) {\n    for (const middlewareName of dynamicMiddlewareNames) {\n      const _middlewareName = camelCase(middlewareName)\n      formDrawer[`for${pascalCase(_middlewareName)}`] = (middleware: IMiddleware<Form<T>>) => {\n        isFn(middleware) && env[`${_middlewareName}Middlewares`].push(middleware)\n        return formDrawer\n      }\n    }\n  }\n\n  return formDrawer as IFormDrawer<T, DynamicMiddlewareNames[number]>\n}\n\nexport default FormDrawer\n"],"names":["props","__props","slots","_useSlots","prefixCls","stylePrefix","elConfig","loadElConfigProvider","internalSubmitting","useDebonceSubmitting","_drawerProps","omit","drawerRef","ref","enableEnterSubmit","computed","useEnterSubmit","resolveDrawerElement","_openBlock","_createBlock","_unref","_mergeProps","done","isFn","_createVNode","FormProvider","_renderSlot","_ctx","_createElementVNode","_createElementBlock","_Fragment","ElButton","_createTextVNode","_toDisplayString","FormDrawer","title","content","dynamicMiddlewareNames","env","isArr","middlewareName","isStr","_middlewareName","camelCase","pascalCase","render","visible","resolve","reject","_content","isVueOptions","h","ComponentConstructor","observer","_","expose","DrawerContent","createApp","disposeDrawer","animationDuration","getTransitionDuration","formDrawer","middleware","payload","res","rej","loading","applyMiddleware","resPayload","createForm","type","isValid","toJS","error"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["DrawerContent"],"sources":["../../src/form-drawer/index.ts"],"sourcesContent":["import type { Form, IFormProps } from '@formily/core'\nimport type { IMiddleware } from '@formily/shared'\nimport type { App, Component } from 'vue'\nimport type { FormDrawerSlotContent, IFormDrawer, IFormDrawerProps } from './types'\nimport { createForm } from '@formily/core'\nimport { toJS } from '@formily/reactive'\nimport { applyMiddleware, isArr, isFn, isStr, isValid, pascalCase } from '@formily/shared'\nimport { observer } from '@silver-formily/reactive-vue'\nimport { camelCase } from 'lodash-es'\nimport { createApp, h, ref } from 'vue'\nimport { getTransitionDuration, isVueOptions, loading } from '../__builtins__'\nimport { onUrlChange } from '../shared/url-change-listener'\nimport DrawerContent from './drawer-content.vue'\n\nexport function FormDrawer<\n  T extends object = any,\n  const DynamicMiddlewareNames extends readonly string[] = [],\n>(\n  title: IFormDrawerProps | string,\n  content?: Component | FormDrawerSlotContent<T, DynamicMiddlewareNames[number]>,\n  dynamicMiddlewareNames?: DynamicMiddlewareNames,\n): IFormDrawer<T, DynamicMiddlewareNames[number]> {\n  const env: {\n    root?: HTMLElement\n    form?: Form<T>\n    promise?: Promise<any>\n    instance?: any\n    app?: App<Element>\n    stopUrlChangeListener?: () => void\n    settled?: boolean\n    openMiddlewares: IMiddleware<IFormProps<T>>[]\n    confirmMiddlewares: IMiddleware<Form<T>>[]\n    cancelMiddlewares: IMiddleware<Form<T>>[]\n    [key: `${string}Middlewares`]: IMiddleware<Form<T>>[] | IMiddleware<IFormProps<T>>[] | undefined\n  } = {\n    root: document.createElement('div'),\n    form: null,\n    promise: null,\n    app: null,\n    instance: null,\n    stopUrlChangeListener: undefined,\n    settled: false,\n    openMiddlewares: [],\n    confirmMiddlewares: [],\n    cancelMiddlewares: [],\n  }\n\n  if (isArr(dynamicMiddlewareNames)) {\n    for (const middlewareName of dynamicMiddlewareNames) {\n      /* istanbul ignore if -- @preserve */\n      if (!isStr(middlewareName))\n        return\n      const _middlewareName = camelCase(middlewareName)\n      /* istanbul ignore if -- @preserve */\n      if (['open', 'cancel', 'confirm'].includes(_middlewareName)) {\n        throw new Error(`for${pascalCase(_middlewareName)} is presved`)\n      }\n      (env[`${_middlewareName}Middlewares`] = [])\n    }\n  }\n\n  document.body.append(env.root)\n\n  const rawProps = (isStr(title) ? { title } : title) as IFormDrawerProps\n  const props = {\n    ...rawProps,\n    closeOnUrlChange: rawProps.closeOnUrlChange ?? true,\n  } as IFormDrawerProps\n\n  function render(visible: boolean, resolve?: (type?: string) => any, reject?: () => any) {\n    const _content = isVueOptions(content)\n      ? { default: () => h(content) }\n      : isFn(content)\n        ? { default: content }\n        : content\n    if (!env.instance) {\n      const ComponentConstructor = observer({\n        setup(_, { expose }) {\n          const visible = ref(false)\n          expose({\n            visible,\n          })\n          return () => h(DrawerContent, {\n            drawerProps: props,\n            form: env.form,\n            resolve,\n            reject,\n            visible: visible.value,\n          }, _content)\n        },\n      })\n      env.app = createApp(ComponentConstructor)\n      env.instance = env.app.mount(env.root)\n    }\n    env.instance.visible = visible\n  }\n\n  function disposeDrawer() {\n    env.stopUrlChangeListener?.()\n    env.stopUrlChangeListener = undefined\n    const animationDuration = getTransitionDuration()\n    setTimeout(() => {\n      env.app?.unmount?.()\n      env.app = null\n      env.instance = null\n      env.root?.remove()\n      env.root = undefined\n    }, animationDuration)\n  }\n\n  async function rejectDrawer(reject?: () => any) {\n    if (env.settled)\n      return\n\n    env.settled = true\n    env.stopUrlChangeListener?.()\n    env.stopUrlChangeListener = undefined\n    await loading(props.loadingText, () =>\n      applyMiddleware(env.form, env.cancelMiddlewares))\n    render(false)\n    disposeDrawer()\n    reject?.()\n  }\n\n  const formDrawer = {\n    forOpen: (middleware: IMiddleware<IFormProps<T>>) => {\n      isFn(middleware) && env.openMiddlewares.push(middleware)\n      return formDrawer\n    },\n    forConfirm: (middleware: IMiddleware<Form<T>>) => {\n      isFn(middleware) && env.confirmMiddlewares.push(middleware)\n      return formDrawer\n    },\n    forCancel: (middleware: IMiddleware<Form<T>>) => {\n      isFn(middleware) && env.cancelMiddlewares.push(middleware)\n      return formDrawer\n    },\n    open: (payload: IFormProps<T>) => {\n      /* istanbul ignore if -- @preserve */\n      if (env.promise)\n        return env.promise\n\n      env.settled = false\n      env.promise = new Promise((res, rej) => {\n        loading(props.loadingText, () => applyMiddleware(payload, env.openMiddlewares))\n          .then((resPayload) => {\n            env.form = env.form || createForm(resPayload as IFormProps<T>)\n            render(true, (type: string) => {\n              env.form.submit(async () => {\n                if (env.settled)\n                  return\n\n                env.settled = true\n                env.stopUrlChangeListener?.()\n                env.stopUrlChangeListener = undefined\n                await (isValid(type) ? applyMiddleware(env.form, env[`${type}Middlewares`]) : applyMiddleware(env.form, env.confirmMiddlewares))\n                res(toJS(env.form.values))\n                formDrawer.close()\n                disposeDrawer()\n              }).catch(() => undefined)\n            }, () => rejectDrawer(() => rej(new Error('cancel'))))\n            if (props.closeOnUrlChange) {\n              env.stopUrlChangeListener = onUrlChange(() => {\n                void rejectDrawer(() => rej(new Error('cancel')))\n              })\n            }\n          })\n          .catch(/* istanbul ignore next -- @preserve */ error => rej(error))\n      })\n      return env.promise\n    },\n    close: () => {\n      /* istanbul ignore if -- @preserve */\n      if (!env.root)\n        return\n      render(false)\n    },\n  }\n\n  if (isArr(dynamicMiddlewareNames)) {\n    for (const middlewareName of dynamicMiddlewareNames) {\n      const _middlewareName = camelCase(middlewareName)\n      formDrawer[`for${pascalCase(_middlewareName)}`] = (middleware: IMiddleware<Form<T>>) => {\n        isFn(middleware) && env[`${_middlewareName}Middlewares`].push(middleware)\n        return formDrawer\n      }\n    }\n  }\n\n  return formDrawer as IFormDrawer<T, DynamicMiddlewareNames[number]>\n}\n\nexport default FormDrawer\n"],"mappings":"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"}

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

@@ -1,41 +1,47 @@
-import { Form, IFormProps } from '@formily/core';
-import { IMiddleware } from '@formily/shared';
-import { ButtonProps, DrawerProps } from 'element-plus';
-import { SlotsType, VNode } from 'vue';
-export type IFormDrawerProps = Partial<DrawerProps> & {
-    cancelText?: string;
-    cancelButtonProps?: ButtonProps;
-    okText?: string;
-    okButtonProps?: ButtonProps;
-    loadingText?: string;
-    enterSubmit?: boolean;
+import { ButtonProps, DrawerProps } from "element-plus";
+import { SlotsType, VNode } from "vue";
+import { Form, IFormProps } from "@formily/core";
+import { IMiddleware } from "@formily/shared";
+
+//#region src/form-drawer/types.d.ts
+type IFormDrawerProps = Partial<DrawerProps> & {
+  cancelText?: string;
+  cancelButtonProps?: ButtonProps;
+  okText?: string;
+  okButtonProps?: ButtonProps;
+  loadingText?: string;
+  enterSubmit?: boolean;
+  closeOnUrlChange?: boolean;
 };
-export interface FormDrawerSlotProps {
-    resolve: (type?: string) => void;
-    reject: () => void;
-    form: Form;
+interface FormDrawerResolve {
+  (type?: string): void;
 }
-export interface FormDrawerSlots {
-    header?: (props: FormDrawerSlotProps) => VNode;
-    default?: () => VNode;
-    footer?: (props: FormDrawerSlotProps) => VNode;
+interface FormDrawerBaseSlotProps<T extends object = any> {
+  resolve: FormDrawerResolve;
+  reject: () => void;
+  form: Form<T>;
 }
-export type FormDrawerSlotContent = SlotsType<FormDrawerSlots> | {
-    [key in keyof FormDrawerSlots]?: FormDrawerSlots[key];
-};
+type FormDrawerSlotProps<T extends object = any> = FormDrawerBaseSlotProps<T> & Record<string, any>;
+interface FormDrawerSlots<T extends object = any, _DynamicMiddlewareName extends string = never> {
+  header?: (props: FormDrawerSlotProps<T>) => VNode | VNode[];
+  default?: (props: FormDrawerSlotProps<T>) => VNode | VNode[];
+  footer?: (props: FormDrawerSlotProps<T>) => VNode | VNode[];
+}
+type FormDrawerDefaultSlot<T extends object = any, DynamicMiddlewareName extends string = never> = FormDrawerSlots<T, DynamicMiddlewareName>['default'];
+type FormDrawerSlotContent<T extends object = any, DynamicMiddlewareName extends string = never> = FormDrawerDefaultSlot<T, DynamicMiddlewareName> | SlotsType<FormDrawerSlots<T, DynamicMiddlewareName>> | { [key in keyof FormDrawerSlots<T, DynamicMiddlewareName>]?: FormDrawerSlots<T, DynamicMiddlewareName>[key] };
 type ReservedFormDrawerMiddlewareName = 'open' | 'confirm' | 'cancel';
 type ReservedFormDrawerMiddlewareMethodName = `for${Capitalize<ReservedFormDrawerMiddlewareName>}`;
 type NormalizeFormDrawerDynamicMiddlewareName<T extends string> = string extends T ? string : T extends `${infer Head}-${infer Tail}` ? `${Lowercase<Head>}${Capitalize<NormalizeFormDrawerDynamicMiddlewareName<Tail>>}` : T extends `${infer Head}_${infer Tail}` ? `${Lowercase<Head>}${Capitalize<NormalizeFormDrawerDynamicMiddlewareName<Tail>>}` : T extends `${infer Head} ${infer Tail}` ? `${Lowercase<Head>}${Capitalize<NormalizeFormDrawerDynamicMiddlewareName<Tail>>}` : T;
 type FormDrawerDynamicMiddlewareMethodName<T extends string> = `for${Capitalize<NormalizeFormDrawerDynamicMiddlewareName<T>>}`;
-type FormDrawerDynamicMiddlewareMethods<T extends object, DynamicMiddlewareName extends string> = {
-    [K in FormDrawerDynamicMiddlewareMethodName<DynamicMiddlewareName> as K extends ReservedFormDrawerMiddlewareMethodName ? never : K]: (middleware: IMiddleware<Form<T>>) => IFormDrawer<T, DynamicMiddlewareName>;
-};
+type FormDrawerDynamicMiddlewareMethods<T extends object, DynamicMiddlewareName extends string> = { [K in FormDrawerDynamicMiddlewareMethodName<DynamicMiddlewareName> as K extends ReservedFormDrawerMiddlewareMethodName ? never : K]: (middleware: IMiddleware<Form<T>>) => IFormDrawer<T, DynamicMiddlewareName> };
 interface IFormDrawerBase<T extends object = any, DynamicMiddlewareName extends string = never> {
-    forOpen: (middleware: IMiddleware<IFormProps<T>>) => IFormDrawer<T, DynamicMiddlewareName>;
-    forConfirm: (middleware: IMiddleware<Form<T>>) => IFormDrawer<T, DynamicMiddlewareName>;
-    forCancel: (middleware: IMiddleware<Form<T>>) => IFormDrawer<T, DynamicMiddlewareName>;
-    open: (props?: IFormProps<T>) => Promise<any>;
-    close: () => void;
+  forOpen: (middleware: IMiddleware<IFormProps<T>>) => IFormDrawer<T, DynamicMiddlewareName>;
+  forConfirm: (middleware: IMiddleware<Form<T>>) => IFormDrawer<T, DynamicMiddlewareName>;
+  forCancel: (middleware: IMiddleware<Form<T>>) => IFormDrawer<T, DynamicMiddlewareName>;
+  open: (props?: IFormProps<T>) => Promise<any>;
+  close: () => void;
 }
-export type IFormDrawer<T extends object = any, DynamicMiddlewareName extends string = never> = IFormDrawerBase<T, DynamicMiddlewareName> & FormDrawerDynamicMiddlewareMethods<T, DynamicMiddlewareName>;
-export {};
+type IFormDrawer<T extends object = any, DynamicMiddlewareName extends string = never> = IFormDrawerBase<T, DynamicMiddlewareName> & FormDrawerDynamicMiddlewareMethods<T, DynamicMiddlewareName>;
+//#endregion
+export { FormDrawerSlotContent, IFormDrawer, IFormDrawerProps };
+//# sourceMappingURL=types.d.ts.map

package/esm/form-grid/form-grid-column.mjs

@@ -0,0 +1,28 @@
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeStyle, openBlock, renderSlot } from "vue";
+//#region src/form-grid/form-grid-column.vue
+const _hoisted_1 = ["data-grid-span"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FFormGridColumn",
+	__name: "form-grid-column",
+	props: { gridSpan: {
+		type: Number,
+		default: 1
+	} },
+	setup(__props) {
+		const props = __props;
+		const gridColumnStyle = computed(() => {
+			if (props.gridSpan === -1) return {};
+			return { gridColumn: `span ${props.gridSpan} / auto` };
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" @silver-formily/grid 会优先使用这个值，如果没有会自动生成 "), createElementVNode("div", {
+				"data-grid-span": props.gridSpan,
+				style: normalizeStyle(gridColumnStyle.value)
+			}, [renderSlot(_ctx.$slots, "default")], 12, _hoisted_1)], 2112);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form-grid-column.mjs.map

package/esm/form-grid/form-grid-column.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-grid-column.mjs","names":[],"sources":["../../src/form-grid/form-grid-column.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\ndefineOptions({\n  name: 'FFormGridColumn',\n})\n\nconst props = defineProps({\n  gridSpan: {\n    type: Number,\n    default: 1,\n  },\n})\n\nconst gridColumnStyle = computed(() => {\n  if (props.gridSpan === -1) {\n    // gridSpan=-1 means \"fill remaining columns in current row\".\n    // Leave gridColumn unset so @silver-formily/grid can manage it dynamically.\n    return {}\n  }\n  return {\n    gridColumn: `span ${props.gridSpan} / auto`,\n  }\n})\n</script>\n\n<template>\n  <!-- @silver-formily/grid 会优先使用这个值，如果没有会自动生成 -->\n  <div :data-grid-span=\"props.gridSpan\" :style=\"gridColumnStyle\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;EAOA,MAAM,QAAQ;EAOd,MAAM,kBAAkB,eAAe;AACrC,OAAI,MAAM,aAAa,GAGrB,QAAO,EAAC;AAEV,UAAO,EACL,YAAY,QAAQ,MAAM,SAAS,UACrC;IACD;;2DAIC,mBAAA,4CAAgD,EAChD,mBAEM,OAAA;IAFA,kBAAgB,MAAM;IAAW,OAAK,eAAE,gBAAA,MAAe;OAC3D,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,KAAA"}

package/esm/form-grid/form-grid.mjs

@@ -0,0 +1,69 @@
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { FormGridSymbol } from "./hooks.mjs";
+import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, provide, ref, renderSlot, watchEffect } from "vue";
+import { createGrid } from "@silver-formily/grid";
+//#region src/form-grid/form-grid.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FFormGrid",
+	__name: "form-grid",
+	props: {
+		columnGap: { type: Number },
+		rowGap: { type: Number },
+		minColumns: { type: [Number, Array] },
+		minWidth: { type: [Number, Array] },
+		maxColumns: { type: [Number, Array] },
+		maxWidth: { type: [Number, Array] },
+		breakpoints: { type: Array },
+		colWrap: {
+			type: Boolean,
+			default: true
+		},
+		strictAutoFit: {
+			type: Boolean,
+			default: false
+		},
+		shouldVisible: {
+			type: Function,
+			default() {
+				return () => true;
+			}
+		},
+		grid: { type: Object }
+	},
+	setup(__props) {
+		const props = __props;
+		const prefixCls = `${stylePrefix}-form-grid`;
+		const rootRef = ref();
+		const gridInstance = computed(() => {
+			const { grid, ...restProps } = props;
+			const options = {
+				columnGap: props?.columnGap ?? 8,
+				rowGap: props.rowGap ?? 4,
+				...Object.fromEntries(Object.entries(restProps).filter(([_, v]) => v !== void 0).map(([k, v]) => [k, v]))
+			};
+			return grid ?? createGrid(options);
+		});
+		provide(FormGridSymbol, gridInstance);
+		watchEffect((onInvalidate) => {
+			const dispose = gridInstance.value.connect(rootRef.value);
+			onInvalidate(() => {
+				dispose();
+			});
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "rootRef",
+				ref: rootRef,
+				class: normalizeClass(prefixCls),
+				style: normalizeStyle({
+					gridTemplateColumns: gridInstance.value.templateColumns,
+					gap: gridInstance.value.gap
+				})
+			}, [renderSlot(_ctx.$slots, "default")], 4);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form-grid.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-grid.mjs","names":[],"sources":["../../src/form-grid/form-grid.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Grid, IGridOptions } from '@silver-formily/grid'\nimport type { PropType } from 'vue'\nimport { createGrid } from '@silver-formily/grid'\nimport { computed, provide, ref, watchEffect } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { FormGridSymbol } from './hooks'\n\ndefineOptions({\n  name: 'FFormGrid',\n})\n\nconst props = defineProps({\n  columnGap: {\n    type: Number,\n  },\n  rowGap: {\n    type: Number,\n  },\n  minColumns: {\n    type: [Number, Array],\n  },\n  minWidth: {\n    type: [Number, Array],\n  },\n  maxColumns: {\n    type: [Number, Array],\n  },\n  maxWidth: {\n    type: [Number, Array],\n  },\n  breakpoints: {\n    type: Array as PropType<number[]>,\n  },\n  colWrap: {\n    type: Boolean,\n    default: true,\n  },\n  strictAutoFit: {\n    type: Boolean,\n    default: false,\n  },\n  shouldVisible: {\n    type: Function as PropType<IGridOptions['shouldVisible']>,\n    default() {\n      return () => true\n    },\n  },\n  grid: {\n    type: Object as PropType<Grid<HTMLElement>>,\n  },\n})\n\nconst prefixCls = `${stylePrefix}-form-grid`\nconst rootRef = ref<HTMLElement>()\n\nconst gridInstance = computed(() => {\n  const { grid, ...restProps } = props\n  const options = {\n    columnGap: props?.columnGap ?? 8,\n    rowGap: props.rowGap ?? 4,\n    ...Object.fromEntries(\n      Object.entries(restProps)\n        .filter(([_, v]) => v !== undefined)\n        .map(([k, v]) => [k, v]),\n    ),\n  }\n  return grid ?? createGrid(options)\n})\n\nprovide(FormGridSymbol, gridInstance)\n\nwatchEffect((onInvalidate) => {\n  const dispose = gridInstance.value.connect(rootRef.value)\n  onInvalidate(() => {\n    dispose()\n  })\n})\n</script>\n\n<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"prefixCls\"\n    :style=\"{\n      gridTemplateColumns: gridInstance.templateColumns,\n      gap: gridInstance.gap,\n    }\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAyCd,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,UAAU,KAAiB;EAEjC,MAAM,eAAe,eAAe;GAClC,MAAM,EAAE,MAAM,GAAG,cAAc;GAC/B,MAAM,UAAU;IACd,WAAW,OAAO,aAAa;IAC/B,QAAQ,MAAM,UAAU;IACxB,GAAG,OAAO,YACR,OAAO,QAAQ,UAAS,CACrB,QAAQ,CAAC,GAAG,OAAO,MAAM,KAAA,EAAS,CAClC,KAAK,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC3B;IACH;AACA,UAAO,QAAQ,WAAW,QAAO;IAClC;AAED,UAAQ,gBAAgB,aAAY;AAEpC,eAAa,iBAAiB;GAC5B,MAAM,UAAU,aAAa,MAAM,QAAQ,QAAQ,MAAK;AACxD,sBAAmB;AACjB,aAAQ;KACT;IACF;;uBAIC,mBASM,OAAA;aARA;IAAJ,KAAI;IACH,OAAK,eAAE,UAAS;IAChB,OAAK,eAAA;0BAA+B,aAAA,MAAa;UAA4B,aAAA,MAAa;;OAK3F,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}