@silver-formily/element-plus 2.4.0 → 3.0.1

package/esm/autocomplete/autocomplete.d.ts

@@ -82,8 +82,8 @@ declare function __VLS_template(): {
                 readonly form?: string;
                 readonly name?: string;
                 readonly disabled?: boolean;
-                readonly resize?: "none" | "both" | "horizontal" | "vertical";
                 readonly id?: string;
+                readonly resize?: "none" | "both" | "horizontal" | "vertical";
                 readonly placeholder?: string;
                 readonly ariaLabel?: string;
                 readonly popperClass?: import('element-plus').ElTooltipContentProps["popperClass"];
@@ -152,12 +152,12 @@ declare function __VLS_template(): {
                     type: import('vue').PropType<boolean>;
                     default: undefined;
                 };
-                resize: {
-                    type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
-                };
                 id: {
                     type: import('vue').PropType<string>;
                 };
+                resize: {
+                    type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
+                };
                 placeholder: {
                     type: import('vue').PropType<string>;
                 };
@@ -421,12 +421,12 @@ declare function __VLS_template(): {
                 type: import('vue').PropType<boolean>;
                 default: undefined;
             };
-            resize: {
-                type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
-            };
             id: {
                 type: import('vue').PropType<string>;
             };
+            resize: {
+                type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
+            };
             placeholder: {
                 type: import('vue').PropType<string>;
             };
@@ -588,7 +588,7 @@ declare function __VLS_template(): {
             onChange?: ((value: string | number) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "type" | "placement" | "disabled" | "blur" | "close" | "focus" | "activated" | "loading" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
+        }, "type" | "placement" | "activated" | "disabled" | "loading" | "blur" | "close" | "focus" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
             highlightedIndex: import('vue').Ref<number>;
             activated: import('vue').Ref<boolean>;
             loading: import('vue').Ref<boolean>;
@@ -671,8 +671,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly form?: string;
             readonly name?: string;
             readonly disabled?: boolean;
-            readonly resize?: "none" | "both" | "horizontal" | "vertical";
             readonly id?: string;
+            readonly resize?: "none" | "both" | "horizontal" | "vertical";
             readonly placeholder?: string;
             readonly ariaLabel?: string;
             readonly popperClass?: import('element-plus').ElTooltipContentProps["popperClass"];
@@ -741,12 +741,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
                 type: import('vue').PropType<boolean>;
                 default: undefined;
             };
-            resize: {
-                type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
-            };
             id: {
                 type: import('vue').PropType<string>;
             };
+            resize: {
+                type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
+            };
             placeholder: {
                 type: import('vue').PropType<string>;
             };
@@ -1010,12 +1010,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             type: import('vue').PropType<boolean>;
             default: undefined;
         };
-        resize: {
-            type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
-        };
         id: {
             type: import('vue').PropType<string>;
         };
+        resize: {
+            type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
+        };
         placeholder: {
             type: import('vue').PropType<string>;
         };
@@ -1177,7 +1177,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         onChange?: ((value: string | number) => any) | undefined;
         onBlur?: ((evt: FocusEvent) => any) | undefined;
         onClear?: (() => any) | undefined;
-    }, "type" | "placement" | "disabled" | "blur" | "close" | "focus" | "activated" | "loading" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
+    }, "type" | "placement" | "activated" | "disabled" | "loading" | "blur" | "close" | "focus" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
         highlightedIndex: import('vue').Ref<number>;
         activated: import('vue').Ref<boolean>;
         loading: import('vue').Ref<boolean>;

package/esm/autocomplete/index.d.ts

@@ -45,8 +45,8 @@ export declare const Autocomplete: {
                 readonly form?: string;
                 readonly name?: string;
                 readonly disabled?: boolean;
-                readonly resize?: "none" | "both" | "horizontal" | "vertical";
                 readonly id?: string;
+                readonly resize?: "none" | "both" | "horizontal" | "vertical";
                 readonly placeholder?: string;
                 readonly ariaLabel?: string;
                 readonly popperClass?: import('element-plus').ElTooltipContentProps["popperClass"];
@@ -115,12 +115,12 @@ export declare const Autocomplete: {
                     type: import('vue').PropType<boolean>;
                     default: undefined;
                 };
-                resize: {
-                    type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
-                };
                 id: {
                     type: import('vue').PropType<string>;
                 };
+                resize: {
+                    type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
+                };
                 placeholder: {
                     type: import('vue').PropType<string>;
                 };
@@ -384,12 +384,12 @@ export declare const Autocomplete: {
                 type: import('vue').PropType<boolean>;
                 default: undefined;
             };
-            resize: {
-                type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
-            };
             id: {
                 type: import('vue').PropType<string>;
             };
+            resize: {
+                type: import('vue').PropType<"none" | "horizontal" | "vertical" | "both">;
+            };
             placeholder: {
                 type: import('vue').PropType<string>;
             };
@@ -551,7 +551,7 @@ export declare const Autocomplete: {
             onChange?: ((value: string | number) => any) | undefined;
             onBlur?: ((evt: FocusEvent) => any) | undefined;
             onClear?: (() => any) | undefined;
-        }, "type" | "placement" | "disabled" | "blur" | "close" | "focus" | "activated" | "loading" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
+        }, "type" | "placement" | "activated" | "disabled" | "loading" | "blur" | "close" | "focus" | "modelValue" | "tabindex" | "teleported" | "modelModifiers" | "autocomplete" | "clearIcon" | "wordLimitPosition" | "validateEvent" | "inputStyle" | "rows" | "debounce" | "valueKey" | "popperRef" | "inputRef" | "fetchSuggestions" | "triggerOnFocus" | "loopNavigation" | "highlightedIndex" | "suggestions" | "handleSelect" | "handleKeyEnter" | "highlight" | "getData"> & import('vue').ShallowUnwrapRef<{
             highlightedIndex: import('vue').Ref<number>;
             activated: import('vue').Ref<boolean>;
             loading: import('vue').Ref<boolean>;

package/esm/autocomplete/index.mjs

@@ -2,7 +2,7 @@ import { useField as S, connect as $, mapProps as P } from "@silver-formily/vue"
 import { ElAutocomplete as A } from "element-plus";
 import "@formily/reactive";
 import "@vueuse/core";
-import { defineComponent as R, useSlots as w, ref as C, computed as d, createBlock as F, openBlock as x, unref as p, mergeProps as z, createSlots as B, withCtx as n, renderSlot as r, normalizeProps as E, guardReactiveProps as K } from "vue";
+import { defineComponent as R, useSlots as w, ref as C, computed as d, openBlock as F, createBlock as x, unref as p, mergeProps as z, createSlots as B, withCtx as n, renderSlot as r, normalizeProps as E, guardReactiveProps as K } from "vue";
 import { mapReadPretty as L } from "../__builtins__/shared/transform-component.mjs";
 import { PreviewText as O } from "../preview-text/index.mjs";
 import "@formily/core";
@@ -24,7 +24,6 @@ const j = /* @__PURE__ */ R({
       const e = i.value.fetchSuggestions;
       if (e)
         return ((a, s) => e(a, s, t.value));
-      /* istanbul ignore next -- @preserve defensive: allow autocomplete to run without options and remote fetch */
       if (u.options)
         return (a, s) => {
           t.value.loading = !0;
@@ -34,7 +33,6 @@ const j = /* @__PURE__ */ R({
     });
     function v(e, a, s) {
       const l = e?.[a];
-      /* istanbul ignore next -- @preserve defensive: tolerate invalid option shape from external data source */
       return l == null ? !1 : String(l).toLowerCase().includes(s);
     }
     const g = d(() => ({
@@ -42,7 +40,7 @@ const j = /* @__PURE__ */ R({
       loading: i.value.loading ?? t.value?.loading,
       fetchSuggestions: c.value
     }));
-    return (e, a) => (x(), F(p(A), z({
+    return (e, a) => (F(), x(p(A), z({
       ref_key: "autocompleteRef",
       ref: f
     }, g.value), B({ _: 2 }, [

package/esm/autocomplete/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/autocomplete/autocomplete.vue","../../src/autocomplete/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { AutocompleteInstance } from 'element-plus'\nimport type { AutocompleteData, AutocompleteFetchSuggestions } from 'element-plus/es/components/autocomplete'\nimport { useField } from '@silver-formily/vue'\nimport { ElAutocomplete } from 'element-plus'\nimport { computed, ref } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FAutocomplete',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<{\n  options?: AutocompleteData\n}>()\n\nconst slots = defineSlots<{\n  default?: (scope: { item: AutocompleteData[number], field: Field | undefined }) => any\n  header?: (scope: { field: Field | undefined }) => any\n  footer?: (scope: { field: Field | undefined }) => any\n  loading?: () => any\n  prefix?: () => any\n  suffix?: () => any\n  prepend?: () => any\n  append?: () => any\n}>()\n\nconst { props: attrs } = useCleanAttrs()\nconst fieldRef = useField<Field>()\nconst autocompleteRef = ref<AutocompleteInstance>()\n\nfieldRef.value?.inject({\n  getElAutocompleteRef: () => autocompleteRef,\n})\n\nconst normalizedFetchSuggestions = computed<AutocompleteFetchSuggestions | undefined>(() => {\n  const attrFetch = attrs.value.fetchSuggestions as AutocompleteFetchSuggestions | undefined\n  if (attrFetch) {\n    return ((queryString, cb) => {\n      return (attrFetch as (...args: any[]) => any)(queryString, cb, fieldRef.value)\n    }) as AutocompleteFetchSuggestions\n  }\n\n  /* istanbul ignore next -- @preserve defensive: allow autocomplete to run without options and remote fetch */\n  if (!props.options) {\n    return\n  }\n\n  return (queryString: string, cb) => {\n    fieldRef.value.loading = true\n    const keyword = (queryString ?? '').toLowerCase()\n    const valueKey = (attrs.value.valueKey ?? 'value') as string\n    const results = keyword\n      ? props.options!.filter(option => matchOption(option, valueKey, keyword))\n      : props.options!\n    cb(results)\n    fieldRef.value.loading = false\n  }\n})\n\nfunction matchOption(option: AutocompleteData[number], valueKey: string, keyword: string) {\n  const target = option?.[valueKey]\n  /* istanbul ignore next -- @preserve defensive: tolerate invalid option shape from external data source */\n  if (target === undefined || target === null) {\n    return false\n  }\n  return String(target).toLowerCase().includes(keyword)\n}\n\nconst autocompleteProps = computed(() => ({\n  ...attrs.value,\n  loading: attrs.value.loading ?? fieldRef.value?.loading,\n  fetchSuggestions: normalizedFetchSuggestions.value,\n}))\n</script>\n\n<template>\n  <ElAutocomplete ref=\"autocompleteRef\" v-bind=\"autocompleteProps\">\n    <template v-if=\"slots.default\" #default=\"slotProps\">\n      <slot name=\"default\" v-bind=\"{ ...slotProps, field: fieldRef }\" />\n    </template>\n    <template v-if=\"slots.header\" #header>\n      <slot name=\"header\" :field=\"fieldRef\" />\n    </template>\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\" :field=\"fieldRef\" />\n    </template>\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    <template v-if=\"slots.loading\" #loading>\n      <slot name=\"loading\" />\n    </template>\n  </ElAutocomplete>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FAutocomplete from './autocomplete.vue'\n\nexport const Autocomplete = connect<typeof FAutocomplete>(\n  FAutocomplete,\n  mapProps({ dataSource: 'options', readOnly: 'readonly', disabled: true }),\n  mapReadPretty(PreviewText.Input),\n)\n\nexport default Autocomplete\n"],"names":["props","__props","slots","_useSlots","attrs","useCleanAttrs","fieldRef","useField","autocompleteRef","ref","normalizedFetchSuggestions","computed","attrFetch","queryString","cb","keyword","valueKey","results","option","matchOption","target","autocompleteProps","_openBlock","_createBlock","_unref","_mergeProps","_createSlots","_withCtx","slotProps","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","Autocomplete","connect","FAutocomplete","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAWR,EAAE,OAAOC,EAAA,IAAUC,EAAA,GACnBC,IAAWC,EAAA,GACXC,IAAkBC,EAAA;AAExB,IAAAH,EAAS,OAAO,OAAO;AAAA,MACrB,sBAAsB,MAAME;AAAA,IAAA,CAC7B;AAED,UAAME,IAA6BC,EAAmD,MAAM;AAC1F,YAAMC,IAAYR,EAAM,MAAM;AAC9B,UAAIQ;AACF,gBAAQ,CAACC,GAAaC,MACZF,EAAsCC,GAAaC,GAAIR,EAAS,KAAK;AAAA,MAEjF;AAGA,UAAKN,EAAM;AAIX,eAAO,CAACa,GAAqBC,MAAO;AAClC,UAAAR,EAAS,MAAM,UAAU;AACzB,gBAAMS,KAAWF,KAAe,IAAI,YAAA,GAC9BG,IAAYZ,EAAM,MAAM,YAAY,SACpCa,IAAUF,IACZf,EAAM,QAAS,OAAO,CAAAkB,MAAUC,EAAYD,GAAQF,GAAUD,CAAO,CAAC,IACtEf,EAAM;AACV,UAAAc,EAAGG,CAAO,GACVX,EAAS,MAAM,UAAU;AAAA,QAC3B;AAAA,IACF,CAAC;AAED,aAASa,EAAYD,GAAkCF,GAAkBD,GAAiB;AACxF,YAAMK,IAASF,IAASF,CAAQ;AAAA,MAAA;AAEhC,aAA4BI,KAAW,OAC9B,KAEF,OAAOA,CAAM,EAAE,YAAA,EAAc,SAASL,CAAO;AAAA,IACtD;AAEA,UAAMM,IAAoBV,EAAS,OAAO;AAAA,MACxC,GAAGP,EAAM;AAAA,MACT,SAASA,EAAM,MAAM,WAAWE,EAAS,OAAO;AAAA,MAChD,kBAAkBI,EAA2B;AAAA,IAAA,EAC7C;sBAIAY,KAAAC,EAyBiBC,MAzBjBC,EAyBiB;AAAA,eAzBG;AAAA,MAAJ,KAAIjB;AAAA,IAAA,GAA0Ba,EAAA,KAAiB,GAAAK,EAAA,EAAA,GAAA,KAAA;AAAA,MAC7CxB,EAAM;cAAU;AAAA,QAC9B,IAAAyB,EAAA,CADuCC,MAAS;AAAA,UAChDC,EAAkEC,EAAA,QAAA,WAAAC,EAAAC,EAAA,EAAA,GAAhCJ,GAAS,OAASJ,EAAAlB,CAAA,EAAA,CAAQ,CAAA,CAAA;AAAA,QAAA;;;MAE9CJ,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxC2B,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAON,EAAAlB,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxC2B,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAON,EAAAlB,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvB2B,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAET5B,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvB2B,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;ICjGhBG,IAAeC;AAAA,EAC1BC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,YAAY,UAAU,IAAM;AAAA,EACxEC,EAAcC,EAAY,KAAK;AACjC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/autocomplete/autocomplete.vue","../../src/autocomplete/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Field } from '@formily/core'\nimport type { AutocompleteInstance } from 'element-plus'\nimport type { AutocompleteData, AutocompleteFetchSuggestions } from 'element-plus/es/components/autocomplete'\nimport { useField } from '@silver-formily/vue'\nimport { ElAutocomplete } from 'element-plus'\nimport { computed, ref } from 'vue'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FAutocomplete',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<{\n  options?: AutocompleteData\n}>()\n\nconst slots = defineSlots<{\n  default?: (scope: { item: AutocompleteData[number], field: Field | undefined }) => any\n  header?: (scope: { field: Field | undefined }) => any\n  footer?: (scope: { field: Field | undefined }) => any\n  loading?: () => any\n  prefix?: () => any\n  suffix?: () => any\n  prepend?: () => any\n  append?: () => any\n}>()\n\nconst { props: attrs } = useCleanAttrs()\nconst fieldRef = useField<Field>()\nconst autocompleteRef = ref<AutocompleteInstance>()\n\nfieldRef.value?.inject({\n  getElAutocompleteRef: () => autocompleteRef,\n})\n\nconst normalizedFetchSuggestions = computed<AutocompleteFetchSuggestions | undefined>(() => {\n  const attrFetch = attrs.value.fetchSuggestions as AutocompleteFetchSuggestions | undefined\n  if (attrFetch) {\n    return ((queryString, cb) => {\n      return (attrFetch as (...args: any[]) => any)(queryString, cb, fieldRef.value)\n    }) as AutocompleteFetchSuggestions\n  }\n\n  /* istanbul ignore next -- @preserve defensive: allow autocomplete to run without options and remote fetch */\n  if (!props.options) {\n    return\n  }\n\n  return (queryString: string, cb) => {\n    fieldRef.value.loading = true\n    const keyword = (queryString ?? '').toLowerCase()\n    const valueKey = (attrs.value.valueKey ?? 'value') as string\n    const results = keyword\n      ? props.options!.filter(option => matchOption(option, valueKey, keyword))\n      : props.options!\n    cb(results)\n    fieldRef.value.loading = false\n  }\n})\n\nfunction matchOption(option: AutocompleteData[number], valueKey: string, keyword: string) {\n  const target = option?.[valueKey]\n  /* istanbul ignore next -- @preserve defensive: tolerate invalid option shape from external data source */\n  if (target === undefined || target === null) {\n    return false\n  }\n  return String(target).toLowerCase().includes(keyword)\n}\n\nconst autocompleteProps = computed(() => ({\n  ...attrs.value,\n  loading: attrs.value.loading ?? fieldRef.value?.loading,\n  fetchSuggestions: normalizedFetchSuggestions.value,\n}))\n</script>\n\n<template>\n  <ElAutocomplete ref=\"autocompleteRef\" v-bind=\"autocompleteProps\">\n    <template v-if=\"slots.default\" #default=\"slotProps\">\n      <slot name=\"default\" v-bind=\"{ ...slotProps, field: fieldRef }\" />\n    </template>\n    <template v-if=\"slots.header\" #header>\n      <slot name=\"header\" :field=\"fieldRef\" />\n    </template>\n    <template v-if=\"slots.footer\" #footer>\n      <slot name=\"footer\" :field=\"fieldRef\" />\n    </template>\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    <template v-if=\"slots.loading\" #loading>\n      <slot name=\"loading\" />\n    </template>\n  </ElAutocomplete>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FAutocomplete from './autocomplete.vue'\n\nexport const Autocomplete = connect<typeof FAutocomplete>(\n  FAutocomplete,\n  mapProps({ dataSource: 'options', readOnly: 'readonly', disabled: true }),\n  mapReadPretty(PreviewText.Input),\n)\n\nexport default Autocomplete\n"],"names":["props","__props","slots","_useSlots","attrs","useCleanAttrs","fieldRef","useField","autocompleteRef","ref","normalizedFetchSuggestions","computed","attrFetch","queryString","cb","keyword","valueKey","results","option","matchOption","target","autocompleteProps","_openBlock","_createBlock","_unref","_mergeProps","_createSlots","_withCtx","slotProps","_renderSlot","_ctx","_normalizeProps","_guardReactiveProps","Autocomplete","connect","FAutocomplete","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GAWR,EAAE,OAAOC,EAAA,IAAUC,EAAA,GACnBC,IAAWC,EAAA,GACXC,IAAkBC,EAAA;AAExB,IAAAH,EAAS,OAAO,OAAO;AAAA,MACrB,sBAAsB,MAAME;AAAA,IAAA,CAC7B;AAED,UAAME,IAA6BC,EAAmD,MAAM;AAC1F,YAAMC,IAAYR,EAAM,MAAM;AAC9B,UAAIQ;AACF,gBAAQ,CAACC,GAAaC,MACZF,EAAsCC,GAAaC,GAAIR,EAAS,KAAK;AAKjF,UAAKN,EAAM;AAIX,eAAO,CAACa,GAAqBC,MAAO;AAClC,UAAAR,EAAS,MAAM,UAAU;AACzB,gBAAMS,KAAWF,KAAe,IAAI,YAAA,GAC9BG,IAAYZ,EAAM,MAAM,YAAY,SACpCa,IAAUF,IACZf,EAAM,QAAS,OAAO,CAAAkB,MAAUC,EAAYD,GAAQF,GAAUD,CAAO,CAAC,IACtEf,EAAM;AACV,UAAAc,EAAGG,CAAO,GACVX,EAAS,MAAM,UAAU;AAAA,QAC3B;AAAA,IACF,CAAC;AAED,aAASa,EAAYD,GAAkCF,GAAkBD,GAAiB;AACxF,YAAMK,IAASF,IAASF,CAAQ;AAEhC,aAA4BI,KAAW,OAC9B,KAEF,OAAOA,CAAM,EAAE,YAAA,EAAc,SAASL,CAAO;AAAA,IACtD;AAEA,UAAMM,IAAoBV,EAAS,OAAO;AAAA,MACxC,GAAGP,EAAM;AAAA,MACT,SAASA,EAAM,MAAM,WAAWE,EAAS,OAAO;AAAA,MAChD,kBAAkBI,EAA2B;AAAA,IAAA,EAC7C;sBAIAY,KAAAC,EAyBiBC,MAzBjBC,EAyBiB;AAAA,eAzBG;AAAA,MAAJ,KAAIjB;AAAA,IAAA,GAA0Ba,EAAA,KAAiB,GAAAK,EAAA,EAAA,GAAA,KAAA;AAAA,MAC7CxB,EAAM;cAAU;AAAA,QAC9B,IAAAyB,EAAA,CADuCC,MAAS;AAAA,UAChDC,EAAkEC,EAAA,QAAA,WAAAC,EAAAC,EAAA,EAAA,GAAhCJ,GAAS,OAASJ,EAAAlB,CAAA,EAAA,CAAQ,CAAA,CAAA;AAAA,QAAA;;;MAE9CJ,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxC2B,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAON,EAAAlB,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAwC;AAAA,UAAxC2B,EAAwCC,EAAA,QAAA,UAAA,EAAnB,OAAON,EAAAlB,CAAA,EAAA,CAAQ;AAAA,QAAA;;;MAEtBJ,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvB2B,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;MAET5B,EAAM;cAAS;AAAA,cAC7B,MAAsB;AAAA,UAAtB2B,EAAsBC,EAAA,QAAA,QAAA;AAAA,QAAA;;;MAER5B,EAAM;cAAU;AAAA,cAC9B,MAAuB;AAAA,UAAvB2B,EAAuBC,EAAA,QAAA,SAAA;AAAA,QAAA;;;;;ICjGhBG,IAAeC;AAAA,EAC1BC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,YAAY,UAAU,IAAM;AAAA,EACxEC,EAAcC,EAAY,KAAK;AACjC;"}

package/esm/cascader/index.mjs

@@ -2,7 +2,7 @@ import { connect as i, mapProps as c } from "@silver-formily/vue";
 import { ElCascader as d } from "element-plus";
 import "@formily/reactive";
 import "@vueuse/core";
-import { defineComponent as f, createBlock as l, openBlock as u, unref as e, mergeProps as C, createSlots as y, withCtx as t, renderSlot as r } from "vue";
+import { defineComponent as f, openBlock as l, createBlock as u, unref as e, mergeProps as C, createSlots as y, withCtx as t, renderSlot as r } from "vue";
 import { mapReadPretty as P } from "../__builtins__/shared/transform-component.mjs";
 import { PreviewText as k } from "../preview-text/index.mjs";
 import "@formily/core";
@@ -17,7 +17,7 @@ const h = /* @__PURE__ */ f({
   },
   setup(s) {
     const a = s, { props: p } = $();
-    return (o, v) => (u(), l(e(d), C(e(p), {
+    return (o, v) => (l(), u(e(d), C(e(p), {
       options: a.options
     }), y({ _: 2 }, [
       o.$slots.default ? {

package/esm/checkbox/index.d.ts

@@ -542,12 +542,8 @@ export declare const Checkbox: {
             max: {
                 type: import('vue').PropType<number>;
             };
-            fill: {
-                type: import('vue').PropType<string>;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
+            min: {
+                type: import('vue').PropType<number>;
             };
             props: {
                 type: import('vue').PropType<{
@@ -561,6 +557,13 @@ export declare const Checkbox: {
                     disabled?: string;
                 }>;
             };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            fill: {
+                type: import('vue').PropType<string>;
+            };
             modelValue: {
                 type: import('vue').PropType<import('element-plus').CheckboxGroupValueType>;
                 default: () => never[];
@@ -576,9 +579,6 @@ export declare const Checkbox: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            min: {
-                type: import('vue').PropType<number>;
-            };
             options: {
                 type: import('vue').PropType<import('element-plus').CheckboxOption[]>;
             };
@@ -620,12 +620,8 @@ export declare const Checkbox: {
             max: {
                 type: import('vue').PropType<number>;
             };
-            fill: {
-                type: import('vue').PropType<string>;
-            };
-            disabled: {
-                type: import('vue').PropType<boolean>;
-                default: undefined;
+            min: {
+                type: import('vue').PropType<number>;
             };
             props: {
                 type: import('vue').PropType<{
@@ -639,6 +635,13 @@ export declare const Checkbox: {
                     disabled?: string;
                 }>;
             };
+            disabled: {
+                type: import('vue').PropType<boolean>;
+                default: undefined;
+            };
+            fill: {
+                type: import('vue').PropType<string>;
+            };
             modelValue: {
                 type: import('vue').PropType<import('element-plus').CheckboxGroupValueType>;
                 default: () => never[];
@@ -654,9 +657,6 @@ export declare const Checkbox: {
                 type: import('vue').PropType<boolean>;
                 default: boolean;
             };
-            min: {
-                type: import('vue').PropType<number>;
-            };
             options: {
                 type: import('vue').PropType<import('element-plus').CheckboxOption[]>;
             };
@@ -692,12 +692,8 @@ export declare const Checkbox: {
         max: {
             type: import('vue').PropType<number>;
         };
-        fill: {
-            type: import('vue').PropType<string>;
-        };
-        disabled: {
-            type: import('vue').PropType<boolean>;
-            default: undefined;
+        min: {
+            type: import('vue').PropType<number>;
         };
         props: {
             type: import('vue').PropType<{
@@ -711,6 +707,13 @@ export declare const Checkbox: {
                 disabled?: string;
             }>;
         };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: undefined;
+        };
+        fill: {
+            type: import('vue').PropType<string>;
+        };
         modelValue: {
             type: import('vue').PropType<import('element-plus').CheckboxGroupValueType>;
             default: () => never[];
@@ -726,9 +729,6 @@ export declare const Checkbox: {
             type: import('vue').PropType<boolean>;
             default: boolean;
         };
-        min: {
-            type: import('vue').PropType<number>;
-        };
         options: {
             type: import('vue').PropType<import('element-plus').CheckboxOption[]>;
         };

package/esm/checkbox/index.mjs

@@ -2,7 +2,7 @@ import { connect as _, mapProps as y } from "@silver-formily/vue";
 import { ElCheckboxButton as S, ElCheckbox as h, ElCheckboxGroup as g, version as E } from "element-plus";
 import "@formily/reactive";
 import "@vueuse/core";
-import { defineComponent as T, computed as c, useSlots as A, createBlock as a, openBlock as o, unref as n, normalizeProps as B, guardReactiveProps as G, withCtx as l, createElementBlock as m, Fragment as i, renderList as f, resolveDynamicComponent as b, mergeProps as d, createTextVNode as w, toDisplayString as D, renderSlot as F } from "vue";
+import { defineComponent as T, computed as c, useSlots as A, openBlock as o, createBlock as a, unref as n, normalizeProps as B, guardReactiveProps as G, withCtx as l, createElementBlock as m, Fragment as i, renderList as f, resolveDynamicComponent as b, mergeProps as d, createTextVNode as w, toDisplayString as D, renderSlot as F } from "vue";
 import { mapReadPretty as I } from "../__builtins__/shared/transform-component.mjs";
 import { useCleanAttrs as L, composeExport as N } from "../__builtins__/shared/utils.mjs";
 import { PreviewText as O } from "../preview-text/index.mjs";
@@ -25,17 +25,12 @@ const j = /* @__PURE__ */ T({
     }
   },
   setup(x) {
-    const p = x, s = c(() => p.optionType === "button" ? S : h), C = R(E, "2.6.0"), u = c(() => p.options.map((e) => {
-      if (!k(e))
-        return {
-          label: e,
-          value: e
-        };
-      /* istanbul ignore if -- @preserve */
-      return C ? {
-        ...e,
-        label: e.value
-      } : e;
+    const p = x, s = c(() => p.optionType === "button" ? S : h), C = R(E, "2.6.0"), u = c(() => p.options.map((e) => k(e) ? C ? {
+      ...e,
+      label: e.value
+    } : e : {
+      label: e,
+      value: e
     })), v = A(), { props: P } = L();
     return (e, V) => (o(), a(n(g), B(G(n(P))), {
       default: l(() => [

package/esm/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/checkbox/checkbox-group.vue","../../src/checkbox/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxProps } from 'element-plus'\nimport type { PropType } from 'vue'\nimport { isPlainObj } from '@formily/shared'\nimport { ElCheckbox, ElCheckboxButton, ElCheckboxGroup, version } from 'element-plus'\nimport { computed, useSlots } from 'vue'\nimport { lt, useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FCheckboxGroup',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  options: {\n    type: Array as PropType<Array<CheckboxProps>>,\n    default: () => [],\n  },\n  optionType: {\n    type: String as PropType<'default' | 'button'>,\n    default: 'default',\n  },\n})\n\nconst OptionType = computed(() => {\n  return props.optionType === 'button' ? ElCheckboxButton : ElCheckbox\n})\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\nconst compatiableProps = computed(() => {\n  return props.options.map((option) => {\n    if (!isPlainObj(option)) {\n      return {\n        label: option,\n        value: option,\n      }\n    }\n    /* istanbul ignore if -- @preserve */\n    if (IS_LESS_THAN_2_6_0) {\n      return {\n        ...option,\n        label: option.value,\n      }\n    }\n    return option\n  })\n})\n\nconst slots = useSlots()\nconst { props: checkboxProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCheckboxGroup v-bind=\"checkboxProps\">\n    <template v-if=\"!slots.option\">\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        {{ isPlainObj(props.options[index]) ? props.options[index]?.label : option.label }}\n      </component>\n    </template>\n    <template v-else>\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        <slot name=\"option\" :option=\"option\" />\n      </component>\n    </template>\n  </ElCheckboxGroup>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { ElCheckbox } from 'element-plus'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FCheckboxGroup from './checkbox-group.vue'\n\nconst CheckboxGroup = connect<typeof FCheckboxGroup>(\n  FCheckboxGroup,\n  mapProps({ dataSource: 'options', disabled: true }),\n  mapReadPretty(PreviewText.Select, {\n    multiple: true,\n  }),\n)\n\nconst InnerCheckbox = connect<typeof ElCheckbox>(\n  ElCheckbox,\n  mapProps({\n    disabled: true,\n  }),\n)\n\nexport const Checkbox = composeExport(InnerCheckbox, {\n  Group: CheckboxGroup,\n})\n\nexport default Checkbox\n"],"names":["props","__props","OptionType","computed","ElCheckboxButton","ElCheckbox","IS_LESS_THAN_2_6_0","lt","version","compatiableProps","option","isPlainObj","slots","useSlots","checkboxProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createElementBlock","_Fragment","_renderList","index","_resolveDynamicComponent","_mergeProps","_renderSlot","_ctx","_createTextVNode","_toDisplayString","CheckboxGroup","connect","FCheckboxGroup","mapProps","mapReadPretty","PreviewText","InnerCheckbox","Checkbox","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAWRC,IAAaC,EAAS,MACnBH,EAAM,eAAe,WAAWI,IAAmBC,CAC3D,GACKC,IAAqBC,EAAGC,GAAS,OAAO,GACxCC,IAAmBN,EAAS,MACzBH,EAAM,QAAQ,IAAI,CAACU,MAAW;AACnC,UAAI,CAACC,EAAWD,CAAM;AACpB,eAAO;AAAA,UACL,OAAOA;AAAA,UACP,OAAOA;AAAA,QAAA;AAAA,MAEX;AAEA,aAAIJ,IACK;AAAA,QACL,GAAGI;AAAA,QACH,OAAOA,EAAO;AAAA,MAAA,IAGXA;AAAA,IACT,CAAC,CACF,GAEKE,IAAQC,EAAA,GACR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;sBAI/BC,EAAA,GAAAC,EAWkBC,UAXOA,EAAAJ,CAAA,CAAa,CAAA,GAAA;AAAA,iBACpC,MAIW;AAAA,QAJMI,EAAAN,CAAA,EAAM,UAMrBI,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAuC;AAAA,YAAvCe,EAAuCC,EAAA,QAAA,UAAA,EAAlB,QAAAhB,GAAc;AAAA,UAAA;;6BANrCM,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAmF;AAAA,YAAhFiB,EAAAC,EAAAV,EAAAP,CAAA,EAAWX,EAAM,QAAQsB,CAAK,CAAA,IAAKtB,EAAM,QAAQsB,CAAK,GAAG,QAAQZ,EAAO,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;ICjDlFmB,IAAgBC;AAAA,EACpBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AAAA,IAChC,UAAU;AAAA,EAAA,CACX;AACH,GAEMC,IAAgBL;AAAA,EACpBzB;AAAA,EACA2B,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AACH,GAEaI,KAAWC,EAAcF,GAAe;AAAA,EACnD,OAAON;AACT,CAAC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/checkbox/checkbox-group.vue","../../src/checkbox/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CheckboxProps } from 'element-plus'\nimport type { PropType } from 'vue'\nimport { isPlainObj } from '@formily/shared'\nimport { ElCheckbox, ElCheckboxButton, ElCheckboxGroup, version } from 'element-plus'\nimport { computed, useSlots } from 'vue'\nimport { lt, useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FCheckboxGroup',\n  inheritAttrs: false,\n})\n\nconst props = defineProps({\n  options: {\n    type: Array as PropType<Array<CheckboxProps>>,\n    default: () => [],\n  },\n  optionType: {\n    type: String as PropType<'default' | 'button'>,\n    default: 'default',\n  },\n})\n\nconst OptionType = computed(() => {\n  return props.optionType === 'button' ? ElCheckboxButton : ElCheckbox\n})\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\nconst compatiableProps = computed(() => {\n  return props.options.map((option) => {\n    if (!isPlainObj(option)) {\n      return {\n        label: option,\n        value: option,\n      }\n    }\n    /* istanbul ignore if -- @preserve */\n    if (IS_LESS_THAN_2_6_0) {\n      return {\n        ...option,\n        label: option.value,\n      }\n    }\n    return option\n  })\n})\n\nconst slots = useSlots()\nconst { props: checkboxProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCheckboxGroup v-bind=\"checkboxProps\">\n    <template v-if=\"!slots.option\">\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        {{ isPlainObj(props.options[index]) ? props.options[index]?.label : option.label }}\n      </component>\n    </template>\n    <template v-else>\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\n        <slot name=\"option\" :option=\"option\" />\n      </component>\n    </template>\n  </ElCheckboxGroup>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { ElCheckbox } from 'element-plus'\nimport { composeExport, mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FCheckboxGroup from './checkbox-group.vue'\n\nconst CheckboxGroup = connect<typeof FCheckboxGroup>(\n  FCheckboxGroup,\n  mapProps({ dataSource: 'options', disabled: true }),\n  mapReadPretty(PreviewText.Select, {\n    multiple: true,\n  }),\n)\n\nconst InnerCheckbox = connect<typeof ElCheckbox>(\n  ElCheckbox,\n  mapProps({\n    disabled: true,\n  }),\n)\n\nexport const Checkbox = composeExport(InnerCheckbox, {\n  Group: CheckboxGroup,\n})\n\nexport default Checkbox\n"],"names":["props","__props","OptionType","computed","ElCheckboxButton","ElCheckbox","IS_LESS_THAN_2_6_0","lt","version","compatiableProps","option","isPlainObj","slots","useSlots","checkboxProps","useCleanAttrs","_openBlock","_createBlock","_unref","_createElementBlock","_Fragment","_renderList","index","_resolveDynamicComponent","_mergeProps","_renderSlot","_ctx","_createTextVNode","_toDisplayString","CheckboxGroup","connect","FCheckboxGroup","mapProps","mapReadPretty","PreviewText","InnerCheckbox","Checkbox","composeExport"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GAWRC,IAAaC,EAAS,MACnBH,EAAM,eAAe,WAAWI,IAAmBC,CAC3D,GACKC,IAAqBC,EAAGC,GAAS,OAAO,GACxCC,IAAmBN,EAAS,MACzBH,EAAM,QAAQ,IAAI,CAACU,MACnBC,EAAWD,CAAM,IAOlBJ,IACK;AAAA,MACL,GAAGI;AAAA,MACH,OAAOA,EAAO;AAAA,IAAA,IAGXA,IAZE;AAAA,MACL,OAAOA;AAAA,MACP,OAAOA;AAAA,IAAA,CAWZ,CACF,GAEKE,IAAQC,EAAA,GACR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;sBAI/BC,EAAA,GAAAC,EAWkBC,UAXOA,EAAAJ,CAAA,CAAa,CAAA,GAAA;AAAA,iBACpC,MAIW;AAAA,QAJMI,EAAAN,CAAA,EAAM,UAMrBI,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAuC;AAAA,YAAvCe,EAAuCC,EAAA,QAAA,UAAA,EAAlB,QAAAhB,GAAc;AAAA,UAAA;;6BANrCM,EAAA,EAAA,GAAAG,EAEYC,GAAA,EAAA,KAAA,KAAAC,EAF0CZ,EAAA,OAAgB,CAAlCC,GAAQY,YAA5CL,EAEYM,EAFIrB,OAAU,GAA1BsB,EAEY,EAF6D,KAAKF,KAAK,EAAA,SAAA,GAAA,GAAUZ,CAAM,GAAA;AAAA,qBACjG,MAAmF;AAAA,YAAhFiB,EAAAC,EAAAV,EAAAP,CAAA,EAAWX,EAAM,QAAQsB,CAAK,CAAA,IAAKtB,EAAM,QAAQsB,CAAK,GAAG,QAAQZ,EAAO,KAAK,GAAA,CAAA;AAAA,UAAA;;;;;;;ICjDlFmB,IAAgBC;AAAA,EACpBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AAAA,IAChC,UAAU;AAAA,EAAA,CACX;AACH,GAEMC,IAAgBL;AAAA,EACpBzB;AAAA,EACA2B,EAAS;AAAA,IACP,UAAU;AAAA,EAAA,CACX;AACH,GAEaI,KAAWC,EAAcF,GAAe;AAAA,EACnD,OAAON;AACT,CAAC;"}

package/esm/editable/editable.d.ts

@@ -20,13 +20,13 @@ declare function __VLS_template(): {
                 fullness: boolean;
             }> & Omit<{
                 readonly internalFormItemClass?: string;
-                readonly label?: string;
+                readonly label?: import('../form-item/types').FormItemContent;
                 readonly for?: string;
-                readonly tooltip?: string;
-                readonly addonBefore?: string;
-                readonly addonAfter?: string;
-                readonly extra?: string;
-                readonly feedbackText?: string;
+                readonly tooltip?: import('../form-item/types').FormItemContent;
+                readonly addonBefore?: import('../form-item/types').FormItemContent;
+                readonly addonAfter?: import('../form-item/types').FormItemContent;
+                readonly extra?: import('../form-item/types').FormItemContent;
+                readonly feedbackText?: import('../form-item/types').FormItemContent;
                 readonly feedbackStatus?: "error" | "warning" | "success" | "pending";
                 readonly asterisk?: boolean;
                 readonly colon?: boolean;
@@ -111,13 +111,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             fullness: boolean;
         }> & Omit<{
             readonly internalFormItemClass?: string;
-            readonly label?: string;
+            readonly label?: import('../form-item/types').FormItemContent;
             readonly for?: string;
-            readonly tooltip?: string;
-            readonly addonBefore?: string;
-            readonly addonAfter?: string;
-            readonly extra?: string;
-            readonly feedbackText?: string;
+            readonly tooltip?: import('../form-item/types').FormItemContent;
+            readonly addonBefore?: import('../form-item/types').FormItemContent;
+            readonly addonAfter?: import('../form-item/types').FormItemContent;
+            readonly extra?: import('../form-item/types').FormItemContent;
+            readonly feedbackText?: import('../form-item/types').FormItemContent;
             readonly feedbackStatus?: "error" | "warning" | "success" | "pending";
             readonly asterisk?: boolean;
             readonly colon?: boolean;

package/esm/editable/index.d.ts

@@ -20,13 +20,13 @@ export declare const Editable: {
                 fullness: boolean;
             }> & Omit<{
                 readonly internalFormItemClass?: string;
-                readonly label?: string;
+                readonly label?: import('../form-item/types').FormItemContent;
                 readonly for?: string;
-                readonly tooltip?: string;
-                readonly addonBefore?: string;
-                readonly addonAfter?: string;
-                readonly extra?: string;
-                readonly feedbackText?: string;
+                readonly tooltip?: import('../form-item/types').FormItemContent;
+                readonly addonBefore?: import('../form-item/types').FormItemContent;
+                readonly addonAfter?: import('../form-item/types').FormItemContent;
+                readonly extra?: import('../form-item/types').FormItemContent;
+                readonly feedbackText?: import('../form-item/types').FormItemContent;
                 readonly feedbackStatus?: "error" | "warning" | "success" | "pending";
                 readonly asterisk?: boolean;
                 readonly colon?: boolean;

package/esm/editable/index.mjs

@@ -1,8 +1,8 @@
 import { useField as E, connect as h, mapProps as w } from "@silver-formily/vue";
-import { ElPopover as O, ElText as S, ClickOutside as R } from "element-plus";
+import { ElPopover as W, ElText as S, ClickOutside as R } from "element-plus";
 import { reaction as V } from "@formily/reactive";
 import "@vueuse/core";
-import { defineComponent as z, ref as m, createElementBlock as f, openBlock as n, normalizeClass as i, createVNode as u, unref as t, mergeProps as P, withCtx as d, withDirectives as F, createBlock as C, createElementVNode as _, createTextVNode as q, toDisplayString as N, renderSlot as T, computed as g, createCommentVNode as D, Fragment as M, nextTick as x } from "vue";
+import { defineComponent as z, ref as m, openBlock as n, createElementBlock as f, normalizeClass as i, createVNode as u, unref as t, mergeProps as P, withCtx as d, withDirectives as F, createBlock as C, createElementVNode as _, createTextVNode as q, toDisplayString as D, renderSlot as T, computed as g, Fragment as N, createCommentVNode as M, nextTick as x } from "vue";
 import "@formily/core";
 import "@silver-formily/reactive-vue";
 import { composeExport as j } from "../__builtins__/shared/utils.mjs";
@@ -41,16 +41,10 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     tooltipLayout: {}
   },
   setup(b) {
-    const a = b, e = E(), o = `${L}-editable`, s = m(), l = m(!1);
-    if ($(e.value.data)) {
-      /* istanbul ignore else -- @preserve */
-      $(e.value.data.readPretty) || (e.value.data.readPretty = !0);
-    } else
-      e.value.data = {}, e.value.data.readPretty = !0;
-    function v(r) {
-      const p = s.value.parentElement;
-      /* istanbul ignore else -- @preserve */
-      p.contains(r.target) || (l.value = !1);
+    const a = b, e = E(), r = `${L}-editable`, s = m(), l = m(!1);
+    $(e.value.data) ? $(e.value.data.readPretty) || (e.value.data.readPretty = !0) : (e.value.data = {}, e.value.data.readPretty = !0);
+    function v(o) {
+      s.value.parentElement.contains(o.target) || (l.value = !1);
     }
     function y() {
       l.value = !0;
@@ -60,15 +54,15 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
         type: "error",
         address: `${e.value.address.entire}.*`
       }),
-      (r) => {
-        r.length > 0 && (l.value = !0);
+      (o) => {
+        o.length > 0 && (l.value = !0);
       }
-    ), (r, p) => (n(), f("div", {
-      class: i(o)
+    ), (o, p) => (n(), f("div", {
+      class: i(r)
     }, [
-      u(t(O), P(r.$attrs, {
+      u(t(W), P(o.$attrs, {
         visible: l.value,
-        title: r.$attrs.title || t(e).title,
+        title: o.$attrs.title || t(e).title,
         trigger: "click",
         width: "auto"
       }), {
@@ -76,28 +70,28 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
           _("div", {
             ref_key: "contentRef",
             ref: s,
-            class: i(`${o}-popover-wrapper`)
+            class: i(`${r}-popover-wrapper`)
           }, [
-            T(r.$slots, "default")
+            T(o.$slots, "default")
           ], 2)
         ]),
         reference: d(() => [
           F((n(), C(t(c), P(a, {
-            class: `${o}-trigger`
+            class: `${r}-trigger`
           }), {
             default: d(() => [
               _("div", {
-                class: i(`${o}-content`),
+                class: i(`${r}-content`),
                 onClick: y
               }, [
                 u(t(S), null, {
                   default: d(() => [
-                    q(N(t(e).title), 1)
+                    q(D(t(e).title), 1)
                   ]),
                   _: 1
                 }),
                 u(t(I), {
-                  class: i(`${o}-edit-btn`)
+                  class: i(`${r}-edit-btn`)
                 }, null, 8, ["class"])
               ], 2)
             ]),
@@ -140,22 +134,22 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     editProps: {}
   },
   setup(b) {
-    const a = b, e = E(), o = m(null), s = `${L}-editable`, l = m(null), v = g(() => k(a, "editProps")), y = g(() => H(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
-    function r() {
+    const a = b, e = E(), r = m(null), s = `${L}-editable`, l = m(null), v = g(() => k(a, "editProps")), y = g(() => H(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
+    function o() {
       $(e.value.data) || (e.value.data = {});
     }
-    r(), e.value.data.readPretty = !0;
+    o(), e.value.data.readPretty = !0;
     async function p() {
-      e.value.disabled || (r(), e.value.data.readPretty = !1, await x(), l.value.feedbackTooltipRef.updatePopper(), o.value?.querySelector("input")?.focus());
+      e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), l.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
     }
     function B() {
-      e.value.data?.readPretty !== !0 && (r(), setTimeout(async () => {
+      e.value.data?.readPretty !== !0 && (o(), setTimeout(async () => {
         e.value.data.readPretty = !0, await x(), l.value?.feedbackTooltipRef.updatePopper();
       }, 0));
     }
-    return (W, X) => (n(), f("div", {
+    return (O, X) => (n(), f("div", {
       ref_key: "innerRef",
-      ref: o,
+      ref: r,
       class: i([s, t(e).disabled && "is-disabled"])
     }, [
       F((n(), f("div", {
@@ -167,12 +161,12 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
         }, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick: p }), {
           default: d(() => [
             _("div", null, [
-              T(W.$slots, "default")
+              T(O.$slots, "default")
             ])
           ]),
           _: 3
         }, 16),
-        t(e).disabled ? D("", !0) : (n(), f(M, { key: 0 }, [
+        t(e).disabled ? M("", !0) : (n(), f(N, { key: 0 }, [
           t(e).data?.readPretty === !0 ? (n(), C(t(c), {
             key: 0,
             size: a.size,