@silver-formily/element-plus 3.0.1 → 3.0.3

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

@@ -1,41 +1,25 @@
-export interface IFormLayoutProps {
-    tag?: string;
-    colon?: boolean;
-    labelAlign?: 'right' | 'left' | ('right' | 'left')[];
-    wrapperAlign?: 'right' | 'left' | ('right' | 'left')[];
-    labelWrap?: boolean;
-    labelWidth?: number;
-    wrapperWidth?: number;
-    labelCol?: number | number[];
-    wrapperCol?: number | number[];
-    fullness?: boolean;
-    size?: 'small' | 'default' | 'large';
-    layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
-    feedbackLayout?: 'loose' | 'terse' | 'popover';
-    tooltipLayout?: 'icon' | 'text';
-    breakpoints?: number[];
-    shallow?: boolean;
-    hideRequiredAsterisk?: boolean;
-    statusIcon?: boolean;
-    requireAsteriskPosition?: 'left' | 'right';
-}
-export interface ICalculatedFormLayoutProps {
-    colon?: boolean;
-    labelAlign?: 'right' | 'left';
-    wrapperAlign?: 'right' | 'left';
-    labelWrap?: boolean;
-    labelWidth?: number | string;
-    wrapperWidth?: number | string;
-    labelCol?: number;
-    wrapperCol?: number;
-    fullness?: boolean;
-    size?: 'small' | 'default' | 'large';
-    layout?: 'vertical' | 'horizontal' | 'inline';
-    feedbackLayout?: 'loose' | 'terse' | 'popover';
-    tooltipLayout?: 'icon' | 'text';
-    breakpoints?: number[];
-    shallow?: boolean;
-    hideRequiredAsterisk?: boolean;
-    statusIcon?: boolean;
-    requireAsteriskPosition?: 'left' | 'right';
+//#region src/form-layout/types.d.ts
+interface IFormLayoutProps {
+  tag?: string;
+  colon?: boolean;
+  labelAlign?: 'right' | 'left' | ('right' | 'left')[];
+  wrapperAlign?: 'right' | 'left' | ('right' | 'left')[];
+  labelWrap?: boolean;
+  labelWidth?: number;
+  wrapperWidth?: number;
+  labelCol?: number | number[];
+  wrapperCol?: number | number[];
+  fullness?: boolean;
+  size?: 'small' | 'default' | 'large';
+  layout?: 'vertical' | 'horizontal' | 'inline' | ('vertical' | 'horizontal' | 'inline')[];
+  feedbackLayout?: 'loose' | 'terse' | 'popover';
+  tooltipLayout?: 'icon' | 'text';
+  breakpoints?: number[];
+  shallow?: boolean;
+  hideRequiredAsterisk?: boolean;
+  statusIcon?: boolean;
+  requireAsteriskPosition?: 'left' | 'right';
 }
+//#endregion
+export { IFormLayoutProps };
+//# sourceMappingURL=types.d.ts.map

package/esm/form-layout/utils.mjs

@@ -1,109 +1,83 @@
-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)
-      return r;
-  return -1;
+import { useResizeObserver } from "@vueuse/core";
+import { computed, inject, ref } from "vue";
+import { isArr, isValid } from "@formily/shared";
+//#region src/form-layout/utils.ts
+function calcBreakpointIndex(breakpoints, width) {
+	for (const [i, breakpoint] of breakpoints.entries()) if (width <= breakpoint) return i;
+	return -1;
 }
-function C(t, o) {
-  if (!Array.isArray(t) || t.length === 0)
-    return t;
-  const r = Math.max(-1, Math.min(o, t.length - 1));
-  return t.at(r);
+function calcFactor(value, breakpointIndex) {
+	if (!Array.isArray(value) || value.length === 0) return value;
+	const safeIndex = Math.max(-1, Math.min(breakpointIndex, value.length - 1));
+	return value.at(safeIndex);
 }
-function a(t, o) {
-  return u(t) ? C(t, o) : t;
+function factor(value, breakpointIndex) {
+	return isValid(value) ? calcFactor(value, breakpointIndex) : value;
 }
-function x(t, o) {
-  const { clientWidth: r } = t, {
-    breakpoints: e,
-    layout: c,
-    labelAlign: p,
-    wrapperAlign: f,
-    labelCol: m,
-    wrapperCol: y,
-    ...b
-  } = o, n = A(
-    e,
-    r
-  );
-  return {
-    layout: a(c, n),
-    labelAlign: a(p, n),
-    wrapperAlign: a(f, n),
-    labelCol: a(m, n),
-    wrapperCol: a(y, n),
-    ...b
-  };
+function calculateProps(target, props) {
+	const { clientWidth } = target;
+	const { breakpoints, layout, labelAlign, wrapperAlign, labelCol, wrapperCol, ...otherProps } = props;
+	const breakpointIndex = calcBreakpointIndex(breakpoints, clientWidth);
+	return {
+		layout: factor(layout, breakpointIndex),
+		labelAlign: factor(labelAlign, breakpointIndex),
+		wrapperAlign: factor(wrapperAlign, breakpointIndex),
+		labelCol: factor(labelCol, breakpointIndex),
+		wrapperCol: factor(wrapperCol, breakpointIndex),
+		...otherProps
+	};
 }
-function P(t, o) {
-  const { breakpoints: r } = t;
-  if (!L(r))
-    return {
-      props: i(t)
-    };
-  const e = i({});
-  return d(o, () => {
-    e.value = x(o.value, t);
-  }), {
-    props: e
-  };
+function useResponsiveFormLayout(props, root) {
+	const { breakpoints } = props;
+	if (!isArr(breakpoints)) return { props: ref(props) };
+	const layoutProps = ref({});
+	useResizeObserver(root, () => {
+		layoutProps.value = calculateProps(root.value, props);
+	});
+	return { props: layoutProps };
 }
-const s = /* @__PURE__ */ Symbol(
-  "formLayoutDeepContext"
-), w = /* @__PURE__ */ Symbol("formLayoutShallowContext"), k = /* @__PURE__ */ Symbol("formLayoutIdContext");
-function S() {
-  return l(s, i({}));
+const formLayoutDeepContext = Symbol("formLayoutDeepContext");
+const formLayoutShallowContext = Symbol("formLayoutShallowContext");
+const formLayoutIdContext = Symbol("formLayoutIdContext");
+function useFormDeepLayout() {
+	return inject(formLayoutDeepContext, ref({}));
 }
-function O() {
-  const t = l(w, i({})), o = l(s, i({}));
-  return h(() => ({
-    ...o.value,
-    ...t.value
-  }));
+function useFormLayout() {
+	const shallowLayout = inject(formLayoutShallowContext, ref({}));
+	const deepLayout = inject(formLayoutDeepContext, ref({}));
+	return computed(() => {
+		return {
+			...deepLayout.value,
+			...shallowLayout.value
+		};
+	});
 }
-function R() {
-  return l(k);
+function useFormLayoutId() {
+	return inject(formLayoutIdContext);
 }
-const W = [
-  "colon",
-  "labelAlign",
-  "wrapperAlign",
-  "labelWrap",
-  "labelWidth",
-  "wrapperWidth",
-  "labelCol",
-  "wrapperCol",
-  "fullness",
-  "size",
-  "layout",
-  "feedbackLayout",
-  "tooltipLayout",
-  "breakpoints",
-  "hideRequiredAsterisk",
-  "statusIcon",
-  "requireAsteriskPosition"
+const FORM_LAYOUT_PROPS_KEYS = [
+	"colon",
+	"labelAlign",
+	"wrapperAlign",
+	"labelWrap",
+	"labelWidth",
+	"wrapperWidth",
+	"labelCol",
+	"wrapperCol",
+	"fullness",
+	"size",
+	"layout",
+	"feedbackLayout",
+	"tooltipLayout",
+	"breakpoints",
+	"hideRequiredAsterisk",
+	"statusIcon",
+	"requireAsteriskPosition"
 ];
-function _(t) {
-  return Object.fromEntries(
-    Object.entries(t).filter(([o, r]) => u(r))
-  );
+function filterValidFormLayoutProps(props) {
+	return Object.fromEntries(Object.entries(props).filter(([_, value]) => isValid(value)));
 }
-export {
-  W as FORM_LAYOUT_PROPS_KEYS,
-  A as calcBreakpointIndex,
-  C as calcFactor,
-  x as calculateProps,
-  a as factor,
-  _ as filterValidFormLayoutProps,
-  s as formLayoutDeepContext,
-  k as formLayoutIdContext,
-  w as formLayoutShallowContext,
-  S as useFormDeepLayout,
-  O as useFormLayout,
-  R as useFormLayoutId,
-  P as useResponsiveFormLayout
-};
-//# sourceMappingURL=utils.mjs.map
+//#endregion
+export { FORM_LAYOUT_PROPS_KEYS, filterValidFormLayoutProps, formLayoutDeepContext, formLayoutIdContext, formLayoutShallowContext, useFormDeepLayout, useFormLayout, useFormLayoutId, useResponsiveFormLayout };
+
+//# sourceMappingURL=utils.mjs.map

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'\nimport type { IFormLayoutProps } from './types'\nimport { isArr, isValid } from '@formily/shared'\nimport { useResizeObserver } from '@vueuse/core'\nimport { computed, inject, ref } from 'vue'\n\nexport function calcBreakpointIndex(breakpoints: number[], width: number): number {\n  for (const [i, breakpoint] of breakpoints.entries()) {\n    if (width <= breakpoint) {\n      return i\n    }\n  }\n  return -1\n}\n\nexport function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T {\n  if (!Array.isArray(value) || value.length === 0) {\n    return value as T\n  }\n  const safeIndex = Math.max(-1, Math.min(breakpointIndex, value.length - 1))\n  return value.at(safeIndex)\n}\n\nexport function factor<T>(value: T | T[], breakpointIndex: number): T {\n  return isValid(value) ? calcFactor<T>(value, breakpointIndex) : value as T\n}\n\nexport function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps {\n  const { clientWidth } = target\n  const {\n    breakpoints,\n    layout,\n    labelAlign,\n    wrapperAlign,\n    labelCol,\n    wrapperCol,\n    ...otherProps\n  } = props\n  const breakpointIndex = calcBreakpointIndex(\n    breakpoints as number[],\n    clientWidth,\n  )\n\n  return {\n    layout: factor(layout, breakpointIndex),\n    labelAlign: factor(labelAlign, breakpointIndex),\n    wrapperAlign: factor(wrapperAlign, breakpointIndex),\n    labelCol: factor(labelCol, breakpointIndex),\n    wrapperCol: factor(wrapperCol, breakpointIndex),\n    ...otherProps,\n  }\n}\n\nexport function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>) {\n  const { breakpoints } = props\n  if (!isArr(breakpoints)) {\n    return {\n      props: ref(props),\n    }\n  }\n\n  const layoutProps = ref<IFormLayoutProps>({})\n\n  useResizeObserver(root, () => {\n    layoutProps.value = calculateProps(root.value, props)\n  })\n\n  return {\n    props: layoutProps,\n  }\n}\n\nexport const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>> = Symbol(\n  'formLayoutDeepContext',\n)\n\nexport const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>\n  = Symbol('formLayoutShallowContext')\n\nexport const formLayoutIdContext: InjectionKey<ComputedRef<string>>\n  = Symbol('formLayoutIdContext')\n\nexport function useFormDeepLayout(): Ref<IFormLayoutProps> {\n  return inject(formLayoutDeepContext, ref({}))\n}\n\nexport function useFormLayout(): Ref<IFormLayoutProps> {\n  const shallowLayout = inject(formLayoutShallowContext, ref({}))\n  const deepLayout = inject(formLayoutDeepContext, ref({}))\n\n  const formLayout = computed(() => {\n    return {\n      ...deepLayout.value,\n      ...shallowLayout.value,\n    }\n  })\n\n  return formLayout\n}\n\nexport function useFormLayoutId(): ComputedRef<string> {\n  return inject(formLayoutIdContext)\n}\n\nexport const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps> = [\n  'colon',\n  'labelAlign',\n  'wrapperAlign',\n  'labelWrap',\n  'labelWidth',\n  'wrapperWidth',\n  'labelCol',\n  'wrapperCol',\n  'fullness',\n  'size',\n  'layout',\n  'feedbackLayout',\n  'tooltipLayout',\n  'breakpoints',\n  'hideRequiredAsterisk',\n  'statusIcon',\n  'requireAsteriskPosition',\n] as const\n\nexport function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps {\n  return Object.fromEntries(\n    Object.entries(props)\n      .filter(([_, value]) => isValid(value)),\n  )\n}\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;"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../src/form-layout/utils.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue'\nimport type { IFormLayoutProps } from './types'\nimport { isArr, isValid } from '@formily/shared'\nimport { useResizeObserver } from '@vueuse/core'\nimport { computed, inject, ref } from 'vue'\n\nexport function calcBreakpointIndex(breakpoints: number[], width: number): number {\n  for (const [i, breakpoint] of breakpoints.entries()) {\n    if (width <= breakpoint) {\n      return i\n    }\n  }\n  return -1\n}\n\nexport function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T {\n  if (!Array.isArray(value) || value.length === 0) {\n    return value as T\n  }\n  const safeIndex = Math.max(-1, Math.min(breakpointIndex, value.length - 1))\n  return value.at(safeIndex)\n}\n\nexport function factor<T>(value: T | T[], breakpointIndex: number): T {\n  return isValid(value) ? calcFactor<T>(value, breakpointIndex) : value as T\n}\n\nexport function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps {\n  const { clientWidth } = target\n  const {\n    breakpoints,\n    layout,\n    labelAlign,\n    wrapperAlign,\n    labelCol,\n    wrapperCol,\n    ...otherProps\n  } = props\n  const breakpointIndex = calcBreakpointIndex(\n    breakpoints as number[],\n    clientWidth,\n  )\n\n  return {\n    layout: factor(layout, breakpointIndex),\n    labelAlign: factor(labelAlign, breakpointIndex),\n    wrapperAlign: factor(wrapperAlign, breakpointIndex),\n    labelCol: factor(labelCol, breakpointIndex),\n    wrapperCol: factor(wrapperCol, breakpointIndex),\n    ...otherProps,\n  }\n}\n\nexport function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>) {\n  const { breakpoints } = props\n  if (!isArr(breakpoints)) {\n    return {\n      props: ref(props),\n    }\n  }\n\n  const layoutProps = ref<IFormLayoutProps>({})\n\n  useResizeObserver(root, () => {\n    layoutProps.value = calculateProps(root.value, props)\n  })\n\n  return {\n    props: layoutProps,\n  }\n}\n\nexport const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>> = Symbol(\n  'formLayoutDeepContext',\n)\n\nexport const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>\n  = Symbol('formLayoutShallowContext')\n\nexport const formLayoutIdContext: InjectionKey<ComputedRef<string>>\n  = Symbol('formLayoutIdContext')\n\nexport function useFormDeepLayout(): Ref<IFormLayoutProps> {\n  return inject(formLayoutDeepContext, ref({}))\n}\n\nexport function useFormLayout(): Ref<IFormLayoutProps> {\n  const shallowLayout = inject(formLayoutShallowContext, ref({}))\n  const deepLayout = inject(formLayoutDeepContext, ref({}))\n\n  const formLayout = computed(() => {\n    return {\n      ...deepLayout.value,\n      ...shallowLayout.value,\n    }\n  })\n\n  return formLayout\n}\n\nexport function useFormLayoutId(): ComputedRef<string> {\n  return inject(formLayoutIdContext)\n}\n\nexport const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps> = [\n  'colon',\n  'labelAlign',\n  'wrapperAlign',\n  'labelWrap',\n  'labelWidth',\n  'wrapperWidth',\n  'labelCol',\n  'wrapperCol',\n  'fullness',\n  'size',\n  'layout',\n  'feedbackLayout',\n  'tooltipLayout',\n  'breakpoints',\n  'hideRequiredAsterisk',\n  'statusIcon',\n  'requireAsteriskPosition',\n] as const\n\nexport function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps {\n  return Object.fromEntries(\n    Object.entries(props)\n      .filter(([_, value]) => isValid(value)),\n  )\n}\n"],"mappings":";;;;AAMA,SAAgB,oBAAoB,aAAuB,OAAuB;AAChF,MAAK,MAAM,CAAC,GAAG,eAAe,YAAY,SAAS,CACjD,KAAI,SAAS,WACX,QAAO;AAGX,QAAO;;AAGT,SAAgB,WAAc,OAAyB,iBAA4B;AACjF,KAAI,CAAC,MAAM,QAAQ,MAAM,IAAI,MAAM,WAAW,EAC5C,QAAO;CAET,MAAM,YAAY,KAAK,IAAI,IAAI,KAAK,IAAI,iBAAiB,MAAM,SAAS,EAAE,CAAC;AAC3E,QAAO,MAAM,GAAG,UAAU;;AAG5B,SAAgB,OAAU,OAAgB,iBAA4B;AACpE,QAAO,QAAQ,MAAM,GAAG,WAAc,OAAO,gBAAgB,GAAG;;AAGlE,SAAgB,eAAe,QAAiB,OAA2C;CACzF,MAAM,EAAE,gBAAgB;CACxB,MAAM,EACJ,aACA,QACA,YACA,cACA,UACA,YACA,GAAG,eACD;CACJ,MAAM,kBAAkB,oBACtB,aACA,YACD;AAED,QAAO;EACL,QAAQ,OAAO,QAAQ,gBAAgB;EACvC,YAAY,OAAO,YAAY,gBAAgB;EAC/C,cAAc,OAAO,cAAc,gBAAgB;EACnD,UAAU,OAAO,UAAU,gBAAgB;EAC3C,YAAY,OAAO,YAAY,gBAAgB;EAC/C,GAAG;EACJ;;AAGH,SAAgB,wBAAwB,OAAyB,MAA+B;CAC9F,MAAM,EAAE,gBAAgB;AACxB,KAAI,CAAC,MAAM,YAAY,CACrB,QAAO,EACL,OAAO,IAAI,MAAM,EAClB;CAGH,MAAM,cAAc,IAAsB,EAAE,CAAC;AAE7C,mBAAkB,YAAY;AAC5B,cAAY,QAAQ,eAAe,KAAK,OAAO,MAAM;GACrD;AAEF,QAAO,EACL,OAAO,aACR;;AAGH,MAAa,wBAA6D,OACxE,wBACD;AAED,MAAa,2BACT,OAAO,2BAA2B;AAEtC,MAAa,sBACT,OAAO,sBAAsB;AAEjC,SAAgB,oBAA2C;AACzD,QAAO,OAAO,uBAAuB,IAAI,EAAE,CAAC,CAAC;;AAG/C,SAAgB,gBAAuC;CACrD,MAAM,gBAAgB,OAAO,0BAA0B,IAAI,EAAE,CAAC,CAAC;CAC/D,MAAM,aAAa,OAAO,uBAAuB,IAAI,EAAE,CAAC,CAAC;AASzD,QAPmB,eAAe;AAChC,SAAO;GACL,GAAG,WAAW;GACd,GAAG,cAAc;GAClB;GACD;;AAKJ,SAAgB,kBAAuC;AACrD,QAAO,OAAO,oBAAoB;;AAGpC,MAAa,yBAAgE;CAC3E;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,2BAA2B,OAA2C;AACpF,QAAO,OAAO,YACZ,OAAO,QAAQ,MAAM,CAClB,QAAQ,CAAC,GAAG,WAAW,QAAQ,MAAM,CAAC,CAC1C"}

package/esm/form-step/form-step-pane.mjs

@@ -0,0 +1,15 @@
+import export_helper_default from "../_virtual/_/plugin-vue/export-helper.mjs";
+import { defineComponent, renderSlot } from "vue";
+//#region src/form-step/form-step-pane.vue
+const _sfc_main = defineComponent({
+	name: "FFormStepPane",
+	inheritAttrs: false
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return renderSlot(_ctx.$slots, "default");
+}
+var form_step_pane_default = /* @__PURE__ */ export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
+export { form_step_pane_default as default };
+
+//# sourceMappingURL=form-step-pane.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-step-pane.mjs","names":[],"sources":["../../src/form-step/form-step-pane.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'FFormStepPane',\n  inheritAttrs: false,\n})\n</script>\n\n<template>\n  <slot />\n</template>\n"],"mappings":";;;AAGA,MAAK,YAAa,gBAAa;CAC7B,MAAM;CACN,cAAc;CACf,CAAA;;QAIC,WAAQ,KAAA,QAAA,UAAA"}

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

@@ -0,0 +1,63 @@
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import { createFormStep, parseSteps } from "./utils.mjs";
+import { ElStep, ElSteps } from "element-plus";
+import { useObserver } from "@silver-formily/reactive-vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { RecursionField, useField, useFieldSchema } from "@silver-formily/vue";
+import { isObj } from "@formily/shared";
+//#region src/form-step/form-step.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FFormStep",
+	inheritAttrs: false,
+	__name: "form-step",
+	props: {
+		formStep: { default: () => createFormStep() },
+		active: {}
+	},
+	setup(__props) {
+		const props = __props;
+		useObserver();
+		const field = useField().value;
+		const prefixCls = `${stylePrefix}-form-step`;
+		const steps = parseSteps(useFieldSchema().value);
+		props.formStep.connect?.(steps, field);
+		const current = computed(() => props.active ?? props.formStep?.current ?? 0);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(prefixCls) }, [createVNode(unref(ElSteps), mergeProps(_ctx.$attrs, {
+				active: current.value,
+				style: [{ marginBottom: "10px" }]
+			}), {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(steps), ({ props: stepProps, slots: stepSlots }, key) => {
+					return openBlock(), createBlock(unref(ElStep), mergeProps({ key }, { ref_for: true }, stepProps), createSlots({ _: 2 }, [
+						stepSlots?.title ? {
+							name: "title",
+							fn: withCtx(() => [unref(isObj)(stepSlots.title) ? (openBlock(), createBlock(resolveDynamicComponent(stepSlots.title), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(stepSlots.title), 1)], 64))]),
+							key: "0"
+						} : void 0,
+						stepSlots?.icon ? {
+							name: "icon",
+							fn: withCtx(() => [unref(isObj)(stepSlots.icon) ? (openBlock(), createBlock(resolveDynamicComponent(stepSlots.icon), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(stepSlots.icon), 1)], 64))]),
+							key: "1"
+						} : void 0,
+						stepSlots?.description ? {
+							name: "description",
+							fn: withCtx(() => [unref(isObj)(stepSlots.description) ? (openBlock(), createBlock(resolveDynamicComponent(stepSlots.description), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(stepSlots.description), 1)], 64))]),
+							key: "2"
+						} : void 0
+					]), 1040);
+				}), 128))]),
+				_: 1
+			}, 16, ["active"]), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(steps), ({ name, schema }, key) => {
+				return openBlock(), createElementBlock(Fragment, { key: name }, [key === current.value ? (openBlock(), createBlock(unref(RecursionField), {
+					key: 0,
+					name,
+					schema
+				}, null, 8, ["name", "schema"])) : createCommentVNode("v-if", true)], 64);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=form-step.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-step.mjs","names":["$attrs"],"sources":["../../src/form-step/form-step.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { VoidField } from '@formily/core'\nimport type { IFormStepProps } from './types'\nimport { isObj } from '@formily/shared'\nimport { useObserver } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElStep, ElSteps } from 'element-plus'\nimport { computed } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { createFormStep, parseSteps } from './utils'\n\ndefineOptions({\n  name: 'FFormStep',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IFormStepProps>(), {\n  formStep: () => createFormStep(),\n})\n\nuseObserver()\n\nconst field = useField<VoidField>().value\nconst prefixCls = `${stylePrefix}-form-step`\nconst fieldSchemaRef = useFieldSchema()\n\nconst steps = parseSteps(fieldSchemaRef.value)\n\nprops.formStep.connect?.(steps, field)\n\nconst current = computed(() => props.active ?? props.formStep?.current ?? 0)\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ElSteps\n      v-bind=\"$attrs\"\n      :active=\"current\"\n      :style=\"[{ marginBottom: '10px' }]\"\n    >\n      <ElStep\n        v-for=\"({ props: stepProps, slots: stepSlots }, key) of steps\"\n        :key=\"key\"\n        v-bind=\"stepProps\"\n      >\n        <template v-if=\"stepSlots?.title\" #title>\n          <template v-if=\"isObj(stepSlots.title)\">\n            <component :is=\"stepSlots.title\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.title }}\n          </template>\n        </template>\n        <template v-if=\"stepSlots?.icon\" #icon>\n          <template v-if=\"isObj(stepSlots.icon)\">\n            <component :is=\"stepSlots.icon\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.icon }}\n          </template>\n        </template>\n        <template v-if=\"stepSlots?.description\" #description>\n          <template v-if=\"isObj(stepSlots.description)\">\n            <component :is=\"stepSlots.description\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.description }}\n          </template>\n        </template>\n      </ElStep>\n    </ElSteps>\n\n    <template v-for=\"({ name, schema }, key) of steps\" :key=\"name\">\n      <RecursionField\n        v-if=\"key === current\"\n        :name=\"name\"\n        :schema=\"schema\"\n      />\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;AAId,eAAY;EAEZ,MAAM,QAAQ,UAAqB,CAAC;EACpC,MAAM,YAAY,GAAG,YAAY;EAGjC,MAAM,QAAQ,WAFS,gBAAe,CAEE,MAAK;AAE7C,QAAM,SAAS,UAAU,OAAO,MAAK;EAErC,MAAM,UAAU,eAAe,MAAM,UAAU,MAAM,UAAU,WAAW,EAAC;;uBAIzE,mBA6CM,OAAA,EA7CA,OAAK,eAAE,UAAS,EAAA,EAAA,CACpB,YAmCU,MAAA,QAAA,EAnCV,WACUA,KAkCA,QAlCM;IACb,QAAQ,QAAA;IACR,OAAO,CAAA,EAAA,cAAA,QAAA,CAA0B;;2BAG8B,EAAA,UAAA,KAAA,EADhE,mBA6BS,UAAA,MAAA,WA5BiD,MAAA,MAAK,GAAA,EAAA,OAA5C,WAAS,OAAS,aAAa,QAAG;yBADrD,YA6BS,MAAA,OAAA,EA7BT,WA6BS,EA3BD,KAAG,EAAA,EAAA,SAAA,MAAA,EACD,UAAS,EAAA,YAAA,EAAA,GAAA,GAAA,EAAA;MAED,WAAW,QAAA;aAAQ;yBAGtB,CAFK,MAAA,MAAK,CAAC,UAAU,MAAK,IAAA,WAAA,EACnC,YAAmC,wBAAnB,UAAU,MAAK,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAEjC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,UAAU,MAAK,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA;;;MAGN,WAAW,OAAA;aAAO;yBAGrB,CAFK,MAAA,MAAK,CAAC,UAAU,KAAI,IAAA,WAAA,EAClC,YAAkC,wBAAlB,UAAU,KAAI,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAEhC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,UAAU,KAAI,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA;;;MAGL,WAAW,cAAA;aAAc;yBAG5B,CAFK,MAAA,MAAK,CAAC,UAAU,YAAW,IAAA,WAAA,EACzC,YAAyC,wBAAzB,UAAU,YAAW,EAAA,EAAA,KAAA,GAAA,CAAA,KAAA,WAAA,EAEvC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,UAAU,YAAW,EAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA;;;;;;yCAMhC,mBAMW,UAAA,MAAA,WANiC,MAAA,MAAK,GAAA,EAA7B,MAAM,UAAU,QAAG;4DAAkB,MAAI,EAAA,CAEnD,QAAQ,QAAA,SAAA,WAAA,EADhB,YAIE,MAAA,eAAA,EAAA;;KAFO;KACE"}

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

@@ -1,24 +1,30 @@
-import { createFormStep } from './utils';
-export declare const FormStep: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        formStep: import('./types').IFormStep;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('./types').IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, {
-        formStep: import('./types').IFormStep;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./types').IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    formStep: import('./types').IFormStep;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
-    StepPane: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    createFormStep: typeof createFormStep;
+import { createFormStep } from "./utils.js";
+import { IFormStep, IFormStepProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/form-step/index.d.ts
+declare const FormStep: {
+  new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
+    formStep: IFormStep;
+  }, true, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+  }, Readonly<IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, {
+    formStep: IFormStep;
+  }>;
+  __isFragment?: never;
+  __isTeleport?: never;
+  __isSuspense?: never;
+} & _$vue.ComponentOptionsBase<Readonly<IFormStepProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
+  formStep: IFormStep;
+}, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & {
+  StepPane: _$vue.DefineComponent<{}, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
+  createFormStep: typeof createFormStep;
 };
-export default FormStep;
+//#endregion
+export { FormStep };
+//# sourceMappingURL=index.d.ts.map

package/esm/form-step/index.mjs

@@ -1,95 +1,13 @@
-import { ElSteps as g, ElStep as P } from "element-plus";
-import "@formily/reactive";
-import "@vueuse/core";
-import { defineComponent as $, renderSlot as B, computed as E, openBlock as r, createElementBlock as o, normalizeClass as N, createVNode as O, unref as t, mergeProps as h, withCtx as u, Fragment as c, renderList as x, createBlock as a, createSlots as V, resolveDynamicComponent as _, createTextVNode as v, toDisplayString as y, createCommentVNode as b } from "vue";
-import "@formily/core";
-import { useObserver as A } from "@silver-formily/reactive-vue";
-import { useField as D, useFieldSchema as R, RecursionField as j } from "@silver-formily/vue";
-import { composeExport as w } from "../__builtins__/shared/utils.mjs";
-import { isObj as k } from "@formily/shared";
-import { stylePrefix as z } from "../__builtins__/configs/index.mjs";
-import { parseSteps as L, createFormStep as C } from "./utils.mjs";
-const T = $({
-  name: "FFormStepPane",
-  inheritAttrs: !1
-}), q = (n, i) => {
-  const m = n.__vccOpts || n;
-  for (const [p, s] of i)
-    m[p] = s;
-  return m;
-};
-function G(n, i, m, p, s, f) {
-  return B(n.$slots, "default");
-}
-const H = /* @__PURE__ */ q(T, [["render", G]]), I = /* @__PURE__ */ $({
-  name: "FFormStep",
-  inheritAttrs: !1,
-  __name: "form-step",
-  props: {
-    formStep: { default: () => C() },
-    active: {}
-  },
-  setup(n) {
-    const i = n;
-    A();
-    const m = D().value, p = `${z}-form-step`, s = R(), f = L(s.value);
-    i.formStep.connect?.(f, m);
-    const F = E(() => i.active ?? i.formStep?.current ?? 0);
-    return (S, J) => (r(), o("div", {
-      class: N(p)
-    }, [
-      O(t(g), h(S.$attrs, {
-        active: F.value,
-        style: [{ marginBottom: "10px" }]
-      }), {
-        default: u(() => [
-          (r(!0), o(c, null, x(t(f), ({ props: l, slots: e }, d) => (r(), a(t(P), h({ key: d }, { ref_for: !0 }, l), V({ _: 2 }, [
-            e?.title ? {
-              name: "title",
-              fn: u(() => [
-                t(k)(e.title) ? (r(), a(_(e.title), { key: 0 })) : (r(), o(c, { key: 1 }, [
-                  v(y(e.title), 1)
-                ], 64))
-              ]),
-              key: "0"
-            } : void 0,
-            e?.icon ? {
-              name: "icon",
-              fn: u(() => [
-                t(k)(e.icon) ? (r(), a(_(e.icon), { key: 0 })) : (r(), o(c, { key: 1 }, [
-                  v(y(e.icon), 1)
-                ], 64))
-              ]),
-              key: "1"
-            } : void 0,
-            e?.description ? {
-              name: "description",
-              fn: u(() => [
-                t(k)(e.description) ? (r(), a(_(e.description), { key: 0 })) : (r(), o(c, { key: 1 }, [
-                  v(y(e.description), 1)
-                ], 64))
-              ]),
-              key: "2"
-            } : void 0
-          ]), 1040))), 128))
-        ]),
-        _: 1
-      }, 16, ["active"]),
-      (r(!0), o(c, null, x(t(f), ({ name: l, schema: e }, d) => (r(), o(c, { key: l }, [
-        d === F.value ? (r(), a(t(j), {
-          key: 0,
-          name: l,
-          schema: e
-        }, null, 8, ["name", "schema"])) : b("", !0)
-      ], 64))), 128))
-    ]));
-  }
-}), oe = w(I, {
-  StepPane: H,
-  createFormStep: C
+import { composeExport } from "../__builtins__/shared/utils.mjs";
+import form_step_pane_default from "./form-step-pane.mjs";
+import { createFormStep } from "./utils.mjs";
+import _sfc_main from "./form-step.mjs";
+//#region src/form-step/index.ts
+const FormStep = composeExport(_sfc_main, {
+	StepPane: form_step_pane_default,
+	createFormStep
 });
-export {
-  oe as FormStep,
-  oe as default
-};
-//# sourceMappingURL=index.mjs.map
+//#endregion
+export { FormStep as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-step/form-step-pane.vue","../../src/form-step/form-step.vue","../../src/form-step/index.ts"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'FFormStepPane',\n  inheritAttrs: false,\n})\n</script>\n\n<template>\n  <slot />\n</template>\n","<script setup lang=\"ts\">\nimport type { VoidField } from '@formily/core'\nimport type { IFormStepProps } from './types'\nimport { isObj } from '@formily/shared'\nimport { useObserver } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\nimport { ElStep, ElSteps } from 'element-plus'\nimport { computed } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { createFormStep, parseSteps } from './utils'\n\ndefineOptions({\n  name: 'FFormStep',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IFormStepProps>(), {\n  formStep: () => createFormStep(),\n})\n\nuseObserver()\n\nconst field = useField<VoidField>().value\nconst prefixCls = `${stylePrefix}-form-step`\nconst fieldSchemaRef = useFieldSchema()\n\nconst steps = parseSteps(fieldSchemaRef.value)\n\nprops.formStep.connect?.(steps, field)\n\nconst current = computed(() => props.active ?? props.formStep?.current ?? 0)\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ElSteps\n      v-bind=\"$attrs\"\n      :active=\"current\"\n      :style=\"[{ marginBottom: '10px' }]\"\n    >\n      <ElStep\n        v-for=\"({ props: stepProps, slots: stepSlots }, key) of steps\"\n        :key=\"key\"\n        v-bind=\"stepProps\"\n      >\n        <template v-if=\"stepSlots?.title\" #title>\n          <template v-if=\"isObj(stepSlots.title)\">\n            <component :is=\"stepSlots.title\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.title }}\n          </template>\n        </template>\n        <template v-if=\"stepSlots?.icon\" #icon>\n          <template v-if=\"isObj(stepSlots.icon)\">\n            <component :is=\"stepSlots.icon\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.icon }}\n          </template>\n        </template>\n        <template v-if=\"stepSlots?.description\" #description>\n          <template v-if=\"isObj(stepSlots.description)\">\n            <component :is=\"stepSlots.description\" />\n          </template>\n          <template v-else>\n            {{ stepSlots.description }}\n          </template>\n        </template>\n      </ElStep>\n    </ElSteps>\n\n    <template v-for=\"({ name, schema }, key) of steps\" :key=\"name\">\n      <RecursionField\n        v-if=\"key === current\"\n        :name=\"name\"\n        :schema=\"schema\"\n      />\n    </template>\n  </div>\n</template>\n","import { composeExport } from '../__builtins__'\nimport FFormStepPane from './form-step-pane.vue'\nimport FFormStep from './form-step.vue'\nimport { createFormStep } from './utils'\n\nexport const FormStep = composeExport(FFormStep, {\n  StepPane: FFormStepPane,\n  createFormStep,\n})\n\nexport default FormStep\n"],"names":["_sfc_main$1","defineComponent","_renderSlot","_ctx","props","__props","useObserver","field","useField","prefixCls","stylePrefix","fieldSchemaRef","useFieldSchema","steps","parseSteps","current","computed","_createElementBlock","_createVNode","_unref","ElSteps","_mergeProps","_openBlock","_Fragment","stepProps","stepSlots","key","_createBlock","_createSlots","isObj","_resolveDynamicComponent","_createTextVNode","_toDisplayString","name","schema","RecursionField","FormStep","composeExport","FFormStep","FFormStepPane","createFormStep"],"mappings":";;;;;;;;;;;AAGA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;;;;;SAICC,EAAQC,EAAA,QAAA,SAAA;;;;;;;;;;;ACMV,UAAMC,IAAQC;AAId,IAAAC,EAAA;AAEA,UAAMC,IAAQC,IAAsB,OAC9BC,IAAY,GAAGC,CAAW,cAC1BC,IAAiBC,EAAA,GAEjBC,IAAQC,EAAWH,EAAe,KAAK;AAE7C,IAAAP,EAAM,SAAS,UAAUS,GAAON,CAAK;AAErC,UAAMQ,IAAUC,EAAS,MAAMZ,EAAM,UAAUA,EAAM,UAAU,WAAW,CAAC;2BAIzEa,EA6CM,OAAA;AAAA,MA7CA,SAAOR,CAAS;AAAA,IAAA;MACpBS,EAmCUC,EAAAC,CAAA,GAnCVC,EAmCUlB,EAAA,QAlCM;AAAA,QACb,QAAQY,EAAA;AAAA,QACR,OAAO,CAAA,EAAA,cAAA,QAAA;AAAA,MAAA;mBAGN,MAA8D;AAAA,WADhEO,EAAA,EAAA,GAAAL,EA6BSM,WA5BiDJ,EAAAN,CAAA,GAAK,CAAA,EAAA,OAA5CW,GAAS,OAASC,EAAA,GAAaC,OADlDJ,EAAA,GAAAK,EA6BSR,MA7BTE,EA6BS,EA3BN,KAAAK,EAAA,oBACOF,CAAS,GAAAI,EAAA,EAAA,GAAA,KAAA;AAAA,YAEDH,GAAW;oBAAQ;AAAA,oBACjC,MAEW;AAAA,gBAFKN,EAAAU,CAAA,EAAMJ,EAAU,KAAK,UACnCE,EAAmCG,EAAnBL,EAAU,KAAK,GAAA,EAAA,KAAA,EAAA,CAAA,WAEjCR,EAEWM,GAAA,EAAA,KAAA,KAAA;AAAA,kBADNQ,EAAAC,EAAAP,EAAU,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;YAGNA,GAAW;oBAAO;AAAA,oBAChC,MAEW;AAAA,gBAFKN,EAAAU,CAAA,EAAMJ,EAAU,IAAI,UAClCE,EAAkCG,EAAlBL,EAAU,IAAI,GAAA,EAAA,KAAA,EAAA,CAAA,WAEhCR,EAEWM,GAAA,EAAA,KAAA,KAAA;AAAA,kBADNQ,EAAAC,EAAAP,EAAU,IAAI,GAAA,CAAA;AAAA,gBAAA;;;;YAGLA,GAAW;oBAAc;AAAA,oBACvC,MAEW;AAAA,gBAFKN,EAAAU,CAAA,EAAMJ,EAAU,WAAW,UACzCE,EAAyCG,EAAzBL,EAAU,WAAW,GAAA,EAAA,KAAA,EAAA,CAAA,WAEvCR,EAEWM,GAAA,EAAA,KAAA,KAAA;AAAA,kBADNQ,EAAAC,EAAAP,EAAU,WAAW,GAAA,CAAA;AAAA,gBAAA;;;;;;;;OAMhCH,EAAA,EAAA,GAAAL,EAMWM,WANiCJ,EAAAN,CAAA,GAAK,CAAA,EAA7B,MAAAoB,GAAM,QAAAC,EAAA,GAAUR,wBAAqBO,KAAI;AAAA,QAEnDP,MAAQX,EAAA,cADhBY,EAIER,EAAAgB,CAAA,GAAA;AAAA;UAFC,MAAAF;AAAA,UACA,QAAAC;AAAA,QAAA;;;;ICvEIE,KAAWC,EAAcC,GAAW;AAAA,EAC/C,UAAUC;AAAA,EACV,gBAAAC;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","names":["FFormStep","FFormStepPane"],"sources":["../../src/form-step/index.ts"],"sourcesContent":["import { composeExport } from '../__builtins__'\nimport FFormStepPane from './form-step-pane.vue'\nimport FFormStep from './form-step.vue'\nimport { createFormStep } from './utils'\n\nexport const FormStep = composeExport(FFormStep, {\n  StepPane: FFormStepPane,\n  createFormStep,\n})\n\nexport default FormStep\n"],"mappings":";;;;;AAKA,MAAa,WAAW,cAAcA,WAAW;CAC/C,UAAUC;CACV;CACD,CAAC"}

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

@@ -1,21 +1,21 @@
-import { Form, VoidField } from '@formily/core';
-import { SchemaStep } from './utils';
-export interface IFormStep {
-    connect: (steps: SchemaStep[], field: VoidField) => void;
-    current: number;
-    allowNext: boolean;
-    allowBack: boolean;
-    setCurrent: (key: number) => void;
-    submit: Form['submit'];
-    next: () => void;
-    back: () => void;
+import { SchemaStep } from "./utils.js";
+import { Form, VoidField } from "@formily/core";
+
+//#region src/form-step/types.d.ts
+interface IFormStep {
+  connect: (steps: SchemaStep[], field: VoidField) => void;
+  current: number;
+  allowNext: boolean;
+  allowBack: boolean;
+  setCurrent: (key: number) => void;
+  submit: Form['submit'];
+  next: () => void;
+  back: () => void;
 }
-export interface IFormStepProps {
-    formStep?: IFormStep;
-    active?: number;
-}
-export interface FormStepEnv {
-    form: Form;
-    field: VoidField;
-    steps: SchemaStep[];
+interface IFormStepProps {
+  formStep?: IFormStep;
+  active?: number;
 }
+//#endregion
+export { IFormStep, IFormStepProps };
+//# sourceMappingURL=types.d.ts.map