@visactor/vtable 0.23.2-alpha.0 → 0.23.2

package/es/ListTable.js

@@ -12,8 +12,6 @@ import { TABLE_EVENT_TYPE } from "./core/TABLE_EVENT_TYPE";
 
 import { Title } from "./components/title/title";
 
-import { cloneDeep } from "@visactor/vutils";
-
 import { Env } from "./tools/env";
 
 import * as editors from "./edit/editors";
@@ -26,6 +24,8 @@ import { computeRowHeight } from "./scenegraph/layout/compute-row-height";
 
 import { defaultOrderFn } from "./tools/util";
 
+import { cloneDeepSpec } from "@visactor/vutils-extension";
+
 export class ListTable extends BaseTable {
     constructor(container, options) {
         var _a, _b, _c;
@@ -34,7 +34,7 @@ export class ListTable extends BaseTable {
         this.showHeader = !0;
         const internalProps = this.internalProps;
         internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, this.pagination = options.pagination, 
-        internalProps.sortState = options.sortState, internalProps.dataConfig = {}, internalProps.columns = options.columns ? cloneDeep(options.columns) : options.header ? cloneDeep(options.header) : [], 
+        internalProps.sortState = options.sortState, internalProps.dataConfig = {}, internalProps.columns = options.columns ? cloneDeepSpec(options.columns) : options.header ? cloneDeepSpec(options.header) : [], 
         null === (_a = options.columns) || void 0 === _a || _a.forEach(((colDefine, index) => {
             colDefine.editor && (internalProps.columns[index].editor = colDefine.editor);
         })), this.showHeader = null === (_b = options.showHeader) || void 0 === _b || _b, 
@@ -70,7 +70,7 @@ export class ListTable extends BaseTable {
             col: this.stateManager.hover.cellPos.col,
             row: this.stateManager.hover.cellPos.row
         };
-        this.internalProps.columns = cloneDeep(columns), columns.forEach(((colDefine, index) => {
+        this.internalProps.columns = cloneDeepSpec(columns), columns.forEach(((colDefine, index) => {
             colDefine.editor && (this.internalProps.columns[index].editor = colDefine.editor);
         })), this.options.columns = columns, this.refreshHeader(), this.scenegraph.clearCells(), 
         this.headerStyleCache = new Map, this.bodyStyleCache = new Map, this.bodyBottomStyleCache = new Map, 
@@ -209,7 +209,7 @@ export class ListTable extends BaseTable {
         const internalProps = this.internalProps;
         return super.updateOption(options), internalProps.frozenColDragHeaderMode = options.frozenColDragHeaderMode, 
         this.pagination = options.pagination, internalProps.dataConfig = {}, this.showHeader = null === (_a = options.showHeader) || void 0 === _a || _a, 
-        internalProps.columns = options.columns ? cloneDeep(options.columns) : options.header ? cloneDeep(options.header) : [], 
+        internalProps.columns = options.columns ? cloneDeepSpec(options.columns) : options.header ? cloneDeepSpec(options.header) : [], 
         options.columns.forEach(((colDefine, index) => {
             colDefine.editor && (internalProps.columns[index].editor = colDefine.editor);
         })), this.transpose = null !== (_b = options.transpose) && void 0 !== _b && _b, 
@@ -346,6 +346,7 @@ export class ListTable extends BaseTable {
         return this.dataSource.getHierarchyState(index);
     }
     toggleHierarchyState(col, row) {
+        this.stateManager.updateHoverIcon(col, row, void 0, void 0);
         const hierarchyState = this.getHierarchyState(col, row);
         if (hierarchyState === HierarchyState.expand) this._refreshHierarchyState(col, row), 
         this.fireListeners(TABLE_EVENT_TYPE.TREE_HIERARCHY_STATE_CHANGE, {