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

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

@@ -0,0 +1,60 @@
+import { Form } from '@formily/core';
+import { PropType } from 'vue';
+import { FormDrawerSlots, IFormDrawerProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<FormDrawerSlots> & FormDrawerSlots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    drawerProps: {
+        type: PropType<IFormDrawerProps>;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        required: true;
+    };
+    resolve: {
+        type: PropType<(type?: string) => void>;
+        required: true;
+    };
+    reject: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    drawerProps: {
+        type: PropType<IFormDrawerProps>;
+        required: true;
+    };
+    visible: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    form: {
+        type: PropType<Form>;
+        required: true;
+    };
+    resolve: {
+        type: PropType<(type?: string) => 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-drawer/index.d.ts

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

package/esm/form-drawer/index.mjs

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

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

@@ -0,0 +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 { PropType } from 'vue'\nimport type { FormDrawerSlots, IFormDrawerProps } from './types'\nimport { isFn } from '@formily/shared'\nimport { FormProvider } from '@formily/vue'\nimport { ElButton, ElConfigProvider, ElDrawer } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { loadElConfigProvider, stylePrefix, useDebonceSubmitting } from '../__builtins__'\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'])\n</script>\n\n<template>\n  <ElDrawer\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 { observer } from '@formily/reactive-vue'\nimport { applyMiddleware, isArr, isFn, isStr, isValid, pascalCase } from '@formily/shared'\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  title: IFormDrawerProps | string,\n  content?: Component | FormDrawerSlotContent,\n  dynamicMiddlewareNames?: string[],\n): IFormDrawer {\n  const env: {\n    root?: HTMLElement\n    form?: Form\n    promise?: Promise<any>\n    instance?: any\n    app?: App<Element>\n    openMiddlewares: IMiddleware<IFormProps>[]\n    confirmMiddlewares: IMiddleware<Form>[]\n    cancelMiddlewares: IMiddleware<Form>[]\n    [key: `${string}Middlewares`]: IMiddleware<Form>[] | IMiddleware<IFormProps>[] | 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>) => {\n      isFn(middleware) && env.openMiddlewares.push(middleware)\n      return formDrawer\n    },\n    forConfirm: (middleware: IMiddleware<Form>) => {\n      isFn(middleware) && env.confirmMiddlewares.push(middleware)\n      return formDrawer\n    },\n    forCancel: (middleware: IMiddleware<Form>) => {\n      isFn(middleware) && env.cancelMiddlewares.push(middleware)\n      return formDrawer\n    },\n    open: (payload: IFormProps) => {\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)\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((error) => {\n                console.warn(error)\n              })\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>) => {\n        isFn(middleware) && env[`${_middlewareName}Middlewares`].push(middleware)\n        return formDrawer\n      }\n    }\n  }\n\n  return formDrawer as never\n}\n\nexport default FormDrawer\n"],"names":["props","__props","slots","_useSlots","prefixCls","stylePrefix","elConfig","loadElConfigProvider","internalSubmitting","useDebonceSubmitting","_drawerProps","omit","_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","ref","DrawerContent","createApp","disposeDrawer","animationDuration","getTransitionDuration","_b","_a","_c","formDrawer","middleware","payload","res","rej","loading","applyMiddleware","resPayload","createForm","type","isValid","toJS","error"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+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;
+};
+export interface FormDrawerSlotProps {
+    resolve: (type?: string) => void;
+    reject: () => void;
+    form: Form;
+}
+export interface FormDrawerSlots {
+    header?: (props: FormDrawerSlotProps) => VNode;
+    default?: () => VNode;
+    footer?: (props: FormDrawerSlotProps) => VNode;
+}
+export type FormDrawerSlotContent = SlotsType<FormDrawerSlots> | {
+    [key in keyof FormDrawerSlots]?: FormDrawerSlots[key];
+};
+export interface IFormDrawer {
+    forOpen: (middleware: IMiddleware<IFormProps>) => IFormDrawer;
+    forConfirm: (middleware: IMiddleware<Form>) => IFormDrawer;
+    forCancel: (middleware: IMiddleware<Form>) => IFormDrawer;
+    [key: `for${string}`]: (middleware: IMiddleware<IFormProps>) => IFormDrawer;
+    open: (props?: IFormProps) => Promise<any>;
+    close: () => void;
+}

package/esm/form-drawer/types.mjs

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

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

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

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

@@ -0,0 +1,29 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    gridSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    gridSpan: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    gridSpan: number;
+}, {}, {}, {}, 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-grid/form-grid.d.ts

@@ -0,0 +1,101 @@
+import { IGridOptions, Grid } from '@formily/grid';
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columnGap: {
+        type: NumberConstructor;
+    };
+    rowGap: {
+        type: NumberConstructor;
+    };
+    minColumns: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    minWidth: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    maxColumns: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    maxWidth: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    breakpoints: {
+        type: PropType<number[]>;
+    };
+    colWrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strictAutoFit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shouldVisible: {
+        type: PropType<IGridOptions["shouldVisible"]>;
+        default(): () => true;
+    };
+    grid: {
+        type: PropType<Grid<HTMLElement>>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    columnGap: {
+        type: NumberConstructor;
+    };
+    rowGap: {
+        type: NumberConstructor;
+    };
+    minColumns: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    minWidth: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    maxColumns: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    maxWidth: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    breakpoints: {
+        type: PropType<number[]>;
+    };
+    colWrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strictAutoFit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shouldVisible: {
+        type: PropType<IGridOptions["shouldVisible"]>;
+        default(): () => true;
+    };
+    grid: {
+        type: PropType<Grid<HTMLElement>>;
+    };
+}>> & Readonly<{}>, {
+    colWrap: boolean;
+    strictAutoFit: boolean;
+    shouldVisible: (node: import('@formily/grid').GridNode, grid: Grid<HTMLElement>) => boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+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-grid/hooks.d.ts

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

package/esm/form-grid/hooks.mjs

@@ -0,0 +1,7 @@
+import { inject as o } from "vue";
+const r = Symbol("FormGridContext"), t = () => o(r);
+export {
+  r as FormGridSymbol,
+  t as useFormGrid
+};
+//# sourceMappingURL=hooks.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","sources":["../../src/form-grid/hooks.ts"],"sourcesContent":["import type { Grid as IGrid } from '@formily/grid'\nimport type { InjectionKey, Ref } from 'vue'\nimport { inject } from 'vue'\n\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,IAAwD,OAAO,iBAAiB,GAEhFC,IAAc,MAA+BC,EAAOF,CAAc;"}

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

@@ -0,0 +1,182 @@
+export declare const FormGrid: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        columnGap: {
+            type: NumberConstructor;
+        };
+        rowGap: {
+            type: NumberConstructor;
+        };
+        minColumns: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        minWidth: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        maxColumns: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        maxWidth: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        breakpoints: {
+            type: import('vue').PropType<number[]>;
+        };
+        colWrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        strictAutoFit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        shouldVisible: {
+            type: import('vue').PropType<import('@formily/grid').IGridOptions["shouldVisible"]>;
+            default(): () => true;
+        };
+        grid: {
+            type: import('vue').PropType<import('@formily/grid').Grid<HTMLElement>>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        colWrap: boolean;
+        strictAutoFit: boolean;
+        shouldVisible: (node: import('@formily/grid').GridNode, grid: import('@formily/grid').Grid<HTMLElement>) => boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rootRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        columnGap: {
+            type: NumberConstructor;
+        };
+        rowGap: {
+            type: NumberConstructor;
+        };
+        minColumns: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        minWidth: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        maxColumns: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        maxWidth: {
+            type: (ArrayConstructor | NumberConstructor)[];
+        };
+        breakpoints: {
+            type: import('vue').PropType<number[]>;
+        };
+        colWrap: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        strictAutoFit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        shouldVisible: {
+            type: import('vue').PropType<import('@formily/grid').IGridOptions["shouldVisible"]>;
+            default(): () => true;
+        };
+        grid: {
+            type: import('vue').PropType<import('@formily/grid').Grid<HTMLElement>>;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        colWrap: boolean;
+        strictAutoFit: boolean;
+        shouldVisible: (node: import('@formily/grid').GridNode, grid: import('@formily/grid').Grid<HTMLElement>) => boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    columnGap: {
+        type: NumberConstructor;
+    };
+    rowGap: {
+        type: NumberConstructor;
+    };
+    minColumns: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    minWidth: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    maxColumns: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    maxWidth: {
+        type: (ArrayConstructor | NumberConstructor)[];
+    };
+    breakpoints: {
+        type: import('vue').PropType<number[]>;
+    };
+    colWrap: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    strictAutoFit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    shouldVisible: {
+        type: import('vue').PropType<import('@formily/grid').IGridOptions["shouldVisible"]>;
+        default(): () => true;
+    };
+    grid: {
+        type: import('vue').PropType<import('@formily/grid').Grid<HTMLElement>>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    colWrap: boolean;
+    strictAutoFit: boolean;
+    shouldVisible: (node: import('@formily/grid').GridNode, grid: import('@formily/grid').Grid<HTMLElement>) => boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & {
+    GridColumn: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            gridSpan: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            gridSpan: number;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            gridSpan: {
+                type: NumberConstructor;
+                default: number;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            gridSpan: number;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        gridSpan: {
+            type: NumberConstructor;
+            default: number;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        gridSpan: number;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+};
+export default FormGrid;