@silver-formily/element-plus 2.1.0 → 2.3.0

package/esm/form-step/index.mjs

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.mjs","sources":["../../src/form-tab/hooks.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\nimport { observable, reaction } from '@formily/reactive'\nimport { useField, useFieldSchema } from '@silver-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;"}
+{"version":3,"file":"hooks.mjs","sources":["../../src/form-tab/hooks.ts"],"sourcesContent":["import type { Schema, SchemaKey } from '@formily/json-schema'\r\nimport { observable, reaction } from '@formily/reactive'\r\nimport { useField, useFieldSchema } from '@silver-formily/vue'\r\n\r\nexport type Tabs = { name: SchemaKey, props: any, schema: Schema }[]\r\n\r\nexport function useTabs() {\r\n  const tabsField = useField()\r\n  const schema = useFieldSchema()\r\n  const tabs: Tabs = observable([])\r\n  reaction(() => {\r\n    const tabDisplayStatus = schema.value?.mapProperties((schema, name) => {\r\n      const field = tabsField.value\r\n        .query(tabsField.value.address.concat(name))\r\n        .take()\r\n      return field?.display\r\n    })\r\n    return tabDisplayStatus\r\n  }, () => {\r\n    tabs.length = 0\r\n    schema.value?.mapProperties((schema, name) => {\r\n      const field = tabsField.value\r\n        .query(tabsField.value.address.concat(name))\r\n        .take()\r\n      if (field?.display === 'none' || field?.display === 'hidden')\r\n        return\r\n\r\n      if (schema['x-component']?.indexOf('TabPane') > -1) {\r\n        tabs.push({\r\n          name,\r\n          props: {\r\n            name: schema?.['x-component-props']?.name || name,\r\n            ...schema?.['x-component-props'],\r\n          },\r\n          schema,\r\n        })\r\n      }\r\n    })\r\n  }, {\r\n    fireImmediately: true,\r\n  })\r\n\r\n  return tabs\r\n}\r\n"],"names":["useTabs","tabsField","useField","schema","useFieldSchema","tabs","observable","reaction","name","field"],"mappings":";;AAMO,SAASA,IAAU;AACxB,QAAMC,IAAYC,EAAA,GACZC,IAASC,EAAA,GACTC,IAAaC,EAAW,EAAE;AAChC,SAAAC,EAAS,MACkBJ,EAAO,OAAO,cAAc,CAACA,GAAQK,MAC9CP,EAAU,MACrB,MAAMA,EAAU,MAAM,QAAQ,OAAOO,CAAI,CAAC,EAC1C,KAAA,GACW,OACf,GAEA,MAAM;AACP,IAAAH,EAAK,SAAS,GACdF,EAAO,OAAO,cAAc,CAACA,GAAQK,MAAS;AAC5C,YAAMC,IAAQR,EAAU,MACrB,MAAMA,EAAU,MAAM,QAAQ,OAAOO,CAAI,CAAC,EAC1C,KAAA;AACH,MAAIC,GAAO,YAAY,UAAUA,GAAO,YAAY,YAGhDN,EAAO,aAAa,GAAG,QAAQ,SAAS,IAAI,MAC9CE,EAAK,KAAK;AAAA,QACR,MAAAG;AAAA,QACA,OAAO;AAAA,UACL,MAAML,IAAS,mBAAmB,GAAG,QAAQK;AAAA,UAC7C,GAAGL,IAAS,mBAAmB;AAAA,QAAA;AAAA,QAEjC,QAAAA;AAAAA,MAAA,CACD;AAAA,IAEL,CAAC;AAAA,EACH,GAAG;AAAA,IACD,iBAAiB;AAAA,EAAA,CAClB,GAEME;AACT;"}

package/esm/form-tab/index.mjs

@@ -1,13 +1,12 @@
 import { formilyComputed as V, observer as E } from "@silver-formily/reactive-vue";
-import { defineComponent as k, computed as B, ref as K, watch as w, createBlock as s, openBlock as o, unref as r, withCtx as m, createElementBlock as d, Fragment as b, renderList as $, mergeProps as L, normalizeClass as N, createTextVNode as v, toDisplayString as T, createVNode as R } from "vue";
-import { ElTabs as q, ElTabPane as z, ElBadge as A } from "element-plus";
-import { reaction as D } from "@formily/reactive";
-import "@formily/core";
-import { useField as I, RecursionField as P } from "@silver-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 { defineComponent as k, computed as B, ref as K, watch as w, createBlock as s, openBlock as o, unref as r, withCtx as m, createElementBlock as p, Fragment as b, renderList as $, mergeProps as L, normalizeClass as N, createTextVNode as v, toDisplayString as T, createVNode as R } from "vue";
+import { reaction as q } from "@formily/reactive";
+import { useField as z, RecursionField as A } from "@silver-formily/vue";
+import { ElTabs as D, ElTabPane as I, ElBadge as P } from "element-plus";
+import { useTabs as S } from "./hooks.mjs";
 import { createFormTab as y } from "./utils.mjs";
+import { stylePrefix as j } from "../__builtins__/configs/index.mjs";
+import { composeExport as G } from "../__builtins__/shared/utils.mjs";
 import '../styles/form-tab/index.css';const H = /* @__PURE__ */ k({
   name: "FFormTab",
   __name: "form-tab",
@@ -17,8 +16,8 @@ import '../styles/form-tab/index.css';const H = /* @__PURE__ */ k({
   },
   emits: ["update:modelValue"],
   setup(_, { emit: h }) {
-    const u = _, F = h, i = I(), g = `${j}-form-tab`, l = B(() => u.formTab ?? y()), t = G(), a = K(u?.modelValue ?? l.value.activeKey ?? t?.[0]?.name);
-    D(() => t.length, () => {
+    const u = _, F = h, i = z(), g = `${j}-form-tab`, l = B(() => u.formTab ?? y()), t = S(), a = K(u?.modelValue ?? l.value.activeKey ?? t?.[0]?.name);
+    q(() => t.length, () => {
       !t.some((e) => e.name === a.value) && (a.value = t?.[0]?.name);
     }, {
       fireImmediately: !0
@@ -33,30 +32,30 @@ import '../styles/form-tab/index.css';const H = /* @__PURE__ */ k({
       /* istanbul ignore if -- @preserve */
       typeof e == "string" && (F("update:modelValue", e), l.value.setActiveKey?.(e));
     }
-    return (e, M) => (o(), s(r(q), {
+    return (e, M) => (o(), s(r(D), {
       "model-value": a.value,
       style: { width: "100%" },
       onTabChange: x
     }, {
       default: m(() => [
-        (o(!0), d(b, null, $(r(t), ({ props: n, schema: C, name: f }, p) => (o(), s(r(z), L({ key: f }, { ref_for: !0 }, n), {
+        (o(!0), p(b, null, $(r(t), ({ props: n, schema: C, name: f }, d) => (o(), s(r(I), L({ key: f }, { ref_for: !0 }, n), {
           default: m(() => [
-            R(r(P), {
+            R(r(A), {
               schema: C,
               name: f
             }, null, 8, ["schema", "name"])
           ]),
           label: m(() => [
-            r(c)[p] !== 0 ? (o(), s(r(A), {
+            r(c)[d] !== 0 ? (o(), s(r(P), {
               key: 0,
               class: N(g),
-              value: r(c)[p]
+              value: r(c)[d]
             }, {
               default: m(() => [
                 v(T(n.label), 1)
               ]),
               _: 2
-            }, 1032, ["value"])) : (o(), d(b, { key: 1 }, [
+            }, 1032, ["value"])) : (o(), p(b, { key: 1 }, [
               v(T(n.label), 1)
             ], 64))
           ]),
@@ -66,12 +65,12 @@ import '../styles/form-tab/index.css';const H = /* @__PURE__ */ k({
       _: 1
     }, 8, ["model-value"]));
   }
-}), J = E(H), oe = S(J, {
+}), J = E(H), te = G(J, {
   createFormTab: y
 });
 export {
-  oe as FormTab,
-  oe as composeFormTab,
-  oe as default
+  te as FormTab,
+  te as composeFormTab,
+  te 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\">\nimport type { IFormTabProps } from './types.ts'\nimport { reaction } from '@formily/reactive'\nimport { formilyComputed } from '@silver-formily/reactive-vue'\nimport { RecursionField, useField } 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 prefixCls = `${stylePrefix}-form-tab`\nconst formTabRef = computed(() => props.formTab ?? createFormTab())\nconst tabs = useTabs()\nconst _activeKey = ref(props?.modelValue ?? 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 = formilyComputed(() => {\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('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, 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[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","prefixCls","stylePrefix","formTabRef","computed","createFormTab","tabs","useTabs","_activeKey","ref","reaction","tab","watch","val","errorList","formilyComputed","handleTabChange","key","_createBlock","_unref","ElTabs","_createElementBlock","_Fragment","_renderList","tabProps","schema","name","_openBlock","_mergeProps","_createVNode","RecursionField","ElBadge","_createTextVNode","_toDisplayString","FormTab","observer","FFormTab","composeFormTab","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GACRC,IAAOC,GAEPC,IAAQC,EAAA,GACRC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAS,MAAMT,EAAM,WAAWU,GAAe,GAC5DC,IAAOC,EAAA,GACPC,IAAaC,EAAId,GAAO,cAAcQ,EAAW,MAAM,aAAaG,IAAO,CAAC,GAAG,IAAI;AAEzF,IAAAI,EAAS,MACAJ,EAAK,QACX,MAAM;AACP,OAACA,EAAK,KAAK,CAAAK,MAAOA,EAAI,SAASH,EAAW,KAAK,MAAMA,EAAW,QAAQF,IAAO,CAAC,GAAG;AAAA,IACrF,GAAG;AAAA,MACD,iBAAiB;AAAA,IAAA,CAClB,GACDM,EAAM,MAAMT,EAAW,MAAM,WAAW,CAACU,MAAQ;AAC/C,MAAAL,EAAW,QAAQK;AAAA,IACrB,CAAC;AAED,UAAMC,IAAYC,EAAgB,MACzBT,EAAK,IAAI,CAACK,MACRZ,EAAM,MAAM,KAAK,eAAe;AAAA,MACrC,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,OAAO,IAAIY,EAAI,IAAI;AAAA,IAAA,CAC5C,EAAE,MACJ,CACF;AAED,aAASK,EAAgBC,GAAa;AAAA,MAAA;AAEpC,MAAI,OAAOA,KAAQ,aAEnBpB,EAAK,qBAAqBoB,CAAG,GAC7Bd,EAAW,MAAM,eAAec,CAAG;AAAA,IACrC;2BAIEC,EA0BSC,EAAAC,CAAA,GAAA;AAAA,MAzBN,eAAaZ,EAAA;AAAA,MACd,OAAA,EAAA,OAAA,OAAA;AAAA,MACC,aAAYQ;AAAA,IAAA;iBAGX,MAAwD;AAAA,gBAD1DK,EAoBYC,GAAA,MAAAC,EAnByCJ,MAAI,CAAA,EAAA,OAAtCK,GAAU,QAAAC,GAAQ,MAAAC,EAAA,GAAQT,OAD7CU,KAAAT,EAoBYC,MApBZS,EAoBY,EAlBT,KAAKF,EAAA,oBACEF,CAAQ,GAAA;AAAA,UAEL,WACT,MAAgD;AAAA,YAAhDK,EAAgDV,EAAAW,CAAA,GAAA;AAAA,cAA/B,QAAAL;AAAA,cAAiB,MAAAC;AAAA,YAAA;;UAEzB,SACT,MAMU;AAAA,YALFP,EAAAL,CAAA,EAAUG,CAAG,MAAA,UADrBC,EAMUC,EAAAY,CAAA,GAAA;AAAA;cAJP,SAAO9B,CAAS;AAAA,cAChB,OAAOkB,EAAAL,CAAA,EAAUG,CAAG;AAAA,YAAA;yBAErB,MAAoB;AAAA,gBAAjBe,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,cAAA;;yCAEnBH,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,cADNU,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;ICtErBU,IAAUC,EAASC,CAAQ,GAEpBC,KAAiBC,EAAcJ,GAAS;AAAA,EACnD,eAAA7B;AACF,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/form-tab/form-tab.vue","../../src/form-tab/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { IFormTabProps } from './types.ts'\r\nimport { reaction } from '@formily/reactive'\r\nimport { formilyComputed } from '@silver-formily/reactive-vue'\r\nimport { RecursionField, useField } from '@silver-formily/vue'\r\nimport { ElBadge, ElTabPane, ElTabs } from 'element-plus'\r\nimport { computed, ref, watch } from 'vue'\r\nimport { stylePrefix } from '../__builtins__'\r\nimport { useTabs } from './hooks'\r\nimport { createFormTab } from './utils'\r\n\r\ndefineOptions({\r\n  name: 'FFormTab',\r\n})\r\n\r\nconst props = defineProps<IFormTabProps>()\r\nconst emit = defineEmits(['update:modelValue'])\r\n\r\nconst field = useField()\r\nconst prefixCls = `${stylePrefix}-form-tab`\r\nconst formTabRef = computed(() => props.formTab ?? createFormTab())\r\nconst tabs = useTabs()\r\nconst _activeKey = ref(props?.modelValue ?? formTabRef.value.activeKey ?? tabs?.[0]?.name)\r\n\r\nreaction(() => {\r\n  return tabs.length\r\n}, () => {\r\n  !tabs.some(tab => tab.name === _activeKey.value) && (_activeKey.value = tabs?.[0]?.name)\r\n}, {\r\n  fireImmediately: true,\r\n})\r\nwatch(() => formTabRef.value.activeKey, (val) => {\r\n  _activeKey.value = val\r\n})\r\n\r\nconst errorList = formilyComputed(() => {\r\n  return tabs.map((tab) => {\r\n    return field.value.form.queryFeedbacks({\r\n      type: 'error',\r\n      address: `${field.value.address}.${tab.name}.*`,\r\n    }).length\r\n  })\r\n})\r\n\r\nfunction handleTabChange(key: string) {\r\n  /* istanbul ignore if -- @preserve */\r\n  if (typeof key !== 'string')\r\n    return\r\n  emit('update:modelValue', key)\r\n  formTabRef.value.setActiveKey?.(key)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <ElTabs\r\n    :model-value=\"_activeKey\"\r\n    style=\"width: 100%;\"\r\n    @tab-change=\"handleTabChange\"\r\n  >\r\n    <ElTabPane\r\n      v-for=\"({ props: tabProps, schema, name }, key) in tabs\"\r\n      :key=\"name\"\r\n      v-bind=\"tabProps\"\r\n    >\r\n      <template #default>\r\n        <RecursionField :schema=\"schema\" :name=\"name\" />\r\n      </template>\r\n      <template #label>\r\n        <ElBadge\r\n          v-if=\"errorList[key] !== 0\"\r\n          :class=\"prefixCls\"\r\n          :value=\"errorList[key]\"\r\n        >\r\n          {{ tabProps.label }}\r\n        </ElBadge>\r\n        <template v-else>\r\n          {{ tabProps.label }}\r\n        </template>\r\n      </template>\r\n    </ElTabPane>\r\n  </ElTabs>\r\n</template>\r\n","import { observer } from '@silver-formily/reactive-vue'\r\nimport { composeExport } from '../__builtins__'\r\nimport FFormTab from './form-tab.vue'\r\nimport { createFormTab } from './utils'\r\nimport './style.scss'\r\n\r\nconst FormTab = observer(FFormTab)\r\n\r\nexport const composeFormTab = composeExport(FormTab, {\r\n  createFormTab,\r\n})\r\n\r\nexport { composeFormTab as FormTab }\r\nexport default composeFormTab\r\n"],"names":["props","__props","emit","__emit","field","useField","prefixCls","stylePrefix","formTabRef","computed","createFormTab","tabs","useTabs","_activeKey","ref","reaction","tab","watch","val","errorList","formilyComputed","handleTabChange","key","_createBlock","_unref","ElTabs","_createElementBlock","_Fragment","_renderList","tabProps","schema","name","_openBlock","_mergeProps","_createVNode","RecursionField","ElBadge","_createTextVNode","_toDisplayString","FormTab","observer","FFormTab","composeFormTab","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,UAAMA,IAAQC,GACRC,IAAOC,GAEPC,IAAQC,EAAA,GACRC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAS,MAAMT,EAAM,WAAWU,GAAe,GAC5DC,IAAOC,EAAA,GACPC,IAAaC,EAAId,GAAO,cAAcQ,EAAW,MAAM,aAAaG,IAAO,CAAC,GAAG,IAAI;AAEzF,IAAAI,EAAS,MACAJ,EAAK,QACX,MAAM;AACP,OAACA,EAAK,KAAK,CAAAK,MAAOA,EAAI,SAASH,EAAW,KAAK,MAAMA,EAAW,QAAQF,IAAO,CAAC,GAAG;AAAA,IACrF,GAAG;AAAA,MACD,iBAAiB;AAAA,IAAA,CAClB,GACDM,EAAM,MAAMT,EAAW,MAAM,WAAW,CAACU,MAAQ;AAC/C,MAAAL,EAAW,QAAQK;AAAA,IACrB,CAAC;AAED,UAAMC,IAAYC,EAAgB,MACzBT,EAAK,IAAI,CAACK,MACRZ,EAAM,MAAM,KAAK,eAAe;AAAA,MACrC,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,OAAO,IAAIY,EAAI,IAAI;AAAA,IAAA,CAC5C,EAAE,MACJ,CACF;AAED,aAASK,EAAgBC,GAAa;AAAA,MAAA;AAEpC,MAAI,OAAOA,KAAQ,aAEnBpB,EAAK,qBAAqBoB,CAAG,GAC7Bd,EAAW,MAAM,eAAec,CAAG;AAAA,IACrC;2BAIEC,EA0BSC,EAAAC,CAAA,GAAA;AAAA,MAzBN,eAAaZ,EAAA;AAAA,MACd,OAAA,EAAA,OAAA,OAAA;AAAA,MACC,aAAYQ;AAAA,IAAA;iBAGX,MAAwD;AAAA,gBAD1DK,EAoBYC,GAAA,MAAAC,EAnByCJ,MAAI,CAAA,EAAA,OAAtCK,GAAU,QAAAC,GAAQ,MAAAC,EAAA,GAAQT,OAD7CU,KAAAT,EAoBYC,MApBZS,EAoBY,EAlBT,KAAKF,EAAA,oBACEF,CAAQ,GAAA;AAAA,UAEL,WACT,MAAgD;AAAA,YAAhDK,EAAgDV,EAAAW,CAAA,GAAA;AAAA,cAA/B,QAAAL;AAAA,cAAiB,MAAAC;AAAA,YAAA;;UAEzB,SACT,MAMU;AAAA,YALFP,EAAAL,CAAA,EAAUG,CAAG,MAAA,UADrBC,EAMUC,EAAAY,CAAA,GAAA;AAAA;cAJP,SAAO9B,CAAS;AAAA,cAChB,OAAOkB,EAAAL,CAAA,EAAUG,CAAG;AAAA,YAAA;yBAErB,MAAoB;AAAA,gBAAjBe,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,cAAA;;yCAEnBH,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,cADNU,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;ICtErBU,IAAUC,EAASC,CAAQ,GAEpBC,KAAiBC,EAAcJ,GAAS;AAAA,EACnD,eAAA7B;AACF,CAAC;"}

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'\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;"}
+{"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;"}

package/esm/index.d.ts

@@ -4,9 +4,13 @@ export * from './array-items';
 export * from './array-list-tabs';
 export * from './array-table';
 export * from './array-tabs';
+export * from './autocomplete';
 export * from './cascader';
 export * from './checkbox';
+export * from './color-picker';
+export * from './color-picker-panel';
 export * from './date-picker';
+export * from './date-picker-panel';
 export * from './editable';
 export * from './form';
 export * from './form-button-group';
@@ -20,12 +24,17 @@ export * from './form-step';
 export * from './form-tab';
 export * from './input';
 export * from './input-number';
+export * from './input-tag';
+export * from './mention';
 export * from './password';
 export * from './preview-text';
 export * from './radio';
+export * from './rate';
 export * from './reset';
+export * from './segmented';
 export * from './select';
 export * from './select-table';
+export * from './slider';
 export * from './space';
 export * from './submit';
 export * from './switch';

package/esm/index.mjs

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

package/esm/index.mjs.map

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

package/esm/input/index.mjs

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