vxe-table 3.24.0-beta.0 → 3.24.0-beta.1

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

@@ -925,7 +925,9 @@ export default {
             const { editRender } = column;
             const editOpts = $xeTable.computeEditOpts;
             if (editConfig && isEnableConf(editRender)) {
-                const compRender = renderer.get(editRender.name);
+                const rendererOpts = $xeTable.computeRendererOpts;
+                const renderName = editRender.name;
+                const compRender = renderName ? (rendererOpts[renderName] || renderer.get(renderName)) : null;
                 let autoFocus = editRender.autofocus || editRender.autoFocus;
                 let autoSelect = editRender.autoSelect || editRender.autoselect;
                 let inputElem = null;

package/es/table/module/export/mixin.js

@@ -59,6 +59,7 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
     const treeOpts = $xeTable.computeTreeOpts;
     const columnOpts = $xeTable.computeColumnOpts;
     const aggregateOpts = $xeTable.computeAggregateOpts;
+    const rendererOpts = $xeTable.computeRendererOpts;
     if (!htmlCellElem) {
         htmlCellElem = document.createElement('div');
     }
@@ -91,7 +92,7 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
                     const renderOpts = editRender || cellRender;
                     let bodyExportMethod = column.exportMethod || columnOpts.exportMethod;
                     if (!bodyExportMethod && renderOpts && renderOpts.name) {
-                        const compConf = renderer.get(renderOpts.name);
+                        const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name);
                         if (compConf) {
                             bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod;
                         }
@@ -236,7 +237,7 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
                     const renderOpts = column.editRender || column.cellRender;
                     let bodyExportMethod = column.exportMethod || columnOpts.exportMethod;
                     if (!bodyExportMethod && renderOpts && renderOpts.name) {
-                        const compConf = renderer.get(renderOpts.name);
+                        const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name);
                         if (compConf) {
                             bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod;
                         }
@@ -306,7 +307,7 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
             const renderOpts = column.editRender || column.cellRender;
             let bodyExportMethod = column.exportMethod || columnOpts.exportMethod;
             if (!bodyExportMethod && renderOpts && renderOpts.name) {
-                const compConf = renderer.get(renderOpts.name);
+                const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name);
                 if (compConf) {
                     bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod;
                 }
@@ -375,10 +376,11 @@ function getHeaderTitle($xeTable, opts, column) {
 }
 function getFooterCellValue($xeTable, opts, row, column) {
     const columnOpts = $xeTable.computeColumnOpts;
+    const rendererOpts = $xeTable.computeRendererOpts;
     const renderOpts = column.editRender || column.cellRender;
     let footLabelMethod = column.footerExportMethod;
     if (!footLabelMethod && renderOpts && renderOpts.name) {
-        const compConf = renderer.get(renderOpts.name);
+        const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name);
         if (compConf) {
             footLabelMethod = compConf.tableFooterExportMethod || compConf.footerExportMethod || compConf.footerCellExportMethod;
         }

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

@@ -19,9 +19,10 @@ function updatePopupStyle($xeTable) {
     }
     const tableEl = $xeTable.$refs.refElem;
     const filterOpts = $xeTable.computeFilterOpts;
+    const rendererOpts = $xeTable.computeRendererOpts;
     const { maxHeight: customMaxHeight, transfer, zIndex } = filterOpts;
     const filterRender = column ? column.filterRender : null;
-    const compConf = filterRender && isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+    const compConf = filterRender && isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
     const headerScrollElem = getRefElem(elemStore['main-header-scroll']);
     if (!headerScrollElem) {
         return $xeTable.$nextTick();
@@ -445,7 +446,8 @@ export default {
             if (column) {
                 const { filters, filterRender } = column;
                 if (filters) {
-                    const compConf = isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+                    const rendererOpts = $xeTable.computeRendererOpts;
+                    const compConf = isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
                     const filterResetMethod = column.filterResetMethod || (compConf ? (compConf.tableFilterResetMethod || compConf.filterResetMethod) : null);
                     filters.forEach((item) => {
                         item._checked = false;

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

@@ -233,9 +233,10 @@ export default {
                 return [];
             }
             const filterOpts = $xeTable.computeFilterOpts;
+            const rendererOpts = $xeTable.computeRendererOpts;
             const hasCheckOption = $xeFilterPanel.computeHasCheckOption;
             const { filterRender, filterMultiple } = column;
-            const compConf = isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+            const compConf = filterRender && isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
             const isDisabled = !hasCheckOption && !filterStore.isAllSelected && !filterStore.isIndeterminate;
             return filterMultiple && (compConf ? !(compConf.showTableFilterFooter === false || compConf.showFilterFooter === false || compConf.isFooter === false) : true)
                 ? [
@@ -272,8 +273,9 @@ export default {
             if (!column) {
                 return renderEmptyElement($xeFilterPanel);
             }
+            const rendererOpts = $xeTable.computeRendererOpts;
             const filterRender = column ? column.filterRender : null;
-            const compConf = filterRender && isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+            const compConf = filterRender && isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
             const filterClassName = compConf ? (compConf.tableFilterClassName || compConf.filterClassName) : '';
             const params = Object.assign({}, tableInternalData._currFilterParams, { $panel: $xeFilterPanel, $table: $xeTable });
             const tableProps = $xeTable;

package/es/table/src/body.js

@@ -91,6 +91,7 @@ function renderTdColumn(h, $xeTable, seq, rowid, fixedType, isOptimizeMode, rowL
     const tooltipOpts = $xeTable.computeTooltipOpts;
     const virtualXOpts = $xeTable.computeVirtualXOpts;
     const virtualYOpts = $xeTable.computeVirtualYOpts;
+    const rendererOpts = $xeTable.computeRendererOpts;
     const { isAllColumnDrag, isAllRowDrag } = $xeTable.resizableOpts;
     const rowOpts = $xeTable.computeRowOpts;
     const rowDragOpts = $xeTable.computeRowDragOpts;
@@ -109,7 +110,7 @@ function renderTdColumn(h, $xeTable, seq, rowid, fixedType, isOptimizeMode, rowL
     const colid = column.id;
     const colRest = fullColumnIdData[colid] || {};
     const renderOpts = editRender || cellRender;
-    const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+    const compConf = renderOpts && renderOpts.name ? (rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)) : null;
     const compCellClassName = compConf ? (compConf.tableCellClassName || compConf.cellClassName) : null;
     const compCellStyle = compConf ? (compConf.tableCellStyle || compConf.cellStyle) : '';
     const showAllTip = tooltipOpts.showAll;
@@ -801,7 +802,8 @@ export default {
             emptyContent = emptySlot.call($xeTable, emptyParams);
         }
         else {
-            const compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
+            const rendererOpts = $xeTable.computeRendererOpts;
+            const compConf = emptyOpts.name ? (rendererOpts[emptyOpts.name] || renderer.get(emptyOpts.name)) : null;
             const rtEmptyView = compConf ? (compConf.renderTableEmpty || compConf.renderTableEmptyView || compConf.renderEmpty) : null;
             if (rtEmptyView) {
                 emptyContent = getSlotVNs(rtEmptyView.call($xeTable, h, emptyOpts, emptyParams));

package/es/table/src/cell.js

@@ -230,7 +230,8 @@ function getFooterContent(h, params) {
     const renderOpts = editRenderOpts || cellRenderOpts;
     const itemValue = $table.getFooterCellLabel(row, column);
     if (renderOpts) {
-        const compConf = renderer.get(renderOpts.name);
+        const rendererOpts = $table.computeRendererOpts;
+        const compConf = renderOpts.name ? (rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)) : null;
         const rtFooter = compConf ? (compConf.renderTableFooter || compConf.renderFooter) : null;
         if (rtFooter) {
             const footParams = Object.assign(params, {
@@ -362,7 +363,8 @@ export const Cell = {
             }
         }
         if (renderOpts) {
-            const compConf = renderer.get(renderOpts.name);
+            const rendererOpts = $table.computeRendererOpts;
+            const compConf = renderOpts.name ? (rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)) : null;
             const rtHeader = compConf ? (compConf.renderTableHeader || compConf.renderHeader) : null;
             if (rtHeader) {
                 return getSlotVNs(renderTitleContent(h, params, rtHeader.call($table, h, renderOpts, params)));
@@ -454,9 +456,10 @@ export const Cell = {
             if (defaultSlot) {
                 return renderCellBaseVNs(h, params, $table.callSlot(defaultSlot, params, h));
             }
+            const rendererOpts = $table.computeRendererOpts;
             // 如果是编辑模式-查看：slot default > formatter > cellRender.renderTableDefault > editRender.renderTableCell > editRender.renderTableDefault > cellRender.tableCellFormatter > editRender.tableCellFormatter > field
             // 如果是查看表格：slot default > formatter > cellRender。renderTableDefault > cellRender.tableCellFormatter > field
-            const cellCompConf = cellRenderOpts ? renderer.get(cellRenderOpts.name) : null;
+            const cellCompConf = cellRenderOpts && cellRenderOpts.name ? (rendererOpts[cellRenderOpts.name] || renderer.get(cellRenderOpts.name)) : null;
             if (cellRenderOpts) {
                 const cellDefaultRenderFn = cellCompConf ? (cellCompConf.renderTableDefault || cellCompConf.renderDefault) : null;
                 if (cellDefaultRenderFn && cellRenderOpts) {
@@ -464,7 +467,7 @@ export const Cell = {
                 }
             }
             if (editRenderOpts) {
-                const editCompConf = editRenderOpts ? renderer.get(editRenderOpts.name) : null;
+                const editCompConf = editRenderOpts && editRenderOpts.name ? (rendererOpts[editRenderOpts.name] || renderer.get(editRenderOpts.name)) : null;
                 const editCellRenderFn = editCompConf
                     ? ((editCompConf.renderTableCell || editCompConf.renderCell) ||
                         (editCompConf.renderTableDefault || editCompConf.renderDefault))
@@ -1013,7 +1016,8 @@ export const Cell = {
             return $table.callSlot(slots.content, params, h);
         }
         if (contentRender) {
-            const compConf = renderer.get(contentRender.name);
+            const rendererOpts = $table.computeRendererOpts;
+            const compConf = contentRender.name ? (rendererOpts[contentRender.name] || renderer.get(contentRender.name)) : null;
             const rtExpand = compConf ? (compConf.renderTableExpand || compConf.renderExpand) : null;
             if (rtExpand) {
                 return getSlotVNs(rtExpand.call($table, h, contentRender, params));
@@ -1237,7 +1241,8 @@ export const Cell = {
             if (slots && slots.edit) {
                 return $table.callSlot(slots.edit, cellParams, h);
             }
-            const compConf = renderer.get(editRender.name);
+            const rendererOpts = $table.computeRendererOpts;
+            const compConf = editRenderOpts.name ? (rendererOpts[editRenderOpts.name] || renderer.get(editRenderOpts.name)) : null;
             const rtEdit = compConf ? (compConf.renderTableEdit || compConf.renderEdit) : null;
             if (rtEdit) {
                 return getSlotVNs(rtEdit.call($table, h, editRender, cellParams));

package/es/table/src/columnInfo.js

@@ -18,7 +18,8 @@ export class ColumnInfo {
         const proxyOpts = $xeGrid ? $xeGrid.computeProxyOpts : null;
         const defaultVisible = XEUtils.isBoolean(visible) ? visible : true;
         const defaultRenderWidth = width && isPx(width) && width !== 'auto' ? Math.max(0, XEUtils.toInteger(width)) : 0;
-        const flCompConf = filterRender && isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+        const rendererOpts = $xeTable.computeRendererOpts;
+        const flCompConf = filterRender && isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
         const ctFilterOptions = flCompConf ? flCompConf.createTableFilterOptions : null;
         const filters = toFilters(colConfs.filters, colId);
         const types = ['seq', 'checkbox', 'radio', 'expand', 'html'];

package/es/table/src/footer.js

@@ -28,12 +28,13 @@ function renderRows(h, _vm, isOptimizeMode, tableColumn, footerTableData, row, $
     const cellOpts = $xeTable.computeCellOpts;
     const footerCellOpts = $xeTable.computeFooterCellOpts;
     const currCellHeight = getCalcHeight(footerCellOpts.height) || defaultRowHeight;
+    const rendererOpts = $xeTable.computeRendererOpts;
     return tableColumn.map((column, $columnIndex) => {
         const { type, showFooterOverflow, footerAlign, align, footerClassName, editRender, cellRender } = column;
         const colid = column.id;
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+        const compConf = renderOpts && renderOpts.name ? (rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)) : null;
         const showAllTip = footerTooltipOpts.showAll;
         const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);
         const cellPadding = getDefaultConfig(footerCellOpts.padding, cellOpts.padding);

package/es/table/src/header.js

@@ -26,6 +26,7 @@ function renderRows(h, _vm, isGroup, isOptimizeMode, headerGroups, _rowIndex, co
     const cellOpts = $xeTable.computeCellOpts;
     const defaultRowHeight = $xeTable.computeDefaultRowHeight;
     const headerCellOpts = $xeTable.computeHeaderCellOpts;
+    const rendererOpts = $xeTable.computeRendererOpts;
     const currCellHeight = getCalcHeight(headerCellOpts.height) || defaultRowHeight;
     const { disabledMethod: dragDisabledMethod, isCrossDrag, isPeerDrag } = columnDragOpts;
     const isLastRow = _rowIndex === headerGroups.length - 1;
@@ -35,7 +36,7 @@ function renderRows(h, _vm, isGroup, isOptimizeMode, headerGroups, _rowIndex, co
         const colid = column.id;
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
+        const compConf = renderOpts && renderOpts.name ? (rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)) : null;
         const isColGroup = column.children && column.children.length;
         const fixedHiddenColumn = overflowX && !isColGroup && (fixedType ? column.fixed !== fixedType : !!column.fixed);
         const cellPadding = getDefaultConfig(headerCellOpts.padding, cellOpts.padding);
@@ -228,6 +229,7 @@ function renderFilterRows(h, _vm, isOptimizeMode, cols) {
     const defaultRowHeight = $xeTable.computeDefaultRowHeight;
     const headerCellOpts = $xeTable.computeHeaderCellOpts;
     const floatingFilterOpts = $xeTable.computeFloatingFilterOpts;
+    const rendererOpts = $xeTable.computeRendererOpts;
     const { cellClassName } = floatingFilterOpts;
     const currCellHeight = getCalcHeight(headerCellOpts.height) || defaultRowHeight;
     return cols.map((column, $columnIndex) => {
@@ -235,8 +237,8 @@ function renderFilterRows(h, _vm, isOptimizeMode, cols) {
         const colid = column.id;
         const colRest = fullColumnIdData[colid] || {};
         const renderOpts = editRender || cellRender;
-        const compConf = renderOpts ? renderer.get(renderOpts.name) : null;
-        const flCompConf = isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+        const compConf = renderOpts && renderOpts.name ? (rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)) : null;
+        const flCompConf = isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
         const rtFloatingFilter = flCompConf ? flCompConf.renderTableFloatingFilter : null;
         const flSlot = slots ? (slots.floatingFilter || slots['floating-filter']) : null;
         const fixedHiddenColumn = overflowX && (fixedType ? column.fixed !== fixedType : !!column.fixed);

package/es/table/src/methods.js

@@ -764,6 +764,7 @@ function updateAfterFullData($xeTable) {
     const filterOpts = $xeTable.computeFilterOpts;
     const sortOpts = $xeTable.computeSortOpts;
     const aggregateOpts = $xeTable.computeAggregateOpts;
+    const rendererOpts = $xeTable.computeRendererOpts;
     const treeOpts = $xeTable.computeTreeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
     const { transform, rowField, parentField, mapChildrenField } = treeOpts;
@@ -803,7 +804,7 @@ function updateAfterFullData($xeTable) {
             const handleFilter = (row) => {
                 return filterColumns.every(({ column, valueList, itemList }) => {
                     const { filterMethod, filterRender } = column;
-                    const compConf = isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+                    const compConf = isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
                     const compFilterMethod = compConf ? (compConf.tableFilterMethod || compConf.filterMethod) : null;
                     const tdFilterMethod = compConf ? (compConf.tableFilterDefaultMethod || compConf.defaultTableFilterMethod || compConf.defaultFilterMethod) : null;
                     const cellValue = getCellValue(row, column);
@@ -5525,6 +5526,7 @@ const tableMethods = {
         }
         const { editConfig } = props;
         const { formatter, editRender, cellRender } = column;
+        const rendererOpts = $xeTable.computeRendererOpts;
         let etOpSize = null;
         let etOgSize = null;
         let clOpSize = null;
@@ -5541,8 +5543,8 @@ const tableMethods = {
         const editRenderOpts = formatter ? null : (isEnableEdit && isEnableConf(editRender) ? editRender : null);
         const cellRenderOpts = formatter ? null : (isEnableConf(cellRender) ? cellRender : null);
         // formatter > cellRender.tableCellFormatter > editRender.tableCellFormatter
-        const cellCompConf = cellRenderOpts ? renderer.get(cellRenderOpts.name) : null;
-        const editCompConf = editRenderOpts ? renderer.get(editRenderOpts.name) : null;
+        const cellCompConf = cellRenderOpts && cellRenderOpts.name ? (rendererOpts[cellRenderOpts.name] || renderer.get(cellRenderOpts.name)) : null;
+        const editCompConf = editRenderOpts && editRenderOpts.name ? (rendererOpts[editRenderOpts.name] || renderer.get(editRenderOpts.name)) : null;
         const cellDfFormatter = cellCompConf ? cellCompConf.tableCellFormatter : null;
         const editDfFormatter = editCompConf ? editCompConf.tableCellFormatter : null;
         const cellValue = getCellValue(row, column);
@@ -6784,8 +6786,9 @@ const tableMethods = {
         if (column) {
             const { filterStore } = reactData;
             const { filterRender, filters } = column;
+            const rendererOpts = $xeTable.computeRendererOpts;
             const filterOptions = filters || [];
-            const compConf = isEnableConf(filterRender) ? renderer.get(filterRender.name) : null;
+            const compConf = isEnableConf(filterRender) && filterRender.name ? (rendererOpts[filterRender.name] || renderer.get(filterRender.name)) : null;
             const frMethod = column.filterRecoverMethod || (compConf ? (compConf.tableFilterRecoverMethod || compConf.filterRecoverMethod) : null);
             filterStore.column = column;
             // 复原状态

package/es/table/src/props.js

@@ -300,6 +300,10 @@ export const tableProps = {
     animat: { type: Boolean, default: () => getConfig().table.animat },
     // （可能会被废弃的参数，不要使用）
     delayHover: { type: Number, default: () => getConfig().table.delayHover },
+    /**
+     * 渲染器配置项
+     */
+    rendererConfig: Object,
     // 额外的参数
     params: Object
 };

package/es/table/src/table.js

@@ -154,7 +154,8 @@ function renderEmptyBody(h, $xeTable) {
         emptyContent = emptySlot.call($xeTable, emptyParams);
     }
     else {
-        const compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
+        const rendererOpts = $xeTable.computeRendererOpts;
+        const compConf = emptyOpts.name ? (rendererOpts[emptyOpts.name] || renderer.get(emptyOpts.name)) : null;
         const rtEmptyView = compConf ? (compConf.renderTableEmpty || compConf.renderTableEmptyView || compConf.renderEmpty) : null;
         if (rtEmptyView) {
             emptyContent = getSlotVNs(rtEmptyView.call($xeTable, h, emptyOpts, emptyParams));
@@ -1376,6 +1377,11 @@ export default {
             const props = $xeTable;
             return Object.assign({}, getConfig().table.undoRedoHistoryConfig, props.undoRedoHistoryConfig);
         },
+        computeRendererOpts() {
+            const $xeTable = this;
+            const props = $xeTable;
+            return Object.assign({}, getConfig().table.rendererConfig, props.rendererConfig);
+        },
         combineTabsResizeFlag() {
             const $xeTable = this;
             const $xeTabs = $xeTable.$xeTabs;

package/es/toolbar/src/toolbar.js

@@ -439,10 +439,11 @@ export default {
             const buttonSuffixSlot = slots.buttonSuffix || slots['button-suffix'];
             const btnVNs = [];
             if (buttons) {
+                const rendererOpts = ($table ? $table.computeRendererOpts : null) || {};
                 buttons.forEach((item) => {
                     const { dropdowns, buttonRender } = item;
                     if (item.visible !== false) {
-                        const compConf = buttonRender ? renderer.get(buttonRender.name) : null;
+                        const compConf = buttonRender && buttonRender.name ? (rendererOpts[buttonRender.name] || renderer.get(buttonRender.name)) : null;
                         if (buttonRender && compConf && compConf.renderToolbarButton) {
                             const toolbarButtonClassName = compConf.toolbarButtonClassName;
                             const params = { $grid: $xeGrid, $gantt: $xeGantt, $table: $table, button: item };
@@ -503,16 +504,16 @@ export default {
             const toolSuffixSlot = slots.toolSuffix || slots['tool-suffix'];
             const btnVNs = [];
             if (tools) {
+                const rendererOpts = ($table ? $table.computeRendererOpts : null) || {};
                 tools.forEach((item, tIndex) => {
                     const { dropdowns, toolRender } = item;
                     if (item.visible !== false) {
-                        const rdName = toolRender ? toolRender.name : null;
-                        const compConf = toolRender ? renderer.get(rdName) : null;
+                        const compConf = toolRender && toolRender.name ? (rendererOpts[toolRender.name] || renderer.get(toolRender.name)) : null;
                         if (toolRender && compConf && compConf.renderToolbarTool) {
                             const toolbarToolClassName = compConf.toolbarToolClassName;
                             const params = { $grid: $xeGrid, $gantt: $xeGantt, $table: $table, tool: item };
                             btnVNs.push(h('span', {
-                                key: rdName,
+                                key: tIndex,
                                 class: ['vxe-tool--item', toolbarToolClassName ? (XEUtils.isFunction(toolbarToolClassName) ? toolbarToolClassName(params) : toolbarToolClassName) : '']
                             }, getSlotVNs(compConf.renderToolbarTool(h, toolRender, params))));
                         }

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.24.0-beta.0";
+export const version = "3.24.0-beta.1";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/log.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const tableVersion = `table v${"3.24.0-beta.0"}`;
+const tableVersion = `table v${"3.24.0-beta.1"}`;
 export function createComponentLog(name) {
     const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';