@silver-formily/element-plus 2.0.0 → 2.1.0

package/esm/form-tab/index.mjs

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

@@ -5,7 +5,7 @@ export interface IFormTab {
 }
 export interface IFormTabProps {
     formTab?: IFormTab;
-    value?: string | number;
+    modelValue?: string | number;
 }
 export interface IFormTabPaneProps {
     key: string | number;

package/esm/input/index.d.ts

@@ -1,32 +1,16 @@
 export declare const Input: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        value?: string | number;
-    }> & Readonly<{
-        onChange?: (value: string | number) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        change: (value: string | number) => any;
-    }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        value?: string | number;
-    }> & Readonly<{
-        onChange?: (value: string | number) => any;
-    }>, {}, {}, {}, {}, {}>;
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    value?: string | number;
-}> & Readonly<{
-    onChange?: (value: string | number) => any;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: string | number) => any;
-}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<{
         prefix?: () => any;
         suffix?: () => any;
@@ -40,34 +24,18 @@ export declare const Input: {
     };
 }) & {
     TextArea: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            value?: string | number;
-        }> & Readonly<{
-            onChange?: (value: string | number) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            change: (value: string | number) => any;
-        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<{
-            value?: string | number;
-        }> & Readonly<{
-            onChange?: (value: string | number) => any;
-        }>, {}, {}, {}, {}, {}>;
+        }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        value?: string | number;
-    }> & Readonly<{
-        onChange?: (value: string | number) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        change: (value: string | number) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Readonly<{
             prefix?: () => any;
             suffix?: () => any;

package/esm/input/index.mjs

@@ -1,77 +1,68 @@
-import { connect as s, mapProps as m } from "@formily/vue";
-import { defineComponent as x, useSlots as I, createBlock as k, openBlock as P, unref as a, mergeProps as $, createSlots as g, withCtx as n, renderSlot as r } from "vue";
-import { ElInput as h } from "element-plus";
+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 { ElInput as v } from "element-plus";
 import "@formily/reactive";
-import { mapReadPretty as l } from "../__builtins__/shared/transform-component.mjs";
-import { useCleanAttrs as A, composeExport as C } from "../__builtins__/shared/utils.mjs";
-import { PreviewText as i } from "../preview-text/index.mjs";
+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 "@formily/reactive-vue";
-const u = /* @__PURE__ */ x({
+import "@silver-formily/reactive-vue";
+const f = /* @__PURE__ */ d({
   name: "FInput",
   inheritAttrs: !1,
   __name: "input",
-  props: {
-    value: null
-  },
-  emits: ["change"],
-  setup(e, { emit: d }) {
-    const f = e, c = d, t = I(), { props: v } = A();
-    return (o, p) => (P(), k(a(h), $(a(v), {
-      "model-value": f.value,
-      "onUpdate:modelValue": p[0] || (p[0] = (y) => c("change", y))
-    }), g({ _: 2 }, [
-      t.prefix ? {
+  setup(o) {
+    const e = l(), { props: u } = P();
+    return (t, A) => (y(), c(p(v), x(I(p(u))), k({ _: 2 }, [
+      e.prefix ? {
         name: "prefix",
-        fn: n(() => [
-          r(o.$slots, "prefix")
+        fn: r(() => [
+          n(t.$slots, "prefix")
         ]),
         key: "0"
       } : void 0,
-      t.suffix ? {
+      e.suffix ? {
         name: "suffix",
-        fn: n(() => [
-          r(o.$slots, "suffix")
+        fn: r(() => [
+          n(t.$slots, "suffix")
         ]),
         key: "1"
       } : void 0,
-      t.prepend ? {
+      e.prepend ? {
         name: "prepend",
-        fn: n(() => [
-          r(o.$slots, "prepend")
+        fn: r(() => [
+          n(t.$slots, "prepend")
         ]),
         key: "2"
       } : void 0,
-      t.append ? {
+      e.append ? {
         name: "append",
-        fn: n(() => [
-          r(o.$slots, "append")
+        fn: r(() => [
+          n(t.$slots, "append")
         ]),
         key: "3"
       } : void 0
-    ]), 1040, ["model-value"]));
+    ]), 1040));
   }
-}), S = s(
-  u,
-  m({
-    value: "modelValue",
+}), $ = s(
+  f,
+  a({
     readOnly: "readonly"
   }),
-  l(i.Input)
-), V = s(
-  u,
-  m((e) => ({
-    ...e,
-    modelValue: e.value,
-    readonly: e.readOnly,
+  i(m.Input)
+), h = s(
+  f,
+  a((o) => ({
+    ...o,
+    readonly: o.readOnly,
     type: "textarea"
   })),
-  l(i.Input)
-), b = C(S, {
-  TextArea: V
+  i(m.Input)
+), z = _($, {
+  TextArea: h
 });
 export {
-  b as Input,
-  b 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\">\nimport { ElInput } from 'element-plus'\nimport { useCleanAttrs } from '../__builtins__/index'\n\ndefineOptions({\n  name: 'FInput',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  value: null\n})\n\nconst emit = defineEmits([\"change\"])\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    :model-value=\"props.value\"\n    @update:model-value=\"(val) => emit('change', val)\"\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 '@formily/vue'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FInput from './input.vue'\n\nconst InnerInput = connect(\n  FInput,\n  mapProps({\n    value: 'modelValue',\n    readOnly: 'readonly',\n  }),\n  mapReadPretty(PreviewText.Input),\n)\n\nconst TextArea = connect(\n  FInput,\n  mapProps((props) => {\n    return {\n      ...props,\n      modelValue: props.value,\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":["props","__props","emit","__emit","slots","_useSlots","inputProps","useCleanAttrs","_createBlock","_unref","ElInput","_mergeProps","_cache","val","_renderSlot","_ctx","InnerInput","connect","FInput","mapProps","mapReadPretty","PreviewText","TextArea","Input","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAIRC,IAAOC,GAEPC,IAAQC,EAAA,GAOR,EAAE,OAAOC,EAAA,IAAeC,EAAA;2BAI5BC,EAiBUC,EAAAC,CAAA,GAjBVC,EAiBUF,EAAAH,CAAA,GAhBU;AAAA,MACjB,eAAaN,EAAM;AAAA,MACnB,uBAAkBY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAQX,YAAeW,CAAG;AAAA,IAAA;MAEhCT,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBU,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERX,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBU,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAERX,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvBU,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAETX,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtBU,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;;;ICpCtBC,IAAaC;AAAA,EACjBC;AAAAA,EACAC,EAAS;AAAA,IACP,OAAO;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AAAA,EACDC,EAAcC,EAAY,KAAK;AACjC,GAEMC,IAAWL;AAAA,EACfC;AAAAA,EACAC,EAAS,CAACnB,OACD;AAAA,IACL,GAAGA;AAAA,IACH,YAAYA,EAAM;AAAA,IAClB,UAAUA,EAAM;AAAA,IAChB,MAAM;AAAA,EAAA,EAET;AAAA,EACDoB,EAAcC,EAAY,KAAK;AACjC,GAEaE,IAAQC,EAAcR,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;"}

package/esm/input/input.d.ts

@@ -1,6 +1,3 @@
-type __VLS_Props = {
-    value?: string | number;
-};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
@@ -18,11 +15,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    change: (value: string | number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onChange?: (value: string | number) => any;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {