cnhis-design-vue 3.4.0-beta.0 → 3.4.0-beta.3

package/es/components/iho-table/src/plugins/filterRenderPlugin/filter.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, inject, computed, ref, watch, onDeactivated, onMounted, toRaw, openBlock, createElementBlock, createBlock, unref, createCommentVNode, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList } from 'vue';
+import { defineComponent, inject, computed, ref, watch, onDeactivated, onMounted, toRaw, openBlock, createElementBlock, unref, createBlock, createCommentVNode, createVNode, isRef, withCtx, createTextVNode, createElementVNode, toDisplayString, mergeProps, normalizeProps, guardReactiveProps, Fragment, renderList, normalizeStyle } from 'vue';
 import script$1 from '../../../../../shared/components/CancelRadio/CancelRadio.js';
 import script from '../../../../../shared/components/SlotRender/SlotRender.js';
 import { keywordMatcher } from '../../../../../shared/utils/index.js';
@@ -30,11 +30,6 @@ const _hoisted_7 = {
 const _hoisted_8 = {
   class: "iho-table__filterFooter"
 };
-const _hoisted_9 = {
-  style: {
-    color: "var(--c-primary-color)"
-  }
-};
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "filter",
   props: {
@@ -184,28 +179,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [optionsRef.value.length > 5 ? (openBlock(), createBlock(unref(NInput), {
+      return openBlock(), createElementBlock("section", _hoisted_1, [unref(optionsRef).length > 5 ? (openBlock(), createBlock(unref(NInput), {
         key: 0,
         value: searchFilterText.value,
         "onUpdate:value": _cache[0] || (_cache[0] = ($event) => searchFilterText.value = $event)
-      }, null, 8, ["value"])) : createCommentVNode("v-if", true), multipleRef.value ? (openBlock(), createElementBlock("div", _hoisted_2, [optionsRef.value.length > 5 ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(NCheckbox), {
-        checked: partCheckAll.value,
-        "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => partCheckAll.value = $event),
-        indeterminate: partIndeterminate.value
+      }, null, 8, ["value"])) : createCommentVNode("v-if", true), unref(multipleRef) ? (openBlock(), createElementBlock("div", _hoisted_2, [unref(optionsRef).length > 5 ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(NCheckbox), {
+        checked: unref(partCheckAll),
+        "onUpdate:checked": _cache[1] || (_cache[1] = ($event) => isRef(partCheckAll) ? partCheckAll.value = $event : null),
+        indeterminate: unref(partIndeterminate)
       }, {
-        default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(function() {
+        default: withCtx(() => [createTextVNode(function() {
           var _a, _b, _c;
           try {
             return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.661")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.661")) || "\u5168\u9009\u5F53\u524D";
           } catch (e) {
             return "\u5168\u9009\u5F53\u524D";
           }
-        }(), -1)])]),
+        }())]),
         _: 1
       }, 8, ["checked", "indeterminate"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [createVNode(unref(NCheckbox), {
-        checked: checkAll.value,
-        "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => checkAll.value = $event),
-        indeterminate: indeterminate.value
+        checked: unref(checkAll),
+        "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => isRef(checkAll) ? checkAll.value = $event : null),
+        indeterminate: unref(indeterminate)
       }, {
         default: withCtx(() => [createTextVNode(function() {
           var _a, _b, _c;
@@ -214,12 +209,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           } catch (e) {
             return "\u5168\u9009\u6240\u6709";
           }
-        }() + toDisplayString(lowCodeField.value.showFilterFullNums ? `(${tableFullData.value.length})` : ""), 1)]),
+        }() + toDisplayString(unref(lowCodeField).showFilterFullNums ? `(${unref(tableFullData).length})` : ""), 1)]),
         _: 1
       }, 8, ["checked", "indeterminate"])])])) : createCommentVNode("v-if", true), createVNode(unref(NSpin), {
         show: loading.value
       }, {
-        default: withCtx(() => [multipleRef.value ? (openBlock(), createBlock(unref(NCheckboxGroup), {
+        default: withCtx(() => [unref(multipleRef) ? (openBlock(), createBlock(unref(NCheckboxGroup), {
           key: 0,
           value: checkedCacheRef.value,
           "onUpdate:value": _cache[3] || (_cache[3] = ($event) => checkedCacheRef.value = $event)
@@ -237,11 +232,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [createElementVNode("div", {
                 class: "iho-table__filterListItemContent",
                 title: option.data.label
-              }, [lowCodeField.value.filterLabelRender ? (openBlock(), createBlock(unref(script), mergeProps({
+              }, [unref(lowCodeField).filterLabelRender ? (openBlock(), createBlock(unref(script), mergeProps({
                 key: 0,
-                renderer: lowCodeField.value.filterLabelRender
-              }, {
-                ref_for: true
+                renderer: unref(lowCodeField).filterLabelRender
               }, __props.payload, {
                 option: option.data
               }), null, 16, ["renderer", "option"])) : (openBlock(), createElementBlock(Fragment, {
@@ -277,61 +270,65 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["value"]))]),
         _: 1
-      }, 8, ["show"]), createElementVNode("footer", _hoisted_8, [createElementVNode("section", null, [multipleRef.value ? (openBlock(), createElementBlock(Fragment, {
+      }, 8, ["show"]), createElementVNode("footer", _hoisted_8, [createElementVNode("section", null, [unref(multipleRef) ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [_cache[7] || (_cache[7] = createTextVNode(function() {
+      }, [createTextVNode(function() {
         var _a, _b, _c;
         try {
           return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.39")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.39")) || "\u5DF2\u9009\u62E9";
         } catch (e) {
           return "\u5DF2\u9009\u62E9";
         }
-      }(), -1)), createElementVNode("span", _hoisted_9, toDisplayString(checkedCacheRef.value.length), 1), _cache[8] || (_cache[8] = createTextVNode(function() {
+      }()), createElementVNode("span", {
+        style: normalizeStyle({
+          color: "var(--c-primary-color)"
+        })
+      }, toDisplayString(checkedCacheRef.value.length), 5), createTextVNode(function() {
         var _a, _b, _c;
         try {
           return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.417")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.417")) || "\u9879";
         } catch (e) {
           return "\u9879";
         }
-      }(), -1))], 64)) : createCommentVNode("v-if", true)]), createVNode(unref(NButtonGroup), {
+      }())], 64)) : createCommentVNode("v-if", true)]), createVNode(unref(NButtonGroup), {
         size: "small"
       }, {
         default: withCtx(() => [createVNode(unref(NButton), {
           onClick: reset
         }, {
-          default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(function() {
+          default: withCtx(() => [createTextVNode(function() {
             var _a, _b, _c;
             try {
               return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.509")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.509")) || "\u6E05\u7A7A";
             } catch (e) {
               return "\u6E05\u7A7A";
             }
-          }(), -1)])]),
+          }())]),
           _: 1
         }), createVNode(unref(NButton), {
           onClick: close
         }, {
-          default: withCtx(() => [..._cache[10] || (_cache[10] = [createTextVNode(function() {
+          default: withCtx(() => [createTextVNode(function() {
             var _a, _b, _c;
             try {
               return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.28")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.28")) || "\u53D6\u6D88";
             } catch (e) {
               return "\u53D6\u6D88";
             }
-          }(), -1)])]),
+          }())]),
           _: 1
         }), createVNode(unref(NButton), {
           type: "primary",
           onClick: confirm
         }, {
-          default: withCtx(() => [..._cache[11] || (_cache[11] = [createTextVNode(function() {
+          default: withCtx(() => [createTextVNode(function() {
             var _a, _b, _c;
             try {
               return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.27")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.27")) || "\u786E\u5B9A";
             } catch (e) {
               return "\u786E\u5B9A";
             }
-          }(), -1)])]),
+          }())]),
           _: 1
         })]),
         _: 1

package/es/components/iho-table/src/plugins/filterTextPlugin/filter.vue.d.ts

@@ -1,31 +1,31 @@
 import { PropType } from 'vue';
 import { VxeColumnPropTypes, VxeTableConstructor, VxeTableMethods, VxeTablePrivateMethods } from 'vxe-table';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     payload: {
         type: PropType<VxeColumnPropTypes.FilterSlotParams>;
         required: true;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         payload: {
             type: PropType<VxeColumnPropTypes.FilterSlotParams>;
             required: true;
         };
-    }>> & Readonly<{}> & {}>;
-    valueRef: import("vue").Ref<string, string>;
+    }>> & {}>>;
+    valueRef: import("vue").Ref<string>;
     inputProps: import("vue").ComputedRef<import("../../../../../shared/types").AnyObject>;
     onUpdateValue: (value: string) => void;
     $table: (VxeTableConstructor & VxeTablePrivateMethods & VxeTableMethods) | undefined;
     close: () => void;
     confirm: () => void;
-    readonly NButton: any;
-    readonly NButtonGroup: any;
-    readonly NInput: any;
-    readonly NSpace: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    NButton: any;
+    NButtonGroup: any;
+    NInput: any;
+    NSpace: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     payload: {
         type: PropType<VxeColumnPropTypes.FilterSlotParams>;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>>, {}>;
 export default _default;

package/es/components/iho-table/src/plugins/filterTextPlugin/filter.vue2.js

@@ -51,7 +51,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [createVNode(unref(NInput), mergeProps({
           clearable: ""
-        }, inputProps.value, {
+        }, unref(inputProps), {
           value: valueRef.value,
           "onUpdate:value": onUpdateValue
         }), null, 16, ["value"]), createVNode(unref(NSpace), {
@@ -63,27 +63,27 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [createVNode(unref(NButton), {
               onClick: close
             }, {
-              default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(function() {
+              default: withCtx(() => [createTextVNode(function() {
                 var _a2, _b, _c;
                 try {
                   return ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.28")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.28")) || "\u53D6\u6D88";
                 } catch (e) {
                   return "\u53D6\u6D88";
                 }
-              }(), -1)])]),
+              }())]),
               _: 1
             }), createVNode(unref(NButton), {
               type: "primary",
               onClick: confirm
             }, {
-              default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(function() {
+              default: withCtx(() => [createTextVNode(function() {
                 var _a2, _b, _c;
                 try {
                   return ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.27")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.27")) || "\u786E\u5B9A";
                 } catch (e) {
                   return "\u786E\u5B9A";
                 }
-              }(), -1)])]),
+              }())]),
               _: 1
             })]),
             _: 1

package/es/components/iho-table/src/plugins/headerPlugin/index.js

@@ -7,6 +7,7 @@ import '../../../index.js';
 import { InjectionIhoTableAnnotation, InjectionIhoTableConfig, InjectionIhoTableXeInstance, InjectionIhoTableGlobProps } from '../../constants/index.js';
 import { getLowCodeFieldFromField, IhoTableRenderHelper } from '../../utils/index.js';
 import TextOverTooltip from './tooltipMessage.vue.js';
+import AbbrText from '../../../../../shared/components/AbbrText/AbbrText.js';
 import { defineTablePlugin } from '../../hooks/useTablePlugin.js';
 
 function HeaderPlugin() {
@@ -51,14 +52,6 @@ function HeaderPlugin() {
         }
         const computeCellOffsetWidth = configRef.value.border ? Math.max(2, Math.ceil($table.reactData.scrollbarWidth / $table.reactData.tableColumn.length)) : 1;
         const wrapperWidth = widthAppend(Math.max(0, column.renderWidth - 20 - computeCellOffsetWidth - (required ? 14 : 0) - (hasAnnotation ? 18 : 0) - (hasFilter ? 23 : 0) - (editable ? 22 : 0) - (hasTitlePrefix ? 20 : 0) - (column.sortable ? 23 : 0) - (fieldDescDev ? 20 : 0)));
-        function renderTitle() {
-          const content = column.title;
-          const reg = /\\n|\n|\r/g;
-          if (!reg.test(content))
-            return content;
-          const contentList = content.replace(reg, "<br>").split("<br>");
-          return contentList.map((str, idx) => [str, idx === contentList.length - 1 ? null : createVNode("br", null, null)]);
-        }
         function getAnnotationShortcuts() {
           if (!attrs)
             return [];
@@ -90,7 +83,10 @@ ${fieldDescribe}`
           } : {
             maxWidth: "100%"
           }
-        }, getOtherAttrs()), [renderTitle()])]), fieldDescDev ? createVNode(TextOverTooltip, {
+        }, getOtherAttrs()), [createVNode(AbbrText, {
+          "text": column.title,
+          "abbr": lowCodeField.nameAbbr
+        }, null)])]), fieldDescDev ? createVNode(TextOverTooltip, {
           "message": fieldDescDev
         }, {
           trigger: () => createVNode(CodeSlash, {

package/es/components/iho-table/src/plugins/headerPlugin/tooltipMessage.vue.d.ts

@@ -1,13 +1,13 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     message: StringConstructor;
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         message: StringConstructor;
-    }>> & Readonly<{}> & {}>;
+    }>> & {}>>;
     parsedMessages: import("vue").ComputedRef<string[]>;
-    readonly HelpCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly NTooltip: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    HelpCircleOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    NTooltip: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     message: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>>, {}>;
 export default _default;

package/es/components/iho-table/src/plugins/headerPlugin/tooltipMessage.vue2.js

@@ -26,7 +26,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: "hover"
       }, {
         trigger: withCtx(() => [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(HelpCircleOutline))])]),
-        default: withCtx(() => [createElementVNode("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(parsedMessages.value, (m) => {
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(parsedMessages), (m) => {
           return openBlock(), createElementBlock("span", {
             key: m
           }, toDisplayString(m), 1);

package/es/components/iho-table/src/plugins/pagerScrollPlugin/utils.d.ts

@@ -9,10 +9,10 @@ export declare const scrollStateMap: {
         }[];
         currentPage: number;
         config: IhoTableConfig;
-        tBodyHeight: import("vue").Ref<number, number>;
-        tHeaderHeight: import("vue").Ref<number, number>;
+        tBodyHeight: import("vue").Ref<number>;
+        tHeaderHeight: import("vue").Ref<number>;
         scrollPending: boolean;
-        tBodyWrapper: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        tBodyWrapper: import("vue").Ref<HTMLElement | null>;
     }>>;
     getItemFromUUID: (uuid: string) => Partial<{
         dataList: AnyObject[];
@@ -22,10 +22,10 @@ export declare const scrollStateMap: {
         }[];
         currentPage: number;
         config: IhoTableConfig;
-        tBodyHeight: import("vue").Ref<number, number>;
-        tHeaderHeight: import("vue").Ref<number, number>;
+        tBodyHeight: import("vue").Ref<number>;
+        tHeaderHeight: import("vue").Ref<number>;
         scrollPending: boolean;
-        tBodyWrapper: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        tBodyWrapper: import("vue").Ref<HTMLElement | null>;
     }>;
     setItemFromUUID: (uuid: string, value: Partial<{
         dataList: AnyObject[];
@@ -35,10 +35,10 @@ export declare const scrollStateMap: {
         }[];
         currentPage: number;
         config: IhoTableConfig;
-        tBodyHeight: import("vue").Ref<number, number>;
-        tHeaderHeight: import("vue").Ref<number, number>;
+        tBodyHeight: import("vue").Ref<number>;
+        tHeaderHeight: import("vue").Ref<number>;
         scrollPending: boolean;
-        tBodyWrapper: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        tBodyWrapper: import("vue").Ref<HTMLElement | null>;
     }>) => void;
     removeItemFromUUID: (uuid: string) => void;
 };

package/es/components/iho-table/src/plugins/pluginHooks/useFilter.d.ts

@@ -5,9 +5,9 @@ export declare function useFilter(props: {
     payload: VxeColumnPropTypes.FilterSlotParams;
 }, optionListRef: Ref<AnyObject[]>): {
     containerStyleWithHeight: import("vue").ComputedRef<CSSProperties>;
-    list: Ref<import("@vueuse/core").UseVirtualListItem<AnyObject>[], import("@vueuse/core").UseVirtualListItem<AnyObject>[]>;
+    list: Ref<import("@vueuse/core").UseVirtualListItem<AnyObject>[]>;
     containerProps: {
-        ref: Ref<any, any>;
+        ref: Ref<any>;
         onScroll: () => void;
         style: Partial<CSSStyleDeclaration>;
     };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.d.ts

@@ -1,7 +1,7 @@
 import { AnyFn, AnyObject } from '../../../../../../../shared/types';
 import { type PropType } from 'vue';
 import { VxeTableConstructor, VxeTableDefines, VxeTableMethods, VxeTablePrivateMethods } from 'vxe-table';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
         default: null;
@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSecondDisabled: boolean;
         }>;
     };
-}>, {
+}, {
     attr: AnyObject;
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         value: {
             type: StringConstructor;
             default: null;
@@ -81,14 +81,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 isSecondDisabled: boolean;
             }>;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
+    }>>;
     $table: VxeTableConstructor & VxeTablePrivateMethods & VxeTableMethods;
     emitFormChangeWithParams: (params?: AnyObject) => void;
     emit: (event: "update:value", ...args: any[]) => void;
-    formRef: import("vue").Ref<any, any>;
-    formattedValue: import("vue").WritableComputedRef<string | null | undefined, string | null | undefined>;
+    formRef: import("vue").Ref<any>;
+    formattedValue: import("vue").WritableComputedRef<string | null | undefined>;
     dateConfig: import("vue").ComputedRef<{
         timePickerProps: {
             format: string | undefined;
@@ -112,7 +112,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         m: number;
         s: number;
     };
-    readonly DatePicker: import("../../../../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    DatePicker: import("../../../../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
@@ -143,11 +143,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         isDateDisabled: {
             type: PropType<(current: number, ...arg: any[]) => boolean>;
         };
-    }>, {
+    }, {
         attrs: {
             [x: string]: unknown;
         };
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             updateUnchangedValue: {
                 type: BooleanConstructor;
             };
@@ -178,15 +178,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isDateDisabled: {
                 type: PropType<(current: number, ...arg: any[]) => boolean>;
             };
-        }>> & Readonly<{
+        }>> & {
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-        }> & {}>;
+        }>>;
         emit: (event: "update:formatted-value", ...args: any[]) => void;
-        datePickerRef: import("vue").Ref<AnyObject | null, AnyObject | null>;
-        panelInstRef: import("vue").Ref<null, null>;
-        placeholderRef: import("vue").Ref<any, any>;
-        oldValue: (string | [string, string]) | null | undefined;
-        currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined, (string | [string, string]) | null | undefined>;
+        datePickerRef: import("vue").Ref<AnyObject | null>;
+        panelInstRef: import("vue").Ref<null>;
+        placeholderRef: import("vue").Ref<any>;
+        oldValue: string;
+        currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -201,8 +201,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onConfirm: (...args: any[]) => Promise<void>;
         isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
         setShortcutValue: (type: "month" | "week") => Promise<void>;
-        readonly NDatePicker: any;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        NDatePicker: any;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
@@ -233,15 +233,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         isDateDisabled: {
             type: PropType<(current: number, ...arg: any[]) => boolean>;
         };
-    }>> & Readonly<{
+    }>> & {
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-    }>, {
+    }, {
         type: string;
         updateUnchangedValue: boolean;
         to: string | false | HTMLElement;
         holidays: Date[];
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }>>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: StringConstructor;
         default: null;
@@ -280,12 +280,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             isSecondDisabled: boolean;
         }>;
     };
-}>> & Readonly<{
+}>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     value: string;
     connectField: string;
     isStartDate: boolean;
     isEndDate: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, useAttrs, inject, ref, computed, openBlock, createBlock, unref, mergeProps } from 'vue';
+import { defineComponent, useAttrs, inject, ref, computed, openBlock, createBlock, unref, mergeProps, isRef } from 'vue';
 import { generateTimeFormat } from '../../../../../../../shared/utils/index.js';
 import { isFunction } from 'lodash-es';
 import { useIhoTableFormEvent } from '../../../../utils/index.js';
@@ -44,10 +44,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:value"],
   setup(__props, {
-    emit: __emit
+    emit
   }) {
-    const attr = useAttrs();
     const props = __props;
+    const attr = useAttrs();
     const $table = inject("$xetable");
     const {
       emitFormChangeWithParams
@@ -55,7 +55,6 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       ...props,
       $table
     });
-    const emit = __emit;
     const formRef = ref();
     const formattedValue = computed({
       get() {
@@ -197,9 +196,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(DatePicker), mergeProps({
         ref_key: "formRef",
         ref: formRef
-      }, dateConfig.value, {
-        "formatted-value": formattedValue.value,
-        "onUpdate:formattedValue": _cache[0] || (_cache[0] = ($event) => formattedValue.value = $event)
+      }, unref(dateConfig), {
+        "formatted-value": unref(formattedValue),
+        "onUpdate:formatted-value": _cache[0] || (_cache[0] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
       }), null, 16, ["formatted-value"]);
     };
   }

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/hooks/useSelectOption.d.ts

@@ -1,7 +1,7 @@
 import { AnyObject } from '../../../../../../../shared/types';
 import { VxeTableConstructor } from 'vxe-table';
 import { IhoTableFieldItem } from '../../../../../../../components/iho-table';
-export declare const selectOptionsMap: import("vue").Reactive<Map<string, Record<string, AnyObject[]>>>;
+export declare const selectOptionsMap: Map<string, Record<string, AnyObject[]>>;
 export declare const selectColumnMap: {
     uuidMap: Map<string, Record<string, IhoTableFieldItem[]>>;
     getItemFromUUID: (uuid: string) => Record<string, IhoTableFieldItem[]>;