@silver-formily/element-plus 2.3.0 → 3.0.0

package/esm/form-layout/utils.mjs

@@ -1,6 +1,6 @@
-import { isArr as d, isValid as u } from "@formily/shared";
-import { useResizeObserver as h } from "@vueuse/core";
-import { inject as l, ref as i, computed as s } from "vue";
+import { isArr as L, isValid as u } from "@formily/shared";
+import { useResizeObserver as d } from "@vueuse/core";
+import { inject as l, ref as i, computed as h } from "vue";
 function A(t, o) {
   for (const [r, e] of t.entries())
     if (o <= e)
@@ -19,53 +19,53 @@ function a(t, o) {
 function x(t, o) {
   const { clientWidth: r } = t, {
     breakpoints: e,
-    layout: p,
-    labelAlign: f,
-    wrapperAlign: m,
-    labelCol: y,
-    wrapperCol: b,
-    ...L
+    layout: c,
+    labelAlign: p,
+    wrapperAlign: f,
+    labelCol: m,
+    wrapperCol: y,
+    ...b
   } = o, n = A(
     e,
     r
   );
   return {
-    layout: a(p, n),
-    labelAlign: a(f, n),
-    wrapperAlign: a(m, n),
-    labelCol: a(y, n),
-    wrapperCol: a(b, n),
-    ...L
+    layout: a(c, n),
+    labelAlign: a(p, n),
+    wrapperAlign: a(f, n),
+    labelCol: a(m, n),
+    wrapperCol: a(y, n),
+    ...b
   };
 }
 function P(t, o) {
   const { breakpoints: r } = t;
-  if (!d(r))
+  if (!L(r))
     return {
       props: i(t)
     };
   const e = i({});
-  return h(o, () => {
+  return d(o, () => {
     e.value = x(o.value, t);
   }), {
     props: e
   };
 }
-const c = Symbol(
+const s = /* @__PURE__ */ Symbol(
   "formLayoutDeepContext"
-), w = Symbol("formLayoutShallowContext"), k = Symbol("formLayoutIdContext");
+), w = /* @__PURE__ */ Symbol("formLayoutShallowContext"), k = /* @__PURE__ */ Symbol("formLayoutIdContext");
 function S() {
-  return l(c, i({}));
+  return l(s, i({}));
 }
 function O() {
-  const t = l(w, i({})), o = l(c, i({}));
-  return s(() => ({
+  const t = l(w, i({})), o = l(s, i({}));
+  return h(() => ({
     ...o.value,
     ...t.value
   }));
 }
 function R() {
-  return l(k, s(() => ""));
+  return l(k);
 }
 const W = [
   "colon",
@@ -98,7 +98,7 @@ export {
   x as calculateProps,
   a as factor,
   _ as filterValidFormLayoutProps,
-  c as formLayoutDeepContext,
+  s as formLayoutDeepContext,
   k as formLayoutIdContext,
   w as formLayoutShallowContext,
   S as useFormDeepLayout,

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/form-layout/utils.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue'\r\nimport type { IFormLayoutProps } from './types'\r\nimport { isArr, isValid } from '@formily/shared'\r\nimport { useResizeObserver } from '@vueuse/core'\r\nimport { computed, inject, ref } from 'vue'\r\n\r\nexport function calcBreakpointIndex(breakpoints: number[], width: number): number {\r\n  for (const [i, breakpoint] of breakpoints.entries()) {\r\n    if (width <= breakpoint) {\r\n      return i\r\n    }\r\n  }\r\n  return -1\r\n}\r\n\r\nexport function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T {\r\n  if (!Array.isArray(value) || value.length === 0) {\r\n    return value as T\r\n  }\r\n  const safeIndex = Math.max(-1, Math.min(breakpointIndex, value.length - 1))\r\n  return value.at(safeIndex)\r\n}\r\n\r\nexport function factor<T>(value: T | T[], breakpointIndex: number): T {\r\n  return isValid(value) ? calcFactor<T>(value, breakpointIndex) : value as T\r\n}\r\n\r\nexport function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps {\r\n  const { clientWidth } = target\r\n  const {\r\n    breakpoints,\r\n    layout,\r\n    labelAlign,\r\n    wrapperAlign,\r\n    labelCol,\r\n    wrapperCol,\r\n    ...otherProps\r\n  } = props\r\n  const breakpointIndex = calcBreakpointIndex(\r\n    breakpoints as number[],\r\n    clientWidth,\r\n  )\r\n\r\n  return {\r\n    layout: factor(layout, breakpointIndex),\r\n    labelAlign: factor(labelAlign, breakpointIndex),\r\n    wrapperAlign: factor(wrapperAlign, breakpointIndex),\r\n    labelCol: factor(labelCol, breakpointIndex),\r\n    wrapperCol: factor(wrapperCol, breakpointIndex),\r\n    ...otherProps,\r\n  }\r\n}\r\n\r\nexport function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>) {\r\n  const { breakpoints } = props\r\n  if (!isArr(breakpoints)) {\r\n    return {\r\n      props: ref(props),\r\n    }\r\n  }\r\n\r\n  const layoutProps = ref<IFormLayoutProps>({})\r\n\r\n  useResizeObserver(root, () => {\r\n    layoutProps.value = calculateProps(root.value, props)\r\n  })\r\n\r\n  return {\r\n    props: layoutProps,\r\n  }\r\n}\r\n\r\nexport const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>> = Symbol(\r\n  'formLayoutDeepContext',\r\n)\r\n\r\nexport const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>\r\n  = Symbol('formLayoutShallowContext')\r\n\r\nexport const formLayoutIdContext: InjectionKey<ComputedRef<string>>\r\n  = Symbol('formLayoutIdContext')\r\n\r\nexport function useFormDeepLayout(): Ref<IFormLayoutProps> {\r\n  return inject(formLayoutDeepContext, ref({}))\r\n}\r\n\r\nexport function useFormLayout(): Ref<IFormLayoutProps> {\r\n  const shallowLayout = inject(formLayoutShallowContext, ref({}))\r\n  const deepLayout = inject(formLayoutDeepContext, ref({}))\r\n\r\n  const formLayout = computed(() => {\r\n    return {\r\n      ...deepLayout.value,\r\n      ...shallowLayout.value,\r\n    }\r\n  })\r\n\r\n  return formLayout\r\n}\r\n\r\nexport function useFormLayoutId(): ComputedRef<string> {\r\n  return inject(formLayoutIdContext, computed(() => ''))\r\n}\r\n\r\nexport const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps> = [\r\n  'colon',\r\n  'labelAlign',\r\n  'wrapperAlign',\r\n  'labelWrap',\r\n  'labelWidth',\r\n  'wrapperWidth',\r\n  'labelCol',\r\n  'wrapperCol',\r\n  'fullness',\r\n  'size',\r\n  'layout',\r\n  'feedbackLayout',\r\n  'tooltipLayout',\r\n  'breakpoints',\r\n  'hideRequiredAsterisk',\r\n  'statusIcon',\r\n  'requireAsteriskPosition',\r\n] as const\r\n\r\nexport function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps {\r\n  return Object.fromEntries(\r\n    Object.entries(props)\r\n      .filter(([_, value]) => isValid(value)),\r\n  )\r\n}\r\n"],"names":["calcBreakpointIndex","breakpoints","width","i","breakpoint","calcFactor","value","breakpointIndex","safeIndex","factor","isValid","calculateProps","target","props","clientWidth","layout","labelAlign","wrapperAlign","labelCol","wrapperCol","otherProps","useResponsiveFormLayout","root","isArr","ref","layoutProps","useResizeObserver","formLayoutDeepContext","formLayoutShallowContext","formLayoutIdContext","useFormDeepLayout","inject","useFormLayout","shallowLayout","deepLayout","computed","useFormLayoutId","FORM_LAYOUT_PROPS_KEYS","filterValidFormLayoutProps","_"],"mappings":";;;AAMO,SAASA,EAAoBC,GAAuBC,GAAuB;AAChF,aAAW,CAACC,GAAGC,CAAU,KAAKH,EAAY;AACxC,QAAIC,KAASE;AACX,aAAOD;AAGX,SAAO;AACT;AAEO,SAASE,EAAcC,GAAyBC,GAA4B;AACjF,MAAI,CAAC,MAAM,QAAQD,CAAK,KAAKA,EAAM,WAAW;AAC5C,WAAOA;AAET,QAAME,IAAY,KAAK,IAAI,IAAI,KAAK,IAAID,GAAiBD,EAAM,SAAS,CAAC,CAAC;AAC1E,SAAOA,EAAM,GAAGE,CAAS;AAC3B;AAEO,SAASC,EAAUH,GAAgBC,GAA4B;AACpE,SAAOG,EAAQJ,CAAK,IAAID,EAAcC,GAAOC,CAAe,IAAID;AAClE;AAEO,SAASK,EAAeC,GAAiBC,GAA2C;AACzF,QAAM,EAAE,aAAAC,MAAgBF,GAClB;AAAA,IACJ,aAAAX;AAAA,IACA,QAAAc;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GACEN,IAAkBP;AAAA,IACtBC;AAAA,IACAa;AAAA,EAAA;AAGF,SAAO;AAAA,IACL,QAAQL,EAAOM,GAAQR,CAAe;AAAA,IACtC,YAAYE,EAAOO,GAAYT,CAAe;AAAA,IAC9C,cAAcE,EAAOQ,GAAcV,CAAe;AAAA,IAClD,UAAUE,EAAOS,GAAUX,CAAe;AAAA,IAC1C,YAAYE,EAAOU,GAAYZ,CAAe;AAAA,IAC9C,GAAGa;AAAA,EAAA;AAEP;AAEO,SAASC,EAAwBR,GAAyBS,GAA+B;AAC9F,QAAM,EAAE,aAAArB,MAAgBY;AACxB,MAAI,CAACU,EAAMtB,CAAW;AACpB,WAAO;AAAA,MACL,OAAOuB,EAAIX,CAAK;AAAA,IAAA;AAIpB,QAAMY,IAAcD,EAAsB,EAAE;AAE5C,SAAAE,EAAkBJ,GAAM,MAAM;AAC5B,IAAAG,EAAY,QAAQd,EAAeW,EAAK,OAAOT,CAAK;AAAA,EACtD,CAAC,GAEM;AAAA,IACL,OAAOY;AAAA,EAAA;AAEX;AAEO,MAAME,IAA6D;AAAA,EACxE;AACF,GAEaC,IACT,OAAO,0BAA0B,GAExBC,IACT,OAAO,qBAAqB;AAEzB,SAASC,IAA2C;AACzD,SAAOC,EAAOJ,GAAuBH,EAAI,CAAA,CAAE,CAAC;AAC9C;AAEO,SAASQ,IAAuC;AACrD,QAAMC,IAAgBF,EAAOH,GAA0BJ,EAAI,CAAA,CAAE,CAAC,GACxDU,IAAaH,EAAOJ,GAAuBH,EAAI,CAAA,CAAE,CAAC;AASxD,SAPmBW,EAAS,OACnB;AAAA,IACL,GAAGD,EAAW;AAAA,IACd,GAAGD,EAAc;AAAA,EAAA,EAEpB;AAGH;AAEO,SAASG,IAAuC;AACrD,SAAOL,EAAOF,GAAqBM,EAAS,MAAM,EAAE,CAAC;AACvD;AAEO,MAAME,IAAgE;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAASC,EAA2BzB,GAA2C;AACpF,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQA,CAAK,EACjB,OAAO,CAAC,CAAC0B,GAAGjC,CAAK,MAAMI,EAAQJ,CAAK,CAAC;AAAA,EAAA;AAE5C;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/form-layout/utils.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue'\r\nimport type { IFormLayoutProps } from './types'\r\nimport { isArr, isValid } from '@formily/shared'\r\nimport { useResizeObserver } from '@vueuse/core'\r\nimport { computed, inject, ref } from 'vue'\r\n\r\nexport function calcBreakpointIndex(breakpoints: number[], width: number): number {\r\n  for (const [i, breakpoint] of breakpoints.entries()) {\r\n    if (width <= breakpoint) {\r\n      return i\r\n    }\r\n  }\r\n  return -1\r\n}\r\n\r\nexport function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T {\r\n  if (!Array.isArray(value) || value.length === 0) {\r\n    return value as T\r\n  }\r\n  const safeIndex = Math.max(-1, Math.min(breakpointIndex, value.length - 1))\r\n  return value.at(safeIndex)\r\n}\r\n\r\nexport function factor<T>(value: T | T[], breakpointIndex: number): T {\r\n  return isValid(value) ? calcFactor<T>(value, breakpointIndex) : value as T\r\n}\r\n\r\nexport function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps {\r\n  const { clientWidth } = target\r\n  const {\r\n    breakpoints,\r\n    layout,\r\n    labelAlign,\r\n    wrapperAlign,\r\n    labelCol,\r\n    wrapperCol,\r\n    ...otherProps\r\n  } = props\r\n  const breakpointIndex = calcBreakpointIndex(\r\n    breakpoints as number[],\r\n    clientWidth,\r\n  )\r\n\r\n  return {\r\n    layout: factor(layout, breakpointIndex),\r\n    labelAlign: factor(labelAlign, breakpointIndex),\r\n    wrapperAlign: factor(wrapperAlign, breakpointIndex),\r\n    labelCol: factor(labelCol, breakpointIndex),\r\n    wrapperCol: factor(wrapperCol, breakpointIndex),\r\n    ...otherProps,\r\n  }\r\n}\r\n\r\nexport function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>) {\r\n  const { breakpoints } = props\r\n  if (!isArr(breakpoints)) {\r\n    return {\r\n      props: ref(props),\r\n    }\r\n  }\r\n\r\n  const layoutProps = ref<IFormLayoutProps>({})\r\n\r\n  useResizeObserver(root, () => {\r\n    layoutProps.value = calculateProps(root.value, props)\r\n  })\r\n\r\n  return {\r\n    props: layoutProps,\r\n  }\r\n}\r\n\r\nexport const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>> = Symbol(\r\n  'formLayoutDeepContext',\r\n)\r\n\r\nexport const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>\r\n  = Symbol('formLayoutShallowContext')\r\n\r\nexport const formLayoutIdContext: InjectionKey<ComputedRef<string>>\r\n  = Symbol('formLayoutIdContext')\r\n\r\nexport function useFormDeepLayout(): Ref<IFormLayoutProps> {\r\n  return inject(formLayoutDeepContext, ref({}))\r\n}\r\n\r\nexport function useFormLayout(): Ref<IFormLayoutProps> {\r\n  const shallowLayout = inject(formLayoutShallowContext, ref({}))\r\n  const deepLayout = inject(formLayoutDeepContext, ref({}))\r\n\r\n  const formLayout = computed(() => {\r\n    return {\r\n      ...deepLayout.value,\r\n      ...shallowLayout.value,\r\n    }\r\n  })\r\n\r\n  return formLayout\r\n}\r\n\r\nexport function useFormLayoutId(): ComputedRef<string> {\r\n  return inject(formLayoutIdContext)\r\n}\r\n\r\nexport const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps> = [\r\n  'colon',\r\n  'labelAlign',\r\n  'wrapperAlign',\r\n  'labelWrap',\r\n  'labelWidth',\r\n  'wrapperWidth',\r\n  'labelCol',\r\n  'wrapperCol',\r\n  'fullness',\r\n  'size',\r\n  'layout',\r\n  'feedbackLayout',\r\n  'tooltipLayout',\r\n  'breakpoints',\r\n  'hideRequiredAsterisk',\r\n  'statusIcon',\r\n  'requireAsteriskPosition',\r\n] as const\r\n\r\nexport function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps {\r\n  return Object.fromEntries(\r\n    Object.entries(props)\r\n      .filter(([_, value]) => isValid(value)),\r\n  )\r\n}\r\n"],"names":["calcBreakpointIndex","breakpoints","width","i","breakpoint","calcFactor","value","breakpointIndex","safeIndex","factor","isValid","calculateProps","target","props","clientWidth","layout","labelAlign","wrapperAlign","labelCol","wrapperCol","otherProps","useResponsiveFormLayout","root","isArr","ref","layoutProps","useResizeObserver","formLayoutDeepContext","formLayoutShallowContext","formLayoutIdContext","useFormDeepLayout","inject","useFormLayout","shallowLayout","deepLayout","computed","useFormLayoutId","FORM_LAYOUT_PROPS_KEYS","filterValidFormLayoutProps","_"],"mappings":";;;AAMO,SAASA,EAAoBC,GAAuBC,GAAuB;AAChF,aAAW,CAACC,GAAGC,CAAU,KAAKH,EAAY;AACxC,QAAIC,KAASE;AACX,aAAOD;AAGX,SAAO;AACT;AAEO,SAASE,EAAcC,GAAyBC,GAA4B;AACjF,MAAI,CAAC,MAAM,QAAQD,CAAK,KAAKA,EAAM,WAAW;AAC5C,WAAOA;AAET,QAAME,IAAY,KAAK,IAAI,IAAI,KAAK,IAAID,GAAiBD,EAAM,SAAS,CAAC,CAAC;AAC1E,SAAOA,EAAM,GAAGE,CAAS;AAC3B;AAEO,SAASC,EAAUH,GAAgBC,GAA4B;AACpE,SAAOG,EAAQJ,CAAK,IAAID,EAAcC,GAAOC,CAAe,IAAID;AAClE;AAEO,SAASK,EAAeC,GAAiBC,GAA2C;AACzF,QAAM,EAAE,aAAAC,MAAgBF,GAClB;AAAA,IACJ,aAAAX;AAAA,IACA,QAAAc;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDP,GACEN,IAAkBP;AAAA,IACtBC;AAAA,IACAa;AAAA,EAAA;AAGF,SAAO;AAAA,IACL,QAAQL,EAAOM,GAAQR,CAAe;AAAA,IACtC,YAAYE,EAAOO,GAAYT,CAAe;AAAA,IAC9C,cAAcE,EAAOQ,GAAcV,CAAe;AAAA,IAClD,UAAUE,EAAOS,GAAUX,CAAe;AAAA,IAC1C,YAAYE,EAAOU,GAAYZ,CAAe;AAAA,IAC9C,GAAGa;AAAA,EAAA;AAEP;AAEO,SAASC,EAAwBR,GAAyBS,GAA+B;AAC9F,QAAM,EAAE,aAAArB,MAAgBY;AACxB,MAAI,CAACU,EAAMtB,CAAW;AACpB,WAAO;AAAA,MACL,OAAOuB,EAAIX,CAAK;AAAA,IAAA;AAIpB,QAAMY,IAAcD,EAAsB,EAAE;AAE5C,SAAAE,EAAkBJ,GAAM,MAAM;AAC5B,IAAAG,EAAY,QAAQd,EAAeW,EAAK,OAAOT,CAAK;AAAA,EACtD,CAAC,GAEM;AAAA,IACL,OAAOY;AAAA,EAAA;AAEX;AAEO,MAAME,IAA6D;AAAA,EACxE;AACF,GAEaC,2BACF,0BAA0B,GAExBC,2BACF,qBAAqB;AAEzB,SAASC,IAA2C;AACzD,SAAOC,EAAOJ,GAAuBH,EAAI,CAAA,CAAE,CAAC;AAC9C;AAEO,SAASQ,IAAuC;AACrD,QAAMC,IAAgBF,EAAOH,GAA0BJ,EAAI,CAAA,CAAE,CAAC,GACxDU,IAAaH,EAAOJ,GAAuBH,EAAI,CAAA,CAAE,CAAC;AASxD,SAPmBW,EAAS,OACnB;AAAA,IACL,GAAGD,EAAW;AAAA,IACd,GAAGD,EAAc;AAAA,EAAA,EAEpB;AAGH;AAEO,SAASG,IAAuC;AACrD,SAAOL,EAAOF,CAAmB;AACnC;AAEO,MAAMQ,IAAgE;AAAA,EAC3E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAASC,EAA2BzB,GAA2C;AACpF,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQA,CAAK,EACjB,OAAO,CAAC,CAAC0B,GAAGjC,CAAK,MAAMI,EAAQJ,CAAK,CAAC;AAAA,EAAA;AAE5C;"}

package/esm/form-step/index.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as $, renderSlot as g, computed as P, createElementBlock as o, openBlock as r, normalizeClass as B, createVNode as E, unref as t, mergeProps as h, withCtx as u, Fragment as c, renderList as x, createBlock as m, createSlots as N, resolveDynamicComponent as _, createTextVNode as v, toDisplayString as y, createCommentVNode as O } from "vue";
+import { defineComponent as $, renderSlot as g, computed as P, openBlock as r, createElementBlock as o, normalizeClass as B, createVNode as E, unref as t, mergeProps as h, withCtx as u, Fragment as c, renderList as x, createBlock as m, createSlots as N, resolveDynamicComponent as _, createTextVNode as v, toDisplayString as y, createCommentVNode as O } from "vue";
 import { isObj as k } from "@formily/shared";
 import { useObserver as V } from "@silver-formily/reactive-vue";
 import { useField as b, useFieldSchema as A, RecursionField as D } from "@silver-formily/vue";
 import { ElSteps as R, ElStep as j } from "element-plus";
-import { createFormStep as C, parseSteps as w } from "./utils.mjs";
+import { parseSteps as w, createFormStep as C } from "./utils.mjs";
 import { stylePrefix as z } from "../__builtins__/configs/index.mjs";
 import { composeExport as L } from "../__builtins__/shared/utils.mjs";
 const T = $({

package/esm/form-step/utils.mjs

@@ -37,10 +37,8 @@ function d(o = 0) {
       return e.form?.submit?.(n);
     }
   }), p = c.bound(() => {
-    /* istanbul ignore else -- @preserve */
     t.allowNext && (r(t.current + 1), t.setCurrent(t.current + 1));
   }), l = c.bound(() => {
-    /* istanbul ignore else -- @preserve */
     t.allowBack && (r(t.current - 1), t.setCurrent(t.current - 1));
   });
   return t;
@@ -48,7 +46,6 @@ function d(o = 0) {
 function b(o) {
   const e = [];
   return o.mapProperties((r, t) => {
-    /* istanbul ignore else -- @preserve */
     r["x-component"]?.indexOf("StepPane") > -1 && e.push({
       name: t,
       props: r["x-component-props"],

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

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/form-step/utils.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\r\nimport type { Slots } from 'vue'\r\nimport type { FormStepEnv, IFormStep } from './types'\r\nimport { action, model, observable } from '@formily/reactive'\r\n\r\nexport interface SchemaStep {\r\n  name: SchemaKey\r\n  props: any\r\n  schema: Schema\r\n  slots: Slots\r\n}\r\n\r\nexport function createFormStep(defaultCurrent = 0): IFormStep {\r\n  const env: FormStepEnv = observable({\r\n    form: null,\r\n    field: null,\r\n    steps: [],\r\n  })\r\n\r\n  const setDisplay = action.bound((target: number) => {\r\n    const currentStep = env.steps[target]\r\n    for (const { name } of env.steps) {\r\n      env.form.query(`${env.field.address}.${name}`).take((field) => {\r\n        if (name === currentStep.name) {\r\n          field.setDisplay('visible')\r\n        }\r\n        else {\r\n          field.setDisplay('hidden')\r\n        }\r\n      })\r\n    }\r\n  })\r\n\r\n  const formStep: IFormStep = model({\r\n    connect(steps, field) {\r\n      env.steps = steps\r\n      env.form = field?.form\r\n      env.field = field\r\n    },\r\n    current: defaultCurrent,\r\n    setCurrent(key: number) {\r\n      formStep.current = key\r\n    },\r\n    get allowNext() {\r\n      return formStep.current < env.steps.length - 1\r\n    },\r\n    get allowBack() {\r\n      return formStep.current > 0\r\n    },\r\n    async next() {\r\n      try {\r\n        await env.form.validate()\r\n        // eslint-disable-next-line ts/no-use-before-define\r\n        next()\r\n      }\r\n      catch {}\r\n    },\r\n    async back() {\r\n      // eslint-disable-next-line ts/no-use-before-define\r\n      back()\r\n    },\r\n    async submit(onSubmit) {\r\n      return env.form?.submit?.(onSubmit)\r\n    },\r\n  })\r\n\r\n  const next = action.bound(() => {\r\n    /* istanbul ignore else -- @preserve */\r\n    if (formStep.allowNext) {\r\n      setDisplay(formStep.current + 1)\r\n      formStep.setCurrent(formStep.current + 1)\r\n    }\r\n  })\r\n\r\n  const back = action.bound(() => {\r\n    /* istanbul ignore else -- @preserve */\r\n    if (formStep.allowBack) {\r\n      setDisplay(formStep.current - 1)\r\n      formStep.setCurrent(formStep.current - 1)\r\n    }\r\n  })\r\n  return formStep\r\n}\r\n\r\nexport function parseSteps(schema: Schema) {\r\n  const steps: SchemaStep[] = []\r\n  schema.mapProperties((schema, name) => {\r\n    /* istanbul ignore else -- @preserve */\r\n    if (schema['x-component']?.indexOf('StepPane') > -1) {\r\n      steps.push({\r\n        name,\r\n        props: schema['x-component-props'],\r\n        schema,\r\n        slots: schema['x-content'],\r\n      })\r\n    }\r\n  })\r\n  return steps\r\n}\r\n"],"names":["createFormStep","defaultCurrent","env","observable","setDisplay","action","target","currentStep","name","field","formStep","model","steps","key","next","back","onSubmit","parseSteps","schema"],"mappings":";AAYO,SAASA,EAAeC,IAAiB,GAAc;AAC5D,QAAMC,IAAmBC,EAAW;AAAA,IAClC,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO,CAAA;AAAA,EAAC,CACT,GAEKC,IAAaC,EAAO,MAAM,CAACC,MAAmB;AAClD,UAAMC,IAAcL,EAAI,MAAMI,CAAM;AACpC,eAAW,EAAE,MAAAE,OAAUN,EAAI;AACzB,MAAAA,EAAI,KAAK,MAAM,GAAGA,EAAI,MAAM,OAAO,IAAIM,CAAI,EAAE,EAAE,KAAK,CAACC,MAAU;AAC7D,QAAID,MAASD,EAAY,OACvBE,EAAM,WAAW,SAAS,IAG1BA,EAAM,WAAW,QAAQ;AAAA,MAE7B,CAAC;AAAA,EAEL,CAAC,GAEKC,IAAsBC,EAAM;AAAA,IAChC,QAAQC,GAAOH,GAAO;AACpB,MAAAP,EAAI,QAAQU,GACZV,EAAI,OAAOO,GAAO,MAClBP,EAAI,QAAQO;AAAA,IACd;AAAA,IACA,SAASR;AAAA,IACT,WAAWY,GAAa;AACtB,MAAAH,EAAS,UAAUG;AAAA,IACrB;AAAA,IACA,IAAI,YAAY;AACd,aAAOH,EAAS,UAAUR,EAAI,MAAM,SAAS;AAAA,IAC/C;AAAA,IACA,IAAI,YAAY;AACd,aAAOQ,EAAS,UAAU;AAAA,IAC5B;AAAA,IACA,MAAM,OAAO;AACX,UAAI;AACF,cAAMR,EAAI,KAAK,SAAA,GAEfY,EAAA;AAAA,MACF,QACM;AAAA,MAAC;AAAA,IACT;AAAA,IACA,MAAM,OAAO;AAEX,MAAAC,EAAA;AAAA,IACF;AAAA,IACA,MAAM,OAAOC,GAAU;AACrB,aAAOd,EAAI,MAAM,SAASc,CAAQ;AAAA,IACpC;AAAA,EAAA,CACD,GAEKF,IAAOT,EAAO,MAAM,MAAM;AAAA,IAAA;AAE9B,IAAIK,EAAS,cACXN,EAAWM,EAAS,UAAU,CAAC,GAC/BA,EAAS,WAAWA,EAAS,UAAU,CAAC;AAAA,EAE5C,CAAC,GAEKK,IAAOV,EAAO,MAAM,MAAM;AAAA,IAAA;AAE9B,IAAIK,EAAS,cACXN,EAAWM,EAAS,UAAU,CAAC,GAC/BA,EAAS,WAAWA,EAAS,UAAU,CAAC;AAAA,EAE5C,CAAC;AACD,SAAOA;AACT;AAEO,SAASO,EAAWC,GAAgB;AACzC,QAAMN,IAAsB,CAAA;AAC5B,SAAAM,EAAO,cAAc,CAACA,GAAQV,MAAS;AAAA,IAAA;AAErC,IAAIU,EAAO,aAAa,GAAG,QAAQ,UAAU,IAAI,MAC/CN,EAAM,KAAK;AAAA,MACT,MAAAJ;AAAA,MACA,OAAOU,EAAO,mBAAmB;AAAA,MACjC,QAAAA;AAAAA,MACA,OAAOA,EAAO,WAAW;AAAA,IAAA,CAC1B;AAAA,EAEL,CAAC,GACMN;AACT;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/form-step/utils.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\r\nimport type { Slots } from 'vue'\r\nimport type { FormStepEnv, IFormStep } from './types'\r\nimport { action, model, observable } from '@formily/reactive'\r\n\r\nexport interface SchemaStep {\r\n  name: SchemaKey\r\n  props: any\r\n  schema: Schema\r\n  slots: Slots\r\n}\r\n\r\nexport function createFormStep(defaultCurrent = 0): IFormStep {\r\n  const env: FormStepEnv = observable({\r\n    form: null,\r\n    field: null,\r\n    steps: [],\r\n  })\r\n\r\n  const setDisplay = action.bound((target: number) => {\r\n    const currentStep = env.steps[target]\r\n    for (const { name } of env.steps) {\r\n      env.form.query(`${env.field.address}.${name}`).take((field) => {\r\n        if (name === currentStep.name) {\r\n          field.setDisplay('visible')\r\n        }\r\n        else {\r\n          field.setDisplay('hidden')\r\n        }\r\n      })\r\n    }\r\n  })\r\n\r\n  const formStep: IFormStep = model({\r\n    connect(steps, field) {\r\n      env.steps = steps\r\n      env.form = field?.form\r\n      env.field = field\r\n    },\r\n    current: defaultCurrent,\r\n    setCurrent(key: number) {\r\n      formStep.current = key\r\n    },\r\n    get allowNext() {\r\n      return formStep.current < env.steps.length - 1\r\n    },\r\n    get allowBack() {\r\n      return formStep.current > 0\r\n    },\r\n    async next() {\r\n      try {\r\n        await env.form.validate()\r\n        // eslint-disable-next-line ts/no-use-before-define\r\n        next()\r\n      }\r\n      catch {}\r\n    },\r\n    async back() {\r\n      // eslint-disable-next-line ts/no-use-before-define\r\n      back()\r\n    },\r\n    async submit(onSubmit) {\r\n      return env.form?.submit?.(onSubmit)\r\n    },\r\n  })\r\n\r\n  const next = action.bound(() => {\r\n    /* istanbul ignore else -- @preserve */\r\n    if (formStep.allowNext) {\r\n      setDisplay(formStep.current + 1)\r\n      formStep.setCurrent(formStep.current + 1)\r\n    }\r\n  })\r\n\r\n  const back = action.bound(() => {\r\n    /* istanbul ignore else -- @preserve */\r\n    if (formStep.allowBack) {\r\n      setDisplay(formStep.current - 1)\r\n      formStep.setCurrent(formStep.current - 1)\r\n    }\r\n  })\r\n  return formStep\r\n}\r\n\r\nexport function parseSteps(schema: Schema) {\r\n  const steps: SchemaStep[] = []\r\n  schema.mapProperties((schema, name) => {\r\n    /* istanbul ignore else -- @preserve */\r\n    if (schema['x-component']?.indexOf('StepPane') > -1) {\r\n      steps.push({\r\n        name,\r\n        props: schema['x-component-props'],\r\n        schema,\r\n        slots: schema['x-content'],\r\n      })\r\n    }\r\n  })\r\n  return steps\r\n}\r\n"],"names":["createFormStep","defaultCurrent","env","observable","setDisplay","action","target","currentStep","name","field","formStep","model","steps","key","next","back","onSubmit","parseSteps","schema"],"mappings":";AAYO,SAASA,EAAeC,IAAiB,GAAc;AAC5D,QAAMC,IAAmBC,EAAW;AAAA,IAClC,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO,CAAA;AAAA,EAAC,CACT,GAEKC,IAAaC,EAAO,MAAM,CAACC,MAAmB;AAClD,UAAMC,IAAcL,EAAI,MAAMI,CAAM;AACpC,eAAW,EAAE,MAAAE,OAAUN,EAAI;AACzB,MAAAA,EAAI,KAAK,MAAM,GAAGA,EAAI,MAAM,OAAO,IAAIM,CAAI,EAAE,EAAE,KAAK,CAACC,MAAU;AAC7D,QAAID,MAASD,EAAY,OACvBE,EAAM,WAAW,SAAS,IAG1BA,EAAM,WAAW,QAAQ;AAAA,MAE7B,CAAC;AAAA,EAEL,CAAC,GAEKC,IAAsBC,EAAM;AAAA,IAChC,QAAQC,GAAOH,GAAO;AACpB,MAAAP,EAAI,QAAQU,GACZV,EAAI,OAAOO,GAAO,MAClBP,EAAI,QAAQO;AAAA,IACd;AAAA,IACA,SAASR;AAAA,IACT,WAAWY,GAAa;AACtB,MAAAH,EAAS,UAAUG;AAAA,IACrB;AAAA,IACA,IAAI,YAAY;AACd,aAAOH,EAAS,UAAUR,EAAI,MAAM,SAAS;AAAA,IAC/C;AAAA,IACA,IAAI,YAAY;AACd,aAAOQ,EAAS,UAAU;AAAA,IAC5B;AAAA,IACA,MAAM,OAAO;AACX,UAAI;AACF,cAAMR,EAAI,KAAK,SAAA,GAEfY,EAAA;AAAA,MACF,QACM;AAAA,MAAC;AAAA,IACT;AAAA,IACA,MAAM,OAAO;AAEX,MAAAC,EAAA;AAAA,IACF;AAAA,IACA,MAAM,OAAOC,GAAU;AACrB,aAAOd,EAAI,MAAM,SAASc,CAAQ;AAAA,IACpC;AAAA,EAAA,CACD,GAEKF,IAAOT,EAAO,MAAM,MAAM;AAE9B,IAAIK,EAAS,cACXN,EAAWM,EAAS,UAAU,CAAC,GAC/BA,EAAS,WAAWA,EAAS,UAAU,CAAC;AAAA,EAE5C,CAAC,GAEKK,IAAOV,EAAO,MAAM,MAAM;AAE9B,IAAIK,EAAS,cACXN,EAAWM,EAAS,UAAU,CAAC,GAC/BA,EAAS,WAAWA,EAAS,UAAU,CAAC;AAAA,EAE5C,CAAC;AACD,SAAOA;AACT;AAEO,SAASO,EAAWC,GAAgB;AACzC,QAAMN,IAAsB,CAAA;AAC5B,SAAAM,EAAO,cAAc,CAACA,GAAQV,MAAS;AAErC,IAAIU,EAAO,aAAa,GAAG,QAAQ,UAAU,IAAI,MAC/CN,EAAM,KAAK;AAAA,MACT,MAAAJ;AAAA,MACA,OAAOU,EAAO,mBAAmB;AAAA,MACjC,QAAAA;AAAAA,MACA,OAAOA,EAAO,WAAW;AAAA,IAAA,CAC1B;AAAA,EAEL,CAAC,GACMN;AACT;"}

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

@@ -1,7 +1,8 @@
+import { GeneralField } from '@formily/core';
 import { Schema, SchemaKey } from '@formily/json-schema';
 export type Tabs = {
     name: SchemaKey;
     props: any;
     schema: Schema;
 }[];
-export declare function useTabs(): Tabs;
+export declare function useTabs(tabField: GeneralField, schema: Schema): Tabs;

package/esm/form-tab/hooks.mjs

@@ -1,24 +1,17 @@
-import { observable as n, reaction as i } from "@formily/reactive";
-import { useField as p, useFieldSchema as l } from "@silver-formily/vue";
-function m() {
-  const t = p(), r = l(), o = n([]);
-  return i(() => r.value?.mapProperties((a, s) => t.value.query(t.value.address.concat(s)).take()?.display), () => {
-    o.length = 0, r.value?.mapProperties((e, a) => {
-      const s = t.value.query(t.value.address.concat(a)).take();
-      s?.display === "none" || s?.display === "hidden" || e["x-component"]?.indexOf("TabPane") > -1 && o.push({
-        name: a,
-        props: {
-          name: e?.["x-component-props"]?.name || a,
-          ...e?.["x-component-props"]
-        },
-        schema: e
-      });
-    });
-  }, {
-    fireImmediately: !0
-  }), o;
+function r(n, a) {
+  return a.mapProperties((s, e) => ({
+    name: e,
+    props: {
+      name: s?.["x-component-props"]?.name || e,
+      ...s?.["x-component-props"]
+    },
+    schema: s
+  })).filter((s) => {
+    const e = n.query(n.address.concat(s.name)).take();
+    return e?.display === "none" || e?.display === "hidden" ? !1 : s?.schema?.["x-component"]?.includes("TabPane") ?? !1;
+  });
 }
 export {
-  m as useTabs
+  r as useTabs
 };
 //# sourceMappingURL=hooks.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.mjs","sources":["../../src/form-tab/hooks.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\r\nimport { observable, reaction } from '@formily/reactive'\r\nimport { useField, useFieldSchema } from '@silver-formily/vue'\r\n\r\nexport type Tabs = { name: SchemaKey, props: any, schema: Schema }[]\r\n\r\nexport function useTabs() {\r\n  const tabsField = useField()\r\n  const schema = useFieldSchema()\r\n  const tabs: Tabs = observable([])\r\n  reaction(() => {\r\n    const tabDisplayStatus = schema.value?.mapProperties((schema, name) => {\r\n      const field = tabsField.value\r\n        .query(tabsField.value.address.concat(name))\r\n        .take()\r\n      return field?.display\r\n    })\r\n    return tabDisplayStatus\r\n  }, () => {\r\n    tabs.length = 0\r\n    schema.value?.mapProperties((schema, name) => {\r\n      const field = tabsField.value\r\n        .query(tabsField.value.address.concat(name))\r\n        .take()\r\n      if (field?.display === 'none' || field?.display === 'hidden')\r\n        return\r\n\r\n      if (schema['x-component']?.indexOf('TabPane') > -1) {\r\n        tabs.push({\r\n          name,\r\n          props: {\r\n            name: schema?.['x-component-props']?.name || name,\r\n            ...schema?.['x-component-props'],\r\n          },\r\n          schema,\r\n        })\r\n      }\r\n    })\r\n  }, {\r\n    fireImmediately: true,\r\n  })\r\n\r\n  return tabs\r\n}\r\n"],"names":["useTabs","tabsField","useField","schema","useFieldSchema","tabs","observable","reaction","name","field"],"mappings":";;AAMO,SAASA,IAAU;AACxB,QAAMC,IAAYC,EAAA,GACZC,IAASC,EAAA,GACTC,IAAaC,EAAW,EAAE;AAChC,SAAAC,EAAS,MACkBJ,EAAO,OAAO,cAAc,CAACA,GAAQK,MAC9CP,EAAU,MACrB,MAAMA,EAAU,MAAM,QAAQ,OAAOO,CAAI,CAAC,EAC1C,KAAA,GACW,OACf,GAEA,MAAM;AACP,IAAAH,EAAK,SAAS,GACdF,EAAO,OAAO,cAAc,CAACA,GAAQK,MAAS;AAC5C,YAAMC,IAAQR,EAAU,MACrB,MAAMA,EAAU,MAAM,QAAQ,OAAOO,CAAI,CAAC,EAC1C,KAAA;AACH,MAAIC,GAAO,YAAY,UAAUA,GAAO,YAAY,YAGhDN,EAAO,aAAa,GAAG,QAAQ,SAAS,IAAI,MAC9CE,EAAK,KAAK;AAAA,QACR,MAAAG;AAAA,QACA,OAAO;AAAA,UACL,MAAML,IAAS,mBAAmB,GAAG,QAAQK;AAAA,UAC7C,GAAGL,IAAS,mBAAmB;AAAA,QAAA;AAAA,QAEjC,QAAAA;AAAAA,MAAA,CACD;AAAA,IAEL,CAAC;AAAA,EACH,GAAG;AAAA,IACD,iBAAiB;AAAA,EAAA,CAClB,GAEME;AACT;"}
+{"version":3,"file":"hooks.mjs","sources":["../../src/form-tab/hooks.ts"],"sourcesContent":["import type { GeneralField } from '@formily/core'\r\nimport type { Schema, SchemaKey } from '@formily/json-schema'\r\n\r\nexport type Tabs = { name: SchemaKey, props: any, schema: Schema }[]\r\n\r\nexport function useTabs(tabField: GeneralField, schema: Schema) {\r\n  const schemaList = schema.mapProperties((item, name) => ({\r\n    name,\r\n    props: {\r\n      name: item?.['x-component-props']?.name || name,\r\n      ...item?.['x-component-props'],\r\n    },\r\n    schema: item,\r\n  }))\r\n\r\n  const tabs: Tabs = schemaList.filter((item) => {\r\n    const field = tabField.query(tabField.address.concat(item.name)).take()\r\n    const isHidden = field?.display === 'none' || field?.display === 'hidden'\r\n    if (isHidden)\r\n      return false\r\n    return item?.schema?.['x-component']?.includes('TabPane') ?? false\r\n  })\r\n\r\n  return tabs\r\n}\r\n"],"names":["useTabs","tabField","schema","item","name","field"],"mappings":"AAKO,SAASA,EAAQC,GAAwBC,GAAgB;AAkB9D,SAjBmBA,EAAO,cAAc,CAACC,GAAMC,OAAU;AAAA,IACvD,MAAAA;AAAA,IACA,OAAO;AAAA,MACL,MAAMD,IAAO,mBAAmB,GAAG,QAAQC;AAAA,MAC3C,GAAGD,IAAO,mBAAmB;AAAA,IAAA;AAAA,IAE/B,QAAQA;AAAA,EAAA,EACR,EAE4B,OAAO,CAACA,MAAS;AAC7C,UAAME,IAAQJ,EAAS,MAAMA,EAAS,QAAQ,OAAOE,EAAK,IAAI,CAAC,EAAE,KAAA;AAEjE,WADiBE,GAAO,YAAY,UAAUA,GAAO,YAAY,WAExD,KACFF,GAAM,SAAS,aAAa,GAAG,SAAS,SAAS,KAAK;AAAA,EAC/D,CAAC;AAGH;"}

package/esm/form-tab/index.mjs

@@ -1,13 +1,13 @@
-import { formilyComputed as V, observer as E } from "@silver-formily/reactive-vue";
-import { defineComponent as k, computed as B, ref as K, watch as w, createBlock as s, openBlock as o, unref as r, withCtx as m, createElementBlock as p, Fragment as b, renderList as $, mergeProps as L, normalizeClass as N, createTextVNode as v, toDisplayString as T, createVNode as R } from "vue";
+import { formilyComputed as p, observer as k } from "@silver-formily/reactive-vue";
+import { defineComponent as B, computed as K, ref as w, watch as $, openBlock as t, createBlock as n, unref as a, withCtx as l, createElementBlock as v, Fragment as b, renderList as L, mergeProps as N, normalizeClass as R, createTextVNode as h, toDisplayString as T, createVNode as S } from "vue";
 import { reaction as q } from "@formily/reactive";
-import { useField as z, RecursionField as A } from "@silver-formily/vue";
-import { ElTabs as D, ElTabPane as I, ElBadge as P } from "element-plus";
-import { useTabs as S } from "./hooks.mjs";
+import { useField as z, useFieldSchema as A, RecursionField as D } from "@silver-formily/vue";
+import { ElTabs as I, ElTabPane as P, ElBadge as j } from "element-plus";
+import { useTabs as G } from "./hooks.mjs";
 import { createFormTab as y } from "./utils.mjs";
-import { stylePrefix as j } from "../__builtins__/configs/index.mjs";
-import { composeExport as G } from "../__builtins__/shared/utils.mjs";
-import '../styles/form-tab/index.css';const H = /* @__PURE__ */ k({
+import { stylePrefix as H } from "../__builtins__/configs/index.mjs";
+import { composeExport as J } from "../__builtins__/shared/utils.mjs";
+import '../styles/form-tab/index.css';const M = /* @__PURE__ */ B({
   name: "FFormTab",
   __name: "form-tab",
   props: {
@@ -15,48 +15,47 @@ import '../styles/form-tab/index.css';const H = /* @__PURE__ */ k({
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(_, { emit: h }) {
-    const u = _, F = h, i = z(), g = `${j}-form-tab`, l = B(() => u.formTab ?? y()), t = S(), a = K(u?.modelValue ?? l.value.activeKey ?? t?.[0]?.name);
-    q(() => t.length, () => {
-      !t.some((e) => e.name === a.value) && (a.value = t?.[0]?.name);
+  setup(F, { emit: _ }) {
+    const c = F, g = _, m = z(), x = A(), C = `${H}-form-tab`, u = K(() => c.formTab ?? y()), r = p(() => G(m.value, x.value)), o = w(c?.modelValue ?? u.value.activeKey ?? r.value?.[0]?.name);
+    q(() => r.value.length, () => {
+      !r.value.some((e) => e.name === o.value) && (o.value = r.value?.[0]?.name);
     }, {
       fireImmediately: !0
-    }), w(() => l.value.activeKey, (e) => {
-      a.value = e;
+    }), $(() => u.value.activeKey, (e) => {
+      o.value = e;
     });
-    const c = V(() => t.map((e) => i.value.form.queryFeedbacks({
+    const i = p(() => r.value.map((e) => m.value.form.queryFeedbacks({
       type: "error",
-      address: `${i.value.address}.${e.name}.*`
+      address: `${m.value.address}.${e.name}.*`
     }).length));
-    function x(e) {
-      /* istanbul ignore if -- @preserve */
-      typeof e == "string" && (F("update:modelValue", e), l.value.setActiveKey?.(e));
+    function V(e) {
+      typeof e == "string" && (g("update:modelValue", e), u.value.setActiveKey?.(e));
     }
-    return (e, M) => (o(), s(r(D), {
-      "model-value": a.value,
+    return (e, Q) => (t(), n(a(I), {
+      "model-value": o.value,
       style: { width: "100%" },
-      onTabChange: x
+      onTabChange: V
     }, {
-      default: m(() => [
-        (o(!0), p(b, null, $(r(t), ({ props: n, schema: C, name: f }, d) => (o(), s(r(I), L({ key: f }, { ref_for: !0 }, n), {
-          default: m(() => [
-            R(r(A), {
-              schema: C,
+      default: l(() => [
+        (t(!0), v(b, null, L(a(r), ({ props: s, schema: E, name: f }, d) => (t(), n(a(P), N({ key: f }, { ref_for: !0 }, s), {
+          default: l(() => [
+            S(a(D), {
+              schema: E,
               name: f
             }, null, 8, ["schema", "name"])
           ]),
-          label: m(() => [
-            r(c)[d] !== 0 ? (o(), s(r(P), {
+          label: l(() => [
+            a(i)[d] !== 0 ? (t(), n(a(j), {
               key: 0,
-              class: N(g),
-              value: r(c)[d]
+              class: R(C),
+              value: a(i)[d]
             }, {
-              default: m(() => [
-                v(T(n.label), 1)
+              default: l(() => [
+                h(T(s.label), 1)
               ]),
               _: 2
-            }, 1032, ["value"])) : (o(), p(b, { key: 1 }, [
-              v(T(n.label), 1)
+            }, 1032, ["value"])) : (t(), v(b, { key: 1 }, [
+              h(T(s.label), 1)
             ], 64))
           ]),
           _: 2
@@ -65,12 +64,12 @@ import '../styles/form-tab/index.css';const H = /* @__PURE__ */ k({
       _: 1
     }, 8, ["model-value"]));
   }
-}), J = E(H), te = G(J, {
+}), O = k(M), oe = J(O, {
   createFormTab: y
 });
 export {
-  te as FormTab,
-  te as composeFormTab,
-  te as default
+  oe as FormTab,
+  oe as composeFormTab,
+  oe as default
 };
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-tab/form-tab.vue","../../src/form-tab/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { IFormTabProps } from './types.ts'\r\nimport { reaction } from '@formily/reactive'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField } from '@silver-formily/vue'\r\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\r\nimport { computed, ref, watch } from 'vue'\r\nimport { stylePrefix } from '../__builtins__'\r\nimport { useTabs } from './hooks'\r\nimport { createFormTab } from './utils'\r\n\r\ndefineOptions({\r\n  name: 'FFormTab',\r\n})\r\n\r\nconst props = defineProps<IFormTabProps>()\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst field = useField()\r\nconst prefixCls = `${stylePrefix}-form-tab`\r\nconst formTabRef = computed(() => props.formTab ?? createFormTab())\r\nconst tabs = useTabs()\r\nconst _activeKey = ref(props?.modelValue ?? formTabRef.value.activeKey ?? tabs?.[0]?.name)\r\n\r\nreaction(() => {\r\n  return tabs.length\r\n}, () => {\r\n  !tabs.some(tab => tab.name === _activeKey.value) && (_activeKey.value = tabs?.[0]?.name)\r\n}, {\r\n  fireImmediately: true,\r\n})\r\nwatch(() => formTabRef.value.activeKey, (val) => {\r\n  _activeKey.value = val\r\n})\r\n\r\nconst errorList = formilyComputed(() => {\r\n  return tabs.map((tab) => {\r\n    return field.value.form.queryFeedbacks({\r\n      type: 'error',\r\n      address: `${field.value.address}.${tab.name}.*`,\r\n    }).length\r\n  })\r\n})\r\n\r\nfunction handleTabChange(key: string) {\r\n  /* istanbul ignore if -- @preserve */\r\n  if (typeof key !== 'string')\r\n    return\r\n  emit('update:modelValue', key)\r\n  formTabRef.value.setActiveKey?.(key)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <ElTabs\r\n    :model-value=\"_activeKey\"\r\n    style=\"width: 100%;\"\r\n    @tab-change=\"handleTabChange\"\r\n  >\r\n    <ElTabPane\r\n      v-for=\"({ props: tabProps, schema, name }, key) in tabs\"\r\n      :key=\"name\"\r\n      v-bind=\"tabProps\"\r\n    >\r\n      <template #default>\r\n        <RecursionField :schema=\"schema\" :name=\"name\" />\r\n      </template>\r\n      <template #label>\r\n        <ElBadge\r\n          v-if=\"errorList[key] !== 0\"\r\n          :class=\"prefixCls\"\r\n          :value=\"errorList[key]\"\r\n        >\r\n          {{ tabProps.label }}\r\n        </ElBadge>\r\n        <template v-else>\r\n          {{ tabProps.label }}\r\n        </template>\r\n      </template>\r\n    </ElTabPane>\r\n  </ElTabs>\r\n</template>\r\n","import { observer } from '@silver-formily/reactive-vue'\r\nimport { composeExport } from '../__builtins__'\r\nimport FFormTab from './form-tab.vue'\r\nimport { createFormTab } from './utils'\r\nimport './style.scss'\r\n\r\nconst FormTab = observer(FFormTab)\r\n\r\nexport const composeFormTab = composeExport(FormTab, {\r\n  createFormTab,\r\n})\r\n\r\nexport { composeFormTab as FormTab }\r\nexport default composeFormTab\r\n"],"names":["props","__props","emit","__emit","field","useField","prefixCls","stylePrefix","formTabRef","computed","createFormTab","tabs","useTabs","_activeKey","ref","reaction","tab","watch","val","errorList","formilyComputed","handleTabChange","key","_createBlock","_unref","ElTabs","_createElementBlock","_Fragment","_renderList","tabProps","schema","name","_openBlock","_mergeProps","_createVNode","RecursionField","ElBadge","_createTextVNode","_toDisplayString","FormTab","observer","FFormTab","composeFormTab","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GACRC,IAAOC,GAEPC,IAAQC,EAAA,GACRC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAS,MAAMT,EAAM,WAAWU,GAAe,GAC5DC,IAAOC,EAAA,GACPC,IAAaC,EAAId,GAAO,cAAcQ,EAAW,MAAM,aAAaG,IAAO,CAAC,GAAG,IAAI;AAEzF,IAAAI,EAAS,MACAJ,EAAK,QACX,MAAM;AACP,OAACA,EAAK,KAAK,CAAAK,MAAOA,EAAI,SAASH,EAAW,KAAK,MAAMA,EAAW,QAAQF,IAAO,CAAC,GAAG;AAAA,IACrF,GAAG;AAAA,MACD,iBAAiB;AAAA,IAAA,CAClB,GACDM,EAAM,MAAMT,EAAW,MAAM,WAAW,CAACU,MAAQ;AAC/C,MAAAL,EAAW,QAAQK;AAAA,IACrB,CAAC;AAED,UAAMC,IAAYC,EAAgB,MACzBT,EAAK,IAAI,CAACK,MACRZ,EAAM,MAAM,KAAK,eAAe;AAAA,MACrC,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,OAAO,IAAIY,EAAI,IAAI;AAAA,IAAA,CAC5C,EAAE,MACJ,CACF;AAED,aAASK,EAAgBC,GAAa;AAAA,MAAA;AAEpC,MAAI,OAAOA,KAAQ,aAEnBpB,EAAK,qBAAqBoB,CAAG,GAC7Bd,EAAW,MAAM,eAAec,CAAG;AAAA,IACrC;2BAIEC,EA0BSC,EAAAC,CAAA,GAAA;AAAA,MAzBN,eAAaZ,EAAA;AAAA,MACd,OAAA,EAAA,OAAA,OAAA;AAAA,MACC,aAAYQ;AAAA,IAAA;iBAGX,MAAwD;AAAA,gBAD1DK,EAoBYC,GAAA,MAAAC,EAnByCJ,MAAI,CAAA,EAAA,OAAtCK,GAAU,QAAAC,GAAQ,MAAAC,EAAA,GAAQT,OAD7CU,KAAAT,EAoBYC,MApBZS,EAoBY,EAlBT,KAAKF,EAAA,oBACEF,CAAQ,GAAA;AAAA,UAEL,WACT,MAAgD;AAAA,YAAhDK,EAAgDV,EAAAW,CAAA,GAAA;AAAA,cAA/B,QAAAL;AAAA,cAAiB,MAAAC;AAAA,YAAA;;UAEzB,SACT,MAMU;AAAA,YALFP,EAAAL,CAAA,EAAUG,CAAG,MAAA,UADrBC,EAMUC,EAAAY,CAAA,GAAA;AAAA;cAJP,SAAO9B,CAAS;AAAA,cAChB,OAAOkB,EAAAL,CAAA,EAAUG,CAAG;AAAA,YAAA;yBAErB,MAAoB;AAAA,gBAAjBe,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,cAAA;;yCAEnBH,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,cADNU,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;ICtErBU,IAAUC,EAASC,CAAQ,GAEpBC,KAAiBC,EAAcJ,GAAS;AAAA,EACnD,eAAA7B;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/form-tab/form-tab.vue","../../src/form-tab/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { IFormTabProps } from './types.ts'\r\nimport { reaction } from '@formily/reactive'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\r\nimport { computed, ref, watch } from 'vue'\r\nimport { stylePrefix } from '../__builtins__'\r\nimport { useTabs } from './hooks'\r\nimport { createFormTab } from './utils'\r\n\r\ndefineOptions({\r\n  name: 'FFormTab',\r\n})\r\n\r\nconst props = defineProps<IFormTabProps>()\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst field = useField()\r\nconst schema = useFieldSchema()\r\nconst prefixCls = `${stylePrefix}-form-tab`\r\nconst formTabRef = computed(() => props.formTab ?? createFormTab())\r\nconst tabs = formilyComputed(() => useTabs(field.value, schema.value))\r\nconst _activeKey = ref(props?.modelValue ?? formTabRef.value.activeKey ?? tabs.value?.[0]?.name)\r\n\r\nreaction(() => {\r\n  return tabs.value.length\r\n}, () => {\r\n  !tabs.value.some(tab => tab.name === _activeKey.value) && (_activeKey.value = tabs.value?.[0]?.name)\r\n}, {\r\n  fireImmediately: true,\r\n})\r\nwatch(() => formTabRef.value.activeKey, (val) => {\r\n  _activeKey.value = val\r\n})\r\n\r\nconst errorList = formilyComputed(() => {\r\n  return tabs.value.map((tab) => {\r\n    return field.value.form.queryFeedbacks({\r\n      type: 'error',\r\n      address: `${field.value.address}.${tab.name}.*`,\r\n    }).length\r\n  })\r\n})\r\n\r\nfunction handleTabChange(key: string) {\r\n  /* istanbul ignore if -- @preserve */\r\n  if (typeof key !== 'string')\r\n    return\r\n  emit('update:modelValue', key)\r\n  formTabRef.value.setActiveKey?.(key)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <ElTabs\r\n    :model-value=\"_activeKey\"\r\n    style=\"width: 100%;\"\r\n    @tab-change=\"handleTabChange\"\r\n  >\r\n    <ElTabPane\r\n      v-for=\"({ props: tabProps, schema: tabSchema, name }, key) in tabs\"\r\n      :key=\"name\"\r\n      v-bind=\"tabProps\"\r\n    >\r\n      <template #default>\r\n        <RecursionField :schema=\"tabSchema\" :name=\"name\" />\r\n      </template>\r\n      <template #label>\r\n        <ElBadge\r\n          v-if=\"errorList[key] !== 0\"\r\n          :class=\"prefixCls\"\r\n          :value=\"errorList[key]\"\r\n        >\r\n          {{ tabProps.label }}\r\n        </ElBadge>\r\n        <template v-else>\r\n          {{ tabProps.label }}\r\n        </template>\r\n      </template>\r\n    </ElTabPane>\r\n  </ElTabs>\r\n</template>\r\n","import { observer } from '@silver-formily/reactive-vue'\r\nimport { composeExport } from '../__builtins__'\r\nimport FFormTab from './form-tab.vue'\r\nimport { createFormTab } from './utils'\r\nimport './style.scss'\r\n\r\nconst FormTab = observer(FFormTab)\r\n\r\nexport const composeFormTab = composeExport(FormTab, {\r\n  createFormTab,\r\n})\r\n\r\nexport { composeFormTab as FormTab }\r\nexport default composeFormTab\r\n"],"names":["props","__props","emit","__emit","field","useField","schema","useFieldSchema","prefixCls","stylePrefix","formTabRef","computed","createFormTab","tabs","formilyComputed","useTabs","_activeKey","ref","reaction","tab","watch","val","errorList","handleTabChange","key","_createBlock","_unref","ElTabs","_createElementBlock","_Fragment","_renderList","tabProps","tabSchema","name","_openBlock","_mergeProps","_createVNode","RecursionField","ElBadge","_createTextVNode","_toDisplayString","FormTab","observer","FFormTab","composeFormTab","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GACRC,IAAOC,GAEPC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAS,MAAMX,EAAM,WAAWY,GAAe,GAC5DC,IAAOC,EAAgB,MAAMC,EAAQX,EAAM,OAAOE,EAAO,KAAK,CAAC,GAC/DU,IAAaC,EAAIjB,GAAO,cAAcU,EAAW,MAAM,aAAaG,EAAK,QAAQ,CAAC,GAAG,IAAI;AAE/F,IAAAK,EAAS,MACAL,EAAK,MAAM,QACjB,MAAM;AACP,OAACA,EAAK,MAAM,KAAK,CAAAM,MAAOA,EAAI,SAASH,EAAW,KAAK,MAAMA,EAAW,QAAQH,EAAK,QAAQ,CAAC,GAAG;AAAA,IACjG,GAAG;AAAA,MACD,iBAAiB;AAAA,IAAA,CAClB,GACDO,EAAM,MAAMV,EAAW,MAAM,WAAW,CAACW,MAAQ;AAC/C,MAAAL,EAAW,QAAQK;AAAA,IACrB,CAAC;AAED,UAAMC,IAAYR,EAAgB,MACzBD,EAAK,MAAM,IAAI,CAACM,MACdf,EAAM,MAAM,KAAK,eAAe;AAAA,MACrC,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,OAAO,IAAIe,EAAI,IAAI;AAAA,IAAA,CAC5C,EAAE,MACJ,CACF;AAED,aAASI,EAAgBC,GAAa;AAEpC,MAAI,OAAOA,KAAQ,aAEnBtB,EAAK,qBAAqBsB,CAAG,GAC7Bd,EAAW,MAAM,eAAec,CAAG;AAAA,IACrC;2BAIEC,EA0BSC,EAAAC,CAAA,GAAA;AAAA,MAzBN,eAAaX,EAAA;AAAA,MACd,OAAA,EAAA,OAAA,OAAA;AAAA,MACC,aAAYO;AAAA,IAAA;iBAGX,MAAmE;AAAA,gBADrEK,EAoBYC,GAAA,MAAAC,EAnBoDJ,MAAI,CAAA,EAAA,OAAjDK,WAAkBC,GAAW,MAAAC,EAAA,GAAQT,OADxDU,KAAAT,EAoBYC,MApBZS,EAoBY,EAlBT,KAAKF,EAAA,oBACEF,CAAQ,GAAA;AAAA,UAEL,WACT,MAAmD;AAAA,YAAnDK,EAAmDV,EAAAW,CAAA,GAAA;AAAA,cAAlC,QAAQL;AAAA,cAAY,MAAAC;AAAA,YAAA;;UAE5B,SACT,MAMU;AAAA,YALFP,EAAAJ,CAAA,EAAUE,CAAG,MAAA,UADrBC,EAMUC,EAAAY,CAAA,GAAA;AAAA;cAJP,SAAO9B,CAAS;AAAA,cAChB,OAAOkB,EAAAJ,CAAA,EAAUE,CAAG;AAAA,YAAA;yBAErB,MAAoB;AAAA,gBAAjBe,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,cAAA;;yCAEnBH,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,cADNU,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;ICvErBU,IAAUC,EAASC,CAAQ,GAEpBC,KAAiBC,EAAcJ,GAAS;AAAA,EACnD,eAAA7B;AACF,CAAC;"}

package/esm/index.d.ts

@@ -28,6 +28,8 @@ export * from './input-tag';
 export * from './mention';
 export * from './password';
 export * from './preview-text';
+export * from './query-form';
+export * from './query-form-item';
 export * from './radio';
 export * from './rate';
 export * from './reset';

package/esm/index.mjs

@@ -3,97 +3,101 @@ import { ArrayCollapse as m } from "./array-collapse/index.mjs";
 import { ArrayItems as f } from "./array-items/index.mjs";
 import { ArrayListTabs as a } from "./array-list-tabs/index.mjs";
 import { ArrayTable as s } from "./array-table/index.mjs";
-import { ArrayTabs as i } from "./array-tabs/index.mjs";
+import { ArrayTabs as c } from "./array-tabs/index.mjs";
 import { Autocomplete as T } from "./autocomplete/index.mjs";
 import { Cascader as d } from "./cascader/index.mjs";
-import { Checkbox as n } from "./checkbox/index.mjs";
-import { ColorPicker as P } from "./color-picker/index.mjs";
-import { ColorPickerPanel as k } from "./color-picker-panel/index.mjs";
-import { DatePicker as A } from "./date-picker/index.mjs";
+import { Checkbox as S } from "./checkbox/index.mjs";
+import { ColorPicker as y } from "./color-picker/index.mjs";
+import { ColorPickerPanel as C } from "./color-picker-panel/index.mjs";
+import { DatePicker as k } from "./date-picker/index.mjs";
 import { DatePickerPanel as w } from "./date-picker-panel/index.mjs";
 import { Editable as g } from "./editable/index.mjs";
 import { FormButtonGroup as h } from "./form-button-group/index.mjs";
 import { FormCollapse as E, FormCollapseItem as G } from "./form-collapse/index.mjs";
 import { FormDialog as M } from "./form-dialog/index.mjs";
-import { FormDrawer as v } from "./form-drawer/index.mjs";
-import { FormGrid as U } from "./form-grid/index.mjs";
-import { FormBaseItem as q, FormItem as z, fieldFeedbackMapper as H } from "./form-item/index.mjs";
-import { FormStep as K } from "./form-step/index.mjs";
-import { composeFormTab as Q, composeFormTab as V } from "./form-tab/index.mjs";
+import { FormDrawer as _ } from "./form-drawer/index.mjs";
+import { FormGrid as N } from "./form-grid/index.mjs";
+import { FormBaseItem as j, FormItem as q, fieldFeedbackMapper as z } from "./form-item/index.mjs";
+import { FormStep as J } from "./form-step/index.mjs";
+import { FormTab as O, FormTab as V } from "./form-tab/index.mjs";
 import { Input as X } from "./input/index.mjs";
 import { InputNumber as Z } from "./input-number/index.mjs";
 import { InputTag as rr } from "./input-tag/index.mjs";
 import { Mention as er } from "./mention/index.mjs";
 import { Password as mr } from "./password/index.mjs";
 import { PreviewText as fr } from "./preview-text/index.mjs";
-import { Radio as ar } from "./radio/index.mjs";
-import { Rate as sr } from "./rate/index.mjs";
-import { Reset as ir } from "./reset/index.mjs";
-import { Segmented as Tr } from "./segmented/index.mjs";
-import { Select as dr } from "./select/index.mjs";
-import { SelectTable as nr } from "./select-table/index.mjs";
-import { Slider as Pr } from "./slider/index.mjs";
-import { Submit as kr } from "./submit/index.mjs";
-import { Switch as Ar } from "./switch/index.mjs";
-import { TimePicker as wr } from "./time-picker/index.mjs";
-import { TimeSelect as gr } from "./time-select/index.mjs";
-import { Transfer as hr } from "./transfer/index.mjs";
-import { Tree as Er } from "./tree/index.mjs";
-import { TreeSelect as Lr } from "./tree-select/index.mjs";
-import { Upload as _r } from "./upload/index.mjs";
-import { _ as Nr } from "./form/form.mjs";
-import { _ as jr } from "./form-layout/form-layout.mjs";
-import { ElSpace as zr } from "element-plus";
+import { QueryForm as ar } from "./query-form/index.mjs";
+import { QueryFormItem as sr } from "./query-form-item/index.mjs";
+import { Radio as cr } from "./radio/index.mjs";
+import { Rate as Tr } from "./rate/index.mjs";
+import { Reset as dr } from "./reset/index.mjs";
+import { Segmented as Sr } from "./segmented/index.mjs";
+import { Select as yr } from "./select/index.mjs";
+import { SelectTable as Cr } from "./select-table/index.mjs";
+import { Slider as kr } from "./slider/index.mjs";
+import { Submit as wr } from "./submit/index.mjs";
+import { Switch as gr } from "./switch/index.mjs";
+import { TimePicker as hr } from "./time-picker/index.mjs";
+import { TimeSelect as Er } from "./time-select/index.mjs";
+import { Transfer as Lr } from "./transfer/index.mjs";
+import { Tree as Qr } from "./tree/index.mjs";
+import { TreeSelect as vr } from "./tree-select/index.mjs";
+import { Upload as Ur } from "./upload/index.mjs";
+import { _ as qr } from "./form/form.mjs";
+import { _ as Hr } from "./form-layout/form-layout.mjs";
+import { ElSpace as Kr } from "element-plus";
 export {
   e as ArrayCards,
   m as ArrayCollapse,
   f as ArrayItems,
   a as ArrayListTabs,
   s as ArrayTable,
-  i as ArrayTabs,
+  c as ArrayTabs,
   T as Autocomplete,
   d as Cascader,
-  n as Checkbox,
-  P as ColorPicker,
-  k as ColorPickerPanel,
-  A as DatePicker,
+  S as Checkbox,
+  y as ColorPicker,
+  C as ColorPickerPanel,
+  k as DatePicker,
   w as DatePickerPanel,
   g as Editable,
-  Nr as Form,
-  q as FormBaseItem,
+  qr as Form,
+  j as FormBaseItem,
   h as FormButtonGroup,
   E as FormCollapse,
   G as FormCollapseItem,
   M as FormDialog,
-  v as FormDrawer,
-  U as FormGrid,
-  z as FormItem,
-  jr as FormLayout,
-  K as FormStep,
-  Q as FormTab,
+  _ as FormDrawer,
+  N as FormGrid,
+  q as FormItem,
+  Hr as FormLayout,
+  J as FormStep,
+  O as FormTab,
   X as Input,
   Z as InputNumber,
   rr as InputTag,
   er as Mention,
   mr as Password,
   fr as PreviewText,
-  ar as Radio,
-  sr as Rate,
-  ir as Reset,
-  Tr as Segmented,
-  dr as Select,
-  nr as SelectTable,
-  Pr as Slider,
-  zr as Space,
-  kr as Submit,
-  Ar as Switch,
-  wr as TimePicker,
-  gr as TimeSelect,
-  hr as Transfer,
-  Er as Tree,
-  Lr as TreeSelect,
-  _r as Upload,
+  ar as QueryForm,
+  sr as QueryFormItem,
+  cr as Radio,
+  Tr as Rate,
+  dr as Reset,
+  Sr as Segmented,
+  yr as Select,
+  Cr as SelectTable,
+  kr as Slider,
+  Kr as Space,
+  wr as Submit,
+  gr as Switch,
+  hr as TimePicker,
+  Er as TimeSelect,
+  Lr as Transfer,
+  Qr as Tree,
+  vr as TreeSelect,
+  Ur as Upload,
   V as composeFormTab,
-  H as fieldFeedbackMapper
+  z as fieldFeedbackMapper
 };
 //# sourceMappingURL=index.mjs.map

package/esm/index.mjs.map

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

package/esm/input/index.mjs

@@ -1,6 +1,6 @@
 import { connect as s, mapProps as a } from "@silver-formily/vue";
 import { PreviewText as i } from "../preview-text/index.mjs";
-import { defineComponent as d, useSlots as l, createBlock as c, openBlock as y, unref as p, normalizeProps as x, guardReactiveProps as I, createSlots as k, withCtx as t, renderSlot as r } from "vue";
+import { defineComponent as d, useSlots as l, openBlock as c, createBlock as y, unref as p, normalizeProps as x, guardReactiveProps as I, createSlots as k, withCtx as t, renderSlot as r } from "vue";
 import { ElInput as v } from "element-plus";
 import { useCleanAttrs as P, composeExport as _ } from "../__builtins__/shared/utils.mjs";
 import { mapReadPretty as f } from "../__builtins__/shared/transform-component.mjs";
@@ -10,7 +10,7 @@ const m = /* @__PURE__ */ d({
   __name: "input",
   setup(o) {
     const e = l(), { props: u } = P();
-    return (n, A) => (y(), c(p(v), x(I(p(u))), k({ _: 2 }, [
+    return (n, A) => (c(), y(p(v), x(I(p(u))), k({ _: 2 }, [
       e.prefix ? {
         name: "prefix",
         fn: t(() => [