@silver-formily/element-plus 0.0.1-beta.0 → 1.0.1

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

@@ -0,0 +1,57 @@
+import { InjectionKey, Ref } from 'vue';
+import { IFormLayoutProps } from './types';
+export declare function calcBreakpointIndex(breakpoints: number[], width: number): number;
+export declare function calcFactor<T>(value: T | readonly T[], breakpointIndex: number): T;
+export declare function factor<T>(value: T | T[], breakpointIndex: number): T;
+export declare function calculateProps(target: Element, props: IFormLayoutProps): IFormLayoutProps;
+export declare function useResponsiveFormLayout(props: IFormLayoutProps, root: Ref<HTMLElement | null>): {
+    props: Ref<{
+        tag?: string;
+        colon?: boolean;
+        labelAlign?: "right" | "left" | ("right" | "left")[];
+        wrapperAlign?: "right" | "left" | ("right" | "left")[];
+        labelWrap?: boolean;
+        labelWidth?: number;
+        wrapperWidth?: number;
+        wrapperWrap?: boolean;
+        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";
+    }, IFormLayoutProps | {
+        tag?: string;
+        colon?: boolean;
+        labelAlign?: "right" | "left" | ("right" | "left")[];
+        wrapperAlign?: "right" | "left" | ("right" | "left")[];
+        labelWrap?: boolean;
+        labelWidth?: number;
+        wrapperWidth?: number;
+        wrapperWrap?: boolean;
+        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 declare const formLayoutDeepContext: InjectionKey<Ref<IFormLayoutProps>>;
+export declare const formLayoutShallowContext: InjectionKey<Ref<IFormLayoutProps>>;
+export declare function useFormDeepLayout(): Ref<IFormLayoutProps>;
+export declare function useFormLayout(): Ref<IFormLayoutProps>;
+export declare const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps>;
+export declare function filterValidFormLayoutProps(props: IFormLayoutProps): IFormLayoutProps;

package/esm/form-layout/utils.mjs

@@ -0,0 +1,109 @@
+import { isArr as L, isValid as u } from "@formily/shared";
+import { inject as l, ref as i, computed as d } from "vue";
+import { useResizeObserver as h } from "../__builtins__/shared/hooks.mjs";
+import "element-plus";
+import "@formily/reactive";
+import "@formily/core";
+import "@formily/reactive-vue";
+import "@formily/vue";
+function w(t, o) {
+  for (const [r, e] of t.entries())
+    if (o <= e)
+      return r;
+  return -1;
+}
+function A(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 a(t, o) {
+  return u(t) ? A(t, o) : t;
+}
+function C(t, o) {
+  const { clientWidth: r } = t, {
+    breakpoints: e,
+    layout: s,
+    labelAlign: c,
+    wrapperAlign: f,
+    labelCol: m,
+    wrapperCol: y,
+    ...b
+  } = o, n = w(
+    e,
+    r
+  );
+  return {
+    layout: a(s, n),
+    labelAlign: a(c, n),
+    wrapperAlign: a(f, n),
+    labelCol: a(m, n),
+    wrapperCol: a(y, n),
+    ...b
+  };
+}
+function I(t, o) {
+  const { breakpoints: r } = t;
+  if (!L(r))
+    return {
+      props: i(t)
+    };
+  const e = i({});
+  return h(o, () => {
+    e.value = C(o.value, t);
+  }), {
+    props: e
+  };
+}
+const p = Symbol(
+  "formLayoutDeepContext"
+), x = Symbol("formLayoutShallowContext");
+function _() {
+  return l(p, i({}));
+}
+function j() {
+  const t = l(x, i({})), o = l(p, i({}));
+  return d(() => ({
+    ...o.value,
+    ...t.value
+  }));
+}
+const D = [
+  "colon",
+  "labelAlign",
+  "wrapperAlign",
+  "labelWrap",
+  "labelWidth",
+  "wrapperWidth",
+  "wrapperWrap",
+  "labelCol",
+  "wrapperCol",
+  "fullness",
+  "size",
+  "layout",
+  "feedbackLayout",
+  "tooltipLayout",
+  "breakpoints",
+  "hideRequiredAsterisk",
+  "statusIcon"
+];
+function M(t) {
+  return Object.fromEntries(
+    Object.entries(t).filter(([o, r]) => u(r))
+  );
+}
+export {
+  D as FORM_LAYOUT_PROPS_KEYS,
+  w as calcBreakpointIndex,
+  A as calcFactor,
+  C as calculateProps,
+  a as factor,
+  M as filterValidFormLayoutProps,
+  p as formLayoutDeepContext,
+  x as formLayoutShallowContext,
+  _ as useFormDeepLayout,
+  j as useFormLayout,
+  I as useResponsiveFormLayout
+};
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../src/form-layout/utils.ts"],"sourcesContent":["import type { InjectionKey, Ref } from 'vue'\nimport type { IFormLayoutProps } from './types'\nimport { isArr, isValid } from '@formily/shared'\nimport { computed, inject, ref } from 'vue'\nimport { useResizeObserver } from '../__builtins__'\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 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 const FORM_LAYOUT_PROPS_KEYS: ReadonlyArray<keyof IFormLayoutProps> = [\n  'colon',\n  'labelAlign',\n  'wrapperAlign',\n  'labelWrap',\n  'labelWidth',\n  'wrapperWidth',\n  'wrapperWrap',\n  'labelCol',\n  'wrapperCol',\n  'fullness',\n  'size',\n  'layout',\n  'feedbackLayout',\n  'tooltipLayout',\n  'breakpoints',\n  'hideRequiredAsterisk',\n  'statusIcon',\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","useFormDeepLayout","inject","useFormLayout","shallowLayout","deepLayout","computed","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;AAE9B,SAASC,IAA2C;AACzD,SAAOC,EAAOH,GAAuBH,EAAI,CAAA,CAAE,CAAC;AAC9C;AAEO,SAASO,IAAuC;AACrD,QAAMC,IAAgBF,EAAOF,GAA0BJ,EAAI,CAAA,CAAE,CAAC,GACxDS,IAAaH,EAAOH,GAAuBH,EAAI,CAAA,CAAE,CAAC;AASxD,SAPmBU,EAAS,OACnB;AAAA,IACL,GAAGD,EAAW;AAAA,IACd,GAAGD,EAAc;AAAA,EAAA,EAEpB;AAGH;AAEO,MAAMG,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,EAA2BvB,GAA2C;AACpF,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQA,CAAK,EACjB,OAAO,CAAC,CAACwB,GAAG/B,CAAK,MAAMI,EAAQJ,CAAK,CAAC;AAAA,EAAA;AAE5C;"}

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import { IFormStepProps } from './types';
+declare const _default: import('vue').DefineComponent<IFormStepProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IFormStepProps> & Readonly<{}>, {
+    formStep: import('./types').IFormStep;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,24 @@
+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;
+};
+export default FormStep;

package/esm/form-step/index.mjs

@@ -0,0 +1,92 @@
+import { observer as g } from "@formily/reactive-vue";
+import { defineComponent as $, renderSlot as P, computed as B, createElementBlock as o, openBlock as r, normalizeClass as E, createVNode as N, 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 { ElSteps as A, ElStep as D } from "element-plus";
+import "@formily/reactive";
+import "@formily/core";
+import { useField as O, useFieldSchema as R, RecursionField as j } from "@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 { createFormStep as S, parseSteps as I } from "./utils.mjs";
+const L = $({
+  name: "FFormStepPane",
+  inheritAttrs: !1
+}), T = (n, i) => {
+  const m = n.__vccOpts || n;
+  for (const [p, s] of i)
+    m[p] = s;
+  return m;
+};
+function q(n, i, m, p, s, f) {
+  return P(n.$slots, "default");
+}
+const G = /* @__PURE__ */ T(L, [["render", q]]), H = /* @__PURE__ */ $({
+  name: "FFormStep",
+  inheritAttrs: !1,
+  __name: "form-step",
+  props: {
+    formStep: { default: () => S() },
+    active: null
+  },
+  setup(n) {
+    const i = n, m = O().value, p = `${z}-form-step`, s = R(), f = I(s.value);
+    i.formStep.connect?.(f, m);
+    const F = B(() => i.active ?? i.formStep?.current ?? 0);
+    return (C, K) => (r(), o("div", {
+      class: E(p)
+    }, [
+      N(t(A), h(C.$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(D), 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))
+    ]));
+  }
+}), J = g(H), oe = w(J, {
+  StepPane: G,
+  createFormStep: S
+});
+export {
+  oe as FormStep,
+  oe as default
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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 { RecursionField, useField, useFieldSchema } from '@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 = defineProps({\n  formStep: { default: () => createFormStep() },\n  active: null\n})\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 { observer } from '@formily/reactive-vue'\nimport { composeExport } from '../__builtins__'\nimport FFormStepPane from './form-step-pane.vue'\nimport FFormStep from './form-step.vue'\nimport { createFormStep } from './utils'\n\nconst FormStepInner = observer(FFormStep)\n\nexport const FormStep = composeExport(FormStepInner, {\n  StepPane: FFormStepPane,\n  createFormStep,\n})\n\nexport default FormStep\n"],"names":["_sfc_main$1","defineComponent","_renderSlot","_ctx","props","__props","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","FormStepInner","observer","FFormStep","FormStep","composeExport","FFormStepPane","createFormStep"],"mappings":";;;;;;;;;;AAGA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;;;;;;;SAICC,EAAQC,EAAA,QAAA,SAAA;;;;;;;;;;;ACKV,UAAMC,IAAQC,GAKRC,IAAQC,IAAsB,OAC9BC,IAAY,GAAGC,CAAW,cAC1BC,IAAiBC,EAAA,GAEjBC,IAAQC,EAAWH,EAAe,KAAK;AAE7C,IAAAN,EAAM,SAAS,UAAUQ,GAAON,CAAK;AAErC,UAAMQ,IAAUC,EAAS,MAAMX,EAAM,UAAUA,EAAM,UAAU,WAAW,CAAC;2BAIzEY,EA6CM,OAAA;AAAA,MA7CA,SAAOR,CAAS;AAAA,IAAA;MACpBS,EAmCUC,EAAAC,CAAA,GAnCVC,EAmCUjB,EAAA,QAlCM;AAAA,QACb,QAAQW,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,oBAArC,MAEW;AAAA,gBADSN,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,oBAApC,MAEW;AAAA,gBADSN,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,oBAA3C,MAEW;AAAA,gBADSN,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;;;;ICpEHE,IAAgBC,EAASC,CAAS,GAE3BC,KAAWC,EAAcJ,GAAe;AAAA,EACnD,UAAUK;AAAA,EACV,gBAAAC;AACF,CAAC;"}

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

@@ -0,0 +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;
+}
+export interface IFormStepProps {
+    formStep?: IFormStep;
+    active?: number;
+}
+export interface FormStepEnv {
+    form: Form;
+    field: VoidField;
+    steps: SchemaStep[];
+}

package/esm/form-step/types.mjs

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

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

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

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

@@ -0,0 +1,11 @@
+import { Schema, SchemaKey } from '@formily/json-schema';
+import { Slots } from 'vue';
+import { IFormStep } from './types';
+export interface SchemaStep {
+    name: SchemaKey;
+    props: any;
+    schema: Schema;
+    slots: Slots;
+}
+export declare function createFormStep(defaultCurrent?: number): IFormStep;
+export declare function parseSteps(schema: Schema): SchemaStep[];

package/esm/form-step/utils.mjs

@@ -0,0 +1,64 @@
+import { observable as i, action as c, model as f } from "@formily/reactive";
+function d(o = 0) {
+  const e = i({
+    form: null,
+    field: null,
+    steps: []
+  }), r = c.bound((n) => {
+    const s = e.steps[n];
+    for (const { name: u } of e.steps)
+      e.form.query(`${e.field.address}.${u}`).take((a) => {
+        u === s.name ? a.setDisplay("visible") : a.setDisplay("hidden");
+      });
+  }), t = f({
+    connect(n, s) {
+      e.steps = n, e.form = s?.form, e.field = s;
+    },
+    current: o,
+    setCurrent(n) {
+      t.current = n;
+    },
+    get allowNext() {
+      return t.current < e.steps.length - 1;
+    },
+    get allowBack() {
+      return t.current > 0;
+    },
+    async next() {
+      try {
+        await e.form.validate(), p();
+      } catch {
+      }
+    },
+    async back() {
+      l();
+    },
+    async submit(n) {
+      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;
+}
+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"],
+      schema: r,
+      slots: r["x-content"]
+    });
+  }), e;
+}
+export {
+  d as createFormStep,
+  b as parseSteps
+};
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../src/form-step/utils.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\nimport type { Slots } from 'vue'\nimport type { FormStepEnv, IFormStep } from './types'\nimport { action, model, observable } from '@formily/reactive'\n\nexport interface SchemaStep {\n  name: SchemaKey\n  props: any\n  schema: Schema\n  slots: Slots\n}\n\nexport function createFormStep(defaultCurrent = 0): IFormStep {\n  const env: FormStepEnv = observable({\n    form: null,\n    field: null,\n    steps: [],\n  })\n\n  const setDisplay = action.bound((target: number) => {\n    const currentStep = env.steps[target]\n    for (const { name } of env.steps) {\n      env.form.query(`${env.field.address}.${name}`).take((field) => {\n        if (name === currentStep.name) {\n          field.setDisplay('visible')\n        }\n        else {\n          field.setDisplay('hidden')\n        }\n      })\n    }\n  })\n\n  const formStep: IFormStep = model({\n    connect(steps, field) {\n      env.steps = steps\n      env.form = field?.form\n      env.field = field\n    },\n    current: defaultCurrent,\n    setCurrent(key: number) {\n      formStep.current = key\n    },\n    get allowNext() {\n      return formStep.current < env.steps.length - 1\n    },\n    get allowBack() {\n      return formStep.current > 0\n    },\n    async next() {\n      try {\n        await env.form.validate()\n        // eslint-disable-next-line ts/no-use-before-define\n        next()\n      }\n      catch {}\n    },\n    async back() {\n      // eslint-disable-next-line ts/no-use-before-define\n      back()\n    },\n    async submit(onSubmit) {\n      return env.form?.submit?.(onSubmit)\n    },\n  })\n\n  const next = action.bound(() => {\n    /* istanbul ignore else -- @preserve */\n    if (formStep.allowNext) {\n      setDisplay(formStep.current + 1)\n      formStep.setCurrent(formStep.current + 1)\n    }\n  })\n\n  const back = action.bound(() => {\n    /* istanbul ignore else -- @preserve */\n    if (formStep.allowBack) {\n      setDisplay(formStep.current - 1)\n      formStep.setCurrent(formStep.current - 1)\n    }\n  })\n  return formStep\n}\n\nexport function parseSteps(schema: Schema) {\n  const steps: SchemaStep[] = []\n  schema.mapProperties((schema, name) => {\n    /* istanbul ignore else -- @preserve */\n    if (schema['x-component']?.indexOf('StepPane') > -1) {\n      steps.push({\n        name,\n        props: schema['x-component-props'],\n        schema,\n        slots: schema['x-content'],\n      })\n    }\n  })\n  return steps\n}\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;"}

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

@@ -0,0 +1,7 @@
+import { IFormTabProps } from './types.ts';
+declare const _default: import('vue').DefineComponent<IFormTabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<IFormTabProps> & Readonly<{
+    onInput?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

package/esm/form-tab/hooks.mjs

@@ -0,0 +1,24 @@
+import { observable as n, reaction as i } from "@formily/reactive";
+import { useField as p, useFieldSchema as l } from "@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;
+}
+export {
+  m as useTabs
+};
+//# sourceMappingURL=hooks.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","sources":["../../src/form-tab/hooks.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\nimport { observable, reaction } from '@formily/reactive'\nimport { useField, useFieldSchema } from '@formily/vue'\n\nexport type Tabs = { name: SchemaKey, props: any, schema: Schema }[]\n\nexport function useTabs() {\n  const tabsField = useField()\n  const schema = useFieldSchema()\n  const tabs: Tabs = observable([])\n  reaction(() => {\n    const tabDisplayStatus = schema.value?.mapProperties((schema, name) => {\n      const field = tabsField.value\n        .query(tabsField.value.address.concat(name))\n        .take()\n      return field?.display\n    })\n    return tabDisplayStatus\n  }, () => {\n    tabs.length = 0\n    schema.value?.mapProperties((schema, name) => {\n      const field = tabsField.value\n        .query(tabsField.value.address.concat(name))\n        .take()\n      if (field?.display === 'none' || field?.display === 'hidden')\n        return\n\n      if (schema['x-component']?.indexOf('TabPane') > -1) {\n        tabs.push({\n          name,\n          props: {\n            name: schema?.['x-component-props']?.name || name,\n            ...schema?.['x-component-props'],\n          },\n          schema,\n        })\n      }\n    })\n  }, {\n    fireImmediately: true,\n  })\n\n  return tabs\n}\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;"}

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

@@ -0,0 +1,28 @@
+import { createFormTab } from './utils';
+export declare const composeFormTab: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./types').IFormTabProps> & Readonly<{
+        onInput?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./types').IFormTabProps> & Readonly<{
+        onInput?: (...args: any[]) => any;
+    }>, {}, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./types').IFormTabProps> & Readonly<{
+    onInput?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (...args: any[]) => void;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    createFormTab: typeof createFormTab;
+};
+export { composeFormTab as FormTab };
+export default composeFormTab;

package/esm/form-tab/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/form-tab/form-tab.vue","../../src/form-tab/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { IFormTabProps } from './types.ts'\nimport { observable, reaction } from '@formily/reactive'\nimport { RecursionField, useField } from '@formily/vue'\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\nimport { computed, ref, watch } from 'vue'\nimport { stylePrefix } from '../__builtins__'\nimport { useTabs } from './hooks'\nimport { createFormTab } from './utils'\n\ndefineOptions({\n  name: 'FFormTab',\n})\n\nconst props = defineProps({\n  formTab: null,\n  value: null\n})\nconst emit = defineEmits(['input'])\n\nconst field = useField()\nconst prefixCls = `${stylePrefix}-form-tab`\nconst formTabRef = computed(() => props.formTab ?? createFormTab())\nconst tabs = useTabs()\nconst _activeKey = ref(props?.value ?? formTabRef.value.activeKey ?? tabs?.[0]?.name)\n\nreaction(() => {\n  return tabs.length\n}, () => {\n  !tabs.some(tab => tab.name === _activeKey.value) && (_activeKey.value = tabs?.[0]?.name)\n}, {\n  fireImmediately: true,\n})\nwatch(() => formTabRef.value.activeKey, (val) => {\n  _activeKey.value = val\n})\n\nconst errorList = observable.computed(() => {\n  return tabs.map((tab) => {\n    return field.value.form.queryFeedbacks({\n      type: 'error',\n      address: `${field.value.address}.${tab.name}.*`,\n    }).length\n  })\n})\n\nfunction handleTabChange(key: string) {\n  /* istanbul ignore if -- @preserve */\n  if (typeof key !== 'string')\n    return\n  emit('input', key)\n  formTabRef.value.setActiveKey?.(key)\n}\n</script>\n\n<template>\n  <ElTabs\n    :model-value=\"_activeKey\"\n    style=\"width: 100%;\"\n    @tab-change=\"handleTabChange\"\n  >\n    <ElTabPane\n      v-for=\"({ props: tabProps, schema, name }, key) in tabs\"\n      :key=\"name\"\n      v-bind=\"tabProps\"\n    >\n      <template #default>\n        <RecursionField :schema=\"schema\" :name=\"name\" />\n      </template>\n      <template #label>\n        <ElBadge\n          v-if=\"errorList.value[key] !== 0\"\n          :class=\"prefixCls\"\n          :value=\"errorList.value[key]\"\n        >\n          {{ tabProps.label }}\n        </ElBadge>\n        <template v-else>\n          {{ tabProps.label }}\n        </template>\n      </template>\n    </ElTabPane>\n  </ElTabs>\n</template>\n","import { observer } from '@formily/reactive-vue'\nimport { composeExport } from '../__builtins__'\nimport FFormTab from './form-tab.vue'\nimport { createFormTab } from './utils'\nimport './style.scss'\n\nconst FormTab = observer(FFormTab)\n\nexport const composeFormTab = composeExport(FormTab, {\n  createFormTab,\n})\n\nexport { composeFormTab as FormTab }\nexport default composeFormTab\n"],"names":["props","__props","emit","__emit","field","useField","prefixCls","stylePrefix","formTabRef","computed","createFormTab","tabs","useTabs","_activeKey","ref","reaction","tab","watch","val","errorList","observable","handleTabChange","key","_createBlock","_unref","ElTabs","_createElementBlock","_Fragment","_renderList","tabProps","schema","name","_openBlock","_mergeProps","_createVNode","RecursionField","ElBadge","_createTextVNode","_toDisplayString","FormTab","observer","FFormTab","composeFormTab","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAQC,EAAA,GACRC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAS,MAAMT,EAAM,WAAWU,GAAe,GAC5DC,IAAOC,EAAA,GACPC,IAAaC,EAAId,GAAO,SAASQ,EAAW,MAAM,aAAaG,IAAO,CAAC,GAAG,IAAI;AAEpF,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,EAAW,SAAS,MAC7BT,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,SAASoB,CAAG,GACjBd,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,SADP,MAMQ;AAAA,YAHFP,EAAAL,CAAA,EAAU,MAAMG,CAAG,MAAA,UAD3BC,EAMUC,EAAAY,CAAA,GAAA;AAAA;cAJP,SAAO9B,CAAS;AAAA,cAChB,OAAOkB,EAAAL,CAAA,EAAU,MAAMG,CAAG;AAAA,YAAA;yBAE3B,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;;;;;;;;ICxErBU,IAAUC,EAASC,CAAQ,GAEpBC,KAAiBC,EAAcJ,GAAS;AAAA,EACnD,eAAA7B;AACF,CAAC;"}

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

@@ -0,0 +1,12 @@
+export interface IFormTab {
+    name: string;
+    activeKey: string;
+    setActiveKey: (key: string) => void;
+}
+export interface IFormTabProps {
+    formTab?: IFormTab;
+    value?: string | number;
+}
+export interface IFormTabPaneProps {
+    key: string | number;
+}

package/esm/form-tab/types.mjs

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

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

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

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

@@ -0,0 +1,4 @@
+export declare function createFormTab(defaultActiveKey?: string): {
+    activeKey: string;
+    setActiveKey(key: string): void;
+};