@silver-formily/element-plus 3.0.2 → 3.0.3

package/esm/date-picker-panel/index.d.ts

@@ -1,143 +1,5 @@
-export declare const DatePickerPanel: import('element-plus/es/utils/index.mjs').SFCWithInstall<import('vue').DefineComponent<{
-    readonly disabledDate: {
-        readonly type: import('vue').PropType<Function>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly cellClassName: {
-        readonly type: import('vue').PropType<Function>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly shortcuts: import('element-plus/es/utils/index.mjs').EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    readonly arrowControl: BooleanConstructor;
-    readonly unlinkPanels: BooleanConstructor;
-    readonly showNow: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly showConfirm: BooleanConstructor;
-    readonly showFooter: BooleanConstructor;
-    readonly showWeekNumber: BooleanConstructor;
-    readonly type: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => import('element-plus').DatePickerType) | ((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => import('element-plus').DatePickerType))[], unknown, unknown, "date", boolean>;
-    readonly clearable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly border: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly editable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly disabledHours: {
-        readonly type: import('vue').PropType<import('element-plus').GetDisabledHours>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabledMinutes: {
-        readonly type: import('vue').PropType<import('element-plus').GetDisabledMinutes>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabledSeconds: {
-        readonly type: import('vue').PropType<import('element-plus').GetDisabledSeconds>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly valueFormat: StringConstructor;
-    readonly dateFormat: StringConstructor;
-    readonly timeFormat: StringConstructor;
-    readonly disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => import('element-plus').ModelValueType) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => import('element-plus').ModelValueType))[], unknown, unknown, "", boolean>;
-    readonly defaultValue: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly defaultTime: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly isRange: BooleanConstructor;
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue" | "visible-change" | "calendar-change" | "panel-change")[], "clear" | "update:modelValue" | "visible-change" | "calendar-change" | "panel-change", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly disabledDate: {
-        readonly type: import('vue').PropType<Function>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly cellClassName: {
-        readonly type: import('vue').PropType<Function>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly shortcuts: import('element-plus/es/utils/index.mjs').EpPropFinalized<ArrayConstructor, unknown, unknown, () => never[], boolean>;
-    readonly arrowControl: BooleanConstructor;
-    readonly unlinkPanels: BooleanConstructor;
-    readonly showNow: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly showConfirm: BooleanConstructor;
-    readonly showFooter: BooleanConstructor;
-    readonly showWeekNumber: BooleanConstructor;
-    readonly type: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => import('element-plus').DatePickerType) | ((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => import('element-plus').DatePickerType))[], unknown, unknown, "date", boolean>;
-    readonly clearable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly border: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly editable: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly disabledHours: {
-        readonly type: import('vue').PropType<import('element-plus').GetDisabledHours>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabledMinutes: {
-        readonly type: import('vue').PropType<import('element-plus').GetDisabledMinutes>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabledSeconds: {
-        readonly type: import('vue').PropType<import('element-plus').GetDisabledSeconds>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly valueFormat: StringConstructor;
-    readonly dateFormat: StringConstructor;
-    readonly timeFormat: StringConstructor;
-    readonly disabled: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => import('element-plus').ModelValueType) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => import('element-plus').ModelValueType))[], unknown, unknown, "", boolean>;
-    readonly defaultValue: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly defaultTime: {
-        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>) | ((new (...args: any[]) => Date | [Date, Date]) | (() => import('element-plus').SingleOrRange<Date>))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly isRange: BooleanConstructor;
-}>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
-    "onCalendar-change"?: ((...args: any[]) => any) | undefined;
-    "onPanel-change"?: ((...args: any[]) => any) | undefined;
-    "onVisible-change"?: ((...args: any[]) => any) | undefined;
-}, {
-    readonly disabled: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly border: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly type: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => import('element-plus').DatePickerType) | ((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => import('element-plus').DatePickerType))[], unknown, unknown>;
-    readonly modelValue: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => import('element-plus').ModelValueType) | ((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => import('element-plus').ModelValueType))[], unknown, unknown>;
-    readonly clearable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly editable: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly shortcuts: unknown[];
-    readonly showNow: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly showConfirm: boolean;
-    readonly showFooter: boolean;
-    readonly showWeekNumber: boolean;
-    readonly arrowControl: boolean;
-    readonly unlinkPanels: boolean;
-    readonly isRange: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
-export default DatePickerPanel;
+//#region src/date-picker-panel/index.d.ts
+declare const DatePickerPanel: any;
+//#endregion
+export { DatePickerPanel };
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,30 +1,23 @@
-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 l } from "../preview-text/index.mjs";
-const v = r(
-  o,
-  m(
-    {
-      disabled: !0,
-      editable: !0
-    },
-    (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
-      };
-    }
-  ),
-  i(l.DatePicker)
-);
-export {
-  v as DatePickerPanel,
-  v as default
-};
-//# sourceMappingURL=index.mjs.map
+import { mapReadPretty } from "../__builtins__/shared/transform-component.mjs";
+import PreviewText from "../preview-text/index.mjs";
+import { getDefaultFormat } from "../date-picker/utils.mjs";
+import { ElDatePickerPanel } from "element-plus";
+import { connect, mapProps } from "@silver-formily/vue";
+//#region src/date-picker-panel/index.ts
+const DatePickerPanel = connect(ElDatePickerPanel, mapProps({
+	disabled: true,
+	editable: true
+}, (props) => {
+	const next = {};
+	if (props.readOnly) next.editable = false;
+	if (!props.valueFormat) next.valueFormat = getDefaultFormat(props.type, "valueFormat");
+	if (!props.dateFormat) next.dateFormat = getDefaultFormat(props.type);
+	return {
+		...props,
+		...next
+	};
+}), mapReadPretty(PreviewText.DatePicker));
+//#endregion
+export { DatePickerPanel 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'\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;"}
+{"version":3,"file":"index.mjs","names":[],"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"],"mappings":";;;;;;AAMA,MAAa,kBAAkB,QAC7B,mBACA,SACE;CACE,UAAU;CACV,UAAU;CACX,GACA,UAAe;CACd,MAAM,OAA4B,EAAE;AAEpC,KAAI,MAAM,SACR,MAAK,WAAW;AAGlB,KAAI,CAAC,MAAM,YACT,MAAK,cAAc,iBAAiB,MAAM,MAAM,cAAc;AAGhE,KAAI,CAAC,MAAM,WACT,MAAK,aAAa,iBAAiB,MAAM,KAAK;AAGhD,QAAO;EACL,GAAG;EACH,GAAG;EACJ;EAEJ,EACD,cAAc,YAAY,WAAW,CACtC"}

package/esm/editable/editable-popover.mjs

@@ -0,0 +1,95 @@
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import _sfc_main$1 from "../form-item/form-item.mjs";
+import { ClickOutside, ElPopover, ElText } from "element-plus";
+import { reactionWatch } from "@silver-formily/reactive-vue";
+import { createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx, withDirectives } from "vue";
+import { useField } from "@silver-formily/vue";
+import { isValid } from "@formily/shared";
+import { Edit } from "@element-plus/icons-vue";
+//#region src/editable/editable-popover.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FEditablePopover",
+	inheritAttrs: false,
+	__name: "editable-popover",
+	props: {
+		internalFormItemClass: {},
+		label: {},
+		for: {},
+		tooltip: {},
+		addonBefore: {},
+		addonAfter: {},
+		extra: {},
+		feedbackText: {},
+		feedbackStatus: {},
+		asterisk: { type: Boolean },
+		colon: { type: Boolean },
+		labelAlign: {},
+		wrapperAlign: {},
+		labelWrap: { type: Boolean },
+		labelWidth: {},
+		wrapperWidth: {},
+		labelCol: {},
+		wrapperCol: {},
+		fullness: { type: Boolean },
+		size: { default: "default" },
+		layout: {},
+		feedbackLayout: { default: "popover" },
+		tooltipLayout: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const fieldRef = useField();
+		const prefixCls = `${stylePrefix}-editable`;
+		const contentRef = ref();
+		const visible = ref(false);
+		if (isValid(fieldRef.value.data)) {
+			/* istanbul ignore else -- @preserve */
+			if (!isValid(fieldRef.value.data.readPretty)) fieldRef.value.data.readPretty = true;
+		} else {
+			fieldRef.value.data = {};
+			fieldRef.value.data.readPretty = true;
+		}
+		function onClickOutside(e) {
+			/* istanbul ignore else -- @preserve */
+			if (!contentRef.value.parentElement.contains(e.target)) visible.value = false;
+		}
+		function onClick() {
+			visible.value = true;
+		}
+		reactionWatch(() => fieldRef.value.form.queryFeedbacks({
+			type: "error",
+			address: `${fieldRef.value.address.entire}.*`
+		}), (errorList) => {
+			if (errorList.length > 0) visible.value = true;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(prefixCls) }, [createVNode(unref(ElPopover), mergeProps(_ctx.$attrs, {
+				visible: visible.value,
+				title: _ctx.$attrs.title || unref(fieldRef).title,
+				trigger: "click",
+				width: "auto"
+			}), {
+				default: withCtx(() => [createElementVNode("div", {
+					ref_key: "contentRef",
+					ref: contentRef,
+					class: normalizeClass(`${prefixCls}-popover-wrapper`)
+				}, [renderSlot(_ctx.$slots, "default")], 2)]),
+				reference: withCtx(() => [withDirectives((openBlock(), createBlock(unref(_sfc_main$1), mergeProps(props, { class: `${prefixCls}-trigger` }), {
+					default: withCtx(() => [createElementVNode("div", {
+						class: normalizeClass(`${prefixCls}-content`),
+						onClick
+					}, [createVNode(unref(ElText), null, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(fieldRef).title), 1)]),
+						_: 1
+					}), createVNode(unref(Edit), { class: normalizeClass(`${prefixCls}-edit-btn`) }, null, 8, ["class"])], 2)]),
+					_: 1
+				}, 16, ["class"])), [[unref(ClickOutside), onClickOutside]])]),
+				_: 3
+			}, 16, ["visible", "title"])]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=editable-popover.mjs.map

package/esm/editable/editable-popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-popover.mjs","names":["$attrs"],"sources":["../../src/editable/editable-popover.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Edit } from '@element-plus/icons-vue'\nimport { isValid } from '@formily/shared'\nimport { reactionWatch } from '@silver-formily/reactive-vue'\nimport { useField } from '@silver-formily/vue'\nimport { ElPopover, ElText, ClickOutside as vClickOutside } from 'element-plus'\nimport { ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n  name: 'FEditablePopover',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<IFormItemProps>(), {\n  feedbackLayout: 'popover',\n  size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst prefixCls = `${stylePrefix}-editable`\nconst contentRef = ref<HTMLElement>()\nconst visible = ref(false)\n\nif (isValid(fieldRef.value.data)) {\n  /* istanbul ignore else -- @preserve */\n  if (!isValid(fieldRef.value.data.readPretty)) {\n    fieldRef.value.data.readPretty = true\n  }\n}\nelse {\n  fieldRef.value.data = {}\n  fieldRef.value.data.readPretty = true\n}\n\nfunction onClickOutside(e) {\n  const popoverDOM = contentRef.value.parentElement\n  /* istanbul ignore else -- @preserve */\n  if (!popoverDOM.contains(e.target)) {\n    visible.value = false\n  }\n}\nfunction onClick() {\n  visible.value = true\n}\n\nreactionWatch(\n  () => fieldRef.value.form.queryFeedbacks({\n    type: 'error',\n    address: `${fieldRef.value.address.entire}.*`,\n  }),\n  (errorList) => {\n    if (errorList.length > 0) {\n      visible.value = true\n    }\n  },\n)\n</script>\n\n<template>\n  <div :class=\"prefixCls\">\n    <ElPopover\n      v-bind=\"$attrs\"\n      :visible=\"visible\"\n      :title=\"$attrs.title || fieldRef.title\" trigger=\"click\" width=\"auto\"\n    >\n      <template #default>\n        <div ref=\"contentRef\" :class=\"`${prefixCls}-popover-wrapper`\">\n          <slot />\n        </div>\n      </template>\n      <template #reference>\n        <FormBaseItem v-click-outside=\"onClickOutside\" v-bind=\"props\" :class=\"`${prefixCls}-trigger`\">\n          <div :class=\"`${prefixCls}-content`\" @click=\"onClick\">\n            <ElText>\n              {{ fieldRef.title }}\n            </ElText>\n            <Edit :class=\"`${prefixCls}-edit-btn`\" />\n          </div>\n        </FormBaseItem>\n      </template>\n    </ElPopover>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAKd,MAAM,WAAW,UAAgB;EACjC,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,aAAa,KAAiB;EACpC,MAAM,UAAU,IAAI,MAAK;AAEzB,MAAI,QAAQ,SAAS,MAAM,KAAK;;OAE1B,CAAC,QAAQ,SAAS,MAAM,KAAK,WAAW,CAC1C,UAAS,MAAM,KAAK,aAAa;SAGhC;AACH,YAAS,MAAM,OAAO,EAAC;AACvB,YAAS,MAAM,KAAK,aAAa;;EAGnC,SAAS,eAAe,GAAG;;AAGzB,OAAI,CAFe,WAAW,MAAM,cAEpB,SAAS,EAAE,OAAO,CAChC,SAAQ,QAAQ;;EAGpB,SAAS,UAAU;AACjB,WAAQ,QAAQ;;AAGlB,sBACQ,SAAS,MAAM,KAAK,eAAe;GACvC,MAAM;GACN,SAAS,GAAG,SAAS,MAAM,QAAQ,OAAO;GAC3C,CAAC,GACD,cAAc;AACb,OAAI,UAAU,SAAS,EACrB,SAAQ,QAAQ;IAGtB;;uBAIE,mBAsBM,OAAA,EAtBA,OAAK,eAAE,UAAS,EAAA,EAAA,CACpB,YAoBY,MAAA,UAAA,EApBZ,WACUA,KAmBE,QAnBI;IACb,SAAS,QAAA;IACT,OAAOA,KAAAA,OAAO,SAAS,MAAA,SAAQ,CAAC;IAAO,SAAQ;IAAQ,OAAM;;IAEnD,SAAO,cAGV,CAFN,mBAEM,OAAA;cAFG;KAAJ,KAAI;KAAc,OAAK,eAAA,GAAK,UAAS,kBAAA;QACxC,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA;IAGD,WAAS,cAQH,CAAA,gBAAA,WAAA,EAPf,YAOe,MAAA,YAAA,EAPf,WAAuD,OAAK,EAAG,OAAK,GAAK,UAAS,WAAA,CAAA,EAAA;4BAM1E,CALN,mBAKM,OAAA;MALA,OAAK,eAAA,GAAK,UAAS,UAAA;MAAoB;SAC3C,YAES,MAAA,OAAA,EAAA,MAAA;6BADa,CAAA,gBAAA,gBAAjB,MAAA,SAAQ,CAAC,MAAK,EAAA,EAAA,CAAA,CAAA;;SAEnB,YAAyC,MAAA,KAAA,EAAA,EAAlC,OAAK,eAAA,GAAK,UAAS,WAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;+CALC,eAAc,CAAA,CAAA,CAAA,CAAA"}

package/esm/editable/editable.mjs

@@ -0,0 +1,113 @@
+import { stylePrefix } from "../__builtins__/configs/index.mjs";
+import _sfc_main$1 from "../form-item/form-item.mjs";
+import { ClickOutside } from "element-plus";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, openBlock, ref, renderSlot, unref, withCtx, withDirectives } from "vue";
+import { useField } from "@silver-formily/vue";
+import { isPlainObj, isValid } from "@formily/shared";
+import { omit } from "lodash-es";
+import { Close, Edit } from "@element-plus/icons-vue";
+//#region src/editable/editable.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FEditable",
+	__name: "editable",
+	props: {
+		internalFormItemClass: {},
+		label: {},
+		for: {},
+		tooltip: {},
+		addonBefore: {},
+		addonAfter: {},
+		extra: {},
+		feedbackText: {},
+		feedbackStatus: {},
+		asterisk: { type: Boolean },
+		colon: { type: Boolean },
+		labelAlign: {},
+		wrapperAlign: {},
+		labelWrap: { type: Boolean },
+		labelWidth: {},
+		wrapperWidth: {},
+		labelCol: {},
+		wrapperCol: {},
+		fullness: { type: Boolean },
+		size: { default: "default" },
+		layout: {},
+		feedbackLayout: { default: "popover" },
+		tooltipLayout: {},
+		editProps: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const fieldRef = useField();
+		const innerRef = ref(null);
+		const prefixCls = `${stylePrefix}-editable`;
+		const formItemRef = ref(null);
+		const commonProps = computed(() => omit(props, "editProps"));
+		const editProps = computed(() => {
+			if (isPlainObj(props.editProps)) return {
+				...omit(props, "editProps"),
+				...props.editProps
+			};
+			return omit(props, "editProps");
+		});
+		function handleEnsureReadPretty() {
+			if (!isValid(fieldRef.value.data)) fieldRef.value.data = {};
+		}
+		handleEnsureReadPretty();
+		fieldRef.value.data.readPretty = true;
+		async function onClick() {
+			if (fieldRef.value.disabled) return;
+			handleEnsureReadPretty();
+			fieldRef.value.data.readPretty = false;
+			await nextTick();
+			formItemRef.value.feedbackTooltipRef.updatePopper();
+			innerRef.value?.querySelector("input")?.focus();
+		}
+		function onClickOutside() {
+			if (fieldRef.value.data?.readPretty === true) return;
+			handleEnsureReadPretty();
+			setTimeout(async () => {
+				fieldRef.value.data.readPretty = true;
+				await nextTick();
+				formItemRef.value?.feedbackTooltipRef.updatePopper();
+			}, 0);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "innerRef",
+				ref: innerRef,
+				class: normalizeClass([prefixCls, unref(fieldRef).disabled && "is-disabled"])
+			}, [withDirectives((openBlock(), createElementBlock("div", { class: normalizeClass(`${prefixCls}-content`) }, [createVNode(unref(_sfc_main$1), mergeProps({
+				ref_key: "formItemRef",
+				ref: formItemRef
+			}, unref(fieldRef).data?.readPretty === false ? editProps.value : commonProps.value, { onClick }), {
+				default: withCtx(() => [createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")])]),
+				_: 3
+			}, 16), !unref(fieldRef).disabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [unref(fieldRef).data?.readPretty === true ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				key: 0,
+				size: props.size,
+				"feedback-layout": props.feedbackLayout
+			}, {
+				default: withCtx(() => [createVNode(unref(Edit), {
+					class: normalizeClass(`${prefixCls}-edit-btn`),
+					onClick
+				}, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["size", "feedback-layout"])) : (openBlock(), createBlock(unref(_sfc_main$1), {
+				key: 1,
+				size: props.size,
+				"feedback-layout": props.feedbackLayout
+			}, {
+				default: withCtx(() => [createVNode(unref(Close), {
+					class: normalizeClass(`${prefixCls}-close-btn`),
+					onClick: onClickOutside
+				}, null, 8, ["class"])]),
+				_: 1
+			}, 8, ["size", "feedback-layout"]))], 64)) : createCommentVNode("v-if", true)], 2)), [[unref(ClickOutside), onClickOutside]])], 2);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=editable.mjs.map

package/esm/editable/editable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable.mjs","names":[],"sources":["../../src/editable/editable.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { Field } from '@formily/core'\nimport type { IFormItemProps } from '../form-item/types'\nimport { Close, Edit } from '@element-plus/icons-vue'\nimport { isPlainObj, isValid } from '@formily/shared'\nimport { useField } from '@silver-formily/vue'\nimport { ClickOutside as vClickOutside } from 'element-plus'\nimport { omit } from 'lodash-es'\nimport { computed, nextTick, ref } from 'vue'\nimport { stylePrefix } from '../__builtins__/configs'\nimport { FormBaseItem } from '../form-item'\n\ndefineOptions({\n  name: 'FEditable',\n})\n\nconst props = withDefaults(defineProps<IFormItemProps & { editProps?: IFormItemProps }>(), {\n  feedbackLayout: 'popover',\n  size: 'default',\n})\n\nconst fieldRef = useField<Field>()\nconst innerRef = ref<HTMLElement>(null)\nconst prefixCls = `${stylePrefix}-editable`\nconst formItemRef = ref<InstanceType<typeof FormBaseItem>>(null)\n\nconst commonProps = computed(() => omit(props, 'editProps'))\nconst editProps = computed(() => {\n  if (isPlainObj(props.editProps)) {\n    return { ...omit(props, 'editProps'), ...props.editProps }\n  }\n  return omit(props, 'editProps')\n})\n\nfunction handleEnsureReadPretty() {\n  if (!isValid(fieldRef.value.data)) {\n    fieldRef.value.data = {}\n  }\n}\n\nhandleEnsureReadPretty()\nfieldRef.value.data.readPretty = true\n\nasync function onClick() {\n  if (fieldRef.value.disabled)\n    return\n  handleEnsureReadPretty()\n  fieldRef.value.data.readPretty = false\n  await nextTick()\n  formItemRef.value.feedbackTooltipRef.updatePopper()\n  innerRef.value?.querySelector('input')?.focus()\n}\n\nfunction onClickOutside() {\n  if (fieldRef.value.data?.readPretty === true)\n    return\n  handleEnsureReadPretty()\n  // 使用下拉菜单等触发的事件完成应有的操作\n  setTimeout(async () => {\n    fieldRef.value.data.readPretty = true\n    await nextTick()\n    formItemRef.value?.feedbackTooltipRef.updatePopper()\n  }, 0)\n}\n</script>\n\n<template>\n  <div ref=\"innerRef\" :class=\"[prefixCls, fieldRef.disabled && 'is-disabled']\">\n    <div v-click-outside=\"onClickOutside\" :class=\"`${prefixCls}-content`\">\n      <FormBaseItem ref=\"formItemRef\" v-bind=\"fieldRef.data?.readPretty === false ? editProps : commonProps\" @click=\"onClick\">\n        <div>\n          <slot />\n        </div>\n      </FormBaseItem>\n      <template v-if=\"!fieldRef.disabled\">\n        <template v-if=\"fieldRef.data?.readPretty === true\">\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n            <Edit :class=\"`${prefixCls}-edit-btn`\" @click=\"onClick\" />\n          </FormBaseItem>\n        </template>\n        <template v-else>\n          <FormBaseItem :size=\"props.size\" :feedback-layout=\"props.feedbackLayout\">\n            <Close :class=\"`${prefixCls}-close-btn`\" @click=\"onClickOutside\" />\n          </FormBaseItem>\n        </template>\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAKd,MAAM,WAAW,UAAgB;EACjC,MAAM,WAAW,IAAiB,KAAI;EACtC,MAAM,YAAY,GAAG,YAAY;EACjC,MAAM,cAAc,IAAuC,KAAI;EAE/D,MAAM,cAAc,eAAe,KAAK,OAAO,YAAY,CAAA;EAC3D,MAAM,YAAY,eAAe;AAC/B,OAAI,WAAW,MAAM,UAAU,CAC7B,QAAO;IAAE,GAAG,KAAK,OAAO,YAAY;IAAE,GAAG,MAAM;IAAU;AAE3D,UAAO,KAAK,OAAO,YAAW;IAC/B;EAED,SAAS,yBAAyB;AAChC,OAAI,CAAC,QAAQ,SAAS,MAAM,KAAK,CAC/B,UAAS,MAAM,OAAO,EAAC;;AAI3B,0BAAuB;AACvB,WAAS,MAAM,KAAK,aAAa;EAEjC,eAAe,UAAU;AACvB,OAAI,SAAS,MAAM,SACjB;AACF,2BAAuB;AACvB,YAAS,MAAM,KAAK,aAAa;AACjC,SAAM,UAAS;AACf,eAAY,MAAM,mBAAmB,cAAa;AAClD,YAAS,OAAO,cAAc,QAAQ,EAAE,OAAM;;EAGhD,SAAS,iBAAiB;AACxB,OAAI,SAAS,MAAM,MAAM,eAAe,KACtC;AACF,2BAAuB;AAEvB,cAAW,YAAY;AACrB,aAAS,MAAM,KAAK,aAAa;AACjC,UAAM,UAAS;AACf,gBAAY,OAAO,mBAAmB,cAAa;MAClD,EAAC;;;uBAKJ,mBAoBM,OAAA;aApBG;IAAJ,KAAI;IAAY,OAAK,eAAA,CAAG,WAAW,MAAA,SAAQ,CAAC,YAAQ,cAAA,CAAA;oCACvD,mBAkBM,OAAA,EAlBiC,OAAK,eAAA,GAAK,UAAS,UAAA,EAAA,EAAA,CACxD,YAIe,MAAA,YAAA,EAJf,WAIe;aAJG;IAAJ,KAAI;MAAsB,MAAA,SAAQ,CAAC,MAAM,eAAU,QAAa,UAAA,QAAY,YAAA,OAAW,EAAU,SAAO,CAAA,EAAA;2BAG9G,CAFN,mBAEM,OAAA,MAAA,CADJ,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA;;YAGK,MAAA,SAAQ,CAAC,YAAA,WAAA,EAA1B,mBAWW,UAAA,EAAA,KAAA,GAAA,EAAA,CAVO,MAAA,SAAQ,CAAC,MAAM,eAAU,QAAA,WAAA,EACvC,YAEe,MAAA,YAAA,EAAA;;IAFA,MAAM,MAAM;IAAO,mBAAiB,MAAM;;2BACG,CAA1D,YAA0D,MAAA,KAAA,EAAA;KAAnD,OAAK,eAAA,GAAK,UAAS,WAAA;KAAqB;;;uDAIjD,YAEe,MAAA,YAAA,EAAA;;IAFA,MAAM,MAAM;IAAO,mBAAiB,MAAM;;2BACY,CAAnE,YAAmE,MAAA,MAAA,EAAA;KAA3D,OAAK,eAAA,GAAK,UAAS,YAAA;KAAe,SAAO;;;+GAdnC,eAAc,CAAA,CAAA,CAAA,EAAA,EAAA"}

package/esm/editable/index.d.ts

@@ -1,150 +1,10 @@
-import { ElPopover } from 'element-plus';
-import { IFormItemProps } from '../form-item/types';
-export type EditableProps = IFormItemProps;
-export type EditablePopoverProps = typeof ElPopover;
-export declare const Editable: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<IFormItemProps & {
-        editProps?: IFormItemProps;
-    }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        size: "small" | "default" | "large";
-        feedbackLayout: "loose" | "terse" | "popover";
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        innerRef: HTMLDivElement;
-        formItemRef: {
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: Partial<{
-                asterisk: boolean;
-                colon: boolean;
-                labelWrap: boolean;
-                fullness: boolean;
-            }> & Omit<{
-                readonly internalFormItemClass?: string;
-                readonly label?: import('../form-item/types').FormItemContent;
-                readonly for?: string;
-                readonly tooltip?: import('../form-item/types').FormItemContent;
-                readonly addonBefore?: import('../form-item/types').FormItemContent;
-                readonly addonAfter?: import('../form-item/types').FormItemContent;
-                readonly extra?: import('../form-item/types').FormItemContent;
-                readonly feedbackText?: import('../form-item/types').FormItemContent;
-                readonly feedbackStatus?: "error" | "warning" | "success" | "pending";
-                readonly asterisk?: boolean;
-                readonly colon?: boolean;
-                readonly labelAlign?: "right" | "left";
-                readonly wrapperAlign?: "right" | "left";
-                readonly labelWrap?: boolean;
-                readonly labelWidth?: number;
-                readonly wrapperWidth?: number;
-                readonly labelCol?: number;
-                readonly wrapperCol?: number;
-                readonly fullness?: boolean;
-                readonly size?: "small" | "default" | "large";
-                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, "asterisk" | "colon" | "labelWrap" | "fullness">;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: any;
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any>;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $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;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $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;
-        }> & 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;
-        };
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<IFormItemProps & {
-        editProps?: IFormItemProps;
-    }> & Readonly<{}>, {}, {}, {}, {}, {
-        size: "small" | "default" | "large";
-        feedbackLayout: "loose" | "terse" | "popover";
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<IFormItemProps & {
-    editProps?: IFormItemProps;
-}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-    size: "small" | "default" | "large";
-    feedbackLayout: "loose" | "terse" | "popover";
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: {
-        default?(_: {}): any;
-    };
-}) & {
-    Popover: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<IFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            size: "small" | "default" | "large";
-            feedbackLayout: "loose" | "terse" | "popover";
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            contentRef: HTMLDivElement;
-        }, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<IFormItemProps> & Readonly<{}>, {}, {}, {}, {}, {
-            size: "small" | "default" | "large";
-            feedbackLayout: "loose" | "terse" | "popover";
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<IFormItemProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        size: "small" | "default" | "large";
-        feedbackLayout: "loose" | "terse" | "popover";
-    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-};
-export default Editable;
+import { IFormItemProps } from "../form-item/types.js";
+import { ElPopover } from "element-plus";
+
+//#region src/editable/index.d.ts
+type EditableProps = IFormItemProps;
+type EditablePopoverProps = typeof ElPopover;
+declare const Editable: any;
+//#endregion
+export { Editable, EditablePopoverProps, EditableProps };
+//# sourceMappingURL=index.d.ts.map