@silver-formily/element-plus 3.0.0 → 3.0.1

package/esm/form-step/index.mjs

@@ -1,22 +1,25 @@
-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 { 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 { 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 { 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";
+import { parseSteps as L, createFormStep as C } from "./utils.mjs";
 const T = $({
   name: "FFormStepPane",
   inheritAttrs: !1
 }), q = (n, i) => {
-  const a = n.__vccOpts || n;
-  for (const [s, p] of i)
-    a[s] = p;
-  return a;
+  const m = n.__vccOpts || n;
+  for (const [p, s] of i)
+    m[p] = s;
+  return m;
 };
-function G(n, i, a, s, p, f) {
-  return g(n.$slots, "default");
+function G(n, i, m, p, s, f) {
+  return B(n.$slots, "default");
 }
 const H = /* @__PURE__ */ q(T, [["render", G]]), I = /* @__PURE__ */ $({
   name: "FFormStep",
@@ -28,23 +31,23 @@ const H = /* @__PURE__ */ q(T, [["render", G]]), I = /* @__PURE__ */ $({
   },
   setup(n) {
     const i = n;
-    V();
-    const a = b().value, s = `${z}-form-step`, p = A(), f = w(p.value);
-    i.formStep.connect?.(f, a);
-    const F = P(() => i.active ?? i.formStep?.current ?? 0);
+    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: B(s)
+      class: N(p)
     }, [
-      E(t(R), h(S.$attrs, {
+      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(), m(t(j), h({ key: d }, { ref_for: !0 }, l), N({ _: 2 }, [
+          (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(), m(_(e.title), { key: 0 })) : (r(), o(c, { key: 1 }, [
+                t(k)(e.title) ? (r(), a(_(e.title), { key: 0 })) : (r(), o(c, { key: 1 }, [
                   v(y(e.title), 1)
                 ], 64))
               ]),
@@ -53,7 +56,7 @@ const H = /* @__PURE__ */ q(T, [["render", G]]), I = /* @__PURE__ */ $({
             e?.icon ? {
               name: "icon",
               fn: u(() => [
-                t(k)(e.icon) ? (r(), m(_(e.icon), { key: 0 })) : (r(), o(c, { key: 1 }, [
+                t(k)(e.icon) ? (r(), a(_(e.icon), { key: 0 })) : (r(), o(c, { key: 1 }, [
                   v(y(e.icon), 1)
                 ], 64))
               ]),
@@ -62,7 +65,7 @@ const H = /* @__PURE__ */ q(T, [["render", G]]), I = /* @__PURE__ */ $({
             e?.description ? {
               name: "description",
               fn: u(() => [
-                t(k)(e.description) ? (r(), m(_(e.description), { key: 0 })) : (r(), o(c, { key: 1 }, [
+                t(k)(e.description) ? (r(), a(_(e.description), { key: 0 })) : (r(), o(c, { key: 1 }, [
                   v(y(e.description), 1)
                 ], 64))
               ]),
@@ -73,20 +76,20 @@ const H = /* @__PURE__ */ q(T, [["render", G]]), I = /* @__PURE__ */ $({
         _: 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(), m(t(D), {
+        d === F.value ? (r(), a(t(j), {
           key: 0,
           name: l,
           schema: e
-        }, null, 8, ["name", "schema"])) : O("", !0)
+        }, null, 8, ["name", "schema"])) : b("", !0)
       ], 64))), 128))
     ]));
   }
-}), ee = L(I, {
+}), oe = w(I, {
   StepPane: H,
   createFormStep: C
 });
 export {
-  ee as FormStep,
-  ee as default
+  oe as FormStep,
+  oe 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-pane.vue","../../src/form-step/form-step.vue","../../src/form-step/index.ts"],"sourcesContent":["<script lang=\"ts\">\r\nimport { defineComponent } from 'vue'\r\n\r\nexport default defineComponent({\r\n  name: 'FFormStepPane',\r\n  inheritAttrs: false,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <slot />\r\n</template>\r\n","<script lang=\"ts\">\r\nimport { defineComponent } from 'vue'\r\n\r\nexport default defineComponent({\r\n  name: 'FFormStepPane',\r\n  inheritAttrs: false,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <slot />\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport type { VoidField } from '@formily/core'\r\nimport type { IFormStepProps } from './types'\r\nimport { isObj } from '@formily/shared'\r\nimport { useObserver } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField, useFieldSchema } from '@silver-formily/vue'\r\nimport { ElStep, ElSteps } from 'element-plus'\r\nimport { computed } from 'vue'\r\nimport { stylePrefix } from '../__builtins__'\r\nimport { createFormStep, parseSteps } from './utils'\r\n\r\ndefineOptions({\r\n  name: 'FFormStep',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IFormStepProps>(), {\r\n  formStep: () => createFormStep(),\r\n})\r\n\r\nuseObserver()\r\n\r\nconst field = useField<VoidField>().value\r\nconst prefixCls = `${stylePrefix}-form-step`\r\nconst fieldSchemaRef = useFieldSchema()\r\n\r\nconst steps = parseSteps(fieldSchemaRef.value)\r\n\r\nprops.formStep.connect?.(steps, field)\r\n\r\nconst current = computed(() => props.active ?? props.formStep?.current ?? 0)\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\">\r\n    <ElSteps\r\n      v-bind=\"$attrs\"\r\n      :active=\"current\"\r\n      :style=\"[{ marginBottom: '10px' }]\"\r\n    >\r\n      <ElStep\r\n        v-for=\"({ props: stepProps, slots: stepSlots }, key) of steps\"\r\n        :key=\"key\"\r\n        v-bind=\"stepProps\"\r\n      >\r\n        <template v-if=\"stepSlots?.title\" #title>\r\n          <template v-if=\"isObj(stepSlots.title)\">\r\n            <component :is=\"stepSlots.title\" />\r\n          </template>\r\n          <template v-else>\r\n            {{ stepSlots.title }}\r\n          </template>\r\n        </template>\r\n        <template v-if=\"stepSlots?.icon\" #icon>\r\n          <template v-if=\"isObj(stepSlots.icon)\">\r\n            <component :is=\"stepSlots.icon\" />\r\n          </template>\r\n          <template v-else>\r\n            {{ stepSlots.icon }}\r\n          </template>\r\n        </template>\r\n        <template v-if=\"stepSlots?.description\" #description>\r\n          <template v-if=\"isObj(stepSlots.description)\">\r\n            <component :is=\"stepSlots.description\" />\r\n          </template>\r\n          <template v-else>\r\n            {{ stepSlots.description }}\r\n          </template>\r\n        </template>\r\n      </ElStep>\r\n    </ElSteps>\r\n\r\n    <template v-for=\"({ name, schema }, key) of steps\" :key=\"name\">\r\n      <RecursionField\r\n        v-if=\"key === current\"\r\n        :name=\"name\"\r\n        :schema=\"schema\"\r\n      />\r\n    </template>\r\n  </div>\r\n</template>\r\n","import { composeExport } from '../__builtins__'\r\nimport FFormStepPane from './form-step-pane.vue'\r\nimport FFormStep from './form-step.vue'\r\nimport { createFormStep } from './utils'\r\n\r\nexport const FormStep = composeExport(FFormStep, {\r\n  StepPane: FFormStepPane,\r\n  createFormStep,\r\n})\r\n\r\nexport default FormStep\r\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;;;;;;;SCICC,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","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;"}

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;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;"}
+{"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;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.mjs.map

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"hooks.mjs","sources":["../../src/form-tab/hooks.ts"],"sourcesContent":["import type { GeneralField } from '@formily/core'\nimport type { Schema, SchemaKey } from '@formily/json-schema'\n\nexport type Tabs = { name: SchemaKey, props: any, schema: Schema }[]\n\nexport function useTabs(tabField: GeneralField, schema: Schema) {\n  const schemaList = schema.mapProperties((item, name) => ({\n    name,\n    props: {\n      name: item?.['x-component-props']?.name || name,\n      ...item?.['x-component-props'],\n    },\n    schema: item,\n  }))\n\n  const tabs: Tabs = schemaList.filter((item) => {\n    const field = tabField.query(tabField.address.concat(item.name)).take()\n    const isHidden = field?.display === 'none' || field?.display === 'hidden'\n    if (isHidden)\n      return false\n    return item?.schema?.['x-component']?.includes('TabPane') ?? false\n  })\n\n  return tabs\n}\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,15 @@
-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, 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 { formilyComputed as d, observer as k } from "@silver-formily/reactive-vue";
+import { ElTabs as B, ElTabPane as K, ElBadge as w } from "element-plus";
+import { reaction as $ } from "@formily/reactive";
+import "@vueuse/core";
+import { defineComponent as L, computed as N, ref as R, watch as S, openBlock as t, createBlock as n, unref as a, withCtx as l, createElementBlock as v, Fragment as b, renderList as q, mergeProps as z, normalizeClass as A, createTextVNode as h, toDisplayString as T, createVNode as D } from "vue";
+import "@formily/core";
+import { useField as I, useFieldSchema as P, RecursionField as j } from "@silver-formily/vue";
+import { composeExport as G } from "../__builtins__/shared/utils.mjs";
 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({
+import { useTabs as J } from "./hooks.mjs";
+import { createFormTab as y } from "./utils.mjs";
+import '../styles/form-tab/index.css';const M = /* @__PURE__ */ L({
   name: "FFormTab",
   __name: "form-tab",
   props: {
@@ -16,39 +18,39 @@ import '../styles/form-tab/index.css';const M = /* @__PURE__ */ B({
   },
   emits: ["update:modelValue"],
   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, () => {
+    const c = F, g = _, m = I(), x = P(), C = `${H}-form-tab`, u = N(() => c.formTab ?? y()), r = d(() => J(m.value, x.value)), o = R(c?.modelValue ?? u.value.activeKey ?? r.value?.[0]?.name);
+    $(() => r.value.length, () => {
       !r.value.some((e) => e.name === o.value) && (o.value = r.value?.[0]?.name);
     }, {
       fireImmediately: !0
-    }), $(() => u.value.activeKey, (e) => {
+    }), S(() => u.value.activeKey, (e) => {
       o.value = e;
     });
-    const i = p(() => r.value.map((e) => m.value.form.queryFeedbacks({
+    const i = d(() => r.value.map((e) => m.value.form.queryFeedbacks({
       type: "error",
       address: `${m.value.address}.${e.name}.*`
     }).length));
     function V(e) {
       typeof e == "string" && (g("update:modelValue", e), u.value.setActiveKey?.(e));
     }
-    return (e, Q) => (t(), n(a(I), {
+    return (e, Q) => (t(), n(a(B), {
       "model-value": o.value,
       style: { width: "100%" },
       onTabChange: V
     }, {
       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), {
+        (t(!0), v(b, null, q(a(r), ({ props: s, schema: E, name: f }, p) => (t(), n(a(K), z({ key: f }, { ref_for: !0 }, s), {
           default: l(() => [
-            S(a(D), {
+            D(a(j), {
               schema: E,
               name: f
             }, null, 8, ["schema", "name"])
           ]),
           label: l(() => [
-            a(i)[d] !== 0 ? (t(), n(a(j), {
+            a(i)[p] !== 0 ? (t(), n(a(w), {
               key: 0,
-              class: R(C),
-              value: a(i)[d]
+              class: A(C),
+              value: a(i)[p]
             }, {
               default: l(() => [
                 h(T(s.label), 1)
@@ -64,12 +66,12 @@ import '../styles/form-tab/index.css';const M = /* @__PURE__ */ B({
       _: 1
     }, 8, ["model-value"]));
   }
-}), O = k(M), oe = J(O, {
+}), O = k(M), me = G(O, {
   createFormTab: y
 });
 export {
-  oe as FormTab,
-  oe as composeFormTab,
-  oe as default
+  me as FormTab,
+  me as composeFormTab,
+  me 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, 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;"}
+{"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 { reaction } from '@formily/reactive'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField, useFieldSchema } from '@silver-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<IFormTabProps>()\nconst emit = defineEmits(['update:modelValue'])\n\nconst field = useField()\nconst schema = useFieldSchema()\nconst prefixCls = `${stylePrefix}-form-tab`\nconst formTabRef = computed(() => props.formTab ?? createFormTab())\nconst tabs = formilyComputed(() => useTabs(field.value, schema.value))\nconst _activeKey = ref(props?.modelValue ?? formTabRef.value.activeKey ?? tabs.value?.[0]?.name)\n\nreaction(() => {\n  return tabs.value.length\n}, () => {\n  !tabs.value.some(tab => tab.name === _activeKey.value) && (_activeKey.value = tabs.value?.[0]?.name)\n}, {\n  fireImmediately: true,\n})\nwatch(() => formTabRef.value.activeKey, (val) => {\n  _activeKey.value = val\n})\n\nconst errorList = formilyComputed(() => {\n  return tabs.value.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('update:modelValue', 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: tabSchema, name }, key) in tabs\"\n      :key=\"name\"\n      v-bind=\"tabProps\"\n    >\n      <template #default>\n        <RecursionField :schema=\"tabSchema\" :name=\"name\" />\n      </template>\n      <template #label>\n        <ElBadge\n          v-if=\"errorList[key] !== 0\"\n          :class=\"prefixCls\"\n          :value=\"errorList[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 '@silver-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","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/form-tab/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/form-tab/utils.ts"],"sourcesContent":["import { model } from '@formily/reactive'\r\n\r\nexport function createFormTab(defaultActiveKey?: string) {\r\n  const formTab = model({\r\n    activeKey: defaultActiveKey,\r\n    setActiveKey(key: string) {\r\n      formTab.activeKey = key\r\n    },\r\n  })\r\n  return formTab\r\n}\r\n"],"names":["createFormTab","defaultActiveKey","formTab","model","key"],"mappings":";AAEO,SAASA,EAAcC,GAA2B;AACvD,QAAMC,IAAUC,EAAM;AAAA,IACpB,WAAWF;AAAA,IACX,aAAaG,GAAa;AACxB,MAAAF,EAAQ,YAAYE;AAAA,IACtB;AAAA,EAAA,CACD;AACD,SAAOF;AACT;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/form-tab/utils.ts"],"sourcesContent":["import { model } from '@formily/reactive'\n\nexport function createFormTab(defaultActiveKey?: string) {\n  const formTab = model({\n    activeKey: defaultActiveKey,\n    setActiveKey(key: string) {\n      formTab.activeKey = key\n    },\n  })\n  return formTab\n}\n"],"names":["createFormTab","defaultActiveKey","formTab","model","key"],"mappings":";AAEO,SAASA,EAAcC,GAA2B;AACvD,QAAMC,IAAUC,EAAM;AAAA,IACpB,WAAWF;AAAA,IACX,aAAaG,GAAa;AACxB,MAAAF,EAAQ,YAAYE;AAAA,IACtB;AAAA,EAAA,CACD;AACD,SAAOF;AACT;"}

package/esm/index.mjs

@@ -12,40 +12,40 @@ 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 _ } 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 { 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";
+import { _ as h } from "./form/form.mjs";
+import { FormButtonGroup as E } from "./form-button-group/index.mjs";
+import { FormCollapse as L, FormCollapseItem as M } from "./form-collapse/index.mjs";
+import { FormDialog as _ } from "./form-dialog/index.mjs";
+import { FormDrawer as N } from "./form-drawer/index.mjs";
+import { FormGrid as j } from "./form-grid/index.mjs";
+import { FormBaseItem as z, FormItem as H, fieldFeedbackMapper as J } from "./form-item/index.mjs";
+import { _ as O } from "./form-layout/form-layout.mjs";
+import { FormStep as W } from "./form-step/index.mjs";
+import { FormTab as Y, FormTab as Z } from "./form-tab/index.mjs";
+import { Input as rr } from "./input/index.mjs";
+import { InputNumber as er } from "./input-number/index.mjs";
+import { InputTag as mr } from "./input-tag/index.mjs";
+import { Mention as fr } from "./mention/index.mjs";
+import { Password as ar } from "./password/index.mjs";
+import { PreviewText as sr } from "./preview-text/index.mjs";
+import { QueryForm as cr } from "./query-form/index.mjs";
+import { QueryFormItem as Tr } from "./query-form-item/index.mjs";
+import { Radio as dr } from "./radio/index.mjs";
+import { Rate as Sr } from "./rate/index.mjs";
+import { Reset as yr } from "./reset/index.mjs";
+import { Segmented as Cr } from "./segmented/index.mjs";
+import { Select as kr } from "./select/index.mjs";
+import { SelectTable as wr } from "./select-table/index.mjs";
+import { Slider as gr } from "./slider/index.mjs";
+import { ElSpace as hr } from "element-plus";
+import { Submit as Er } from "./submit/index.mjs";
+import { Switch as Lr } from "./switch/index.mjs";
+import { TimePicker as Qr } from "./time-picker/index.mjs";
+import { TimeSelect as vr } from "./time-select/index.mjs";
+import { Transfer as Ur } from "./transfer/index.mjs";
+import { Tree as qr } from "./tree/index.mjs";
+import { TreeSelect as Hr } from "./tree-select/index.mjs";
+import { Upload as Kr } from "./upload/index.mjs";
 export {
   e as ArrayCards,
   m as ArrayCollapse,
@@ -61,43 +61,43 @@ export {
   k as DatePicker,
   w as DatePickerPanel,
   g as Editable,
-  qr as Form,
-  j as FormBaseItem,
-  h as FormButtonGroup,
-  E as FormCollapse,
-  G as FormCollapseItem,
-  M as FormDialog,
-  _ 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 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,
-  z as fieldFeedbackMapper
+  h as Form,
+  z as FormBaseItem,
+  E as FormButtonGroup,
+  L as FormCollapse,
+  M as FormCollapseItem,
+  _ as FormDialog,
+  N as FormDrawer,
+  j as FormGrid,
+  H as FormItem,
+  O as FormLayout,
+  W as FormStep,
+  Y as FormTab,
+  rr as Input,
+  er as InputNumber,
+  mr as InputTag,
+  fr as Mention,
+  ar as Password,
+  sr as PreviewText,
+  cr as QueryForm,
+  Tr as QueryFormItem,
+  dr as Radio,
+  Sr as Rate,
+  yr as Reset,
+  Cr as Segmented,
+  kr as Select,
+  wr as SelectTable,
+  gr as Slider,
+  hr as Space,
+  Er as Submit,
+  Lr as Switch,
+  Qr as TimePicker,
+  vr as TimeSelect,
+  Ur as Transfer,
+  qr as Tree,
+  Hr as TreeSelect,
+  Kr as Upload,
+  Z as composeFormTab,
+  J as fieldFeedbackMapper
 };
 //# sourceMappingURL=index.mjs.map

package/esm/input/index.mjs

@@ -1,65 +1,69 @@
 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, 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 { ElInput as d } from "element-plus";
+import "@formily/reactive";
+import "@vueuse/core";
+import { defineComponent as l, useSlots as c, openBlock as y, createBlock as x, unref as p, normalizeProps as I, guardReactiveProps as k, createSlots as v, withCtx as r, renderSlot as o } from "vue";
+import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
 import { useCleanAttrs as P, composeExport as _ } from "../__builtins__/shared/utils.mjs";
-import { mapReadPretty as f } from "../__builtins__/shared/transform-component.mjs";
-const m = /* @__PURE__ */ d({
+import { PreviewText as m } from "../preview-text/index.mjs";
+import "@formily/core";
+import "@silver-formily/reactive-vue";
+const f = /* @__PURE__ */ l({
   name: "FInput",
   inheritAttrs: !1,
   __name: "input",
-  setup(o) {
-    const e = l(), { props: u } = P();
-    return (n, A) => (c(), y(p(v), x(I(p(u))), k({ _: 2 }, [
+  setup(n) {
+    const e = c(), { props: u } = P();
+    return (t, A) => (y(), x(p(d), I(k(p(u))), v({ _: 2 }, [
       e.prefix ? {
         name: "prefix",
-        fn: t(() => [
-          r(n.$slots, "prefix")
+        fn: r(() => [
+          o(t.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
       e.suffix ? {
         name: "suffix",
-        fn: t(() => [
-          r(n.$slots, "suffix")
+        fn: r(() => [
+          o(t.$slots, "suffix")
         ]),
         key: "1"
       } : void 0,
       e.prepend ? {
         name: "prepend",
-        fn: t(() => [
-          r(n.$slots, "prepend")
+        fn: r(() => [
+          o(t.$slots, "prepend")
         ]),
         key: "2"
       } : void 0,
       e.append ? {
         name: "append",
-        fn: t(() => [
-          r(n.$slots, "append")
+        fn: r(() => [
+          o(t.$slots, "append")
         ]),
         key: "3"
       } : void 0
     ]), 1040));
   }
 }), $ = s(
-  m,
+  f,
   a({
     readOnly: "readonly"
   }),
-  f(i.Input)
+  i(m.Input)
 ), h = s(
-  m,
-  a((o) => ({
-    ...o,
-    readonly: o.readOnly,
+  f,
+  a((n) => ({
+    ...n,
+    readonly: n.readOnly,
     type: "textarea"
   })),
-  f(i.Input)
-), R = _($, {
+  i(m.Input)
+), F = _($, {
   TextArea: h
 });
 export {
-  R as Input,
-  R as default
+  F as Input,
+  F as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/input/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/input/input.vue","../../src/input/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { ElInput } from 'element-plus'\r\nimport { useCleanAttrs } from '../__builtins__/index'\r\n\r\ndefineOptions({\r\n  name: 'FInput',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst slots = defineSlots<{\r\n  prefix?: () => any\r\n  suffix?: () => any\r\n  prepend?: () => any\r\n  append?: () => any\r\n}>()\r\n\r\nconst { props: inputProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n  <ElInput\r\n    v-bind=\"inputProps\"\r\n  >\r\n    <template v-if=\"slots.prefix\" #prefix>\r\n      <slot name=\"prefix\" />\r\n    </template>\r\n    <template v-if=\"slots.suffix\" #suffix>\r\n      <slot name=\"suffix\" />\r\n    </template>\r\n    <template v-if=\"slots.prepend\" #prepend>\r\n      <slot name=\"prepend\" />\r\n    </template>\r\n    <template v-if=\"slots.append\" #append>\r\n      <slot name=\"append\" />\r\n    </template>\r\n  </ElInput>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { composeExport, mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FInput from './input.vue'\r\n\r\nconst InnerInput = connect<typeof FInput>(\r\n  FInput,\r\n  mapProps({\r\n    readOnly: 'readonly',\r\n  }),\r\n  mapReadPretty(PreviewText.Input),\r\n)\r\n\r\nconst TextArea = connect<typeof FInput>(\r\n  FInput,\r\n  mapProps((props) => {\r\n    return {\r\n      ...props,\r\n      readonly: props.readOnly,\r\n      type: 'textarea',\r\n    }\r\n  }),\r\n  mapReadPretty(PreviewText.Input),\r\n)\r\n\r\nexport const Input = composeExport(InnerInput, {\r\n  TextArea,\r\n})\r\n\r\nexport default Input\r\n"],"names":["slots","_useSlots","inputProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createSlots","_renderSlot","_ctx","InnerInput","connect","FInput","mapProps","mapReadPretty","PreviewText","TextArea","props","Input","composeExport"],"mappings":";;;;;;;;;;;AASA,UAAMA,IAAQC,EAAA,GAOR,EAAE,OAAOC,EAAA,IAAeC,EAAA;sBAI5BC,KAAAC,EAeUC,UAdAA,EAAAJ,CAAA,CAAU,CAAA,GAAAK,EAAA,EAAA,GAAA,KAAA;AAAA,MAEFP,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBQ,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERT,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBQ,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERT,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvBQ,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAETT,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBQ,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;;;IC5BtBC,IAAaC;AAAA,EACjBC;AAAAA,EACAC,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AAAA,EACDC,EAAcC,EAAY,KAAK;AACjC,GAEMC,IAAWL;AAAA,EACfC;AAAAA,EACAC,EAAS,CAACI,OACD;AAAA,IACL,GAAGA;AAAA,IACH,UAAUA,EAAM;AAAA,IAChB,MAAM;AAAA,EAAA,EAET;AAAA,EACDH,EAAcC,EAAY,KAAK;AACjC,GAEaG,IAAQC,EAAcT,GAAY;AAAA,EAC7C,UAAAM;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/input/input.vue","../../src/input/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ElInput } from 'element-plus'\nimport { useCleanAttrs } from '../__builtins__/index'\n\ndefineOptions({\n  name: 'FInput',\n  inheritAttrs: false,\n})\n\nconst slots = defineSlots<{\n  prefix?: () => any\n  suffix?: () => any\n  prepend?: () => any\n  append?: () => any\n}>()\n\nconst { props: inputProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElInput\n    v-bind=\"inputProps\"\n  >\n    <template v-if=\"slots.prefix\" #prefix>\n      <slot name=\"prefix\" />\n    </template>\n    <template v-if=\"slots.suffix\" #suffix>\n      <slot name=\"suffix\" />\n    </template>\n    <template v-if=\"slots.prepend\" #prepend>\n      <slot name=\"prepend\" />\n    </template>\n    <template v-if=\"slots.append\" #append>\n      <slot name=\"append\" />\n    </template>\n  </ElInput>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FInput from './input.vue'\n\nconst InnerInput = connect<typeof FInput>(\n  FInput,\n  mapProps({\n    readOnly: 'readonly',\n  }),\n  mapReadPretty(PreviewText.Input),\n)\n\nconst TextArea = connect<typeof FInput>(\n  FInput,\n  mapProps((props) => {\n    return {\n      ...props,\n      readonly: props.readOnly,\n      type: 'textarea',\n    }\n  }),\n  mapReadPretty(PreviewText.Input),\n)\n\nexport const Input = composeExport(InnerInput, {\n  TextArea,\n})\n\nexport default Input\n"],"names":["slots","_useSlots","inputProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createSlots","_renderSlot","_ctx","InnerInput","connect","FInput","mapProps","mapReadPretty","PreviewText","TextArea","props","Input","composeExport"],"mappings":";;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,EAAA,GAOR,EAAE,OAAOC,EAAA,IAAeC,EAAA;sBAI5BC,KAAAC,EAeUC,UAdAA,EAAAJ,CAAA,CAAU,CAAA,GAAAK,EAAA,EAAA,GAAA,KAAA;AAAA,MAEFP,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBQ,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERT,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBQ,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERT,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvBQ,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAETT,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBQ,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;;;IC5BtBC,IAAaC;AAAA,EACjBC;AAAAA,EACAC,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AAAA,EACDC,EAAcC,EAAY,KAAK;AACjC,GAEMC,IAAWL;AAAA,EACfC;AAAAA,EACAC,EAAS,CAACI,OACD;AAAA,IACL,GAAGA;AAAA,IACH,UAAUA,EAAM;AAAA,IAChB,MAAM;AAAA,EAAA,EAET;AAAA,EACDH,EAAcC,EAAY,KAAK;AACjC,GAEaG,IAAQC,EAAcT,GAAY;AAAA,EAC7C,UAAAM;AACF,CAAC;"}