vxe-table 4.7.83 → 4.7.85

package/packages/table/src/table.ts

@@ -382,15 +382,15 @@ export default defineComponent({
     })
 
     const computeValidOpts = computed(() => {
-      return Object.assign({}, getConfig().table.validConfig, props.validConfig) as VxeTablePropTypes.ValidOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.validConfig, true), props.validConfig) as VxeTablePropTypes.ValidOpts
     })
 
     const computeSXOpts = computed(() => {
-      return Object.assign({}, getConfig().table.scrollX, props.scrollX) as VxeTablePropTypes.SXOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.scrollX, true), props.scrollX) as VxeTablePropTypes.SXOpts
     })
 
     const computeSYOpts = computed(() => {
-      return Object.assign({}, getConfig().table.scrollY, props.scrollY) as VxeTablePropTypes.SYOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.scrollY, true), props.scrollY) as VxeTablePropTypes.SYOpts
     })
 
     const computeRowHeightMaps = computed(() => {
@@ -403,37 +403,37 @@ export default defineComponent({
     })
 
     const computeColumnOpts = computed(() => {
-      return Object.assign({}, getConfig().table.columnConfig, props.columnConfig) as VxeTablePropTypes.ColumnOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.columnConfig, true), props.columnConfig) as VxeTablePropTypes.ColumnOpts
     })
 
     const computeRowOpts = computed(() => {
-      return Object.assign({}, getConfig().table.rowConfig, props.rowConfig) as VxeTablePropTypes.RowOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.rowConfig, true), props.rowConfig) as VxeTablePropTypes.RowOpts
     })
 
     const computeResizeOpts = computed(() => {
-      return Object.assign({}, getConfig().table.resizeConfig, props.resizeConfig) as VxeTablePropTypes.ResizeOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.resizeConfig, true), props.resizeConfig) as VxeTablePropTypes.ResizeOpts
     })
 
     const computeResizableOpts = computed(() => {
-      return Object.assign({}, getConfig().table.resizableConfig, props.resizableConfig) as VxeTablePropTypes.ResizableOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.resizableConfig, true), props.resizableConfig) as VxeTablePropTypes.ResizableOpts
     })
 
     const computeSeqOpts = computed(() => {
-      return Object.assign({ startIndex: 0 }, getConfig().table.seqConfig, props.seqConfig) as VxeTablePropTypes.SeqOpts
+      return Object.assign({ startIndex: 0 }, XEUtils.clone(getConfig().table.seqConfig, true), props.seqConfig) as VxeTablePropTypes.SeqOpts
     })
 
     const computeRadioOpts = computed(() => {
-      return Object.assign({}, getConfig().table.radioConfig, props.radioConfig) as VxeTablePropTypes.RadioOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.radioConfig, true), props.radioConfig) as VxeTablePropTypes.RadioOpts
     })
 
     const computeCheckboxOpts = computed(() => {
-      return Object.assign({}, getConfig().table.checkboxConfig, props.checkboxConfig) as VxeTablePropTypes.CheckboxOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.checkboxConfig, true), props.checkboxConfig) as VxeTablePropTypes.CheckboxOpts
     })
 
     let computeTooltipOpts = ref() as ComputedRef<VxeTablePropTypes.TooltipOpts>
 
     computeTooltipOpts = computed(() => {
-      return Object.assign({}, getConfig().tooltip, getConfig().table.tooltipConfig, props.tooltipConfig)
+      return Object.assign({}, XEUtils.clone(getConfig().tooltip, true), XEUtils.clone(getConfig().table.tooltipConfig, true), props.tooltipConfig)
     })
 
     const computeTipConfig = computed(() => {
@@ -449,39 +449,39 @@ export default defineComponent({
     })
 
     const computeEditOpts = computed(() => {
-      return Object.assign({}, getConfig().table.editConfig, props.editConfig) as VxeTablePropTypes.EditOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.editConfig, true), props.editConfig) as VxeTablePropTypes.EditOpts
     })
 
     const computeSortOpts = computed(() => {
-      return Object.assign({ orders: ['asc', 'desc', null] }, getConfig().table.sortConfig, props.sortConfig) as VxeTablePropTypes.SortOpts
+      return Object.assign({ orders: ['asc', 'desc', null] }, XEUtils.clone(getConfig().table.sortConfig, true), props.sortConfig) as VxeTablePropTypes.SortOpts
     })
 
     const computeFilterOpts = computed(() => {
-      return Object.assign({}, getConfig().table.filterConfig, props.filterConfig) as VxeTablePropTypes.FilterOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.filterConfig, true), props.filterConfig) as VxeTablePropTypes.FilterOpts
     })
 
     const computeMouseOpts = computed(() => {
-      return Object.assign({}, getConfig().table.mouseConfig, props.mouseConfig) as VxeTablePropTypes.MouseOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.mouseConfig, true), props.mouseConfig) as VxeTablePropTypes.MouseOpts
     })
 
     const computeAreaOpts = computed(() => {
-      return Object.assign({}, getConfig().table.areaConfig, props.areaConfig) as VxeTablePropTypes.AreaOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.areaConfig, true), props.areaConfig) as VxeTablePropTypes.AreaOpts
     })
 
     const computeKeyboardOpts = computed(() => {
-      return Object.assign({}, getConfig().table.keyboardConfig, props.keyboardConfig) as VxeTablePropTypes.KeyboardOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.keyboardConfig, true), props.keyboardConfig) as VxeTablePropTypes.KeyboardOpts
     })
 
     const computeClipOpts = computed(() => {
-      return Object.assign({}, getConfig().table.clipConfig, props.clipConfig)
+      return Object.assign({}, XEUtils.clone(getConfig().table.clipConfig, true), props.clipConfig)
     })
 
     const computeFNROpts = computed(() => {
-      return Object.assign({}, getConfig().table.fnrConfig, props.fnrConfig) as VxeTablePropTypes.FNROpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.fnrConfig, true), props.fnrConfig) as VxeTablePropTypes.FNROpts
     })
 
     const computeMenuOpts = computed(() => {
-      return Object.assign({}, getConfig().table.menuConfig, props.menuConfig) as VxeTablePropTypes.MenuOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.menuConfig, true), props.menuConfig) as VxeTablePropTypes.MenuOpts
     })
 
     const computeHeaderMenu = computed(() => {
@@ -522,31 +522,31 @@ export default defineComponent({
     })
 
     const computeExportOpts = computed(() => {
-      return Object.assign({}, getConfig().table.exportConfig, props.exportConfig) as VxeTablePropTypes.ExportOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.exportConfig, true), props.exportConfig) as VxeTablePropTypes.ExportOpts
     })
 
     const computeImportOpts = computed(() => {
-      return Object.assign({}, getConfig().table.importConfig, props.importConfig) as VxeTablePropTypes.ImportOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.importConfig, true), props.importConfig) as VxeTablePropTypes.ImportOpts
     })
 
     const computePrintOpts = computed(() => {
-      return Object.assign({}, getConfig().table.printConfig, props.printConfig) as VxeTablePropTypes.PrintOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.printConfig, true), props.printConfig) as VxeTablePropTypes.PrintOpts
     })
 
     const computeExpandOpts = computed(() => {
-      return Object.assign({}, getConfig().table.expandConfig, props.expandConfig) as VxeTablePropTypes.ExpandOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.expandConfig, true), props.expandConfig) as VxeTablePropTypes.ExpandOpts
     })
 
     const computeTreeOpts = computed(() => {
-      return Object.assign({}, getConfig().table.treeConfig, props.treeConfig) as VxeTablePropTypes.TreeOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.treeConfig, true), props.treeConfig) as VxeTablePropTypes.TreeOpts
     })
 
     const computeEmptyOpts = computed(() => {
-      return Object.assign({}, getConfig().table.emptyRender, props.emptyRender) as VxeTablePropTypes.EmptyOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.emptyRender, true), props.emptyRender) as VxeTablePropTypes.EmptyOpts
     })
 
     const computeLoadingOpts = computed(() => {
-      return Object.assign({}, getConfig().table.loadingConfig, props.loadingConfig) as VxeTablePropTypes.LoadingOpts
+      return Object.assign({}, XEUtils.clone(getConfig().table.loadingConfig, true), props.loadingConfig) as VxeTablePropTypes.LoadingOpts
     })
 
     const computeCellOffsetWidth = computed(() => {
@@ -554,7 +554,7 @@ export default defineComponent({
     })
 
     const computeCustomOpts = computed(() => {
-      return Object.assign({}, getConfig().table.customConfig, props.customConfig)
+      return Object.assign({}, XEUtils.clone(getConfig().table.customConfig, true), props.customConfig)
     })
 
     const computeAutoWidthColumnList = computed(() => {
@@ -5204,12 +5204,6 @@ export default defineComponent({
                   setCellValue(selected.row, selected.column, null)
                   $xeTable.handleEdit(selected.args, evnt)
                 }
-                const afterEditMethod = editOpts.afterEditMethod
-                if (afterEditMethod) {
-                  nextTick(() => {
-                    afterEditMethod(params)
-                  })
-                }
               }
             }
           }
@@ -6625,6 +6619,237 @@ export default defineComponent({
       }
     }
 
+    const renderVN = () => {
+      const { loading, stripe, showHeader, height, treeConfig, mouseConfig, showFooter, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, editRules } = props
+      const { isCalcColumn, isGroup, overflowX, overflowY, scrollXLoad, scrollYLoad, scrollbarHeight, tableData, tableColumn, tableGroupColumn, footerTableData, initStore, columnStore, filterStore, customStore, tooltipStore } = reactData
+      const { leftList, rightList } = columnStore
+      const loadingSlot = slots.loading
+      const tipConfig = computeTipConfig.value
+      const validOpts = computeValidOpts.value
+      const checkboxOpts = computeCheckboxOpts.value
+      const treeOpts = computeTreeOpts.value
+      const rowOpts = computeRowOpts.value
+      const columnOpts = computeColumnOpts.value
+      const vSize = computeSize.value
+      const tableBorder = computeTableBorder.value
+      const mouseOpts = computeMouseOpts.value
+      const validTipOpts = computeValidTipOpts.value
+      const loadingOpts = computeLoadingOpts.value
+      const isMenu = computeIsMenu.value
+      const currLoading = reactData._isLoading || loading
+      return h('div', {
+        ref: refElem,
+        class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
+          [`size--${vSize}`]: vSize,
+          [`valid-msg--${validOpts.msgMode}`]: !!editRules,
+          'vxe-editable': !!editConfig,
+          'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
+          'cell--highlight': highlightCell,
+          'cell--selected': mouseConfig && mouseOpts.selected,
+          'cell--area': mouseConfig && mouseOpts.area,
+          'row--highlight': rowOpts.isHover || highlightHoverRow,
+          'column--highlight': columnOpts.isHover || highlightHoverColumn,
+          'checkbox--range': checkboxOpts.range,
+          'column--calc': isCalcColumn,
+          'is--header': showHeader,
+          'is--footer': showFooter,
+          'is--group': isGroup,
+          'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
+          'is--fixed-left': leftList.length,
+          'is--fixed-right': rightList.length,
+          'is--animat': !!props.animat,
+          'is--padding': props.padding,
+          'is--round': props.round,
+          'is--stripe': !treeConfig && stripe,
+          'is--loading': currLoading,
+          'is--empty': !currLoading && !tableData.length,
+          'is--scroll-y': overflowY,
+          'is--scroll-x': overflowX,
+          'is--virtual-x': scrollXLoad,
+          'is--virtual-y': scrollYLoad
+        }],
+        spellcheck: false,
+        onKeydown: keydownEvent
+      }, [
+        /**
+         * 隐藏列
+         */
+        h('div', {
+          class: 'vxe-table-slots'
+        }, slots.default ? slots.default({}) : []),
+        h('div', {
+          class: 'vxe-table--render-wrapper'
+        }, [
+          h('div', {
+            class: 'vxe-table--main-wrapper'
+          }, [
+            /**
+             * 表头
+             */
+            showHeader
+              ? h(TableHeaderComponent, {
+                ref: refTableHeader,
+                tableData,
+                tableColumn,
+                tableGroupColumn
+              })
+              : createCommentVNode(),
+            /**
+             * 表体
+             */
+            h(TableBodyComponent, {
+              ref: refTableBody,
+              tableData,
+              tableColumn
+            }),
+            /**
+             * 表尾
+             */
+            showFooter
+              ? h(TableFooterComponent, {
+                ref: refTableFooter,
+                footerTableData,
+                tableColumn
+              })
+              : createCommentVNode()
+          ]),
+          h('div', {
+            class: 'vxe-table--fixed-wrapper'
+          }, [
+            /**
+             * 左侧固定区域
+             */
+            leftList && leftList.length && overflowX ? renderFixed('left') : createCommentVNode(),
+            /**
+             * 右侧固定区域
+             */
+            rightList && rightList.length && overflowX ? renderFixed('right') : createCommentVNode()
+          ])
+        ]),
+        /**
+         * 空数据
+         */
+        h('div', {
+          ref: refEmptyPlaceholder,
+          class: 'vxe-table--empty-placeholder'
+        }, [
+          h('div', {
+            class: 'vxe-table--empty-content'
+          }, renderEmptyContenet())
+        ]),
+        /**
+         * 边框线
+         */
+        h('div', {
+          class: 'vxe-table--border-line'
+        }),
+        /**
+         * 列宽线
+         */
+        h('div', {
+          ref: refCellResizeBar,
+          class: 'vxe-table--resizable-bar',
+          style: overflowX
+            ? {
+                'padding-bottom': `${scrollbarHeight}px`
+              }
+            : null
+        }),
+        /**
+         * 加载中
+         */
+        VxeUILoadingComponent
+          ? h(VxeUILoadingComponent, {
+            class: 'vxe-table--loading',
+            modelValue: currLoading,
+            icon: loadingOpts.icon,
+            text: loadingOpts.text
+          }, loadingSlot
+            ? {
+                default: () => loadingSlot({ $table: $xeTable, $grid: $xeGrid })
+              }
+            : {})
+          : createCommentVNode(),
+        /**
+         * 自定义列
+         */
+        initStore.custom
+          ? h(TableCustomPanelComponent, {
+            ref: refTableCustom,
+            customStore
+          })
+          : createCommentVNode(),
+        /**
+         * 筛选
+         */
+        initStore.filter
+          ? h(TableFilterPanelComponent, {
+            ref: refTableFilter,
+            filterStore
+          })
+          : createCommentVNode(),
+        /**
+         * 导入
+         */
+        initStore.import && props.importConfig
+          ? h(TableImportPanelComponent, {
+            defaultOptions: reactData.importParams,
+            storeData: reactData.importStore
+          })
+          : createCommentVNode(),
+        /**
+         * 导出
+         */
+        initStore.export && (props.exportConfig || props.printConfig)
+          ? h(TableExportPanelComponent, {
+            defaultOptions: reactData.exportParams,
+            storeData: reactData.exportStore
+          })
+          : createCommentVNode(),
+        /**
+         * 快捷菜单
+         */
+        isMenu
+          ? h(TableMenuPanelComponent, {
+            ref: refTableMenu
+          })
+          : createCommentVNode(),
+        /**
+         * 提示相关
+         */
+        VxeUITooltipComponent
+          ? h('div', {}, [
+            /**
+             * 通用提示
+             */
+            h(VxeUITooltipComponent, {
+              ref: refCommTooltip,
+              isArrow: false,
+              enterable: false
+            }),
+            /**
+              * 工具提示
+              */
+            h(VxeUITooltipComponent, Object.assign({
+              ref: refTooltip
+            }, tipConfig, tooltipStore.currOpts)),
+            /**
+              * 校验提示
+              */
+            props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip')
+              ? h(VxeUITooltipComponent, {
+                ref: refValidTooltip,
+                class: [{
+                  'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'
+                }, 'vxe-table--valid-error'],
+                ...(validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {}) as any
+              })
+              : createCommentVNode()
+          ])
+          : createCommentVNode()
+      ])
+    }
+
     const dataFlag = ref(0)
     watch(() => props.data ? props.data.length : -1, () => {
       dataFlag.value++
@@ -7006,239 +7231,6 @@ export default defineComponent({
       tablePrivateMethods.preventEvent(null, 'unmounted', { $table: $xeTable })
     })
 
-    const renderVN = () => {
-      const { loading, stripe, showHeader, height, treeConfig, mouseConfig, showFooter, highlightCell, highlightHoverRow, highlightHoverColumn, editConfig, editRules } = props
-      const { isCalcColumn, isGroup, overflowX, overflowY, scrollXLoad, scrollYLoad, scrollbarHeight, tableData, tableColumn, tableGroupColumn, footerTableData, initStore, columnStore, filterStore, customStore, tooltipStore } = reactData
-      const { leftList, rightList } = columnStore
-      const loadingSlot = slots.loading
-      const tipConfig = computeTipConfig.value
-      const validOpts = computeValidOpts.value
-      const checkboxOpts = computeCheckboxOpts.value
-      const treeOpts = computeTreeOpts.value
-      const rowOpts = computeRowOpts.value
-      const columnOpts = computeColumnOpts.value
-      const vSize = computeSize.value
-      const tableBorder = computeTableBorder.value
-      const mouseOpts = computeMouseOpts.value
-      const validTipOpts = computeValidTipOpts.value
-      const loadingOpts = computeLoadingOpts.value
-      const isMenu = computeIsMenu.value
-      const currLoading = reactData._isLoading || loading
-      return h('div', {
-        ref: refElem,
-        class: ['vxe-table', 'vxe-table--render-default', `tid_${xID}`, `border--${tableBorder}`, {
-          [`size--${vSize}`]: vSize,
-          [`valid-msg--${validOpts.msgMode}`]: !!editRules,
-          'vxe-editable': !!editConfig,
-          'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete',
-          'cell--highlight': highlightCell,
-          'cell--selected': mouseConfig && mouseOpts.selected,
-          'cell--area': mouseConfig && mouseOpts.area,
-          'row--highlight': rowOpts.isHover || highlightHoverRow,
-          'column--highlight': columnOpts.isHover || highlightHoverColumn,
-          'checkbox--range': checkboxOpts.range,
-          'column--calc': isCalcColumn,
-          'is--header': showHeader,
-          'is--footer': showFooter,
-          'is--group': isGroup,
-          'is--tree-line': treeConfig && (treeOpts.showLine || treeOpts.line),
-          'is--fixed-left': leftList.length,
-          'is--fixed-right': rightList.length,
-          'is--animat': !!props.animat,
-          'is--padding': props.padding,
-          'is--round': props.round,
-          'is--stripe': !treeConfig && stripe,
-          'is--loading': currLoading,
-          'is--empty': !currLoading && !tableData.length,
-          'is--scroll-y': overflowY,
-          'is--scroll-x': overflowX,
-          'is--virtual-x': scrollXLoad,
-          'is--virtual-y': scrollYLoad
-        }],
-        spellcheck: false,
-        onKeydown: keydownEvent
-      }, [
-        /**
-         * 隐藏列
-         */
-        h('div', {
-          class: 'vxe-table-slots'
-        }, slots.default ? slots.default({}) : []),
-        h('div', {
-          class: 'vxe-table--render-wrapper'
-        }, [
-          h('div', {
-            class: 'vxe-table--main-wrapper'
-          }, [
-            /**
-             * 表头
-             */
-            showHeader
-              ? h(TableHeaderComponent, {
-                ref: refTableHeader,
-                tableData,
-                tableColumn,
-                tableGroupColumn
-              })
-              : createCommentVNode(),
-            /**
-             * 表体
-             */
-            h(TableBodyComponent, {
-              ref: refTableBody,
-              tableData,
-              tableColumn
-            }),
-            /**
-             * 表尾
-             */
-            showFooter
-              ? h(TableFooterComponent, {
-                ref: refTableFooter,
-                footerTableData,
-                tableColumn
-              })
-              : createCommentVNode()
-          ]),
-          h('div', {
-            class: 'vxe-table--fixed-wrapper'
-          }, [
-            /**
-             * 左侧固定区域
-             */
-            leftList && leftList.length && overflowX ? renderFixed('left') : createCommentVNode(),
-            /**
-             * 右侧固定区域
-             */
-            rightList && rightList.length && overflowX ? renderFixed('right') : createCommentVNode()
-          ])
-        ]),
-        /**
-         * 空数据
-         */
-        h('div', {
-          ref: refEmptyPlaceholder,
-          class: 'vxe-table--empty-placeholder'
-        }, [
-          h('div', {
-            class: 'vxe-table--empty-content'
-          }, renderEmptyContenet())
-        ]),
-        /**
-         * 边框线
-         */
-        h('div', {
-          class: 'vxe-table--border-line'
-        }),
-        /**
-         * 列宽线
-         */
-        h('div', {
-          ref: refCellResizeBar,
-          class: 'vxe-table--resizable-bar',
-          style: overflowX
-            ? {
-                'padding-bottom': `${scrollbarHeight}px`
-              }
-            : null
-        }),
-        /**
-         * 加载中
-         */
-        VxeUILoadingComponent
-          ? h(VxeUILoadingComponent, {
-            class: 'vxe-table--loading',
-            modelValue: currLoading,
-            icon: loadingOpts.icon,
-            text: loadingOpts.text
-          }, loadingSlot
-            ? {
-                default: () => loadingSlot({ $table: $xeTable, $grid: $xeGrid })
-              }
-            : {})
-          : createCommentVNode(),
-        /**
-         * 自定义列
-         */
-        initStore.custom
-          ? h(TableCustomPanelComponent, {
-            ref: refTableCustom,
-            customStore
-          })
-          : createCommentVNode(),
-        /**
-         * 筛选
-         */
-        initStore.filter
-          ? h(TableFilterPanelComponent, {
-            ref: refTableFilter,
-            filterStore
-          })
-          : createCommentVNode(),
-        /**
-         * 导入
-         */
-        initStore.import && props.importConfig
-          ? h(TableImportPanelComponent, {
-            defaultOptions: reactData.importParams,
-            storeData: reactData.importStore
-          })
-          : createCommentVNode(),
-        /**
-         * 导出
-         */
-        initStore.export && (props.exportConfig || props.printConfig)
-          ? h(TableExportPanelComponent, {
-            defaultOptions: reactData.exportParams,
-            storeData: reactData.exportStore
-          })
-          : createCommentVNode(),
-        /**
-         * 快捷菜单
-         */
-        isMenu
-          ? h(TableMenuPanelComponent, {
-            ref: refTableMenu
-          })
-          : createCommentVNode(),
-        /**
-         * 提示相关
-         */
-        VxeUITooltipComponent
-          ? h('div', {}, [
-            /**
-             * 通用提示
-             */
-            h(VxeUITooltipComponent, {
-              ref: refCommTooltip,
-              isArrow: false,
-              enterable: false
-            }),
-            /**
-              * 工具提示
-              */
-            h(VxeUITooltipComponent, Object.assign({
-              ref: refTooltip
-            }, tipConfig, tooltipStore.currOpts)),
-            /**
-              * 校验提示
-              */
-            props.editRules && validOpts.showMessage && (validOpts.message === 'default' ? !height : validOpts.message === 'tooltip')
-              ? h(VxeUITooltipComponent, {
-                ref: refValidTooltip,
-                class: [{
-                  'old-cell-valid': editRules && getConfig().cellVaildMode === 'obsolete'
-                }, 'vxe-table--valid-error'],
-                ...(validOpts.message === 'tooltip' || tableData.length === 1 ? validTipOpts : {}) as any
-              })
-              : createCommentVNode()
-          ])
-          : createCommentVNode()
-      ])
-    }
-
-    $xeTable.renderVN = renderVN
-
     if (process.env.VUE_APP_VXE_ENV === 'development') {
       nextTick(() => {
         if (props.loading) {
@@ -7260,6 +7252,8 @@ export default defineComponent({
     provide('$xeColgroup', null)
     provide('$xeTable', $xeTable)
 
+    $xeTable.renderVN = renderVN
+
     return $xeTable
   },
   render () {

package/packages/toolbar/src/toolbar.ts

@@ -81,27 +81,27 @@ export default defineComponent({
     const $xeGrid = inject<(VxeGridConstructor & GridPrivateMethods) | null>('$xeGrid', null)
 
     const computeRefreshOpts = computed(() => {
-      return Object.assign({}, getConfig().toolbar.refresh, props.refresh) as VxeToolbarPropTypes.RefreshOpts
+      return Object.assign({}, XEUtils.clone(getConfig().toolbar.refresh, true), props.refresh) as VxeToolbarPropTypes.RefreshOpts
     })
 
     const computeImportOpts = computed(() => {
-      return Object.assign({}, getConfig().toolbar.import, props.import) as VxeToolbarPropTypes.ImportOpts
+      return Object.assign({}, XEUtils.clone(getConfig().toolbar.import, true), props.import) as VxeToolbarPropTypes.ImportOpts
     })
 
     const computeExportOpts = computed(() => {
-      return Object.assign({}, getConfig().toolbar.export, props.export) as VxeToolbarPropTypes.ExportOpts
+      return Object.assign({}, XEUtils.clone(getConfig().toolbar.export, true), props.export) as VxeToolbarPropTypes.ExportOpts
     })
 
     const computePrintOpts = computed(() => {
-      return Object.assign({}, getConfig().toolbar.print, props.print) as VxeToolbarPropTypes.PrintOpts
+      return Object.assign({}, XEUtils.clone(getConfig().toolbar.print, true), props.print) as VxeToolbarPropTypes.PrintOpts
     })
 
     const computeZoomOpts = computed(() => {
-      return Object.assign({}, getConfig().toolbar.zoom, props.zoom) as VxeToolbarPropTypes.ZoomOpts
+      return Object.assign({}, XEUtils.clone(getConfig().toolbar.zoom, true), props.zoom) as VxeToolbarPropTypes.ZoomOpts
     })
 
     const computeCustomOpts = computed(() => {
-      return Object.assign({}, getConfig().toolbar.custom, props.custom) as VxeToolbarPropTypes.CustomOpts
+      return Object.assign({}, XEUtils.clone(getConfig().toolbar.custom, true), props.custom) as VxeToolbarPropTypes.CustomOpts
     })
 
     const computeTableCustomOpts = computed(() => {