@silver-formily/element-plus 2.0.1 → 2.2.0

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(\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(\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,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,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\">\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,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,IAAWC,EAAcF,GAAe;AAAA,EACnD,OAAON;AACT,CAAC;"}

package/esm/editable/editable.d.ts

@@ -14,9 +14,10 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }> & Omit<{
                 readonly label?: string;
                 readonly for?: string;
@@ -33,7 +34,6 @@ declare function __VLS_template(): {
                 readonly labelWrap?: boolean;
                 readonly labelWidth?: number;
                 readonly wrapperWidth?: number;
-                readonly wrapperWrap?: boolean;
                 readonly labelCol?: number;
                 readonly wrapperCol?: number;
                 readonly fullness?: boolean;
@@ -41,7 +41,7 @@ declare function __VLS_template(): {
                 readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
                 readonly feedbackLayout?: "loose" | "terse" | "popover";
                 readonly tooltipLayout?: "icon" | "text";
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -57,9 +57,10 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
                 feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -81,10 +82,11 @@ declare function __VLS_template(): {
             $nextTick: typeof nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
-        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: any;
@@ -102,9 +104,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
         }> & Omit<{
             readonly label?: string;
             readonly for?: string;
@@ -121,7 +124,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly labelWrap?: boolean;
             readonly labelWidth?: number;
             readonly wrapperWidth?: number;
-            readonly wrapperWrap?: boolean;
             readonly labelCol?: number;
             readonly wrapperCol?: number;
             readonly fullness?: boolean;
@@ -129,7 +131,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
             readonly feedbackLayout?: "loose" | "terse" | "popover";
             readonly tooltipLayout?: "icon" | "text";
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -145,9 +147,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -169,10 +172,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        asterisk: boolean;
         colon: boolean;
+        labelWrap: boolean;
         fullness: boolean;
-        feedbackLayout: "loose" | "terse" | "popover";
-    }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+    }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
         feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: any;

package/esm/editable/index.d.ts

@@ -14,9 +14,10 @@ export declare const Editable: {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }> & Omit<{
                 readonly label?: string;
                 readonly for?: string;
@@ -33,7 +34,6 @@ export declare const Editable: {
                 readonly labelWrap?: boolean;
                 readonly labelWidth?: number;
                 readonly wrapperWidth?: number;
-                readonly wrapperWrap?: boolean;
                 readonly labelCol?: number;
                 readonly wrapperCol?: number;
                 readonly fullness?: boolean;
@@ -41,7 +41,7 @@ export declare const Editable: {
                 readonly layout?: "vertical" | "horizontal" | "inline" | ("vertical" | "horizontal" | "inline")[];
                 readonly feedbackLayout?: "loose" | "terse" | "popover";
                 readonly tooltipLayout?: "icon" | "text";
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "colon" | "fullness" | "feedbackLayout">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "asterisk" | "colon" | "labelWrap" | "fullness">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -57,9 +57,10 @@ export declare const Editable: {
             $options: import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {
                 feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                asterisk: boolean;
                 colon: boolean;
+                labelWrap: boolean;
                 fullness: boolean;
-                feedbackLayout: "loose" | "terse" | "popover";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -81,10 +82,11 @@ export declare const Editable: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
+            asterisk: boolean;
             colon: boolean;
+            labelWrap: boolean;
             fullness: boolean;
-            feedbackLayout: "loose" | "terse" | "popover";
-        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("colon" | "fullness" | "feedbackLayout") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<IFormItemProps> & Readonly<{}>, ("asterisk" | "colon" | "labelWrap" | "fullness") | "feedbackTooltipRef"> & import('vue').ShallowUnwrapRef<{
             feedbackTooltipRef: import('vue').Ref<import('element-plus').TooltipInstance, import('element-plus').TooltipInstance>;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: any;

package/esm/editable/index.mjs

@@ -1,11 +1,11 @@
-import { useField as x, connect as E, mapProps as h } from "@silver-formily/vue";
-import { FormBaseItem as f, fieldFeedbackMapper as R } from "../form-item/index.mjs";
-import { defineComponent as z, ref as m, createElementBlock as c, openBlock as u, normalizeClass as n, createVNode as d, unref as t, mergeProps as P, withCtx as s, withDirectives as T, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as W, computed as w, createCommentVNode as q, Fragment as I, nextTick as g } from "vue";
-import { Edit as A, Close as N } from "@element-plus/icons-vue";
+import { useField as E, connect as h, mapProps as w } from "@silver-formily/vue";
+import { FormBaseItem as c, fieldFeedbackMapper as R } from "../form-item/index.mjs";
+import { defineComponent as z, ref as m, createElementBlock as p, openBlock as d, normalizeClass as i, createVNode as u, unref as t, mergeProps as P, withCtx as n, withDirectives as T, createBlock as _, createElementVNode as C, createTextVNode as S, toDisplayString as V, renderSlot as A, computed as g, createCommentVNode as q, Fragment as I, nextTick as x } from "vue";
+import { Edit as F, Close as N } from "@element-plus/icons-vue";
 import { reaction as D } from "@formily/reactive";
-import { isValid as B, isPlainObj as M } from "@formily/shared";
-import { ElPopover as j, ElText as G, ClickOutside as F } from "element-plus";
-import { stylePrefix as L } from "../__builtins__/configs/index.mjs";
+import { isValid as $, isPlainObj as M } from "@formily/shared";
+import { ElPopover as j, ElText as G, ClickOutside as L } from "element-plus";
+import { stylePrefix as W } 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({
@@ -13,94 +13,93 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "editable-popover",
   props: {
-    label: null,
-    for: null,
-    tooltip: null,
-    addonBefore: null,
-    addonAfter: null,
-    extra: null,
-    feedbackText: null,
-    feedbackStatus: null,
+    label: {},
+    for: {},
+    tooltip: {},
+    addonBefore: {},
+    addonAfter: {},
+    extra: {},
+    feedbackText: {},
+    feedbackStatus: {},
     asterisk: { type: Boolean },
     colon: { type: Boolean },
-    labelAlign: null,
-    wrapperAlign: null,
+    labelAlign: {},
+    wrapperAlign: {},
     labelWrap: { type: Boolean },
-    labelWidth: null,
-    wrapperWidth: null,
-    wrapperWrap: { type: Boolean },
-    labelCol: null,
-    wrapperCol: null,
+    labelWidth: {},
+    wrapperWidth: {},
+    labelCol: {},
+    wrapperCol: {},
     fullness: { type: Boolean },
     size: { default: "default" },
-    layout: null,
+    layout: {},
     feedbackLayout: { default: "popover" },
-    tooltipLayout: null
+    tooltipLayout: {}
   },
   setup(b) {
-    const l = b, e = x(), r = `${L}-editable`, i = m(), o = m(!1);
-    if (B(e.value.data)) {
+    const a = b, e = E(), l = `${W}-editable`, s = m(), r = m(!1);
+    if ($(e.value.data)) {
       /* istanbul ignore else -- @preserve */
-      B(e.value.data.readPretty) || (e.value.data.readPretty = !0);
+      $(e.value.data.readPretty) || (e.value.data.readPretty = !0);
     } else
       e.value.data = {}, e.value.data.readPretty = !0;
-    function y(a) {
-      const p = i.value.parentElement;
+    function v(o) {
+      const f = s.value.parentElement;
       /* istanbul ignore else -- @preserve */
-      p.contains(a.target) || (o.value = !1);
+      f.contains(o.target) || (r.value = !1);
     }
-    function v() {
-      o.value = !0;
+    function y() {
+      r.value = !0;
     }
     return D(
       () => e.value.form.queryFeedbacks({
         type: "error",
         address: `${e.value.address.entire}.*`
       }),
-      (a) => {
-        a.length > 0 && (o.value = !0);
+      (o) => {
+        o.length > 0 && (r.value = !0);
       }
-    ), (a, p) => (u(), c("div", {
-      class: n(r)
+    ), (o, f) => (d(), p("div", {
+      class: i(l)
     }, [
-      d(t(j), P(a.$attrs, {
-        visible: o.value,
-        title: a.$attrs.title || t(e).title,
+      u(t(j), P(o.$attrs, {
+        visible: r.value,
+        title: o.$attrs.title || t(e).title,
         trigger: "click",
         width: "auto"
       }), {
-        default: s(() => [
+        default: n(() => [
           C("div", {
             ref_key: "contentRef",
-            ref: i,
-            class: n(`${r}-popover-wrapper`)
+            ref: s,
+            class: i(`${l}-popover-wrapper`)
           }, [
-            W(a.$slots, "default")
+            A(o.$slots, "default")
           ], 2)
         ]),
-        reference: s(() => [
-          T((u(), _(t(f), P(l, {
-            class: `${r}-trigger`
+        reference: n(() => [
+          T((d(), _(t(c), P(a, {
+            class: `${l}-trigger`
           }), {
-            default: s(() => [
+            default: n(() => [
               C("div", {
-                class: n(`${r}-content`),
-                onClick: v
+                class: i(`${l}-content`),
+                onClick: y
               }, [
-                d(t(G), null, {
-                  default: s(() => [
+                u(t(G), null, {
+                  default: n(() => [
                     S(V(t(e).title), 1)
                   ]),
                   _: 1
                 }),
-                d(t(A), {
-                  class: n(`${r}-edit-btn`)
+                u(t(F), {
+                  class: i(`${l}-edit-btn`)
                 }, null, 8, ["class"])
               ], 2)
             ]),
             _: 1
           }, 16, ["class"])), [
-            [t(F), y]
+            [t(L), v]
           ])
         ]),
         _: 3
@@ -111,113 +110,112 @@ import '../styles/editable/index.css';const J = /* @__PURE__ */ z({
   name: "FEditable",
   __name: "editable",
   props: {
-    label: null,
-    for: null,
-    tooltip: null,
-    addonBefore: null,
-    addonAfter: null,
-    extra: null,
-    feedbackText: null,
-    feedbackStatus: null,
+    label: {},
+    for: {},
+    tooltip: {},
+    addonBefore: {},
+    addonAfter: {},
+    extra: {},
+    feedbackText: {},
+    feedbackStatus: {},
     asterisk: { type: Boolean },
     colon: { type: Boolean },
-    labelAlign: null,
-    wrapperAlign: null,
+    labelAlign: {},
+    wrapperAlign: {},
     labelWrap: { type: Boolean },
-    labelWidth: null,
-    wrapperWidth: null,
-    wrapperWrap: { type: Boolean },
-    labelCol: null,
-    wrapperCol: null,
+    labelWidth: {},
+    wrapperWidth: {},
+    labelCol: {},
+    wrapperCol: {},
     fullness: { type: Boolean },
     size: { default: "default" },
-    layout: null,
+    layout: {},
     feedbackLayout: { default: "popover" },
-    tooltipLayout: null,
-    editProps: null
+    tooltipLayout: {},
+    editProps: {}
   },
   setup(b) {
-    const l = b, e = x(), r = m(null), i = `${L}-editable`, o = m(null), y = w(() => k(l, "editProps")), v = w(() => M(l.editProps) ? { ...k(l, "editProps"), ...l.editProps } : k(l, "editProps"));
-    function a() {
-      B(e.value.data) || (e.value.data = {});
+    const a = b, e = E(), l = m(null), s = `${W}-editable`, r = m(null), v = g(() => k(a, "editProps")), y = g(() => M(a.editProps) ? { ...k(a, "editProps"), ...a.editProps } : k(a, "editProps"));
+    function o() {
+      $(e.value.data) || (e.value.data = {});
     }
-    a(), e.value.data.readPretty = !0;
-    async function p() {
-      e.value.disabled || (a(), e.value.data.readPretty = !1, await g(), o.value.feedbackTooltipRef.updatePopper(), r.value?.querySelector("input")?.focus());
+    o(), e.value.data.readPretty = !0;
+    async function f() {
+      e.value.disabled || (o(), e.value.data.readPretty = !1, await x(), r.value.feedbackTooltipRef.updatePopper(), l.value?.querySelector("input")?.focus());
     }
-    function $() {
-      e.value.data?.readPretty !== !0 && (a(), setTimeout(async () => {
-        e.value.data.readPretty = !0, await g(), o.value?.feedbackTooltipRef.updatePopper();
+    function B() {
+      e.value.data?.readPretty !== !0 && (o(), setTimeout(async () => {
+        e.value.data.readPretty = !0, await x(), r.value?.feedbackTooltipRef.updatePopper();
       }, 0));
     }
-    return (O, X) => (u(), c("div", {
+    return (O, X) => (d(), p("div", {
       ref_key: "innerRef",
-      ref: r,
-      class: n([i, t(e).disabled && "is-disabled"])
+      ref: l,
+      class: i([s, t(e).disabled && "is-disabled"])
     }, [
-      T((u(), c("div", {
-        class: n(`${i}-content`)
+      T((d(), p("div", {
+        class: i(`${s}-content`)
       }, [
-        d(t(f), P({
+        u(t(c), P({
           ref_key: "formItemRef",
-          ref: o
-        }, t(e).data?.readPretty === !1 ? v.value : y.value, { onClick: p }), {
-          default: s(() => [
+          ref: r
+        }, t(e).data?.readPretty === !1 ? y.value : v.value, { onClick: f }), {
+          default: n(() => [
             C("div", null, [
-              W(O.$slots, "default")
+              A(O.$slots, "default")
             ])
           ]),
           _: 3
         }, 16),
-        t(e).disabled ? q("", !0) : (u(), c(I, { key: 0 }, [
-          t(e).data?.readPretty === !0 ? (u(), _(t(f), {
+        t(e).disabled ? q("", !0) : (d(), p(I, { key: 0 }, [
+          t(e).data?.readPretty === !0 ? (d(), _(t(c), {
             key: 0,
-            size: l.size,
-            "feedback-layout": l.feedbackLayout
+            size: a.size,
+            "feedback-layout": a.feedbackLayout
           }, {
-            default: s(() => [
-              d(t(A), {
-                class: n(`${i}-edit-btn`),
-                onClick: p
+            default: n(() => [
+              u(t(F), {
+                class: i(`${s}-edit-btn`),
+                onClick: f
               }, null, 8, ["class"])
             ]),
             _: 1
-          }, 8, ["size", "feedback-layout"])) : (u(), _(t(f), {
+          }, 8, ["size", "feedback-layout"])) : (d(), _(t(c), {
             key: 1,
-            size: l.size,
-            "feedback-layout": l.feedbackLayout
+            size: a.size,
+            "feedback-layout": a.feedbackLayout
           }, {
-            default: s(() => [
-              d(t(N), {
-                class: n(`${i}-close-btn`),
-                onClick: $
+            default: n(() => [
+              u(t(N), {
+                class: i(`${s}-close-btn`),
+                onClick: B
               }, null, 8, ["class"])
             ]),
             _: 1
           }, 8, ["size", "feedback-layout"]))
         ], 64))
       ], 2)), [
-        [t(F), $]
+        [t(L), B]
       ])
     ], 2));
   }
-}), Q = E(K, h(
+}), Q = h(K, w(
   {
     required: !0,
     description: "extra"
   },
   R
-)), U = E(J, h(
+)), U = h(J, w(
   {
     required: !0,
     description: "extra"
   },
   R
-)), ue = H(Q, {
+)), de = H(Q, {
   Popover: U
 });
 export {
-  ue as Editable,
-  ue as default
+  de as Editable,
+  de as default
 };
 //# sourceMappingURL=index.mjs.map

package/esm/editable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Edit } from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n  name: 'FEditablePopover',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst contentRef = ref<HTMLElement>()\r\nconst visible = ref(false)\r\n\r\nif (isValid(fieldRef.value.data)) {\r\n  /* istanbul ignore else -- @preserve */\r\n  if (!isValid(fieldRef.value.data.readPretty)) {\r\n    fieldRef.value.data.readPretty = true\r\n  }\r\n}\r\nelse {\r\n  fieldRef.value.data = {}\r\n  fieldRef.value.data.readPretty = true\r\n}\r\n\r\nfunction onClickOutside(e) {\r\n  const popoverDOM = contentRef.value.parentElement\r\n  /* istanbul ignore else -- @preserve */\r\n  if (!popoverDOM.contains(e.target)) {\r\n    visible.value = false\r\n  }\r\n}\r\nfunction onClick() {\r\n  visible.value = true\r\n}\r\n\r\nreaction(\r\n  () => fieldRef.value.form.queryFeedbacks({\r\n    type: 'error',\r\n    address: `${fieldRef.value.address.entire}.*`,\r\n  }),\r\n  (errorList) => {\r\n    if (errorList.length > 0) {\r\n      visible.value = true\r\n    }\r\n  },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\">\r\n    <ElPopover\r\n      v-bind=\"$attrs\"\r\n      :visible=\"visible\"\r\n      :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\r\n    >\r\n      <template #default>\r\n        <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\r\n          <slot />\r\n        </div>\r\n      </template>\r\n      <template #reference>\r\n        <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\r\n          <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\r\n            <ElText>\r\n              {{ fieldRef.title }}\r\n            </ElText>\r\n            <Edit :class=\"`${prefixCls}-edit-btn`\" />\r\n          </div>\r\n        </FormBaseItem>\r\n      </template>\r\n    </ElPopover>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Close, Edit } from '@element-plus/icons-vue'\r\nimport { isPlainObj, isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ClickOutside as vClickOutside } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n  name: 'FEditable',\r\n})\r\n\r\nconst props = defineProps({\n  label: null,\n  for: null,\n  tooltip: null,\n  addonBefore: null,\n  addonAfter: null,\n  extra: null,\n  feedbackText: null,\n  feedbackStatus: null,\n  asterisk: { type: Boolean },\n  colon: { type: Boolean },\n  labelAlign: null,\n  wrapperAlign: null,\n  labelWrap: { type: Boolean },\n  labelWidth: null,\n  wrapperWidth: null,\n  wrapperWrap: { type: Boolean },\n  labelCol: null,\n  wrapperCol: null,\n  fullness: { type: Boolean },\n  size: { default: 'default' },\n  layout: null,\n  feedbackLayout: { default: 'popover' },\n  tooltipLayout: null,\n  editProps: null\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst innerRef = ref<HTMLElement>(null)\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\r\n\r\nconst commonProps = computed(() => omit(props, 'editProps'))\r\nconst editProps = computed(() => {\r\n  if (isPlainObj(props.editProps)) {\r\n    return { ...omit(props, 'editProps'), ...props.editProps }\r\n  }\r\n  return omit(props, 'editProps')\r\n})\r\n\r\nfunction handleEnsureReadPretty() {\r\n  if (!isValid(fieldRef.value.data)) {\r\n    fieldRef.value.data = {}\r\n  }\r\n}\r\n\r\nhandleEnsureReadPretty()\r\nfieldRef.value.data.readPretty = true\r\n\r\nasync function onClick() {\r\n  if (fieldRef.value.disabled)\r\n    return\r\n  handleEnsureReadPretty()\r\n  fieldRef.value.data.readPretty = false\r\n  await nextTick()\r\n  formItemRef.value.feedbackTooltipRef.updatePopper()\r\n  innerRef.value?.querySelector('input')?.focus()\r\n}\r\n\r\nfunction onClickOutside() {\r\n  if (fieldRef.value.data?.readPretty === true)\r\n    return\r\n  handleEnsureReadPretty()\r\n  // 使用下拉菜单等触发的事件完成应有的操作\r\n  setTimeout(async () => {\r\n    fieldRef.value.data.readPretty = true\r\n    await nextTick()\r\n    formItemRef.value?.feedbackTooltipRef.updatePopper()\r\n  }, 0)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\r\n    <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\r\n      <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\r\n        <div>\r\n          <slot />\r\n        </div>\r\n      </FormBaseItem>\r\n      <template v-if=\"!fieldRef.disabled\">\r\n        <template v-if=\"fieldRef.data?.readPretty === true\">\r\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n            <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\r\n          </FormBaseItem>\r\n        </template>\r\n        <template v-else>\r\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n            <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\r\n          </FormBaseItem>\r\n        </template>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n","import type { ElPopover } from 'element-plus'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { connect, mapProps } from '@silver-formily/vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { fieldFeedbackMapper } from '../form-item'\r\nimport FEditablePopover from './editable-popover.vue'\r\nimport FEditable from './editable.vue'\r\nimport './style.scss'\r\n\r\nexport type EditableProps = IFormItemProps\r\nexport type EditablePopoverProps = typeof ElPopover\r\n\r\nconst EditableInner = connect(FEditable, mapProps(\r\n  {\r\n    required: true,\r\n    description: 'extra',\r\n  },\r\n  fieldFeedbackMapper,\r\n))\r\n\r\nconst EditablePopover = connect(FEditablePopover, mapProps(\r\n  {\r\n    required: true,\r\n    description: 'extra',\r\n  },\r\n  fieldFeedbackMapper,\r\n))\r\n\r\nexport const Editable = composeExport(EditableInner, {\r\n  Popover: EditablePopover,\r\n})\r\n\r\nexport default Editable\r\n"],"names":["props","__props","fieldRef","useField","prefixCls","stylePrefix","contentRef","ref","visible","isValid","onClickOutside","e","popoverDOM","onClick","reaction","errorList","_createElementBlock","_createVNode","_unref","ElPopover","_mergeProps","_ctx","$attrs","_createElementVNode","_renderSlot","_createBlock","FormBaseItem","ElText","_createTextVNode","_toDisplayString","Edit","innerRef","formItemRef","commonProps","computed","omit","editProps","isPlainObj","handleEnsureReadPretty","nextTick","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/editable/editable-popover.vue","../../src/editable/editable.vue","../../src/editable/index.ts"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Edit } from '@element-plus/icons-vue'\r\nimport { reaction } from '@formily/reactive'\r\nimport { isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\r\nimport { ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n  name: 'FEditablePopover',\r\n  inheritAttrs: false,\r\n})\r\n\r\nconst props = withDefaults(defineProps<IFormItemProps>(), {\r\n  feedbackLayout: 'popover',\r\n  size: 'default',\r\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst contentRef = ref<HTMLElement>()\r\nconst visible = ref(false)\r\n\r\nif (isValid(fieldRef.value.data)) {\r\n  /* istanbul ignore else -- @preserve */\r\n  if (!isValid(fieldRef.value.data.readPretty)) {\r\n    fieldRef.value.data.readPretty = true\r\n  }\r\n}\r\nelse {\r\n  fieldRef.value.data = {}\r\n  fieldRef.value.data.readPretty = true\r\n}\r\n\r\nfunction onClickOutside(e) {\r\n  const popoverDOM = contentRef.value.parentElement\r\n  /* istanbul ignore else -- @preserve */\r\n  if (!popoverDOM.contains(e.target)) {\r\n    visible.value = false\r\n  }\r\n}\r\nfunction onClick() {\r\n  visible.value = true\r\n}\r\n\r\nreaction(\r\n  () => fieldRef.value.form.queryFeedbacks({\r\n    type: 'error',\r\n    address: `${fieldRef.value.address.entire}.*`,\r\n  }),\r\n  (errorList) => {\r\n    if (errorList.length > 0) {\r\n      visible.value = true\r\n    }\r\n  },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div :class=\"prefixCls\">\r\n    <ElPopover\r\n      v-bind=\"$attrs\"\r\n      :visible=\"visible\"\r\n      :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\r\n    >\r\n      <template #default>\r\n        <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\r\n          <slot />\r\n        </div>\r\n      </template>\r\n      <template #reference>\r\n        <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\r\n          <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\r\n            <ElText>\r\n              {{ fieldRef.title }}\r\n            </ElText>\r\n            <Edit :class=\"`${prefixCls}-edit-btn`\" />\r\n          </div>\r\n        </FormBaseItem>\r\n      </template>\r\n    </ElPopover>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { Field } from '@formily/core'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { Close, Edit } from '@element-plus/icons-vue'\r\nimport { isPlainObj, isValid } from '@formily/shared'\r\nimport { useField } from '@silver-formily/vue'\r\nimport { ClickOutside as vClickOutside } from 'element-plus'\r\nimport { omit } from 'lodash-es'\r\nimport { computed, nextTick, ref } from 'vue'\r\nimport { stylePrefix } from '../__builtins__/configs'\r\nimport { FormBaseItem } from '../form-item'\r\n\r\ndefineOptions({\r\n  name: 'FEditable',\r\n})\r\n\r\nconst props = withDefaults(defineProps<IFormItemProps & { editProps?: IFormItemProps }>(), {\r\n  feedbackLayout: 'popover',\r\n  size: 'default',\r\n})\r\n\r\nconst fieldRef = useField<Field>()\r\nconst innerRef = ref<HTMLElement>(null)\r\nconst prefixCls = `${stylePrefix}-editable`\r\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\r\n\r\nconst commonProps = computed(() => omit(props, 'editProps'))\r\nconst editProps = computed(() => {\r\n  if (isPlainObj(props.editProps)) {\r\n    return { ...omit(props, 'editProps'), ...props.editProps }\r\n  }\r\n  return omit(props, 'editProps')\r\n})\r\n\r\nfunction handleEnsureReadPretty() {\r\n  if (!isValid(fieldRef.value.data)) {\r\n    fieldRef.value.data = {}\r\n  }\r\n}\r\n\r\nhandleEnsureReadPretty()\r\nfieldRef.value.data.readPretty = true\r\n\r\nasync function onClick() {\r\n  if (fieldRef.value.disabled)\r\n    return\r\n  handleEnsureReadPretty()\r\n  fieldRef.value.data.readPretty = false\r\n  await nextTick()\r\n  formItemRef.value.feedbackTooltipRef.updatePopper()\r\n  innerRef.value?.querySelector('input')?.focus()\r\n}\r\n\r\nfunction onClickOutside() {\r\n  if (fieldRef.value.data?.readPretty === true)\r\n    return\r\n  handleEnsureReadPretty()\r\n  // 使用下拉菜单等触发的事件完成应有的操作\r\n  setTimeout(async () => {\r\n    fieldRef.value.data.readPretty = true\r\n    await nextTick()\r\n    formItemRef.value?.feedbackTooltipRef.updatePopper()\r\n  }, 0)\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\r\n    <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\r\n      <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\r\n        <div>\r\n          <slot />\r\n        </div>\r\n      </FormBaseItem>\r\n      <template v-if=\"!fieldRef.disabled\">\r\n        <template v-if=\"fieldRef.data?.readPretty === true\">\r\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n            <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\r\n          </FormBaseItem>\r\n        </template>\r\n        <template v-else>\r\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\r\n            <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\r\n          </FormBaseItem>\r\n        </template>\r\n      </template>\r\n    </div>\r\n  </div>\r\n</template>\r\n","import type { ElPopover } from 'element-plus'\r\nimport type { IFormItemProps } from '../form-item/types'\r\nimport { connect, mapProps } from '@silver-formily/vue'\r\nimport { composeExport } from '../__builtins__/shared'\r\nimport { fieldFeedbackMapper } from '../form-item'\r\nimport FEditablePopover from './editable-popover.vue'\r\nimport FEditable from './editable.vue'\r\nimport './style.scss'\r\n\r\nexport type EditableProps = IFormItemProps\r\nexport type EditablePopoverProps = typeof ElPopover\r\n\r\nconst EditableInner = connect<typeof FEditable>(FEditable, mapProps(\r\n  {\r\n    required: true,\r\n    description: 'extra',\r\n  },\r\n  fieldFeedbackMapper,\r\n))\r\n\r\nconst EditablePopover = connect<typeof FEditablePopover>(FEditablePopover, mapProps(\r\n  {\r\n    required: true,\r\n    description: 'extra',\r\n  },\r\n  fieldFeedbackMapper,\r\n))\r\n\r\nexport const Editable = composeExport(EditableInner, {\r\n  Popover: EditablePopover,\r\n})\r\n\r\nexport default Editable\r\n"],"names":["props","__props","fieldRef","useField","prefixCls","stylePrefix","contentRef","ref","visible","isValid","onClickOutside","e","popoverDOM","onClick","reaction","errorList","_createElementBlock","_createVNode","_unref","ElPopover","_mergeProps","_ctx","$attrs","_createElementVNode","_renderSlot","_createBlock","FormBaseItem","ElText","_createTextVNode","_toDisplayString","Edit","innerRef","formItemRef","commonProps","computed","omit","editProps","isPlainObj","handleEnsureReadPretty","nextTick","_normalizeClass","_Fragment","Close","EditableInner","connect","FEditable","mapProps","fieldFeedbackMapper","EditablePopover","FEditablePopover","Editable","composeExport"],"mappings":"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"}