vxe-table 4.12.0-beta.9 → 4.12.1

package/es/table/module/edit/hook.js

@@ -96,8 +96,8 @@ hooks.add('tableEditModule', {
         };
         const handleInsertRowAt = (records, targetRow, isInsertNextRow) => {
             const { treeConfig } = props;
-            const { mergeList, editStore } = reactData;
-            const { tableFullTreeData, afterFullData, tableFullData, fullDataRowIdData, fullAllDataRowIdData } = internalData;
+            const { mergeList } = reactData;
+            const { tableFullTreeData, afterFullData, tableFullData, fullDataRowIdData, fullAllDataRowIdData, insertRowMaps } = internalData;
             const treeOpts = computeTreeOpts.value;
             const { transform, rowField, mapChildrenField } = treeOpts;
             const childrenField = treeOpts.children || treeOpts.childrenField;
@@ -244,11 +244,11 @@ hooks.add('tableEditModule', {
                     }
                 }
             }
-            const { insertMaps } = editStore;
             newRecords.forEach(newRow => {
                 const rowid = getRowid($xeTable, newRow);
-                insertMaps[rowid] = newRow;
+                insertRowMaps[rowid] = newRow;
             });
+            reactData.insertRowFlag++;
             $xeTable.cacheRowMap(false);
             $xeTable.updateScrollYStatus();
             $xeTable.handleTableData(treeConfig && transform);
@@ -320,6 +320,7 @@ hooks.add('tableEditModule', {
             return nextTick().then(() => $xeTable.updateCellAreas());
         };
         const handleEditActive = (params, evnt, isFocus, isPos) => {
+            const $xeGrid = $xeTable.xeGrid;
             const { editConfig, mouseConfig } = props;
             const { editStore, tableColumn } = reactData;
             const editOpts = computeEditOpts.value;
@@ -336,7 +337,7 @@ hooks.add('tableEditModule', {
                     if (actived.row !== row || (mode === 'cell' ? actived.column !== column : false)) {
                         // 判断是否禁用编辑
                         let type = 'edit-disabled';
-                        if (!beforeEditMethod || beforeEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeTable.xegrid }))) {
+                        if (!beforeEditMethod || beforeEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeGrid }))) {
                             if (mouseConfig) {
                                 $xeTable.clearSelected();
                                 if ($xeTable.clearCellAreas) {
@@ -365,7 +366,7 @@ hooks.add('tableEditModule', {
                                     $xeTable.handleFocus(params, evnt);
                                 }
                                 if (afterEditMethod) {
-                                    afterEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeTable.xegrid }));
+                                    afterEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeGrid }));
                                 }
                             });
                         }
@@ -485,15 +486,13 @@ hooks.add('tableEditModule', {
              */
             remove(rows) {
                 const { treeConfig } = props;
-                const { mergeList, editStore, selectCheckboxMaps } = reactData;
-                const { tableFullTreeData, afterFullData, tableFullData } = internalData;
+                const { mergeList, editStore } = reactData;
+                const { tableFullTreeData, selectCheckboxMaps, afterFullData, tableFullData, pendingRowMaps, insertRowMaps, removeRowMaps } = internalData;
                 const checkboxOpts = computeCheckboxOpts.value;
                 const treeOpts = computeTreeOpts.value;
                 const { transform, mapChildrenField } = treeOpts;
                 const childrenField = treeOpts.children || treeOpts.childrenField;
-                const { actived, removeMaps } = editStore;
-                const insertDataRowMaps = Object.assign({}, editStore.insertMaps);
-                const pendingDataRowMaps = Object.assign({}, reactData.pendingRowMaps);
+                const { actived } = editStore;
                 const { checkField } = checkboxOpts;
                 let delList = [];
                 if (!rows) {
@@ -506,19 +505,18 @@ hooks.add('tableEditModule', {
                 rows.forEach((row) => {
                     if (!$xeTable.isInsertByRow(row)) {
                         const rowid = getRowid($xeTable, row);
-                        removeMaps[rowid] = row;
+                        removeRowMaps[rowid] = row;
                     }
                 });
                 // 如果绑定了多选属性，则更新状态
                 if (!checkField) {
-                    const selectRowMaps = Object.assign({}, selectCheckboxMaps);
                     rows.forEach((row) => {
                         const rowid = getRowid($xeTable, row);
-                        if (selectRowMaps[rowid]) {
-                            delete selectRowMaps[rowid];
+                        if (selectCheckboxMaps[rowid]) {
+                            delete selectCheckboxMaps[rowid];
                         }
                     });
-                    reactData.selectCheckboxMaps = selectRowMaps;
+                    reactData.updateCheckboxFlag++;
                 }
                 // 从数据源中移除
                 if (tableFullData === rows) {
@@ -578,15 +576,16 @@ hooks.add('tableEditModule', {
                 // 从新增中移除已删除的数据
                 rows.forEach((row) => {
                     const rowid = getRowid($xeTable, row);
-                    if (insertDataRowMaps[rowid]) {
-                        delete insertDataRowMaps[rowid];
+                    if (insertRowMaps[rowid]) {
+                        delete insertRowMaps[rowid];
                     }
-                    if (pendingDataRowMaps[rowid]) {
-                        delete pendingDataRowMaps[rowid];
+                    if (pendingRowMaps[rowid]) {
+                        delete pendingRowMaps[rowid];
                     }
                 });
-                editStore.insertMaps = insertDataRowMaps;
-                reactData.pendingRowMaps = pendingDataRowMaps;
+                reactData.removeRowFlag++;
+                reactData.insertRowFlag++;
+                reactData.pendingRowFlag++;
                 $xeTable.updateFooter();
                 $xeTable.cacheRowMap(false);
                 $xeTable.handleTableData(treeConfig && transform);
@@ -655,11 +654,9 @@ hooks.add('tableEditModule', {
              * 获取新增的临时数据
              */
             getInsertRecords() {
-                const { editStore } = reactData;
-                const { fullAllDataRowIdData } = internalData;
-                const { insertMaps } = editStore;
+                const { fullAllDataRowIdData, insertRowMaps } = internalData;
                 const insertRecords = [];
-                XEUtils.each(insertMaps, (row, rowid) => {
+                XEUtils.each(insertRowMaps, (row, rowid) => {
                     if (fullAllDataRowIdData[rowid]) {
                         insertRecords.push(row);
                     }
@@ -670,10 +667,9 @@ hooks.add('tableEditModule', {
              * 获取已删除的数据
              */
             getRemoveRecords() {
-                const { editStore } = reactData;
-                const { removeMaps } = editStore;
+                const { removeRowMaps } = internalData;
                 const removeRecords = [];
-                XEUtils.each(removeMaps, (row) => {
+                XEUtils.each(removeRowMaps, (row) => {
                     removeRecords.push(row);
                 });
                 return removeRecords;
@@ -700,7 +696,7 @@ hooks.add('tableEditModule', {
                 if (process.env.NODE_ENV === 'development') {
                     warnLog('vxe.error.delFunc', ['getActiveRecord', 'getEditRecord']);
                 }
-                return this.getEditRecord();
+                return $xeTable.getEditRecord();
             },
             getEditRecord() {
                 const { editStore } = reactData;
@@ -728,7 +724,7 @@ hooks.add('tableEditModule', {
                 if (process.env.NODE_ENV === 'development') {
                     warnLog('vxe.error.delFunc', ['clearActived', 'clearEdit']);
                 }
-                return this.clearEdit(row);
+                return $xeTable.clearEdit(row);
             },
             /**
              * 清除激活的编辑
@@ -752,7 +748,7 @@ hooks.add('tableEditModule', {
                     warnLog('vxe.error.delFunc', ['isActiveByRow', 'isEditByRow']);
                 }
                 // 即将废弃
-                return this.isEditByRow(row);
+                return $xeTable.isEditByRow(row);
             },
             /**
              * 判断行是否为激活编辑状态
@@ -916,7 +912,7 @@ hooks.add('tableEditModule', {
                     if (isMouseSelected && (selected.row !== row || selected.column !== column)) {
                         if (actived.row !== row || (editOpts.mode === 'cell' ? actived.column !== column : false)) {
                             handleClearEdit(evnt);
-                            editMethods.clearSelected();
+                            $xeTable.clearSelected();
                             if ($xeTable.clearCellAreas) {
                                 $xeTable.clearCellAreas();
                                 $xeTable.clearCopyCellArea();

package/es/table/module/export/export-panel.js

@@ -139,6 +139,7 @@ export default defineComponent({
             }
         };
         const renderVN = () => {
+            const $xeGrid = $xeTable.xeGrid;
             const { defaultOptions, storeData } = props;
             const { isAll: isAllChecked, isIndeterminate: isAllIndeterminate } = reactData;
             const { hasTree, hasMerge, isPrint, hasColgroup, columns } = storeData;
@@ -216,7 +217,7 @@ export default defineComponent({
                     default: () => {
                         const params = {
                             $table: $xeTable,
-                            $grid: $xeTable.xegrid,
+                            $grid: $xeGrid,
                             options: defaultOptions,
                             columns,
                             params: defaultOptions.params
@@ -460,7 +461,7 @@ export default defineComponent({
                     footer() {
                         const params = {
                             $table: $xeTable,
-                            $grid: $xeTable.xegrid,
+                            $grid: $xeGrid,
                             options: defaultOptions,
                             columns,
                             params: defaultOptions.params

package/es/table/module/export/import-panel.js

@@ -76,6 +76,7 @@ export default defineComponent({
             });
         };
         const renderVN = () => {
+            const $xeGrid = $xeTable.xeGrid;
             const { defaultOptions, storeData } = props;
             const selectName = computeSelectName.value;
             const hasFile = computeHasFile.value;
@@ -110,7 +111,7 @@ export default defineComponent({
                     default: () => {
                         const params = {
                             $table: $xeTable,
-                            $grid: $xeTable.xegrid,
+                            $grid: $xeGrid,
                             options: defaultOptions,
                             params: defaultOptions.params
                         };
@@ -186,7 +187,7 @@ export default defineComponent({
                     footer() {
                         const params = {
                             $table: $xeTable,
-                            $grid: $xeTable.xegrid,
+                            $grid: $xeGrid,
                             options: defaultOptions,
                             params: defaultOptions.params
                         };

package/es/table/module/filter/panel.js

@@ -84,14 +84,24 @@ export default defineComponent({
             if (filterSlot) {
                 return [
                     h('div', {
-                        class: 'vxe-table--filter-template'
+                        class: 'vxe-table--filter-template',
+                        style: maxHeight
+                            ? {
+                                maxHeight: `${maxHeight}px`
+                            }
+                            : {}
                     }, $xeTable.callSlot(filterSlot, params))
                 ];
             }
             else if (rtFilter) {
                 return [
                     h('div', {
-                        class: 'vxe-table--filter-template'
+                        class: 'vxe-table--filter-template',
+                        style: maxHeight
+                            ? {
+                                maxHeight: `${maxHeight}px`
+                            }
+                            : {}
                     }, getSlotVNs(rtFilter(filterRender, params)))
                 ];
             }

package/es/table/module/keyboard/hook.js

@@ -28,7 +28,7 @@ hooks.add('tableKeyboardModule', {
     setupTable($xeTable) {
         const { props, reactData, internalData } = $xeTable;
         const { refElem } = $xeTable.getRefMaps();
-        const { computeEditOpts, computeCheckboxOpts, computeMouseOpts, computeTreeOpts, computeRowOpts, computeCellOpts, computeDefaultRowHeight } = $xeTable.getComputeMaps();
+        const { computeEditOpts, computeCheckboxOpts, computeMouseOpts, computeTreeOpts, computeRowOpts, computeColumnOpts, computeCellOpts, computeDefaultRowHeight, computeCurrentRowOpts, computeCurrentColumnOpts } = $xeTable.getComputeMaps();
         function getCheckboxRangeRows(evnt, params, targetTrElem, trRect, offsetClientTop, moveRange) {
             const { showOverflow } = props;
             const { fullAllDataRowIdData, isResizeCellHeight } = internalData;
@@ -281,12 +281,48 @@ hooks.add('tableKeyboardModule', {
                 }
             }
         };
+        const handleMoveSelected = (evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow) => {
+            const { afterFullData, visibleColumn } = internalData;
+            const params = Object.assign({}, args);
+            const _rowIndex = $xeTable.getVTRowIndex(params.row);
+            const _columnIndex = $xeTable.getVTColumnIndex(params.column);
+            evnt.preventDefault();
+            if (isUpArrow && _rowIndex > 0) {
+                // 移动到上一行
+                params.rowIndex = _rowIndex - 1;
+                params.row = afterFullData[params.rowIndex];
+            }
+            else if (isDwArrow && _rowIndex < afterFullData.length - 1) {
+                // 移动到下一行
+                params.rowIndex = _rowIndex + 1;
+                params.row = afterFullData[params.rowIndex];
+            }
+            else if (isLeftArrow && _columnIndex) {
+                // 移动到左侧单元格
+                params.columnIndex = _columnIndex - 1;
+                params.column = visibleColumn[params.columnIndex];
+            }
+            else if (isRightArrow && _columnIndex < visibleColumn.length - 1) {
+                // 移动到右侧单元格
+                params.columnIndex = _columnIndex + 1;
+                params.column = visibleColumn[params.columnIndex];
+            }
+            $xeTable.scrollToRow(params.row, params.column).then(() => {
+                params.cell = $xeTable.getCellElement(params.row, params.column);
+                $xeTable.handleSelected(params, evnt);
+            });
+            return params;
+        };
         const keyboardMethods = {
             // 处理 Tab 键移动
             moveTabSelected(args, isLeft, evnt) {
                 const { editConfig } = props;
                 const { afterFullData, visibleColumn } = internalData;
                 const editOpts = computeEditOpts.value;
+                const rowOpts = computeRowOpts.value;
+                const currentRowOpts = computeCurrentRowOpts.value;
+                const columnOpts = computeColumnOpts.value;
+                const currentColumnOpts = computeCurrentColumnOpts.value;
                 let targetRow;
                 let targetRowIndex;
                 let targetColumnIndex;
@@ -333,6 +369,12 @@ hooks.add('tableKeyboardModule', {
                     params.columnIndex = targetColumnIndex;
                     params.column = targetColumn;
                     params.cell = $xeTable.getCellElement(params.row, params.column);
+                    if (rowOpts.isCurrent && currentRowOpts.isFollowSelected) {
+                        $xeTable.triggerCurrentRowEvent(evnt, params);
+                    }
+                    if (columnOpts.isCurrent && currentColumnOpts.isFollowSelected) {
+                        $xeTable.triggerCurrentColumnEvent(evnt, params);
+                    }
                     if (editConfig) {
                         if (editOpts.trigger === 'click' || editOpts.trigger === 'dblclick') {
                             if (editOpts.mode === 'row') {
@@ -340,13 +382,17 @@ hooks.add('tableKeyboardModule', {
                             }
                             else {
                                 $xeTable.scrollToRow(params.row, params.column)
-                                    .then(() => $xeTable.handleSelected(params, evnt));
+                                    .then(() => {
+                                    $xeTable.handleSelected(params, evnt);
+                                });
                             }
                         }
                     }
                     else {
                         $xeTable.scrollToRow(params.row, params.column)
-                            .then(() => $xeTable.handleSelected(params, evnt));
+                            .then(() => {
+                            $xeTable.handleSelected(params, evnt);
+                        });
                     }
                 }
             },
@@ -358,7 +404,6 @@ hooks.add('tableKeyboardModule', {
                 const treeOpts = computeTreeOpts.value;
                 const childrenField = treeOpts.children || treeOpts.childrenField;
                 let targetRow;
-                evnt.preventDefault();
                 if (currentRow) {
                     if (treeConfig) {
                         const { index, items } = XEUtils.findTree(afterFullData, item => item === currentRow, { children: childrenField });
@@ -383,6 +428,7 @@ hooks.add('tableKeyboardModule', {
                     targetRow = afterFullData[0];
                 }
                 if (targetRow) {
+                    evnt.preventDefault();
                     const params = {
                         $table: $xeTable,
                         row: targetRow,
@@ -393,37 +439,66 @@ hooks.add('tableKeyboardModule', {
                         .then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                 }
             },
+            // 处理当前列方向键移动
+            moveCurrentColumn(isLeftArrow, isRightArrow, evnt) {
+                const { currentColumn } = reactData;
+                const { visibleColumn } = internalData;
+                let targetCol = null;
+                if (currentColumn) {
+                    const _columnIndex = $xeTable.getVTColumnIndex(currentColumn);
+                    if (isLeftArrow && _columnIndex > 0) {
+                        targetCol = visibleColumn[_columnIndex - 1];
+                    }
+                    else if (isRightArrow && _columnIndex < visibleColumn.length - 1) {
+                        targetCol = visibleColumn[_columnIndex + 1];
+                    }
+                }
+                else {
+                    targetCol = visibleColumn[0];
+                }
+                if (targetCol) {
+                    evnt.preventDefault();
+                    const params = {
+                        $table: $xeTable,
+                        column: targetCol,
+                        columnIndex: $xeTable.getColumnIndex(targetCol),
+                        $columnIndex: $xeTable.getVMColumnIndex(targetCol)
+                    };
+                    $xeTable.scrollToColumn(targetCol)
+                        .then(() => $xeTable.triggerCurrentColumnEvent(evnt, params));
+                }
+            },
             // 处理可编辑方向键移动
-            moveSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
-                const { afterFullData, visibleColumn } = internalData;
-                const params = Object.assign({}, args);
-                const _rowIndex = $xeTable.getVTRowIndex(params.row);
-                const _columnIndex = $xeTable.getVTColumnIndex(params.column);
-                evnt.preventDefault();
-                if (isUpArrow && _rowIndex > 0) {
-                    // 移动到上一行
-                    params.rowIndex = _rowIndex - 1;
-                    params.row = afterFullData[params.rowIndex];
+            moveArrowSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
+                const { highlightCurrentRow, highlightCurrentColumn } = props;
+                const rowOpts = computeRowOpts.value;
+                const columnOpts = computeColumnOpts.value;
+                handleMoveSelected(evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow);
+                // 当前行按键上下移动
+                if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
+                    $xeTable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
                 }
-                else if (isDwArrow && _rowIndex < afterFullData.length - 1) {
-                    // 移动到下一行
-                    params.rowIndex = _rowIndex + 1;
-                    params.row = afterFullData[params.rowIndex];
+                // 当前行按键左右移动
+                if ((isLeftArrow || isRightArrow) && (columnOpts.isCurrent || highlightCurrentColumn)) {
+                    $xeTable.moveCurrentColumn(isLeftArrow, isRightArrow, evnt);
                 }
-                else if (isLeftArrow && _columnIndex) {
-                    // 移动到左侧单元格
-                    params.columnIndex = _columnIndex - 1;
-                    params.column = visibleColumn[params.columnIndex];
+            },
+            moveEnterSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
+                const rowOpts = computeRowOpts.value;
+                const currentRowOpts = computeCurrentRowOpts.value;
+                const columnOpts = computeColumnOpts.value;
+                const currentColumnOpts = computeCurrentColumnOpts.value;
+                const params = handleMoveSelected(evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow);
+                if ((rowOpts.isCurrent && currentRowOpts.isFollowSelected)) {
+                    $xeTable.triggerCurrentRowEvent(evnt, params);
                 }
-                else if (isRightArrow && _columnIndex < visibleColumn.length - 1) {
-                    // 移动到右侧单元格
-                    params.columnIndex = _columnIndex + 1;
-                    params.column = visibleColumn[params.columnIndex];
+                if (columnOpts.isCurrent && currentColumnOpts.isFollowSelected) {
+                    $xeTable.triggerCurrentColumnEvent(evnt, params);
                 }
-                $xeTable.scrollToRow(params.row, params.column).then(() => {
-                    params.cell = $xeTable.getCellElement(params.row, params.column);
-                    $xeTable.handleSelected(params, evnt);
-                });
+            },
+            // 已废弃，待删除
+            moveSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
+                handleMoveSelected(evnt, args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow);
             },
             handleCellMousedownEvent
         };

package/es/table/module/menu/hook.js

@@ -280,10 +280,11 @@ hooks.add('tableMenuModule', {
              * 快捷菜单点击事件
              */
             ctxMenuLinkEvent(evnt, menu) {
+                const $xeGrid = $xeTable.xeGrid;
                 // 如果一级菜单有配置 code 则允许点击，否则不能点击
                 if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
                     const gMenuOpts = menus.get(menu.code);
-                    const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $xeTable.xegrid, $event: evnt });
+                    const params = Object.assign({}, internalData._currMenuParams, { menu, $table: $xeTable, $grid: $xeGrid, $event: evnt });
                     const tmMethod = gMenuOpts ? (gMenuOpts.tableMenuMethod || gMenuOpts.menuMethod) : null;
                     if (tmMethod) {
                         tmMethod(params, evnt);

package/es/table/module/validator/hook.js

@@ -85,9 +85,7 @@ hooks.add('tableValidatorModule', {
         const beginValidate = (rows, cols, cb, isFull) => {
             const validRest = {};
             const { editRules, treeConfig } = props;
-            const { editStore, pendingRowMaps } = reactData;
-            const { afterFullData } = internalData;
-            const { removeMaps } = editStore;
+            const { afterFullData, pendingRowMaps, removeRowMaps } = internalData;
             const treeOpts = computeTreeOpts.value;
             const childrenField = treeOpts.children || treeOpts.childrenField;
             const validOpts = computeValidOpts.value;
@@ -121,7 +119,7 @@ hooks.add('tableValidatorModule', {
                 const handleVaild = (row) => {
                     const rowid = getRowid($xeTable, row);
                     // 是否删除
-                    if (removeMaps[rowid]) {
+                    if (removeRowMaps[rowid]) {
                         return;
                     }
                     // 是否标记删除
@@ -353,6 +351,7 @@ hooks.add('tableValidatorModule', {
              *  trigger=blur|change 触发方式（除非特殊场景，否则默认为空就行）
              */
             validCellRules(validType, row, column, val) {
+                const $xeGrid = $xeTable.xeGrid;
                 const { editRules } = props;
                 const { field } = column;
                 const errorRules = [];
@@ -375,7 +374,7 @@ hooks.add('tableValidatorModule', {
                                         columnIndex: $xeTable.getColumnIndex(column),
                                         field: column.field,
                                         $table: $xeTable,
-                                        $grid: $xeTable.xegrid
+                                        $grid: $xeGrid
                                     };
                                     let customValid;
                                     if (XEUtils.isString(validator)) {

package/es/table/render/index.js

@@ -5,7 +5,7 @@ import { getCellValue, setCellValue } from '../../table/src/util';
 import { getFuncText, formatText, isEmptyValue } from '../../ui/src/utils';
 import { getOnName, getModelEvent, getChangeEvent } from '../../ui/src/vn';
 import { errLog } from '../../ui/src/log';
-const { getConfig, renderer, getI18n } = VxeUI;
+const { getConfig, renderer, getI18n, getComponent } = VxeUI;
 const componentDefaultModelProp = 'modelValue';
 const defaultCompProps = {};
 function handleDefaultValue(value, defaultVal, initVal) {
@@ -29,7 +29,7 @@ function getOldComponentName(name) {
     return `vxe-${name.replace('$', '')}`;
 }
 function getDefaultComponent({ name }) {
-    return resolveComponent(name);
+    return getComponent(name);
 }
 /**
  * 已废弃
@@ -335,7 +335,7 @@ function oldEditRender(renderOpts, params) {
  */
 function oldButtonEditRender(renderOpts, params) {
     return [
-        h(resolveComponent('vxe-button'), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, null)), getComponentOns(renderOpts, params)))
+        h(getComponent('vxe-button'), Object.assign(Object.assign({}, getCellEditProps(renderOpts, params, null)), getComponentOns(renderOpts, params)))
     ];
 }
 /**