@silver-formily/element-plus 2.3.0 → 3.0.0

package/esm/form-drawer/index.mjs

@@ -1,18 +1,18 @@
-import { createForm as q } from "@formily/core";
-import { toJS as z } from "@formily/reactive";
-import { isFn as p, isArr as E, isStr as S, pascalCase as $, applyMiddleware as w, isValid as N } from "@formily/shared";
-import { observer as O } from "@silver-formily/reactive-vue";
-import { defineComponent as R, useSlots as A, ref as T, computed as k, createBlock as I, openBlock as h, unref as n, mergeProps as C, createSlots as J, withCtx as c, createElementVNode as U, normalizeClass as G, renderSlot as g, createElementBlock as H, Fragment as K, createVNode as b, createTextVNode as j, toDisplayString as x, normalizeProps as L, guardReactiveProps as Q, h as D, createApp as W } from "vue";
-import { FormProvider as X } from "@silver-formily/vue";
-import { ElDrawer as Y, ElButton as M, ElConfigProvider as Z } from "element-plus";
-import { useEnterSubmit as _ } from "../__builtins__/shared/use-enter-submit.mjs";
-import { resolveDrawerElement as ee } from "../shared/overlay-elements.mjs";
-import { o as re, c as F } from "../vendor/lodash.mjs";
-import { loadElConfigProvider as oe } from "../__builtins__/shared/load-config-provider.mjs";
-import { useDebonceSubmitting as te, loading as B, getTransitionDuration as ne } from "../__builtins__/shared/loading.mjs";
-import { stylePrefix as ie } from "../__builtins__/configs/index.mjs";
-import { isVueOptions as se } from "../__builtins__/shared/utils.mjs";
-const le = /* @__PURE__ */ R({
+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 { FormProvider as W } from "@silver-formily/vue";
+import { ElDrawer as X, ElButton as D, ElConfigProvider as Y } from "element-plus";
+import { useEnterSubmit as Z } from "../__builtins__/shared/use-enter-submit.mjs";
+import { resolveDrawerElement as _ } from "../shared/overlay-elements.mjs";
+import { o as ee, c as M } from "../vendor/lodash.mjs";
+import { loadElConfigProvider as re } from "../__builtins__/shared/load-config-provider.mjs";
+import { useDebonceSubmitting as oe, loading as F, getTransitionDuration as te } from "../__builtins__/shared/loading.mjs";
+import { stylePrefix as ne } from "../__builtins__/configs/index.mjs";
+import { isVueOptions as ie } from "../__builtins__/shared/utils.mjs";
+const se = /* @__PURE__ */ O({
   name: "FormDrawerContent",
   __name: "drawer-content",
   props: {
@@ -38,14 +38,14 @@ const le = /* @__PURE__ */ R({
     }
   },
   setup(o) {
-    const s = o, f = A(), e = `${ie}-form-drawer`, u = oe(), { internalSubmitting: d } = te(s.form), m = re(s.drawerProps, ["modelValue", "onUpdate:modelValue", "beforeClose", "enterSubmit"]), l = T(null), r = k(() => s.drawerProps.enterSubmit !== !1);
-    return _({
-      visible: k(() => s.visible),
+    const s = o, f = R(), e = `${ne}-form-drawer`, u = re(), { internalSubmitting: d } = oe(s.form), m = ee(s.drawerProps, ["modelValue", "onUpdate:modelValue", "beforeClose", "enterSubmit"]), l = B(null), r = $(() => s.drawerProps.enterSubmit !== !1);
+    return Z({
+      visible: $(() => s.visible),
       resolve: () => s.resolve(),
       submitting: d,
-      getContainer: () => ee(l.value),
+      getContainer: () => _(l.value),
       enabled: r
-    }), (t, i) => (h(), I(n(Y), C({
+    }), (t, i) => (k(), A(n(X), C({
       ref_key: "drawerRef",
       ref: l,
       class: e,
@@ -55,11 +55,11 @@ const le = /* @__PURE__ */ R({
       "before-close": (a) => {
         o.reject(), n(p)(s.drawerProps.beforeClose) ? s.drawerProps.beforeClose(a) : a();
       }
-    }), J({
+    }), I({
       default: c(() => [
-        b(n(X), { form: o.form }, {
+        b(n(W), { form: o.form }, {
           default: c(() => [
-            b(n(Z), L(Q(n(u))), {
+            b(n(Y), K(L(n(u))), {
               default: c(() => [
                 g(t.$slots, "default", {
                   resolve: o.resolve,
@@ -74,29 +74,29 @@ const le = /* @__PURE__ */ R({
         }, 8, ["form"])
       ]),
       footer: c(() => [
-        U("div", {
-          class: G(`${e}-footer`)
+        J("div", {
+          class: U(`${e}-footer`)
         }, [
           f.footer ? g(t.$slots, "footer", {
             key: 0,
             resolve: o.resolve,
             reject: o.reject,
             form: o.form
-          }) : (h(), H(K, { key: 1 }, [
-            b(n(M), C(n(m).cancelButtonProps, {
+          }) : (k(), G(H, { key: 1 }, [
+            b(n(D), C(n(m).cancelButtonProps, {
               onClick: i[0] || (i[0] = (a) => o.reject())
             }), {
               default: c(() => [
-                j(x(n(m).cancelText || "取消"), 1)
+                h(j(n(m).cancelText || "取消"), 1)
               ]),
               _: 1
             }, 16),
-            b(n(M), C({ type: "primary" }, n(m).okButtonProps, {
+            b(n(D), C({ type: "primary" }, n(m).okButtonProps, {
               loading: n(d),
               onClick: i[1] || (i[1] = (a) => o.resolve())
             }), {
               default: c(() => [
-                j(x(n(m).okText || "确定"), 1)
+                h(j(n(m).okText || "确定"), 1)
               ]),
               _: 1
             }, 16, ["loading"])
@@ -130,42 +130,40 @@ function Ee(o, s, f) {
     confirmMiddlewares: [],
     cancelMiddlewares: []
   };
-  if (E(f))
+  if (y(f))
     for (const r of f) {
-      /* istanbul ignore if -- @preserve */
-      if (!S(r))
+      if (!E(r))
         return;
-      const t = F(r);
-      /* istanbul ignore if -- @preserve */
+      const t = M(r);
       if (["open", "cancel", "confirm"].includes(t))
-        throw new Error(`for${$(t)} is presved`);
+        throw new Error(`for${S(t)} is presved`);
       e[`${t}Middlewares`] = [];
     }
   document.body.append(e.root);
-  const u = S(o) ? { title: o } : o;
+  const u = E(o) ? { title: o } : o;
   function d(r, t, i) {
-    const a = se(s) ? { default: () => D(s) } : s;
+    const a = ie(s) ? { default: () => x(s) } : s;
     if (!e.instance) {
-      const v = O({
-        setup(P, { expose: V }) {
-          const y = T(!1);
-          return V({
-            visible: y
-          }), () => D(le, {
+      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: y.value
+            visible: P.value
           }, a);
         }
       });
-      e.app = W(v), e.instance = e.app.mount(e.root);
+      e.app = Q(v), e.instance = e.app.mount(e.root);
     }
     e.instance.visible = r;
   }
   function m() {
-    const r = ne();
+    const r = te();
     setTimeout(() => {
       e.app?.unmount?.(), e.app = null, e.instance = null, e.root?.remove(), e.root = void 0;
     }, r);
@@ -174,34 +172,29 @@ function Ee(o, s, f) {
     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) => {
-      /* istanbul ignore if -- @preserve */
-      return e.promise || (e.promise = new Promise((t, i) => {
-        B(u.loadingText, () => w(r, e.openMiddlewares)).then((a) => {
-          e.form = e.form || q(a), d(!0, (v) => {
-            e.form.submit(async () => {
-              await (N(v) ? w(e.form, e[`${v}Middlewares`]) : w(e.form, e.confirmMiddlewares)), t(z(e.form.values)), l.close(), m();
-            }).catch((P) => {
-              console.warn(P);
-            });
-          }, async () => {
-            await B(u.loadingText, () => w(e.form, e.cancelMiddlewares)), l.close(), m(), i(new Error("cancel"));
+    open: (r) => (e.promise || (e.promise = new Promise((t, i) => {
+      F(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(() => {
           });
-        }).catch(
-          /* istanbul ignore next -- @preserve */
-          (a) => i(a)
-        );
-      })), e.promise;
-    },
+        }, async () => {
+          await F(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: () => {
-      /* istanbul ignore if -- @preserve */
       e.root && d(!1);
     }
   };
-  if (E(f))
+  if (y(f))
     for (const r of f) {
-      const t = F(r);
-      l[`for${$(t)}`] = (i) => (p(i) && e[`${t}Middlewares`].push(i), l);
+      const t = M(r);
+      l[`for${S(t)}`] = (i) => (p(i) && e[`${t}Middlewares`].push(i), l);
     }
   return l;
 }

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\">\r\nimport type { Form } from '@formily/core'\r\nimport type { ComponentPublicInstance, PropType } from 'vue'\r\nimport type { FormDrawerSlots, IFormDrawerProps } from './types'\r\nimport { isFn } from '@formily/shared'\r\nimport { FormProvider } from '@silver-formily/vue'\r\nimport { ElButton, ElConfigProvider, ElDrawer } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, ref } from 'vue'\r\nimport { loadElConfigProvider, stylePrefix, useDebonceSubmitting } from '../__builtins__'\r\nimport { useEnterSubmit } from '../__builtins__/shared/use-enter-submit'\r\nimport { resolveDrawerElement } from '../shared/overlay-elements'\r\n\r\ndefineOptions({\r\n  name: 'FormDrawerContent',\r\n})\r\n\r\nconst props = defineProps({\r\n  drawerProps: {\r\n    type: Object as PropType<IFormDrawerProps>,\r\n    required: true,\r\n  },\r\n  visible: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  form: {\r\n    type: Object as PropType<Form>,\r\n    required: true,\r\n  },\r\n  resolve: {\r\n    type: Function as PropType<(type?: string) => void>,\r\n    required: true,\r\n  },\r\n  reject: {\r\n    type: Function as PropType<() => void>,\r\n    required: true,\r\n  },\r\n})\r\nconst slots = defineSlots<FormDrawerSlots>()\r\nconst prefixCls = `${stylePrefix}-form-drawer`\r\nconst elConfig = loadElConfigProvider()\r\n\r\nconst { internalSubmitting } = useDebonceSubmitting(props.form)\r\nconst _drawerProps = omit(props.drawerProps, ['modelValue', 'onUpdate:modelValue', 'beforeClose', 'enterSubmit'])\r\nconst drawerRef = ref<ComponentPublicInstance | null>(null)\r\nconst enableEnterSubmit = computed(() => props.drawerProps.enterSubmit !== false)\r\n\r\nuseEnterSubmit({\r\n  visible: computed(() => props.visible),\r\n  resolve: () => props.resolve(),\r\n  submitting: internalSubmitting,\r\n  getContainer: () => resolveDrawerElement(drawerRef.value),\r\n  enabled: enableEnterSubmit,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <ElDrawer\r\n    ref=\"drawerRef\"\r\n    :class=\"prefixCls\"\r\n    :z-index=\"elConfig.zIndex\"\r\n    v-bind=\"_drawerProps\"\r\n    :model-value=\"visible\"\r\n    :before-close=\"(done) => {\r\n      reject()\r\n      if (isFn(props.drawerProps.beforeClose)) {\r\n        props.drawerProps.beforeClose(done)\r\n      }\r\n      else {\r\n        done()\r\n      }\r\n    }\"\r\n  >\r\n    <template v-if=\"slots.header\" #header>\r\n      <slot name=\"header\" :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\r\n    </template>\r\n\r\n    <template #default>\r\n      <FormProvider :form=\"form\">\r\n        <ElConfigProvider v-bind=\"elConfig\">\r\n          <slot :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\r\n        </ElConfigProvider>\r\n      </FormProvider>\r\n    </template>\r\n\r\n    <template #footer>\r\n      <div :class=\"`${prefixCls}-footer`\">\r\n        <template v-if=\"slots.footer\">\r\n          <slot name=\"footer\" :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\r\n        </template>\r\n        <template v-else>\r\n          <ElButton\r\n            v-bind=\"_drawerProps.cancelButtonProps\"\r\n            @click=\"reject()\"\r\n          >\r\n            {{ _drawerProps.cancelText || '取消' }}\r\n          </ElButton>\r\n          <ElButton\r\n            type=\"primary\"\r\n            v-bind=\"_drawerProps.okButtonProps\"\r\n            :loading=\"internalSubmitting\"\r\n            @click=\"resolve()\"\r\n          >\r\n            {{ _drawerProps.okText || '确定' }}\r\n          </ElButton>\r\n        </template>\r\n      </div>\r\n    </template>\r\n  </ElDrawer>\r\n</template>\r\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 { FormDrawerSlotContent, IFormDrawer, IFormDrawerProps } from './types'\r\nimport { createForm } from '@formily/core'\r\nimport { toJS } from '@formily/reactive'\r\nimport { applyMiddleware, isArr, isFn, isStr, isValid, pascalCase } from '@formily/shared'\r\nimport { observer } from '@silver-formily/reactive-vue'\r\nimport { camelCase } from 'lodash-es'\r\nimport { createApp, h, ref } from 'vue'\r\nimport { getTransitionDuration, isVueOptions, loading } from '../__builtins__'\r\nimport DrawerContent from './drawer-content.vue'\r\n\r\nexport function FormDrawer<T extends object = any>(\r\n  title: IFormDrawerProps | string,\r\n  content?: Component | FormDrawerSlotContent,\r\n  dynamicMiddlewareNames?: string[],\r\n): IFormDrawer<T> {\r\n  const env: {\r\n    root?: HTMLElement\r\n    form?: Form<T>\r\n    promise?: Promise<any>\r\n    instance?: any\r\n    app?: App<Element>\r\n    openMiddlewares: IMiddleware<IFormProps<T>>[]\r\n    confirmMiddlewares: IMiddleware<Form<T>>[]\r\n    cancelMiddlewares: IMiddleware<Form<T>>[]\r\n    [key: `${string}Middlewares`]: IMiddleware<Form<T>>[] | IMiddleware<IFormProps<T>>[] | 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 IFormDrawerProps\r\n\r\n  function render(visible: boolean, resolve?: (type?: string) => any, reject?: () => any) {\r\n    const _content = isVueOptions(content) ? { default: () => h(content) } : 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(DrawerContent, {\r\n            drawerProps: 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 disposeDrawer() {\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 formDrawer = {\r\n    forOpen: (middleware: IMiddleware<IFormProps<T>>) => {\r\n      isFn(middleware) && env.openMiddlewares.push(middleware)\r\n      return formDrawer\r\n    },\r\n    forConfirm: (middleware: IMiddleware<Form<T>>) => {\r\n      isFn(middleware) && env.confirmMiddlewares.push(middleware)\r\n      return formDrawer\r\n    },\r\n    forCancel: (middleware: IMiddleware<Form<T>>) => {\r\n      isFn(middleware) && env.cancelMiddlewares.push(middleware)\r\n      return formDrawer\r\n    },\r\n    open: (payload: IFormProps<T>) => {\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 as IFormProps<T>)\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                formDrawer.close()\r\n                disposeDrawer()\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              formDrawer.close()\r\n              disposeDrawer()\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\r\n  if (isArr(dynamicMiddlewareNames)) {\r\n    for (const middlewareName of dynamicMiddlewareNames) {\r\n      const _middlewareName = camelCase(middlewareName)\r\n      formDrawer[`for${pascalCase(_middlewareName)}`] = (middleware: IMiddleware<Form<T>>) => {\r\n        isFn(middleware) && env[`${_middlewareName}Middlewares`].push(middleware)\r\n        return formDrawer\r\n      }\r\n    }\r\n  }\r\n\r\n  return formDrawer as IFormDrawer<T>\r\n}\r\n\r\nexport default FormDrawer\r\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","sources":["../../src/form-drawer/drawer-content.vue","../../src/form-drawer/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { Form } from '@formily/core'\r\nimport type { ComponentPublicInstance, PropType } from 'vue'\r\nimport type { FormDrawerSlots, IFormDrawerProps } from './types'\r\nimport { isFn } from '@formily/shared'\r\nimport { FormProvider } from '@silver-formily/vue'\r\nimport { ElButton, ElConfigProvider, ElDrawer } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, ref } from 'vue'\r\nimport { loadElConfigProvider, stylePrefix, useDebonceSubmitting } from '../__builtins__'\r\nimport { useEnterSubmit } from '../__builtins__/shared/use-enter-submit'\r\nimport { resolveDrawerElement } from '../shared/overlay-elements'\r\n\r\ndefineOptions({\r\n  name: 'FormDrawerContent',\r\n})\r\n\r\nconst props = defineProps({\r\n  drawerProps: {\r\n    type: Object as PropType<IFormDrawerProps>,\r\n    required: true,\r\n  },\r\n  visible: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  form: {\r\n    type: Object as PropType<Form>,\r\n    required: true,\r\n  },\r\n  resolve: {\r\n    type: Function as PropType<(type?: string) => void>,\r\n    required: true,\r\n  },\r\n  reject: {\r\n    type: Function as PropType<() => void>,\r\n    required: true,\r\n  },\r\n})\r\nconst slots = defineSlots<FormDrawerSlots>()\r\nconst prefixCls = `${stylePrefix}-form-drawer`\r\nconst elConfig = loadElConfigProvider()\r\n\r\nconst { internalSubmitting } = useDebonceSubmitting(props.form)\r\nconst _drawerProps = omit(props.drawerProps, ['modelValue', 'onUpdate:modelValue', 'beforeClose', 'enterSubmit'])\r\nconst drawerRef = ref<ComponentPublicInstance | null>(null)\r\nconst enableEnterSubmit = computed(() => props.drawerProps.enterSubmit !== false)\r\n\r\nuseEnterSubmit({\r\n  visible: computed(() => props.visible),\r\n  resolve: () => props.resolve(),\r\n  submitting: internalSubmitting,\r\n  getContainer: () => resolveDrawerElement(drawerRef.value),\r\n  enabled: enableEnterSubmit,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <ElDrawer\r\n    ref=\"drawerRef\"\r\n    :class=\"prefixCls\"\r\n    :z-index=\"elConfig.zIndex\"\r\n    v-bind=\"_drawerProps\"\r\n    :model-value=\"visible\"\r\n    :before-close=\"(done) => {\r\n      reject()\r\n      if (isFn(props.drawerProps.beforeClose)) {\r\n        props.drawerProps.beforeClose(done)\r\n      }\r\n      else {\r\n        done()\r\n      }\r\n    }\"\r\n  >\r\n    <template v-if=\"slots.header\" #header>\r\n      <slot name=\"header\" :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\r\n    </template>\r\n\r\n    <template #default>\r\n      <FormProvider :form=\"form\">\r\n        <ElConfigProvider v-bind=\"elConfig\">\r\n          <slot :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\r\n        </ElConfigProvider>\r\n      </FormProvider>\r\n    </template>\r\n\r\n    <template #footer>\r\n      <div :class=\"`${prefixCls}-footer`\">\r\n        <template v-if=\"slots.footer\">\r\n          <slot name=\"footer\" :resolve=\"resolve\" :reject=\"reject\" :form=\"form\" />\r\n        </template>\r\n        <template v-else>\r\n          <ElButton\r\n            v-bind=\"_drawerProps.cancelButtonProps\"\r\n            @click=\"reject()\"\r\n          >\r\n            {{ _drawerProps.cancelText || '取消' }}\r\n          </ElButton>\r\n          <ElButton\r\n            type=\"primary\"\r\n            v-bind=\"_drawerProps.okButtonProps\"\r\n            :loading=\"internalSubmitting\"\r\n            @click=\"resolve()\"\r\n          >\r\n            {{ _drawerProps.okText || '确定' }}\r\n          </ElButton>\r\n        </template>\r\n      </div>\r\n    </template>\r\n  </ElDrawer>\r\n</template>\r\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 { FormDrawerSlotContent, IFormDrawer, IFormDrawerProps } from './types'\r\nimport { createForm } from '@formily/core'\r\nimport { toJS } from '@formily/reactive'\r\nimport { applyMiddleware, isArr, isFn, isStr, isValid, pascalCase } from '@formily/shared'\r\nimport { observer } from '@silver-formily/reactive-vue'\r\nimport { camelCase } from 'lodash-es'\r\nimport { createApp, h, ref } from 'vue'\r\nimport { getTransitionDuration, isVueOptions, loading } from '../__builtins__'\r\nimport DrawerContent from './drawer-content.vue'\r\n\r\nexport function FormDrawer<T extends object = any>(\r\n  title: IFormDrawerProps | string,\r\n  content?: Component | FormDrawerSlotContent,\r\n  dynamicMiddlewareNames?: string[],\r\n): IFormDrawer<T> {\r\n  const env: {\r\n    root?: HTMLElement\r\n    form?: Form<T>\r\n    promise?: Promise<any>\r\n    instance?: any\r\n    app?: App<Element>\r\n    openMiddlewares: IMiddleware<IFormProps<T>>[]\r\n    confirmMiddlewares: IMiddleware<Form<T>>[]\r\n    cancelMiddlewares: IMiddleware<Form<T>>[]\r\n    [key: `${string}Middlewares`]: IMiddleware<Form<T>>[] | IMiddleware<IFormProps<T>>[] | 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 IFormDrawerProps\r\n\r\n  function render(visible: boolean, resolve?: (type?: string) => any, reject?: () => any) {\r\n    const _content = isVueOptions(content) ? { default: () => h(content) } : 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(DrawerContent, {\r\n            drawerProps: 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 disposeDrawer() {\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 formDrawer = {\r\n    forOpen: (middleware: IMiddleware<IFormProps<T>>) => {\r\n      isFn(middleware) && env.openMiddlewares.push(middleware)\r\n      return formDrawer\r\n    },\r\n    forConfirm: (middleware: IMiddleware<Form<T>>) => {\r\n      isFn(middleware) && env.confirmMiddlewares.push(middleware)\r\n      return formDrawer\r\n    },\r\n    forCancel: (middleware: IMiddleware<Form<T>>) => {\r\n      isFn(middleware) && env.cancelMiddlewares.push(middleware)\r\n      return formDrawer\r\n    },\r\n    open: (payload: IFormProps<T>) => {\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 as IFormProps<T>)\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                formDrawer.close()\r\n                disposeDrawer()\r\n              }).catch(() => undefined)\r\n            }, async () => {\r\n              await loading(props.loadingText, () =>\r\n                applyMiddleware(env.form, env.cancelMiddlewares))\r\n              formDrawer.close()\r\n              disposeDrawer()\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\r\n  if (isArr(dynamicMiddlewareNames)) {\r\n    for (const middlewareName of dynamicMiddlewareNames) {\r\n      const _middlewareName = camelCase(middlewareName)\r\n      formDrawer[`for${pascalCase(_middlewareName)}`] = (middleware: IMiddleware<Form<T>>) => {\r\n        isFn(middleware) && env[`${_middlewareName}Middlewares`].push(middleware)\r\n        return formDrawer\r\n      }\r\n    }\r\n  }\r\n\r\n  return formDrawer as IFormDrawer<T>\r\n}\r\n\r\nexport default FormDrawer\r\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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"}

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

@@ -1,4 +1,4 @@
-import { IGridOptions, Grid } from '@formily/grid';
+import { Grid, IGridOptions } from '../../../grid/src';
 import { PropType } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -88,7 +88,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>> & Readonly<{}>, {
     colWrap: boolean;
     strictAutoFit: boolean;
-    shouldVisible: (node: import('@formily/grid').GridNode, grid: Grid<HTMLElement>) => boolean;
+    shouldVisible: (node: import('../../../grid/src').GridNode, grid: Grid<HTMLElement>) => boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     rootRef: HTMLDivElement;
 }, HTMLDivElement>;

package/esm/form-grid/hooks.d.ts

@@ -1,5 +1,4 @@
-import { Grid as IGrid } from '@formily/grid';
+import { Grid as IGrid } from '../../../grid/src';
 import { InjectionKey, Ref } from 'vue';
 export declare const FormGridSymbol: InjectionKey<Ref<IGrid<HTMLElement>>>;
-export declare function createFormGrid(props: any): IGrid<HTMLElement>;
 export declare const useFormGrid: () => Ref<IGrid<HTMLElement>>;

package/esm/form-grid/hooks.mjs

@@ -1,14 +1,7 @@
-import { Grid as o } from "@formily/grid";
-import { markRaw as m } from "@formily/reactive";
-import { inject as t } from "vue";
-const i = Symbol("FormGridContext");
-function d(r) {
-  return m(new o(r));
-}
-const G = () => t(i);
+import { inject as o } from "vue";
+const r = /* @__PURE__ */ Symbol("FormGridContext"), t = () => o(r);
 export {
-  i as FormGridSymbol,
-  d as createFormGrid,
-  G as useFormGrid
+  r as FormGridSymbol,
+  t as useFormGrid
 };
 //# sourceMappingURL=hooks.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.mjs","sources":["../../src/form-grid/hooks.ts"],"sourcesContent":["import type { Grid as IGrid } from '@formily/grid'\r\nimport type { InjectionKey, Ref } from 'vue'\r\nimport { Grid } from '@formily/grid'\r\nimport { markRaw } from '@formily/reactive'\r\nimport { inject } from 'vue'\r\n\r\nexport const FormGridSymbol: InjectionKey<Ref<IGrid<HTMLElement>>> = Symbol('FormGridContext')\r\n\r\nexport function createFormGrid(props): IGrid<HTMLElement> {\r\n  return markRaw(new Grid(props))\r\n}\r\n\r\nexport const useFormGrid = (): Ref<IGrid<HTMLElement>> => inject(FormGridSymbol)\r\n"],"names":["FormGridSymbol","createFormGrid","props","markRaw","Grid","useFormGrid","inject"],"mappings":";;;AAMO,MAAMA,IAAwD,OAAO,iBAAiB;AAEtF,SAASC,EAAeC,GAA2B;AACxD,SAAOC,EAAQ,IAAIC,EAAKF,CAAK,CAAC;AAChC;AAEO,MAAMG,IAAc,MAA+BC,EAAON,CAAc;"}
+{"version":3,"file":"hooks.mjs","sources":["../../src/form-grid/hooks.ts"],"sourcesContent":["import type { Grid as IGrid } from '@silver-formily/grid'\nimport type { InjectionKey, Ref } from 'vue'\nimport { inject } from 'vue'\n\r\nexport const FormGridSymbol: InjectionKey<Ref<IGrid<HTMLElement>>> = Symbol('FormGridContext')\n\nexport const useFormGrid = (): Ref<IGrid<HTMLElement>> => inject(FormGridSymbol)\n"],"names":["FormGridSymbol","useFormGrid","inject"],"mappings":";AAIO,MAAMA,2BAA+D,iBAAiB,GAEhFC,IAAc,MAA+BC,EAAOF,CAAc;"}

package/esm/form-grid/index.mjs

@@ -1,11 +1,10 @@
 import { observer as i } from "@silver-formily/reactive-vue";
-import { defineComponent as l, createElementBlock as u, openBlock as c, renderSlot as d, ref as y, computed as G, provide as b, watchEffect as _, normalizeStyle as g, normalizeClass as F } from "vue";
-import { Grid as C } from "@formily/grid";
-import { markRaw as v } from "@formily/reactive";
-import { FormGridSymbol as h, createFormGrid as N } from "./hooks.mjs";
-import { stylePrefix as w } from "../__builtins__/configs/index.mjs";
-import { composeExport as x } from "../__builtins__/shared/utils.mjs";
-import '../styles/form-grid/index.css';const A = ["data-grid-span"], k = /* @__PURE__ */ l({
+import { defineComponent as l, computed as u, openBlock as d, createElementBlock as c, normalizeStyle as f, renderSlot as y, ref as b, provide as G, watchEffect as _, normalizeClass as C } from "vue";
+import { createGrid as v } from "@silver-formily/grid";
+import { FormGridSymbol as F } from "./hooks.mjs";
+import { stylePrefix as S } from "../__builtins__/configs/index.mjs";
+import { composeExport as h } from "../__builtins__/shared/utils.mjs";
+import '../styles/form-grid/index.css';const N = ["data-grid-span"], x = /* @__PURE__ */ l({
   name: "FFormGridColumn",
   __name: "form-grid-column",
   props: {
@@ -14,15 +13,20 @@ import '../styles/form-grid/index.css';const A = ["data-grid-span"], k = /* @__P
       default: 1
     }
   },
-  setup(n) {
-    const r = n;
-    return (m, a) => (c(), u("div", {
-      "data-grid-span": r.gridSpan
+  setup(a) {
+    const r = a, m = u(() => r.gridSpan === -1 ? {
+      gridColumn: "1 / -1"
+    } : {
+      gridColumn: `span ${r.gridSpan} / auto`
+    });
+    return (t, e) => (d(), c("div", {
+      "data-grid-span": r.gridSpan,
+      style: f(m.value)
     }, [
-      d(m.$slots, "default")
-    ], 8, A));
+      y(t.$slots, "default")
+    ], 12, N));
   }
-}), S = /* @__PURE__ */ l({
+}), A = /* @__PURE__ */ l({
   name: "FFormGrid",
   __name: "form-grid",
   props: {
@@ -65,40 +69,39 @@ import '../styles/form-grid/index.css';const A = ["data-grid-span"], k = /* @__P
       type: Object
     }
   },
-  setup(n) {
-    const r = n, m = `${w}-form-grid`, a = y(), o = G(() => {
-      const { grid: e, ...t } = r, f = {
+  setup(a) {
+    const r = a, m = `${S}-form-grid`, t = b(), e = u(() => {
+      const { grid: o, ...n } = r, g = {
         columnGap: r?.columnGap ?? 8,
         rowGap: r.rowGap ?? 4,
         ...Object.fromEntries(
-          Object.entries(t).filter(([s, p]) => p !== void 0).map(([s, p]) => [s, p])
+          Object.entries(n).filter(([s, p]) => p !== void 0).map(([s, p]) => [s, p])
         )
       };
-      return v(e ?? new C(f));
+      return o ?? v(g);
     });
-    return b(h, o), _((e) => {
-      const t = o.value.connect(a.value);
-      e(() => {
-        t();
+    return G(F, e), _((o) => {
+      const n = e.value.connect(t.value);
+      o(() => {
+        n();
       });
-    }), (e, t) => (c(), u("div", {
+    }), (o, n) => (d(), c("div", {
       ref_key: "rootRef",
-      ref: a,
-      class: F(m),
-      style: g({
-        gridTemplateColumns: o.value.templateColumns,
-        gap: o.value.gap
+      ref: t,
+      class: C(m),
+      style: f({
+        gridTemplateColumns: e.value.templateColumns,
+        gap: e.value.gap
       })
     }, [
-      d(e.$slots, "default")
+      y(o.$slots, "default")
     ], 4));
   }
-}), B = i(S), E = i(k), P = x(B, {
-  GridColumn: E,
-  createFormGrid: N
+}), $ = i(A), k = i(x), z = h($, {
+  GridColumn: k
 });
 export {
-  P as FormGrid,
-  P as default
+  z as FormGrid,
+  z as default
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-grid/form-grid-column.vue","../../src/form-grid/form-grid.vue","../../src/form-grid/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\ndefineOptions({\r\n  name: 'FFormGridColumn',\r\n})\r\n\r\nconst props = defineProps({\r\n  gridSpan: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n})\r\n</script>\r\n\r\n<template>\r\n  <!-- @formily/grid 会优先使用这个值，如果没有会自动生成 -->\r\n  <div :data-grid-span=\"props.gridSpan\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { IGridOptions } from '@formily/grid'\r\nimport type { PropType } from 'vue'\r\nimport { Grid } from '@formily/grid'\r\nimport { markRaw } from '@formily/reactive'\r\nimport { computed, provide, ref, watchEffect } from 'vue'\r\nimport { stylePrefix } from '../__builtins__'\r\nimport { FormGridSymbol } from './hooks'\r\n\r\ndefineOptions({\r\n  name: 'FFormGrid',\r\n})\r\n\r\nconst props = defineProps({\r\n  columnGap: {\r\n    type: Number,\r\n  },\r\n  rowGap: {\r\n    type: Number,\r\n  },\r\n  minColumns: {\r\n    type: [Number, Array],\r\n  },\r\n  minWidth: {\r\n    type: [Number, Array],\r\n  },\r\n  maxColumns: {\r\n    type: [Number, Array],\r\n  },\r\n  maxWidth: {\r\n    type: [Number, Array],\r\n  },\r\n  breakpoints: {\r\n    type: Array as PropType<number[]>,\r\n  },\r\n  colWrap: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  strictAutoFit: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  shouldVisible: {\r\n    type: Function as PropType<IGridOptions['shouldVisible']>,\r\n    default() {\r\n      return () => true\r\n    },\r\n  },\r\n  grid: {\r\n    type: Object as PropType<Grid<HTMLElement>>,\r\n  },\r\n})\r\n\r\nconst prefixCls = `${stylePrefix}-form-grid`\r\nconst rootRef = ref<HTMLElement>()\r\n\r\nconst gridInstance = computed(() => {\r\n  const { grid, ...restProps } = props\r\n  const options = {\r\n    columnGap: props?.columnGap ?? 8,\r\n    rowGap: props.rowGap ?? 4,\r\n    ...Object.fromEntries(\r\n      Object.entries(restProps)\r\n        .filter(([_, v]) => v !== undefined)\r\n        .map(([k, v]) => [k, v]),\r\n    ),\r\n  }\r\n  return markRaw(grid ?? new Grid(options))\r\n})\r\n\r\nprovide(FormGridSymbol, gridInstance)\r\n\r\nwatchEffect((onInvalidate) => {\r\n  const dispose = gridInstance.value.connect(rootRef.value)\r\n  onInvalidate(() => {\r\n    dispose()\r\n  })\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"rootRef\"\r\n    :class=\"prefixCls\"\r\n    :style=\"{\r\n      gridTemplateColumns: gridInstance.templateColumns,\r\n      gap: gridInstance.gap,\r\n    }\"\r\n  >\r\n    <slot />\r\n  </div>\r\n</template>\r\n","import { observer } from '@silver-formily/reactive-vue'\r\nimport { composeExport } from '../__builtins__'\r\nimport FFormGridColumn from './form-grid-column.vue'\r\nimport FFormGrid from './form-grid.vue'\r\nimport { createFormGrid } from './hooks'\r\nimport './style.scss'\r\n\r\nconst FormGridInner = observer(FFormGrid)\r\n\r\nconst FormGridColumn = observer(FFormGridColumn)\r\n\r\nexport const FormGrid = composeExport(FormGridInner, {\r\n  GridColumn: FormGridColumn,\r\n  createFormGrid,\r\n})\r\n\r\nexport default FormGrid\r\n"],"names":["props","__props","_createElementBlock","_renderSlot","_ctx","prefixCls","stylePrefix","rootRef","ref","gridInstance","computed","grid","restProps","options","_","v","k","markRaw","Grid","provide","FormGridSymbol","watchEffect","onInvalidate","dispose","_normalizeStyle","FormGridInner","observer","FFormGrid","FormGridColumn","FFormGridColumn","FormGrid","composeExport","createFormGrid"],"mappings":";;;;;;;;;;;;;;;;;AAKA,UAAMA,IAAQC;2BAUZC,EAEM,OAAA;AAAA,MAFA,kBAAgBF,EAAM;AAAA,IAAA;MAC1BG,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACHZ,UAAMJ,IAAQC,GAyCRI,IAAY,GAAGC,CAAW,cAC1BC,IAAUC,EAAA,GAEVC,IAAeC,EAAS,MAAM;AAClC,YAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAcZ,GACzBa,IAAU;AAAA,QACd,WAAWb,GAAO,aAAa;AAAA,QAC/B,QAAQA,EAAM,UAAU;AAAA,QACxB,GAAG,OAAO;AAAA,UACR,OAAO,QAAQY,CAAS,EACrB,OAAO,CAAC,CAACE,GAAGC,CAAC,MAAMA,MAAM,MAAS,EAClC,IAAI,CAAC,CAACC,GAAGD,CAAC,MAAM,CAACC,GAAGD,CAAC,CAAC;AAAA,QAAA;AAAA,MAC3B;AAEF,aAAOE,EAAQN,KAAQ,IAAIO,EAAKL,CAAO,CAAC;AAAA,IAC1C,CAAC;AAED,WAAAM,EAAQC,GAAgBX,CAAY,GAEpCY,EAAY,CAACC,MAAiB;AAC5B,YAAMC,IAAUd,EAAa,MAAM,QAAQF,EAAQ,KAAK;AACxD,MAAAe,EAAa,MAAM;AACjB,QAAAC,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,mBAICrB,EASM,OAAA;AAAA,eARA;AAAA,MAAJ,KAAIK;AAAA,MACH,SAAOF,CAAS;AAAA,MAChB,OAAKmB,EAAA;AAAA,QAAgC,qBAAAf,EAAA,MAAa;AAAA,QAA6B,KAAAA,EAAA,MAAa;AAAA,MAAA;;MAK7FN,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;ICnFNqB,IAAgBC,EAASC,CAAS,GAElCC,IAAiBF,EAASG,CAAe,GAElCC,IAAWC,EAAcN,GAAe;AAAA,EACnD,YAAYG;AAAA,EACZ,gBAAAI;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/form-grid/form-grid-column.vue","../../src/form-grid/form-grid.vue","../../src/form-grid/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed } from 'vue'\r\n\r\ndefineOptions({\r\n  name: 'FFormGridColumn',\r\n})\r\n\r\nconst props = defineProps({\r\n  gridSpan: {\r\n    type: Number,\r\n    default: 1,\r\n  },\r\n})\r\n\r\nconst gridColumnStyle = computed(() => {\r\n  if (props.gridSpan === -1) {\r\n    return {\r\n      gridColumn: '1 / -1',\r\n    }\r\n  }\r\n  return {\r\n    gridColumn: `span ${props.gridSpan} / auto`,\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <!-- @silver-formily/grid 会优先使用这个值，如果没有会自动生成 -->\r\n  <div :data-grid-span=\"props.gridSpan\" :style=\"gridColumnStyle\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { Grid, IGridOptions } from '@silver-formily/grid'\r\nimport type { PropType } from 'vue'\r\nimport { createGrid } from '@silver-formily/grid'\r\nimport { computed, provide, ref, watchEffect } from 'vue'\r\nimport { stylePrefix } from '../__builtins__'\r\nimport { FormGridSymbol } from './hooks'\r\n\r\ndefineOptions({\r\n  name: 'FFormGrid',\r\n})\r\n\r\nconst props = defineProps({\r\n  columnGap: {\r\n    type: Number,\r\n  },\r\n  rowGap: {\r\n    type: Number,\r\n  },\r\n  minColumns: {\r\n    type: [Number, Array],\r\n  },\r\n  minWidth: {\r\n    type: [Number, Array],\r\n  },\r\n  maxColumns: {\r\n    type: [Number, Array],\r\n  },\r\n  maxWidth: {\r\n    type: [Number, Array],\r\n  },\r\n  breakpoints: {\r\n    type: Array as PropType<number[]>,\r\n  },\r\n  colWrap: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  strictAutoFit: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  shouldVisible: {\r\n    type: Function as PropType<IGridOptions['shouldVisible']>,\r\n    default() {\r\n      return () => true\r\n    },\r\n  },\r\n  grid: {\r\n    type: Object as PropType<Grid<HTMLElement>>,\r\n  },\r\n})\r\n\r\nconst prefixCls = `${stylePrefix}-form-grid`\r\nconst rootRef = ref<HTMLElement>()\r\n\r\nconst gridInstance = computed(() => {\r\n  const { grid, ...restProps } = props\r\n  const options = {\r\n    columnGap: props?.columnGap ?? 8,\r\n    rowGap: props.rowGap ?? 4,\r\n    ...Object.fromEntries(\r\n      Object.entries(restProps)\r\n        .filter(([_, v]) => v !== undefined)\r\n        .map(([k, v]) => [k, v]),\r\n    ),\r\n  }\r\n  return grid ?? createGrid(options)\r\n})\r\n\r\nprovide(FormGridSymbol, gridInstance)\r\n\r\nwatchEffect((onInvalidate) => {\r\n  const dispose = gridInstance.value.connect(rootRef.value)\r\n  onInvalidate(() => {\r\n    dispose()\r\n  })\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    ref=\"rootRef\"\r\n    :class=\"prefixCls\"\r\n    :style=\"{\r\n      gridTemplateColumns: gridInstance.templateColumns,\r\n      gap: gridInstance.gap,\r\n    }\"\r\n  >\r\n    <slot />\r\n  </div>\r\n</template>\r\n","import { observer } from '@silver-formily/reactive-vue'\r\nimport { composeExport } from '../__builtins__'\nimport FFormGridColumn from './form-grid-column.vue'\nimport FFormGrid from './form-grid.vue'\nimport './style.scss'\n\r\nconst FormGridInner = observer(FFormGrid)\r\n\r\nconst FormGridColumn = observer(FFormGridColumn)\r\n\r\nexport const FormGrid = composeExport(FormGridInner, {\n  GridColumn: FormGridColumn,\n})\n\r\nexport default FormGrid\r\n"],"names":["props","__props","gridColumnStyle","computed","_createElementBlock","_renderSlot","_ctx","prefixCls","stylePrefix","rootRef","ref","gridInstance","grid","restProps","options","_","v","k","createGrid","provide","FormGridSymbol","watchEffect","onInvalidate","dispose","_normalizeStyle","FormGridInner","observer","FFormGrid","FormGridColumn","FFormGridColumn","FormGrid","composeExport"],"mappings":";;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAORC,IAAkBC,EAAS,MAC3BH,EAAM,aAAa,KACd;AAAA,MACL,YAAY;AAAA,IAAA,IAGT;AAAA,MACL,YAAY,QAAQA,EAAM,QAAQ;AAAA,IAAA,CAErC;2BAKCI,EAEM,OAAA;AAAA,MAFA,kBAAgBJ,EAAM;AAAA,MAAW,SAAOE,EAAA,KAAe;AAAA,IAAA;MAC3DG,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjBZ,UAAMN,IAAQC,GAyCRM,IAAY,GAAGC,CAAW,cAC1BC,IAAUC,EAAA,GAEVC,IAAeR,EAAS,MAAM;AAClC,YAAM,EAAE,MAAAS,GAAM,GAAGC,EAAA,IAAcb,GACzBc,IAAU;AAAA,QACd,WAAWd,GAAO,aAAa;AAAA,QAC/B,QAAQA,EAAM,UAAU;AAAA,QACxB,GAAG,OAAO;AAAA,UACR,OAAO,QAAQa,CAAS,EACrB,OAAO,CAAC,CAACE,GAAGC,CAAC,MAAMA,MAAM,MAAS,EAClC,IAAI,CAAC,CAACC,GAAGD,CAAC,MAAM,CAACC,GAAGD,CAAC,CAAC;AAAA,QAAA;AAAA,MAC3B;AAEF,aAAOJ,KAAQM,EAAWJ,CAAO;AAAA,IACnC,CAAC;AAED,WAAAK,EAAQC,GAAgBT,CAAY,GAEpCU,EAAY,CAACC,MAAiB;AAC5B,YAAMC,IAAUZ,EAAa,MAAM,QAAQF,EAAQ,KAAK;AACxD,MAAAa,EAAa,MAAM;AACjB,QAAAC,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,mBAICnB,EASM,OAAA;AAAA,eARA;AAAA,MAAJ,KAAIK;AAAA,MACH,SAAOF,CAAS;AAAA,MAChB,OAAKiB,EAAA;AAAA,QAAgC,qBAAAb,EAAA,MAAa;AAAA,QAA6B,KAAAA,EAAA,MAAa;AAAA,MAAA;;MAK7FN,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;ICnFNmB,IAAgBC,EAASC,CAAS,GAElCC,IAAiBF,EAASG,CAAe,GAElCC,IAAWC,EAAcN,GAAe;AAAA,EACnD,YAAYG;AACd,CAAC;"}

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

@@ -74,3 +74,4 @@ export declare const FormItem: {
 };
 export default FormItem;
 export { default as FormBaseItem } from './form-item';
+export type { IFormItemProps } from './types';