@silver-formily/element-plus 2.0.1 → 2.1.0

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

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

package/esm/form-tab/index.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/form-tab/form-tab.vue","../../src/form-tab/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { IFormTabProps } from './types.ts'\r\nimport { observable, reaction } from '@formily/reactive'\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({\n  formTab: null,\n  modelValue: null\n})\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 = observable.computed(() => {\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.value[key] !== 0\"\r\n          :class=\"prefixCls\"\r\n          :value=\"errorList.value[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 '@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","observable","handleTabChange","key","_createBlock","_unref","ElTabs","_createElementBlock","_Fragment","_renderList","tabProps","schema","name","_openBlock","_mergeProps","_createVNode","RecursionField","ElBadge","_createTextVNode","_toDisplayString","FormTab","observer","FFormTab","composeFormTab","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAQC,EAAA,GACRC,IAAY,GAAGC,CAAW,aAC1BC,IAAaC,EAAS,MAAMT,EAAM,WAAWU,GAAe,GAC5DC,IAAOC,EAAA,GACPC,IAAaC,EAAId,GAAO,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,EAAW,SAAS,MAC7BT,EAAK,IAAI,CAACK,MACRZ,EAAM,MAAM,KAAK,eAAe;AAAA,MACrC,MAAM;AAAA,MACN,SAAS,GAAGA,EAAM,MAAM,OAAO,IAAIY,EAAI,IAAI;AAAA,IAAA,CAC5C,EAAE,MACJ,CACF;AAED,aAASK,EAAgBC,GAAa;AAAA,MAAA;AAEpC,MAAI,OAAOA,KAAQ,aAEnBpB,EAAK,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,SADH,MAMQ;AAAA,YAHNP,EAAAL,CAAA,EAAU,MAAMG,CAAG,MAAA,UAD3BC,EAMUC,EAAAY,CAAA,GAAA;AAAA;cAJP,SAAO9B,CAAS;AAAA,cAChB,OAAOkB,EAAAL,CAAA,EAAU,MAAMG,CAAG;AAAA,YAAA;yBAE3B,MAAoB;AAAA,gBAAjBe,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,cAAA;;yCAEnBH,EAEWC,GAAA,EAAA,KAAA,KAAA;AAAA,cADNU,EAAAC,EAAAT,EAAS,KAAK,GAAA,CAAA;AAAA,YAAA;;;;;;;;ICxErBU,IAAUC,EAASC,CAAQ,GAEpBC,KAAiBC,EAAcJ,GAAS;AAAA,EACnD,eAAA7B;AACF,CAAC;"}
+{"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;"}

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

@@ -8,33 +8,33 @@ 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 { FormButtonGroup as I } from "./form-button-group/index.mjs";
-import { FormCollapse as n, FormCollapseItem as w } from "./form-collapse/index.mjs";
-import { FormDialog as D } from "./form-dialog/index.mjs";
-import { FormDrawer as B } from "./form-drawer/index.mjs";
-import { FormGrid as G } from "./form-grid/index.mjs";
-import { FormBaseItem as R, FormItem as _, fieldFeedbackMapper as g } from "./form-item/index.mjs";
-import { FormStep as M } from "./form-step/index.mjs";
-import { composeFormTab as U, composeFormTab as j } from "./form-tab/index.mjs";
-import { Input as z } from "./input/index.mjs";
-import { InputNumber as J } from "./input-number/index.mjs";
-import { Password as O } from "./password/index.mjs";
-import { PreviewText as V } from "./preview-text/index.mjs";
-import { Radio as X } from "./radio/index.mjs";
-import { Reset as Z } from "./reset/index.mjs";
-import { Select as rr } from "./select/index.mjs";
-import { SelectTable as er } from "./select-table/index.mjs";
-import { Submit as tr } from "./submit/index.mjs";
-import { Switch as fr } from "./switch/index.mjs";
-import { TimePicker as ar } from "./time-picker/index.mjs";
-import { TimeSelect as lr } from "./time-select/index.mjs";
-import { Transfer as cr } from "./transfer/index.mjs";
-import { Tree as Tr } from "./tree/index.mjs";
-import { TreeSelect as dr } from "./tree-select/index.mjs";
-import { Upload as ur } from "./upload/index.mjs";
-import { _ as Ar } from "./form/form.mjs";
-import { _ as Ir } from "./form-layout/form-layout.mjs";
-import { ElSpace as nr } from "element-plus";
+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";
 export {
   e as ArrayCards,
   t as ArrayCollapse,
@@ -46,36 +46,36 @@ export {
   d as Checkbox,
   u as DatePicker,
   A as Editable,
-  Ar as Form,
-  R as FormBaseItem,
-  I as FormButtonGroup,
-  n as FormCollapse,
-  w as FormCollapseItem,
-  D as FormDialog,
-  B as FormDrawer,
-  G as FormGrid,
-  _ as FormItem,
-  Ir as FormLayout,
-  M as FormStep,
-  U as FormTab,
-  z as Input,
-  J as InputNumber,
-  O as Password,
-  V as PreviewText,
-  X as Radio,
-  Z as Reset,
-  rr as Select,
-  er as SelectTable,
-  nr as Space,
-  tr as Submit,
-  fr as Switch,
-  ar as TimePicker,
-  lr as TimeSelect,
-  cr as Transfer,
-  Tr as Tree,
-  dr as TreeSelect,
-  ur as Upload,
-  j as composeFormTab,
-  g as fieldFeedbackMapper
+  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
 };
 //# sourceMappingURL=index.mjs.map

package/esm/input/index.mjs

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