@silver-formily/element-plus 3.0.0 → 3.0.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\">\r\nimport type { Field } from '@formily/core'\r\nimport type { AutocompleteInstance } from 'element-plus'\r\nimport type { AutocompleteData, AutocompleteFetchSuggestions } from 'element-plus/es/components/autocomplete'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElAutocomplete } from 'element-plus'\r\nimport { computed, ref } from 'vue'\r\nimport { useCleanAttrs } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FAutocomplete',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps<{\r\n  options?: AutocompleteData\r\n}>()\r\n\r\nconst slots = defineSlots<{\r\n  default?: (scope: { item: AutocompleteData[number], field: Field | undefined }) => any\r\n  header?: (scope: { field: Field | undefined }) => any\r\n  footer?: (scope: { field: Field | undefined }) => any\r\n  loading?: () => any\r\n  prefix?: () => any\r\n  suffix?: () => any\r\n  prepend?: () => any\r\n  append?: () => any\r\n}>()\r\n\r\nconst { props: attrs } = useCleanAttrs()\r\nconst fieldRef = useField<Field>()\r\nconst autocompleteRef = ref<AutocompleteInstance>()\r\n\r\nfieldRef.value?.inject({\r\n  getElAutocompleteRef: () => autocompleteRef,\r\n})\r\n\r\nconst normalizedFetchSuggestions = computed<AutocompleteFetchSuggestions | undefined>(() => {\r\n  const attrFetch = attrs.value.fetchSuggestions as AutocompleteFetchSuggestions | undefined\r\n  if (attrFetch) {\r\n    return ((queryString, cb) => {\r\n      return (attrFetch as (...args: any[]) => any)(queryString, cb, fieldRef.value)\r\n    }) as AutocompleteFetchSuggestions\r\n  }\r\n\r\n  /* istanbul ignore next -- @preserve defensive: allow autocomplete to run without options and remote fetch */\r\n  if (!props.options) {\r\n    return\r\n  }\r\n\r\n  return (queryString: string, cb) => {\r\n    fieldRef.value.loading = true\r\n    const keyword = (queryString ?? '').toLowerCase()\r\n    const valueKey = (attrs.value.valueKey ?? 'value') as string\r\n    const results = keyword\r\n      ? props.options!.filter(option => matchOption(option, valueKey, keyword))\r\n      : props.options!\r\n    cb(results)\r\n    fieldRef.value.loading = false\r\n  }\r\n})\r\n\r\nfunction matchOption(option: AutocompleteData[number], valueKey: string, keyword: string) {\r\n  const target = option?.[valueKey]\r\n  /* istanbul ignore next -- @preserve defensive: tolerate invalid option shape from external data source */\r\n  if (target === undefined || target === null) {\r\n    return false\r\n  }\r\n  return String(target).toLowerCase().includes(keyword)\r\n}\r\n\r\nconst autocompleteProps = computed(() => ({\r\n  ...attrs.value,\r\n  loading: attrs.value.loading ?? fieldRef.value?.loading,\r\n  fetchSuggestions: normalizedFetchSuggestions.value,\r\n}))\r\n</script>\r\n\r\n<template>\r\n  <ElAutocomplete ref=\"autocompleteRef\" v-bind=\"autocompleteProps\">\r\n    <template v-if=\"slots.default\" #default=\"slotProps\">\r\n      <slot name=\"default\" v-bind=\"{ ...slotProps, field: fieldRef }\" />\r\n    </template>\r\n    <template v-if=\"slots.header\" #header>\r\n      <slot name=\"header\" :field=\"fieldRef\" />\r\n    </template>\r\n    <template v-if=\"slots.footer\" #footer>\r\n      <slot name=\"footer\" :field=\"fieldRef\" />\r\n    </template>\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    <template v-if=\"slots.loading\" #loading>\r\n      <slot name=\"loading\" />\r\n    </template>\r\n  </ElAutocomplete>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FAutocomplete from './autocomplete.vue'\r\n\r\nexport const Autocomplete = connect<typeof FAutocomplete>(\r\n  FAutocomplete,\r\n  mapProps({ dataSource: 'options', readOnly: 'readonly', disabled: true }),\r\n  mapReadPretty(PreviewText.Input),\r\n)\r\n\r\nexport default Autocomplete\r\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;"}
+{"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

@@ -1,9 +1,12 @@
 import { connect as i, mapProps as c } from "@silver-formily/vue";
-import { PreviewText as d } from "../preview-text/index.mjs";
-import { defineComponent as f, openBlock as l, createBlock as u, unref as o, mergeProps as C, createSlots as y, withCtx as t, renderSlot as r } from "vue";
-import { ElCascader as P } from "element-plus";
-import { useCleanAttrs as k } from "../__builtins__/shared/utils.mjs";
-import { mapReadPretty as $ } from "../__builtins__/shared/transform-component.mjs";
+import { ElCascader as d } from "element-plus";
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+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";
+import { useCleanAttrs as $ } from "../__builtins__/shared/utils.mjs";
 const h = /* @__PURE__ */ f({
   name: "FCascader",
   inheritAttrs: !1,
@@ -12,36 +15,36 @@ const h = /* @__PURE__ */ f({
     options: {}
   },
   setup(s) {
-    const a = s, { props: p } = k();
-    return (e, v) => (l(), u(o(P), C(o(p), {
+    const a = s, { props: p } = $();
+    return (o, v) => (l(), u(e(d), C(e(p), {
       options: a.options
     }), y({ _: 2 }, [
-      e.$slots.default ? {
+      o.$slots.default ? {
         name: "default",
         fn: t(({ node: n, data: m }) => [
-          r(e.$slots, "default", {
+          r(o.$slots, "default", {
             node: n,
             data: m
           })
         ]),
         key: "0"
       } : void 0,
-      e.$slots.empty ? {
+      o.$slots.empty ? {
         name: "empty",
         fn: t(() => [
-          r(e.$slots, "empty")
+          r(o.$slots, "empty")
         ]),
         key: "1"
       } : void 0
     ]), 1040, ["options"]));
   }
-}), g = i(
+}), R = i(
   h,
   c({ dataSource: "options", disabled: !0 }),
-  $(d.Cascader)
+  P(k.Cascader)
 );
 export {
-  g as Cascader,
-  g as default
+  R as Cascader,
+  R as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/cascader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/cascader/cascader.vue","../../src/cascader/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport type { CascaderOption } from 'element-plus'\r\nimport { ElCascader } from 'element-plus'\r\nimport { useCleanAttrs } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FCascader',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps<{\r\n  options?: CascaderOption[]\r\n}>()\r\n\r\nconst { props: cascaderProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n  <ElCascader\r\n    v-bind=\"cascaderProps\"\r\n    :options=\"props.options\"\r\n  >\r\n    <template v-if=\"$slots.default\" #default=\"{ node, data }\">\r\n      <slot :node=\"node\" :data=\"data\" />\r\n    </template>\r\n    <template v-if=\"$slots.empty\" #empty>\r\n      <slot name=\"empty\" />\r\n    </template>\r\n  </ElCascader>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FCascader from './cascader.vue'\r\n\r\nexport const Cascader = connect<typeof FCascader>(\r\n  FCascader,\r\n  mapProps({ dataSource: 'options', disabled: true }),\r\n  mapReadPretty(PreviewText.Cascader),\r\n)\r\n\r\nexport default Cascader\r\n"],"names":["props","__props","cascaderProps","useCleanAttrs","_createBlock","_unref","ElCascader","_mergeProps","$slots","node","data","_renderSlot","_ctx","Cascader","connect","FCascader","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;2BAI/BC,EAUaC,EAAAC,CAAA,GAVbC,EAUaF,EAAAH,CAAA,GATU;AAAA,MACpB,SAASF,EAAM;AAAA,IAAA;MAEAQ,EAAAA,OAAO;cAAU;AAAA,cAC/B,CAAkC,EADQ,MAAAC,GAAM,MAAAC,QAAI;AAAA,UACpDC,EAAkCC,EAAA,QAAA,WAAA;AAAA,YAA3B,MAAAH;AAAA,YAAa,MAAAC;AAAA,UAAA;;;;MAENF,EAAAA,OAAO;cAAQ;AAAA,cAC7B,MAAqB;AAAA,UAArBG,EAAqBC,EAAA,QAAA,OAAA;AAAA,QAAA;;;;;ICrBdC,IAAWC;AAAA,EACtBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AACpC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/cascader/cascader.vue","../../src/cascader/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CascaderOption } from 'element-plus'\nimport { ElCascader } from 'element-plus'\nimport { useCleanAttrs } from '../__builtins__'\n\ndefineOptions({\n  name: 'FCascader',\n  inheritAttrs: false,\n})\n\nconst props = defineProps<{\n  options?: CascaderOption[]\n}>()\n\nconst { props: cascaderProps } = useCleanAttrs()\n</script>\n\n<template>\n  <ElCascader\n    v-bind=\"cascaderProps\"\n    :options=\"props.options\"\n  >\n    <template v-if=\"$slots.default\" #default=\"{ node, data }\">\n      <slot :node=\"node\" :data=\"data\" />\n    </template>\n    <template v-if=\"$slots.empty\" #empty>\n      <slot name=\"empty\" />\n    </template>\n  </ElCascader>\n</template>\n","import { connect, mapProps } from '@silver-formily/vue'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport FCascader from './cascader.vue'\n\nexport const Cascader = connect<typeof FCascader>(\n  FCascader,\n  mapProps({ dataSource: 'options', disabled: true }),\n  mapReadPretty(PreviewText.Cascader),\n)\n\nexport default Cascader\n"],"names":["props","__props","cascaderProps","useCleanAttrs","_createBlock","_unref","ElCascader","_mergeProps","$slots","node","data","_renderSlot","_ctx","Cascader","connect","FCascader","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;;;;;;;;;;;AAUA,UAAMA,IAAQC,GAIR,EAAE,OAAOC,EAAA,IAAkBC,EAAA;2BAI/BC,EAUaC,EAAAC,CAAA,GAVbC,EAUaF,EAAAH,CAAA,GATU;AAAA,MACpB,SAASF,EAAM;AAAA,IAAA;MAEAQ,EAAAA,OAAO;cAAU;AAAA,cAC/B,CAAkC,EADQ,MAAAC,GAAM,MAAAC,QAAI;AAAA,UACpDC,EAAkCC,EAAA,QAAA,WAAA;AAAA,YAA3B,MAAAH;AAAA,YAAa,MAAAC;AAAA,UAAA;;;;MAENF,EAAAA,OAAO;cAAQ;AAAA,cAC7B,MAAqB;AAAA,UAArBG,EAAqBC,EAAA,QAAA,OAAA;AAAA,QAAA;;;;;ICrBdC,IAAWC;AAAA,EACtBC;AAAAA,EACAC,EAAS,EAAE,YAAY,WAAW,UAAU,IAAM;AAAA,EAClDC,EAAcC,EAAY,QAAQ;AACpC;"}

package/esm/checkbox/index.mjs

@@ -1,12 +1,15 @@
 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 { PreviewText as T } from "../preview-text/index.mjs";
-import { defineComponent as A, computed as c, useSlots as B, openBlock as o, createBlock as a, unref as p, normalizeProps as G, guardReactiveProps as w, withCtx as l, createElementBlock as m, Fragment as i, renderList as f, resolveDynamicComponent as b, mergeProps as d, createTextVNode as D, toDisplayString as F, renderSlot as I } from "vue";
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+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";
 import { isPlainObj as k } from "@formily/shared";
-import { lt as L } from "../__builtins__/shared/simple-version-compare.mjs";
-import { useCleanAttrs as N, composeExport as O } from "../__builtins__/shared/utils.mjs";
-import { mapReadPretty as R } from "../__builtins__/shared/transform-component.mjs";
-const j = /* @__PURE__ */ A({
+import { lt as R } from "../__builtins__/shared/simple-version-compare.mjs";
+import "@formily/core";
+const j = /* @__PURE__ */ T({
   name: "FCheckboxGroup",
   inheritAttrs: !1,
   __name: "checkbox-group",
@@ -21,23 +24,23 @@ const j = /* @__PURE__ */ A({
     }
   },
   setup(x) {
-    const n = x, s = c(() => n.optionType === "button" ? S : h), C = L(E, "2.6.0"), u = c(() => n.options.map((e) => k(e) ? C ? {
+    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 = B(), { props: P } = N();
-    return (e, V) => (o(), a(p(g), G(w(p(P))), {
+    })), v = A(), { props: P } = L();
+    return (e, V) => (o(), a(n(g), B(G(n(P))), {
       default: l(() => [
-        p(v).option ? (o(!0), m(i, { key: 1 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
+        n(v).option ? (o(!0), m(i, { key: 1 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
           default: l(() => [
-            I(e.$slots, "option", { option: t })
+            F(e.$slots, "option", { option: t })
           ]),
           _: 2
         }, 1040))), 128)) : (o(!0), m(i, { key: 0 }, f(u.value, (t, r) => (o(), a(b(s.value), d({ key: r }, { ref_for: !0 }, t), {
           default: l(() => [
-            D(F(p(k)(n.options[r]) ? n.options[r]?.label : t.label), 1)
+            w(D(n(k)(p.options[r]) ? p.options[r]?.label : t.label), 1)
           ]),
           _: 2
         }, 1040))), 128))
@@ -48,7 +51,7 @@ const j = /* @__PURE__ */ A({
 }), z = _(
   j,
   y({ dataSource: "options", disabled: !0 }),
-  R(T.Select, {
+  I(O.Select, {
     multiple: !0
   })
 ), H = _(
@@ -56,11 +59,11 @@ const j = /* @__PURE__ */ A({
   y({
     disabled: !0
   })
-), X = O(H, {
+), ee = N(H, {
   Group: z
 });
 export {
-  X as Checkbox,
-  X as default
+  ee as Checkbox,
+  ee as default
 };
 //# sourceMappingURL=index.mjs.map

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\">\r\nimport type { CheckboxProps } from 'element-plus'\r\nimport type { PropType } from 'vue'\r\nimport { isPlainObj } from '@formily/shared'\r\nimport { ElCheckbox, ElCheckboxButton, ElCheckboxGroup, version } from 'element-plus'\r\nimport { computed, useSlots } from 'vue'\r\nimport { lt, useCleanAttrs } from '../__builtins__'\r\n\r\ndefineOptions({\r\n  name: 'FCheckboxGroup',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\r\n  options: {\r\n    type: Array as PropType<Array<CheckboxProps>>,\r\n    default: () => [],\r\n  },\r\n  optionType: {\r\n    type: String as PropType<'default' | 'button'>,\r\n    default: 'default',\r\n  },\r\n})\r\n\r\nconst OptionType = computed(() => {\r\n  return props.optionType === 'button' ? ElCheckboxButton : ElCheckbox\r\n})\r\nconst IS_LESS_THAN_2_6_0 = lt(version, '2.6.0')\r\nconst compatiableProps = computed(() => {\r\n  return props.options.map((option) => {\r\n    if (!isPlainObj(option)) {\r\n      return {\r\n        label: option,\r\n        value: option,\r\n      }\r\n    }\r\n    /* istanbul ignore if -- @preserve */\r\n    if (IS_LESS_THAN_2_6_0) {\r\n      return {\r\n        ...option,\r\n        label: option.value,\r\n      }\r\n    }\r\n    return option\r\n  })\r\n})\r\n\r\nconst slots = useSlots()\r\nconst { props: checkboxProps } = useCleanAttrs()\r\n</script>\r\n\r\n<template>\r\n  <ElCheckboxGroup v-bind=\"checkboxProps\">\r\n    <template v-if=\"!slots.option\">\r\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\r\n        {{ isPlainObj(props.options[index]) ? props.options[index]?.label : option.label }}\r\n      </component>\r\n    </template>\r\n    <template v-else>\r\n      <component :is=\"OptionType\" v-for=\"(option, index) of compatiableProps\" :key=\"index\" v-bind=\"option\">\r\n        <slot name=\"option\" :option=\"option\" />\r\n      </component>\r\n    </template>\r\n  </ElCheckboxGroup>\r\n</template>\r\n","import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElCheckbox } from 'element-plus'\r\nimport { composeExport, mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport FCheckboxGroup from './checkbox-group.vue'\r\n\r\nconst CheckboxGroup = connect<typeof FCheckboxGroup>(\r\n  FCheckboxGroup,\r\n  mapProps({ dataSource: 'options', disabled: true }),\r\n  mapReadPretty(PreviewText.Select, {\r\n    multiple: true,\r\n  }),\r\n)\r\n\r\nconst InnerCheckbox = connect<typeof ElCheckbox>(\r\n  ElCheckbox,\r\n  mapProps({\r\n    disabled: true,\r\n  }),\r\n)\r\n\r\nexport const Checkbox = composeExport(InnerCheckbox, {\r\n  Group: CheckboxGroup,\r\n})\r\n\r\nexport default Checkbox\r\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,IAAWC,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/color-picker/index.mjs

@@ -1,14 +1,17 @@
 import { connect as r, mapProps as o } from "@silver-formily/vue";
 import { ElColorPicker as e } from "element-plus";
-import { PreviewText as t } from "../preview-text/index.mjs";
-import { mapReadPretty as m } from "../__builtins__/shared/transform-component.mjs";
-const c = r(
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+import "vue";
+import { mapReadPretty as t } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as m } from "../preview-text/index.mjs";
+const f = r(
   e,
   o({ readOnly: "readonly", disabled: !0 }),
-  m(t.ColorPicker)
+  t(m.ColorPicker)
 );
 export {
-  c as ColorPicker,
-  c as default
+  f as ColorPicker,
+  f as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/color-picker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/color-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElColorPicker } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport type ColorPickerProps = typeof ElColorPicker\r\n\r\nexport const ColorPicker = connect<typeof ElColorPicker>(\r\n  ElColorPicker,\r\n  mapProps({ readOnly: 'readonly', disabled: true }),\r\n  mapReadPretty(PreviewText.ColorPicker),\r\n)\r\n\r\nexport default ColorPicker\r\n"],"names":["ColorPicker","connect","ElColorPicker","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;AAOO,MAAMA,IAAcC;AAAA,EACzBC;AAAA,EACAC,EAAS,EAAE,UAAU,YAAY,UAAU,IAAM;AAAA,EACjDC,EAAcC,EAAY,WAAW;AACvC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/color-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerProps = typeof ElColorPicker\n\nexport const ColorPicker = connect<typeof ElColorPicker>(\n  ElColorPicker,\n  mapProps({ readOnly: 'readonly', disabled: true }),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPicker\n"],"names":["ColorPicker","connect","ElColorPicker","mapProps","mapReadPretty","PreviewText"],"mappings":";;;;;;;AAOO,MAAMA,IAAcC;AAAA,EACzBC;AAAA,EACAC,EAAS,EAAE,UAAU,YAAY,UAAU,IAAM;AAAA,EACjDC,EAAcC,EAAY,WAAW;AACvC;"}

package/esm/color-picker-panel/index.mjs

@@ -1,8 +1,11 @@
 import { connect as e, mapProps as o } from "@silver-formily/vue";
 import { ElColorPickerPanel as t } from "element-plus";
-import { PreviewText as i } from "../preview-text/index.mjs";
-import { mapReadPretty as a } from "../__builtins__/shared/transform-component.mjs";
-const d = e(
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+import "vue";
+import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as m } from "../preview-text/index.mjs";
+const f = e(
   t,
   o(
     {
@@ -13,10 +16,10 @@ const d = e(
       disabled: !0
     } : r
   ),
-  a(i.ColorPicker)
+  i(m.ColorPicker)
 );
 export {
-  d as ColorPickerPanel,
-  d as default
+  f as ColorPickerPanel,
+  f as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/color-picker-panel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/color-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElColorPickerPanel } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport type ColorPickerPanelProps = typeof ElColorPickerPanel\r\n\r\nexport const ColorPickerPanel = connect<typeof ElColorPickerPanel>(\r\n  ElColorPickerPanel,\r\n  mapProps(\r\n    {\r\n      disabled: true,\r\n    },\r\n    (props: any) => {\r\n      if (!props.readOnly) {\r\n        return props\r\n      }\r\n\r\n      return {\r\n        ...props,\r\n        disabled: true,\r\n      }\r\n    },\r\n  ),\r\n  mapReadPretty(PreviewText.ColorPicker),\r\n)\r\n\r\nexport default ColorPickerPanel\r\n"],"names":["ColorPickerPanel","connect","ElColorPickerPanel","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;AAOO,MAAMA,IAAmBC;AAAA,EAC9BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MACMA,EAAM,WAIJ;AAAA,MACL,GAAGA;AAAA,MACH,UAAU;AAAA,IAAA,IALHA;AAAA,EAOX;AAAA,EAEFC,EAAcC,EAAY,WAAW;AACvC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/color-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElColorPickerPanel } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\n\nexport type ColorPickerPanelProps = typeof ElColorPickerPanel\n\nexport const ColorPickerPanel = connect<typeof ElColorPickerPanel>(\n  ElColorPickerPanel,\n  mapProps(\n    {\n      disabled: true,\n    },\n    (props: any) => {\n      if (!props.readOnly) {\n        return props\n      }\n\n      return {\n        ...props,\n        disabled: true,\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.ColorPicker),\n)\n\nexport default ColorPickerPanel\n"],"names":["ColorPickerPanel","connect","ElColorPickerPanel","mapProps","props","mapReadPretty","PreviewText"],"mappings":";;;;;;;AAOO,MAAMA,IAAmBC;AAAA,EAC9BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MACMA,EAAM,WAIJ;AAAA,MACL,GAAGA;AAAA,MACH,UAAU;AAAA,IAAA,IALHA;AAAA,EAOX;AAAA,EAEFC,EAAcC,EAAY,WAAW;AACvC;"}

package/esm/date-picker/index.mjs

@@ -1,9 +1,12 @@
 import { connect as r, mapProps as a } from "@silver-formily/vue";
 import { ElDatePicker as m } from "element-plus";
-import { PreviewText as o } from "../preview-text/index.mjs";
-import { getDefaultFormat as t } from "./utils.mjs";
-import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
-const n = r(
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+import "vue";
+import { mapReadPretty as o } from "../__builtins__/shared/transform-component.mjs";
+import { PreviewText as i } from "../preview-text/index.mjs";
+import { getDefaultFormat as e } from "./utils.mjs";
+const y = r(
   m,
   a(
     {
@@ -11,16 +14,16 @@ const n = r(
       disabled: !0,
       editable: !0
     },
-    (e) => ({
-      ...e,
-      format: e.format || t(e.type),
-      valueFormat: e.valueFormat || t(e.type, "valueFormat")
+    (t) => ({
+      ...t,
+      format: t.format || e(t.type),
+      valueFormat: t.valueFormat || e(t.type, "valueFormat")
     })
   ),
-  i(o.DatePicker)
+  o(i.DatePicker)
 );
 export {
-  n as DatePicker,
-  n as default
+  y as DatePicker,
+  y as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/date-picker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElDatePicker } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { PreviewText } from '../preview-text'\r\nimport { getDefaultFormat } from './utils'\r\n\r\nexport const DatePicker = connect<typeof ElDatePicker>(\r\n  ElDatePicker,\r\n  mapProps(\r\n    {\r\n      readOnly: 'readonly',\r\n      disabled: true,\r\n      editable: true,\r\n    },\r\n    (props: any) => {\r\n      return {\r\n        ...props,\r\n        format: props.format || getDefaultFormat(props.type),\r\n        valueFormat:\r\n          props.valueFormat || getDefaultFormat(props.type, 'valueFormat'),\r\n      }\r\n    },\r\n  ),\r\n  mapReadPretty(PreviewText.DatePicker),\r\n)\r\n\r\nexport default DatePicker\r\n"],"names":["DatePicker","connect","ElDatePicker","mapProps","props","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;AAMO,MAAMA,IAAaC;AAAA,EACxBC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,OACQ;AAAA,MACL,GAAGA;AAAA,MACH,QAAQA,EAAM,UAAUC,EAAiBD,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeC,EAAiBD,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/date-picker/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElDatePicker } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { PreviewText } from '../preview-text'\nimport { getDefaultFormat } from './utils'\n\nexport const DatePicker = connect<typeof ElDatePicker>(\n  ElDatePicker,\n  mapProps(\n    {\n      readOnly: 'readonly',\n      disabled: true,\n      editable: true,\n    },\n    (props: any) => {\n      return {\n        ...props,\n        format: props.format || getDefaultFormat(props.type),\n        valueFormat:\n          props.valueFormat || getDefaultFormat(props.type, 'valueFormat'),\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.DatePicker),\n)\n\nexport default DatePicker\n"],"names":["DatePicker","connect","ElDatePicker","mapProps","props","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;;;;AAMO,MAAMA,IAAaC;AAAA,EACxBC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,OACQ;AAAA,MACL,GAAGA;AAAA,MACH,QAAQA,EAAM,UAAUC,EAAiBD,EAAM,IAAI;AAAA,MACnD,aACEA,EAAM,eAAeC,EAAiBD,EAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAErE;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}

package/esm/date-picker/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../src/date-picker/utils.ts"],"sourcesContent":["import type { DatePickerProps } from 'element-plus'\r\n\r\ntype FormatType = 'format' | 'valueFormat'\r\n\r\nexport function getDefaultFormat(type: DatePickerProps['type'] = 'date', formatType: FormatType = 'format') {\r\n  if (type === 'week' && formatType === 'format') {\r\n    return '[Week] ww'\r\n  }\r\n  else {\r\n    switch (type) {\r\n      case 'year':\r\n      case 'years':\r\n      case 'yearrange': {\r\n        return 'YYYY'\r\n      }\r\n      case 'month':\r\n      case 'months':\r\n      case 'monthrange': {\r\n        return 'YYYY-MM'\r\n      }\r\n      case 'week': {\r\n        return 'ww'\r\n      }\r\n      case 'date':\r\n      case 'dates':\r\n      case 'daterange': {\r\n        return 'YYYY-MM-DD'\r\n      }\r\n      case 'datetime':\r\n      case 'datetimerange': {\r\n        return 'YYYY-MM-DD HH:mm:ss'\r\n      }\r\n    }\r\n  }\r\n}\r\n"],"names":["getDefaultFormat","type","formatType"],"mappings":"AAIO,SAASA,EAAiBC,IAAgC,QAAQC,IAAyB,UAAU;AAC1G,MAAID,MAAS,UAAUC,MAAe;AACpC,WAAO;AAGP,UAAQD,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,EACT;AAGN;"}
+{"version":3,"file":"utils.mjs","sources":["../../src/date-picker/utils.ts"],"sourcesContent":["import type { DatePickerProps } from 'element-plus'\n\ntype FormatType = 'format' | 'valueFormat'\n\nexport function getDefaultFormat(type: DatePickerProps['type'] = 'date', formatType: FormatType = 'format') {\n  if (type === 'week' && formatType === 'format') {\n    return '[Week] ww'\n  }\n  else {\n    switch (type) {\n      case 'year':\n      case 'years':\n      case 'yearrange': {\n        return 'YYYY'\n      }\n      case 'month':\n      case 'months':\n      case 'monthrange': {\n        return 'YYYY-MM'\n      }\n      case 'week': {\n        return 'ww'\n      }\n      case 'date':\n      case 'dates':\n      case 'daterange': {\n        return 'YYYY-MM-DD'\n      }\n      case 'datetime':\n      case 'datetimerange': {\n        return 'YYYY-MM-DD HH:mm:ss'\n      }\n    }\n  }\n}\n"],"names":["getDefaultFormat","type","formatType"],"mappings":"AAIO,SAASA,EAAiBC,IAAgC,QAAQC,IAAyB,UAAU;AAC1G,MAAID,MAAS,UAAUC,MAAe;AACpC,WAAO;AAGP,UAAQD,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,EACT;AAGN;"}

package/esm/date-picker-panel/index.mjs

@@ -1,27 +1,30 @@
 import { connect as r, mapProps as m } from "@silver-formily/vue";
 import { ElDatePickerPanel as o } from "element-plus";
+import "@silver-formily/reactive-vue";
+import "@vueuse/core";
+import "vue";
+import { mapReadPretty as i } from "../__builtins__/shared/transform-component.mjs";
 import { getDefaultFormat as a } from "../date-picker/utils.mjs";
-import { PreviewText as i } from "../preview-text/index.mjs";
-import { mapReadPretty as l } from "../__builtins__/shared/transform-component.mjs";
-const c = r(
+import { PreviewText as l } from "../preview-text/index.mjs";
+const v = r(
   o,
   m(
     {
       disabled: !0,
       editable: !0
     },
-    (e) => {
-      const t = {};
-      return e.readOnly && (t.editable = !1), e.valueFormat || (t.valueFormat = a(e.type, "valueFormat")), e.dateFormat || (t.dateFormat = a(e.type)), {
-        ...e,
-        ...t
+    (t) => {
+      const e = {};
+      return t.readOnly && (e.editable = !1), t.valueFormat || (e.valueFormat = a(t.type, "valueFormat")), t.dateFormat || (e.dateFormat = a(t.type)), {
+        ...t,
+        ...e
       };
     }
   ),
-  l(i.DatePicker)
+  i(l.DatePicker)
 );
 export {
-  c as DatePickerPanel,
-  c as default
+  v as DatePickerPanel,
+  v as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/date-picker-panel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/date-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\r\nimport { ElDatePickerPanel } from 'element-plus'\r\nimport { mapReadPretty } from '../__builtins__'\r\nimport { getDefaultFormat } from '../date-picker/utils'\r\nimport { PreviewText } from '../preview-text'\r\n\r\nexport const DatePickerPanel = connect<typeof ElDatePickerPanel>(\r\n  ElDatePickerPanel,\r\n  mapProps(\r\n    {\r\n      disabled: true,\r\n      editable: true,\r\n    },\r\n    (props: any) => {\r\n      const next: Record<string, any> = {}\r\n\r\n      if (props.readOnly) {\r\n        next.editable = false\r\n      }\r\n\r\n      if (!props.valueFormat) {\r\n        next.valueFormat = getDefaultFormat(props.type, 'valueFormat')\r\n      }\r\n\r\n      if (!props.dateFormat) {\r\n        next.dateFormat = getDefaultFormat(props.type)\r\n      }\r\n\r\n      return {\r\n        ...props,\r\n        ...next,\r\n      }\r\n    },\r\n  ),\r\n  mapReadPretty(PreviewText.DatePicker),\r\n)\r\n\r\nexport default DatePickerPanel\r\n"],"names":["DatePickerPanel","connect","ElDatePickerPanel","mapProps","props","next","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;AAMO,MAAMA,IAAkBC;AAAA,EAC7BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MAAe;AACd,YAAMC,IAA4B,CAAA;AAElC,aAAID,EAAM,aACRC,EAAK,WAAW,KAGbD,EAAM,gBACTC,EAAK,cAAcC,EAAiBF,EAAM,MAAM,aAAa,IAG1DA,EAAM,eACTC,EAAK,aAAaC,EAAiBF,EAAM,IAAI,IAGxC;AAAA,QACL,GAAGA;AAAA,QACH,GAAGC;AAAA,MAAA;AAAA,IAEP;AAAA,EAAA;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}
+{"version":3,"file":"index.mjs","sources":["../../src/date-picker-panel/index.ts"],"sourcesContent":["import { connect, mapProps } from '@silver-formily/vue'\nimport { ElDatePickerPanel } from 'element-plus'\nimport { mapReadPretty } from '../__builtins__'\nimport { getDefaultFormat } from '../date-picker/utils'\nimport { PreviewText } from '../preview-text'\n\nexport const DatePickerPanel = connect<typeof ElDatePickerPanel>(\n  ElDatePickerPanel,\n  mapProps(\n    {\n      disabled: true,\n      editable: true,\n    },\n    (props: any) => {\n      const next: Record<string, any> = {}\n\n      if (props.readOnly) {\n        next.editable = false\n      }\n\n      if (!props.valueFormat) {\n        next.valueFormat = getDefaultFormat(props.type, 'valueFormat')\n      }\n\n      if (!props.dateFormat) {\n        next.dateFormat = getDefaultFormat(props.type)\n      }\n\n      return {\n        ...props,\n        ...next,\n      }\n    },\n  ),\n  mapReadPretty(PreviewText.DatePicker),\n)\n\nexport default DatePickerPanel\n"],"names":["DatePickerPanel","connect","ElDatePickerPanel","mapProps","props","next","getDefaultFormat","mapReadPretty","PreviewText"],"mappings":";;;;;;;;AAMO,MAAMA,IAAkBC;AAAA,EAC7BC;AAAA,EACAC;AAAA,IACE;AAAA,MACE,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,IAEZ,CAACC,MAAe;AACd,YAAMC,IAA4B,CAAA;AAElC,aAAID,EAAM,aACRC,EAAK,WAAW,KAGbD,EAAM,gBACTC,EAAK,cAAcC,EAAiBF,EAAM,MAAM,aAAa,IAG1DA,EAAM,eACTC,EAAK,aAAaC,EAAiBF,EAAM,IAAI,IAGxC;AAAA,QACL,GAAGA;AAAA,QACH,GAAGC;AAAA,MAAA;AAAA,IAEP;AAAA,EAAA;AAAA,EAEFE,EAAcC,EAAY,UAAU;AACtC;"}

package/esm/editable/index.mjs

@@ -1,13 +1,15 @@
-import { useField as E, connect as h, mapProps as w } from "@silver-formily/vue";
-import { FormBaseItem as f, fieldFeedbackMapper as R } from "../form-item/index.mjs";
-import { defineComponent as z, ref as m, openBlock as n, createElementBlock as c, 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 W, toDisplayString as S, renderSlot as T, computed as g, Fragment as V, createCommentVNode as q, nextTick as x } from "vue";
-import { Edit as A, Close as D } from "@element-plus/icons-vue";
-import { reaction as N } from "@formily/reactive";
-import { isValid as $, isPlainObj as M } from "@formily/shared";
-import { ElPopover as j, ElText as G, ClickOutside as I } from "element-plus";
-import { stylePrefix as L } from "../__builtins__/configs/index.mjs";
+import { useField as x, connect as E, mapProps as w } from "@silver-formily/vue";
+import { ElPopover as O, ElText as S, ClickOutside as R } from "element-plus";
+import { reactionWatch as V } from "@silver-formily/reactive-vue";
+import "@vueuse/core";
+import { defineComponent as z, ref as m, openBlock as n, createElementBlock as c, 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 h } from "vue";
+import "@formily/core";
+import { composeExport as j } from "../__builtins__/shared/utils.mjs";
+import { FormBaseItem as f, fieldFeedbackMapper as A } from "../form-item/index.mjs";
+import { Edit as W, Close as G } from "@element-plus/icons-vue";
+import { isValid as $, isPlainObj as H } from "@formily/shared";
+import { stylePrefix as I } from "../__builtins__/configs/index.mjs";
 import { o as k } from "../vendor/lodash.mjs";
-import { composeExport as H } from "../__builtins__/shared/utils.mjs";
 import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
   name: "FEditablePopover",
   inheritAttrs: !1,
@@ -38,7 +40,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     tooltipLayout: {}
   },
   setup(b) {
-    const a = b, e = E(), r = `${L}-editable`, s = m(), l = m(!1);
+    const a = b, e = x(), r = `${I}-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);
@@ -46,7 +48,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     function y() {
       l.value = !0;
     }
-    return N(
+    return V(
       () => e.value.form.queryFeedbacks({
         type: "error",
         address: `${e.value.address.entire}.*`
@@ -57,7 +59,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     ), (o, p) => (n(), c("div", {
       class: i(r)
     }, [
-      u(t(j), P(o.$attrs, {
+      u(t(O), P(o.$attrs, {
         visible: l.value,
         title: o.$attrs.title || t(e).title,
         trigger: "click",
@@ -81,20 +83,20 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
                 class: i(`${r}-content`),
                 onClick: y
               }, [
-                u(t(G), null, {
+                u(t(S), null, {
                   default: d(() => [
-                    W(S(t(e).title), 1)
+                    q(D(t(e).title), 1)
                   ]),
                   _: 1
                 }),
-                u(t(A), {
+                u(t(W), {
                   class: i(`${r}-edit-btn`)
                 }, null, 8, ["class"])
               ], 2)
             ]),
             _: 1
           }, 16, ["class"])), [
-            [t(I), v]
+            [t(R), v]
           ])
         ]),
         _: 3
@@ -131,20 +133,20 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
     editProps: {}
   },
   setup(b) {
-    const a = b, e = E(), r = m(null), s = `${L}-editable`, l = m(null), v = g(() => k(a, "editProps")), y = g(() => M(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
+    const a = b, e = x(), r = m(null), s = `${I}-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 = {});
     }
     o(), e.value.data.readPretty = !0;
     async function p() {
-      e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), l.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
+      e.value.disabled || (o(), e.value.data.readPretty = !1, await h(), l.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
     }
     function B() {
       e.value.data?.readPretty !== !0 && (o(), setTimeout(async () => {
-        e.value.data.readPretty = !0, await x(), l.value?.feedbackTooltipRef.updatePopper();
+        e.value.data.readPretty = !0, await h(), l.value?.feedbackTooltipRef.updatePopper();
       }, 0));
     }
-    return (O, X) => (n(), c("div", {
+    return (L, X) => (n(), c("div", {
       ref_key: "innerRef",
       ref: r,
       class: i([s, t(e).disabled && "is-disabled"])
@@ -158,19 +160,19 @@ 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(O.$slots, "default")
+              T(L.$slots, "default")
             ])
           ]),
           _: 3
         }, 16),
-        t(e).disabled ? q("", !0) : (n(), c(V, { key: 0 }, [
+        t(e).disabled ? M("", !0) : (n(), c(N, { key: 0 }, [
           t(e).data?.readPretty === !0 ? (n(), C(t(f), {
             key: 0,
             size: a.size,
             "feedback-layout": a.feedbackLayout
           }, {
             default: d(() => [
-              u(t(A), {
+              u(t(W), {
                 class: i(`${s}-edit-btn`),
                 onClick: p
               }, null, 8, ["class"])
@@ -182,7 +184,7 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
             "feedback-layout": a.feedbackLayout
           }, {
             default: d(() => [
-              u(t(D), {
+              u(t(G), {
                 class: i(`${s}-close-btn`),
                 onClick: B
               }, null, 8, ["class"])
@@ -191,27 +193,27 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
           }, 8, ["size", "feedback-layout"]))
         ], 64))
       ], 2)), [
-        [t(I), B]
+        [t(R), B]
       ])
     ], 2));
   }
-}), Q = h(K, w(
+}), Q = E(K, w(
   {
     required: !0,
     description: "extra"
   },
-  R
-)), U = h(J, w(
+  A
+)), U = E(J, w(
   {
     required: !0,
     description: "extra"
   },
-  R
-)), ne = H(Q, {
+  A
+)), ue = j(Q, {
   Popover: U
 });
 export {
-  ne as Editable,
-  ne as default
+  ue as Editable,
+  ue as default
 };
 //# sourceMappingURL=index.mjs.map