cnhis-design-vue 3.0.6 → 3.0.9

package/es/big-table/index.js

@@ -1,6 +1,6 @@
-import { computed, watch, defineComponent, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString, ref, createVNode, withCtx, normalizeClass, renderSlot, createTextVNode, mergeProps, reactive, h, resolveComponent, inject, nextTick, createApp, Teleport, provide, onMounted, onUnmounted, getCurrentInstance, onBeforeUnmount, onActivated, onDeactivated, isVNode, useAttrs, normalizeStyle, withDirectives, vShow, Fragment, createBlock } from 'vue';
+import { computed, watch, defineComponent, createVNode, mergeProps, reactive, openBlock, createElementBlock, unref, createCommentVNode, createElementVNode, toDisplayString, ref, withCtx, normalizeClass, renderSlot, createTextVNode, h, resolveComponent, inject, nextTick, createApp, Teleport, provide, onMounted, onUnmounted, getCurrentInstance, onBeforeUnmount, onActivated, onDeactivated, isVNode, useAttrs, normalizeStyle, withDirectives, vShow, Fragment, createBlock } from 'vue';
+import { NInput, NInputNumber, NSelect, NDatePicker, NTooltip, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
 import { SettingsSharp, CaretDown, CaretForward, CopyOutline, SyncOutline } from '@vicons/ionicons5';
-import { NTooltip, NInput, NInputNumber, NSelect, NDatePicker, useMessage, NIcon, NPopconfirm, NButton, NInputGroup, NCheckbox, NCheckboxGroup, NSpace, NProgress, NDropdown, NSwitch, NPopover } from 'naive-ui';
 
 const bigTableState = {
     curAbleCheckedLen: 0,
@@ -54,7 +54,7 @@ const bigTableState = {
 
 const bigTableProps = {
     data: { type: Array, default: () => [] },
-    MAX_CHECK_SIZE: { type: Number, default: 0 },
+    maxCheckSize: { type: Number, default: 0 },
     showFooter: Boolean,
     sumData: { type: Object, default: () => ({}) },
     avgData: { type: Object, default: () => ({}) },
@@ -210,7 +210,8 @@ const bigTableEmits = [
     "selectionChangeLocal",
     "switchBtnOnChange",
     "asyncTableChange",
-    "formChange"
+    "formChange",
+    "scroll"
 ];
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -13254,6 +13255,197 @@ const useNestTable = (props, state, emit) => {
     };
 };
 
+var script$6 = defineComponent({
+    name: "EditInput",
+    inheritAttrs: false,
+    components: {
+        NInput,
+        NInputNumber
+    },
+    props: {
+        type: {
+            type: String,
+            default: "input"
+        },
+        col: {
+            type: Object,
+            default: () => ({})
+        },
+        row: {
+            type: Object,
+            default: () => ({})
+        },
+        index: {
+            type: [Number, Object],
+            default: 0
+        }
+    },
+    emits: ["formChange"],
+    setup(props, { attrs, slots, emit }) {
+        const onUpdateValue = (value) => {
+            emit("formChange", {
+                value,
+                row: props.row,
+                column: props.col,
+                index: props.index
+            });
+        };
+        return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, {
+            "onUpdateValue": onUpdateValue
+        }), null) : createVNode(NInputNumber, mergeProps(attrs, {
+            "onUpdateValue": onUpdateValue
+        }), null);
+    }
+});
+
+script$6.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
+
+var script$5 = defineComponent({
+    name: "EditSelect",
+    inheritAttrs: false,
+    components: {
+        NSelect
+    },
+    props: {
+        col: {
+            type: Object,
+            default: () => ({})
+        },
+        row: {
+            type: Object,
+            default: () => ({})
+        },
+        index: {
+            type: [Number, Object],
+            default: 0
+        }
+    },
+    emits: ["setOptions", "formChange"],
+    setup(props, { attrs, slots, emit }) {
+        const state = reactive({
+            options: []
+        });
+        const setOptions = async () => {
+            if (props.col.options) {
+                state.options = JSON.parse(JSON.stringify(props.col.options));
+            }
+            else {
+                const optionsName = `${props.col.columnName}_options`;
+                state.options = props.row[optionsName] || await props.col.queryOptions();
+                if (!props.row[optionsName]) {
+                    emit("setOptions", state.options);
+                }
+            }
+        };
+        setOptions();
+        const onUpdateValue = (value) => {
+            emit("formChange", {
+                value,
+                row: props.row,
+                column: props.col,
+                index: props.index
+            });
+        };
+        console.log(attrs);
+        return () => [createVNode(NSelect, mergeProps(attrs, {
+                "options": state.options,
+                "consistentMenuWidth": false,
+                "clearable": true,
+                "filterable": true,
+                "to": false,
+                "placeholder": "\u8BF7\u9009\u62E9",
+                "onUpdateValue": onUpdateValue
+            }), null)];
+    }
+});
+
+script$5.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
+
+var script$4 = defineComponent({
+    name: "EditDate",
+    inheritAttrs: false,
+    components: {
+        NDatePicker
+    },
+    props: {
+        col: {
+            type: Object,
+            default: () => ({})
+        },
+        row: {
+            type: Object,
+            default: () => ({})
+        },
+        index: {
+            type: [Number, Object],
+            default: 0
+        }
+    },
+    emits: ["formChange"],
+    setup(props, { attrs, slots, emit }) {
+        const onConfirm = (value) => {
+            emit("formChange", {
+                value,
+                row: props.row,
+                column: props.col,
+                index: props.index
+            });
+        };
+        const { isStartDate = false, isEndDate = false, connectField } = props.col;
+        const setDateDisabled = (cur, date) => {
+            if (isStartDate && connectField) {
+                return cur > date;
+            }
+            if (isEndDate && connectField) {
+                return cur < date;
+            }
+            return false;
+        };
+        const isDateDisabled = (ts) => {
+            return setDateDisabled(ts, new Date(props.row[connectField]).getTime());
+        };
+        const isTimeDisabled = (ts) => {
+            const date = new Date(props.row[connectField] || ts);
+            const h = date.getHours();
+            const m = date.getMinutes();
+            const s = date.getSeconds();
+            return {
+                isHourDisabled: (hour) => {
+                    return setDateDisabled(hour, h);
+                },
+                isMinuteDisabled: (minute) => {
+                    return setDateDisabled(minute, m);
+                },
+                isSecondDisabled: (second) => {
+                    return setDateDisabled(second, s);
+                }
+            };
+        };
+        const config = {
+            type: props.col.type || "datetime",
+            clearable: props.col.clearable || true,
+            disabled: props.col.disabled || false,
+            valueFormat: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
+            to: false,
+            isDateDisabled: props.col.isDateDisabled || isDateDisabled
+        };
+        if (config.type.includes("time")) {
+            config.isTimeDisabled = props.col.isTimeDisabled || isTimeDisabled;
+        }
+        return () => createVNode(NDatePicker, mergeProps(attrs, config, {
+            "onUpdateFormattedValue": onConfirm
+        }), null);
+    }
+});
+
+script$4.__file = "packages/big-table/src/components/edit-form/edit-date.vue";
+
+const comps = {
+    "input": script$6,
+    "number": script$6,
+    "select": script$5,
+    "date": script$4
+};
 const useEdit = (props, state, emit, xGrid) => {
     const initEditTable = async () => {
         const { isEdit, fieldList = [] } = props.columnConfig;
@@ -13309,14 +13501,35 @@ const useEdit = (props, state, emit, xGrid) => {
         await xGrid.value.insertAt(record, getInsertRecords.at(-1));
         xGrid.value.clearActived();
     };
-    const onFormChange = ({ value, row, column }) => {
-        emit("formChange", { value, row, column });
+    const getLabel = (opts, value) => {
+        return opts.find((opt) => opt.value === value)?.label || "";
+    };
+    const onFormChange = ({ value, row, column, index }) => {
+        let oldValue = row[column.columnName];
+        if ((column?.formType === "input" || column?.formType === "number") && props.columnConfig?.formValidate) {
+            row[column.columnName] = props.columnConfig?.formValidate({ row, column, current: value, old: row[column.columnName] });
+        }
+        else if (column?.formatMap) {
+            oldValue = {
+                label: row[column.formatMap.label],
+                value: row[column.formatMap.value]
+            };
+            row[column.formatMap.label] = getLabel(row[column.columnName + "_options"] || [], value);
+            row[column.formatMap.value] = value;
+        }
+        else {
+            row[column.columnName] = value;
+        }
+        emit("formChange", { value, row, column, index, oldValue });
     };
     const getDefaultValue = (params, item) => {
         const value = params.row[item.columnName];
         if (item.formType === "select") {
+            if (item.formatMap) {
+                return params.row[item.formatMap.label];
+            }
             if (item.options) {
-                return item.options.find((v) => v.value === value)?.label || "";
+                return item.options.find((v) => v.value == value)?.label || "";
             }
             if (item.queryOptions) {
                 return params.row[`${item.columnName}_options`]?.find((v) => v.value === value)?.label || "";
@@ -13346,7 +13559,7 @@ var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAADKCAYAAABDnT56A
 const _hoisted_1$3 = { class: "no-data-tip NoData-page" };
 const _hoisted_2$2 = ["src"];
 const _hoisted_3$1 = { key: 1 };
-var script$6 = /* @__PURE__ */ defineComponent({
+var script$3 = /* @__PURE__ */ defineComponent({
     props: {
         noDataTip: {
             type: String,
@@ -13407,14 +13620,14 @@ var script$6 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$6.__scopeId = "data-v-4a4b0812";
-script$6.__file = "packages/big-table/src/components/NoData.vue";
+script$3.__scopeId = "data-v-4a4b0812";
+script$3.__file = "packages/big-table/src/components/NoData.vue";
 
 const _hoisted_1$2 = { class: "text-over-tooltip-components" };
 const __default__$2 = {
     name: "TextOverTooltip"
 };
-var script$5 = /* @__PURE__ */ defineComponent({
+var script$2 = /* @__PURE__ */ defineComponent({
     ...__default__$2,
     props: {
         content: { type: [String, Number], required: false },
@@ -13482,15 +13695,15 @@ var script$5 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$5.__scopeId = "data-v-6633a934";
-script$5.__file = "packages/big-table/src/components/TextOverTooltip.vue";
+script$2.__scopeId = "data-v-6633a934";
+script$2.__file = "packages/big-table/src/components/TextOverTooltip.vue";
 
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2$1 = ["xlink:href"];
 const __default__$1 = {
     name: "SvgIcon"
 };
-var script$4 = /* @__PURE__ */ defineComponent({
+var script$1 = /* @__PURE__ */ defineComponent({
     ...__default__$1,
     props: {
         iconClass: { type: String, required: true, default: "" },
@@ -13520,159 +13733,8 @@ var script$4 = /* @__PURE__ */ defineComponent({
     }
 });
 
-script$4.__scopeId = "data-v-d1ad5be8";
-script$4.__file = "src/component/svg/index.vue";
-
-var script$3 = defineComponent({
-    name: "EditInput",
-    inheritAttrs: false,
-    components: {
-        NInput,
-        NInputNumber
-    },
-    props: {
-        type: {
-            type: String,
-            default: "input"
-        },
-        col: {
-            type: Object,
-            default: () => ({})
-        },
-        row: {
-            type: Object,
-            default: () => ({})
-        },
-        index: {
-            type: [Number, Object],
-            default: 0
-        }
-    },
-    emits: ["formChange"],
-    setup(props, { attrs, slots, emit }) {
-        const onUpdateValue = (value) => {
-            emit("formChange", {
-                value,
-                row: props.row,
-                column: props.col,
-                index: props.index
-            });
-        };
-        return () => props.type === "input" ? createVNode(NInput, mergeProps(attrs, {
-            "onUpdateValue": onUpdateValue
-        }), null) : createVNode(NInputNumber, mergeProps(attrs, {
-            "onUpdateValue": onUpdateValue
-        }), null);
-    }
-});
-
-script$3.__file = "packages/big-table/src/components/edit-form/edit-input.vue";
-
-var script$2 = defineComponent({
-    name: "EditSelect",
-    inheritAttrs: false,
-    components: {
-        NSelect
-    },
-    props: {
-        col: {
-            type: Object,
-            default: () => ({})
-        },
-        row: {
-            type: Object,
-            default: () => ({})
-        },
-        index: {
-            type: [Number, Object],
-            default: 0
-        }
-    },
-    emits: ["setOptions", "formChange"],
-    setup(props, { attrs, slots, emit }) {
-        const state = reactive({
-            options: []
-        });
-        const setOptions = async () => {
-            if (props.col.options) {
-                state.options = JSON.parse(JSON.stringify(props.col.options));
-            }
-            else {
-                const optionsName = `${props.col.columnName}_options`;
-                state.options = props.row[optionsName] || await props.col.queryOptions();
-                if (!props.row[optionsName]) {
-                    emit("setOptions", state.options);
-                }
-            }
-        };
-        setOptions();
-        const onUpdateValue = (value) => {
-            emit("formChange", {
-                value,
-                row: props.row,
-                column: props.col,
-                index: props.index
-            });
-        };
-        return () => [createVNode(NSelect, mergeProps(attrs, {
-                "options": state.options,
-                "consistentMenuWidth": false,
-                "clearable": true,
-                "filterable": true,
-                "to": false,
-                "placeholder": "\u8BF7\u9009\u62E9",
-                "onUpdateValue": onUpdateValue
-            }), null)];
-    }
-});
-
-script$2.__file = "packages/big-table/src/components/edit-form/edit-select.vue";
-
-var script$1 = defineComponent({
-    name: "EditDate",
-    inheritAttrs: false,
-    components: {
-        NDatePicker
-    },
-    props: {
-        col: {
-            type: Object,
-            default: () => ({})
-        },
-        row: {
-            type: Object,
-            default: () => ({})
-        },
-        index: {
-            type: [Number, Object],
-            default: 0
-        }
-    },
-    emits: ["formChange"],
-    setup(props, { attrs, slots, emit }) {
-        const onConfirm = (value, formattedValue) => {
-            console.log("\u65F6\u95F4\u9009\u62E9->", value);
-            emit("formChange", {
-                value,
-                row: props.row,
-                column: props.col,
-                index: props.index
-            });
-        };
-        const config = {
-            type: props.col.type || "datetime",
-            clearable: props.col.clearable || true,
-            disabled: props.col.disabled || false,
-            valueFormat: props.col.valueFormat || "yyyy-MM-dd HH:mm:ss",
-            to: false
-        };
-        return () => createVNode(NDatePicker, mergeProps(attrs, config, {
-            "onConfirm": onConfirm
-        }), null);
-    }
-});
-
-script$1.__file = "packages/big-table/src/components/edit-form/edit-date.vue";
+script$1.__scopeId = "data-v-d1ad5be8";
+script$1.__file = "src/component/svg/index.vue";
 
 var iconPrefix = 'vxe-icon--';
 var GlobalConfig = {
@@ -39515,7 +39577,7 @@ var script = /* @__PURE__ */ defineComponent({
         });
         const visibleCancelCheckAllBtn = computed(() => {
             let isCurrentPageAllCheck = state.currentPageSelectedLength === state.curAbleCheckedLen;
-            let isMaxChecked = currentCheckedKeys.value.length === props.MAX_CHECK_SIZE;
+            let isMaxChecked = currentCheckedKeys.value.length === props.maxCheckSize;
             let isCheckedTotal = currentCheckedKeys.value.length === props.pageVO.total;
             return isMaxChecked || !isCurrentPageAllCheck || isCheckedTotal;
         });
@@ -39841,37 +39903,35 @@ var script = /* @__PURE__ */ defineComponent({
         const formatterEdit = (params, col) => {
             let { row, column, $rowIndex, rowIndex } = params;
             let formType = column.formType || col.formType || "";
+            let formatMap = column.formatMap || col.formatMap || null;
+            if (!formType)
+                return null;
             if (formType === "custom") {
                 return col.slotFn(params);
             }
+            const Comp = comps[formType] || "";
+            if (!Comp)
+                return null;
             const propsData = {
                 col,
                 row,
-                index: $rowIndex
+                index: $rowIndex,
+                type: formType,
+                onFormChange
             };
-            if (formType === "input" || formType === "number") {
-                return createVNode(script$3, mergeProps(propsData, {
-                    "type": formType,
-                    "value": row[col.columnName],
-                    "onUpdate:value": ($event) => row[col.columnName] = $event,
-                    "onFormChange": onFormChange
-                }), null);
+            if (formType === "date") {
+                propsData.defaultFormattedValue = row[col.columnName];
             }
-            if (formType === "select") {
-                return createVNode(script$2, mergeProps(propsData, {
-                    "value": row[col.columnName],
-                    "onUpdate:value": ($event) => row[col.columnName] = $event,
-                    "onSetOptions": (options) => row[`${col.columnName}_options`] = options,
-                    "onFormChange": onFormChange
-                }), null);
+            else if (formatMap) {
+                propsData.defaultValue = row[formatMap.value];
             }
-            if (formType === "date") {
-                return createVNode(script$1, mergeProps(propsData, {
-                    "formattedValue": row[col.columnName],
-                    "onUpdate:formattedValue": ($event) => row[col.columnName] = $event,
-                    "onFormChange": onFormChange
-                }), null);
+            else {
+                propsData.defaultValue = row[col.columnName];
             }
+            if (formType === "select") {
+                propsData.onSetOptions = (options) => row[`${col.columnName}_options`] = options;
+            }
+            return createVNode(Comp, propsData, null);
         };
         const getEditBtn = (row, col, index) => {
             return col.tileBtnList?.map((btn) => {
@@ -39967,7 +40027,7 @@ var script = /* @__PURE__ */ defineComponent({
                 return getOrCode(row, own, attrType);
             }
             if (column.property === "operatorColumn") {
-                if (props.columnConfig.isEdit) {
+                if (props.columnConfig.isEdit && !row.initRow) {
                     return getEditBtn(row, col, $rowIndex);
                 }
                 if (state.showButtonTop != 0 || props.isBatchEditing)
@@ -40252,13 +40312,13 @@ var script = /* @__PURE__ */ defineComponent({
                 isAlias = !!tooltipTitle;
             }
             if (type === "format")
-                return createVNode(script$5, {
+                return createVNode(script$2, {
                     "tooltipTitle": tooltipTitle,
                     "content": name,
                     "isAlias": isAlias
                 }, null);
             return () => {
-                return [createVNode(script$5, {
+                return [createVNode(script$2, {
                         "tooltipTitle": tooltipTitle,
                         "content": name,
                         "isAlias": isAlias
@@ -40302,8 +40362,8 @@ var script = /* @__PURE__ */ defineComponent({
             emit("refreshTable");
         };
         const handleCheckAll = () => {
-            if (props.pageVO.total > props.MAX_CHECK_SIZE) {
-                let text = `\u5F53\u524D\u5217\u8868\u5171${props.pageVO.total}\u6761\u6570\u636E\uFF0C\u4E3A\u4E86\u786E\u4FDD\u7CFB\u7EDF\u5B89\u5168\uFF0C\u53EA\u80FD\u5355\u6B21\u64CD\u4F5C${props.MAX_CHECK_SIZE}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u518D\u6B21\u5C1D\u8BD5`;
+            if (props.pageVO.total > props.maxCheckSize) {
+                let text = `\u5F53\u524D\u5217\u8868\u5171${props.pageVO.total}\u6761\u6570\u636E\uFF0C\u4E3A\u4E86\u786E\u4FDD\u7CFB\u7EDF\u5B89\u5168\uFF0C\u53EA\u80FD\u5355\u6B21\u64CD\u4F5C${props.maxCheckSize}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u518D\u6B21\u5C1D\u8BD5`;
                 window.$message.warning(text);
             }
             emit("selectionChangeAll");
@@ -40391,7 +40451,7 @@ var script = /* @__PURE__ */ defineComponent({
         };
         const setChecklist = (list) => {
             return list.map((i) => {
-                i["checked"] = false;
+                i["checked"] = i.checked || false;
                 if (state.isTree == 2) {
                     const treeNodeKey = state.levelLazyLoadSetting.childCountKey;
                     const { isTreeOrList = "" } = props.tableParams;
@@ -40681,8 +40741,8 @@ var script = /* @__PURE__ */ defineComponent({
         const addCheckedRows = (rows) => {
             removeCheckedDisabledRows(state);
             let checkedRows = state.checkedRows;
-            if (currentCheckedKeys.value.length + rows.length > props.MAX_CHECK_SIZE) {
-                window.$message.warning(`\u4E3A\u4E86\u4FDD\u8BC1\u7CFB\u7EDF\u5B89\u5168\uFF0C\u5355\u6B21\u64CD\u4F5C\u6570\u636E\u91CF\u9650\u989D\u4E3A${props.MAX_CHECK_SIZE}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u540E\u518D\u6B21\u5C1D\u8BD5`);
+            if (currentCheckedKeys.value.length + rows.length > props.maxCheckSize) {
+                window.$message.warning(`\u4E3A\u4E86\u4FDD\u8BC1\u7CFB\u7EDF\u5B89\u5168\uFF0C\u5355\u6B21\u64CD\u4F5C\u6570\u636E\u91CF\u9650\u989D\u4E3A${props.maxCheckSize}\u6761\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u9AD8\u7EA7\u7B5B\u9009\u8FC7\u6EE4\u540E\u518D\u6B21\u5C1D\u8BD5`);
                 return false;
             }
             let newCheckedRows = rows.filter((row) => {
@@ -40751,10 +40811,21 @@ var script = /* @__PURE__ */ defineComponent({
             emit("setNestTableClickSetting", props.isNestTable);
             emit("showDrawer", theads);
         };
+        let scrollEvent = (params) => {
+            emit("scroll", params);
+        };
+        const initScroll = () => {
+            const { throttle = false, throttleTime = 800, throttleOptions = {} } = props.columnConfig?.scrollConfig || {};
+            if (throttle) {
+                scrollEvent = xeUtils.throttle(scrollEvent, throttleTime, throttleOptions);
+            }
+        };
+        initScroll();
         const handlerScroll = (params) => {
             if (params.isX) {
                 hideFilterWrap(state, props);
             }
+            scrollEvent(params);
         };
         const handleCellMouseenter = ({ column, $event }) => {
             if (column.showOverflow === "title") {
@@ -40812,7 +40883,7 @@ var script = /* @__PURE__ */ defineComponent({
             return createVNode(NPopconfirm, {
                 "onPositiveClick": () => confirmScanMulti(params)
             }, {
-                trigger: () => createVNode(script$4, {
+                trigger: () => createVNode(script$1, {
                     "class": "scan-multi-delete",
                     "iconClass": "shanchu"
                 }, null),
@@ -41025,7 +41096,7 @@ var script = /* @__PURE__ */ defineComponent({
                 }, [createVNode("img", {
                         "class": "bigTable-qr-img",
                         "src": src
-                    }, null), createVNode("span", null, [createVNode(script$4, {
+                    }, null), createVNode("span", null, [createVNode(script$1, {
                             "iconClass": "fangda"
                         }, null)])])];
         };
@@ -41109,7 +41180,7 @@ var script = /* @__PURE__ */ defineComponent({
                 }
                 else {
                     icon = createVNode(NTooltip, null, {
-                        trigger: () => createVNode(script$4, {
+                        trigger: () => createVNode(script$1, {
                             "iconClass": btn.icon,
                             "style": {
                                 marginRight: mr
@@ -41120,7 +41191,7 @@ var script = /* @__PURE__ */ defineComponent({
                 }
             }
             else if (btn.iconSetting) {
-                icon = createVNode(script$4, {
+                icon = createVNode(script$1, {
                     "iconClass": JSON.parse(btn.iconSetting).icon,
                     "style": {
                         marginRight: mr
@@ -41478,7 +41549,7 @@ var script = /* @__PURE__ */ defineComponent({
                             key: 0,
                             class: "check-wrap-btn",
                             onClick: handleCheckAll
-                        }, [_ctx.pageVO.total > _ctx.MAX_CHECK_SIZE ? (openBlock(), createElementBlock("span", _hoisted_5, [createCommentVNode(" {{ `\u6700\u5927\u52FE\u9009\u201C${tableName}\u201D ${MAX_CHECK_SIZE}\u6761\u6570\u636E` }} "), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.MAX_CHECK_SIZE}\u6761\u6570\u636E`), 1)])) : (openBlock(), createElementBlock("span", _hoisted_6, [createCommentVNode(' {{ $t("1.9.598", { name: tableName, total }) }} '), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.pageVO.total}\u6761\u6570\u636E`), 1)]))])) : (openBlock(), createElementBlock("p", {
+                        }, [_ctx.pageVO.total > _ctx.maxCheckSize ? (openBlock(), createElementBlock("span", _hoisted_5, [createCommentVNode(" {{ `\u6700\u5927\u52FE\u9009\u201C${tableName}\u201D ${maxCheckSize}\u6761\u6570\u636E` }} "), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.maxCheckSize}\u6761\u6570\u636E`), 1)])) : (openBlock(), createElementBlock("span", _hoisted_6, [createCommentVNode(' {{ $t("1.9.598", { name: tableName, total }) }} '), createTextVNode(toDisplayString(`\u52FE\u9009\u5168\u90E8\u9875 ${_ctx.pageVO.total}\u6761\u6570\u636E`), 1)]))])) : (openBlock(), createElementBlock("p", {
                             key: 1,
                             class: "check-wrap-btn",
                             onClick: handleCancelAllCheck
@@ -41540,6 +41611,7 @@ var script = /* @__PURE__ */ defineComponent({
                         iconOpen: "iconfont icon-a-xitongtubiaozhediejian",
                         iconClose: "iconfont icon-a-xitongtubiaotianjia"
                     },
+                    "keyboard-config": _ctx.columnConfig.keyboardConfig || {},
                     onCellDblclick: rowdblclick,
                     onCellClick: handlerClickRow,
                     onCheckboxChange: selectionChange,
@@ -41549,7 +41621,7 @@ var script = /* @__PURE__ */ defineComponent({
                     onScroll: handlerScroll,
                     onCellMouseenter: handleCellMouseenter
                 }, {
-                    empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(script$6, {
+                    empty: withCtx(() => [unref(state).isShowEmpty ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(script$3, {
                                 "no-data-img": props.emptyItems.noDataImg,
                                 "no-data-tip": props.emptyItems.noDataTip,
                                 "show-img": !props.isNestTable
@@ -41590,7 +41662,7 @@ var script = /* @__PURE__ */ defineComponent({
                             }
                         })]),
                     _: 3
-                }, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
+                }, 8, ["seq-config", "tree-config", "row-id", "show-footer", "checkbox-config", "row-style", "edit-config", "expand-config", "keyboard-config"]), createCommentVNode(" `${refreshRow}\u6761\u66F4\u65B0` "), withDirectives(createElementVNode("div", {
                     class: "refresh",
                     onClick: hanldeClickRefresh
                 }, [createVNode(unref(NIcon), {