@visactor/vtable 1.13.2 → 1.13.3-alpha.0

package/dist/vtable.js

@@ -50115,13 +50115,14 @@
     function setCheckedState(col, row, field, checked, state) {
         const recordIndex = state.table.getRecordShowIndexByCell(col, row);
         if (recordIndex >= 0) {
-            const dataIndex = state.table.dataSource.getIndexKey(recordIndex);
-            if (state.checkedState[dataIndex]) {
-                state.checkedState[dataIndex][field] = checked;
+            const dataIndex = state.table.dataSource.getIndexKey(recordIndex).toString();
+            if (state.checkedState.has(dataIndex)) {
+                state.checkedState.get(dataIndex)[field] = checked;
             }
             else {
-                state.checkedState[dataIndex] = {};
-                state.checkedState[dataIndex][field] = checked;
+                state.checkedState.set(dataIndex, {
+                    [field]: checked
+                });
             }
         }
     }
@@ -50142,7 +50143,7 @@
             else if (isValid$1(checked)) {
                 state.headerCheckedState[field] = checked;
             }
-            else if (state.checkedState?.length > 0) {
+            else if (state.checkedState?.size > 0) {
                 const isAllChecked = state.updateHeaderCheckedState(field, col, row);
                 return isAllChecked;
             }
@@ -50150,22 +50151,23 @@
         }
         const recordIndex = state.table.getRecordShowIndexByCell(col, row);
         if (recordIndex >= 0) {
-            const dataIndex = state.table.dataSource.getIndexKey(recordIndex);
-            if (isValid$1(state.checkedState[dataIndex]?.[field])) {
-                return state.checkedState[dataIndex][field];
+            const dataIndex = state.table.dataSource.getIndexKey(recordIndex).toString();
+            if (isValid$1(state.checkedState.get(dataIndex)?.[field])) {
+                return state.checkedState.get(dataIndex)[field];
             }
-            if (state.checkedState[dataIndex]) {
-                state.checkedState[dataIndex][field] = checked;
+            if (state.checkedState.has(dataIndex)) {
+                state.checkedState.get(dataIndex)[field] = checked;
             }
             else {
-                state.checkedState[dataIndex] = {};
-                state.checkedState[dataIndex][field] = checked;
+                state.checkedState.set(dataIndex, {
+                    [field]: checked
+                });
             }
         }
         return checked;
     }
     function initCheckedState(records, state) {
-        state.checkedState = [];
+        state.checkedState.clear();
         state.headerCheckedState = {};
         state.radioState = {};
         let isNeedInitHeaderCheckedStateFromRecord = false;
@@ -50201,70 +50203,46 @@
             isNeedInitHeaderCheckedStateFromRecord = true;
         }
         if (isNeedInitHeaderCheckedStateFromRecord) {
-            records?.forEach((record, index) => {
-                state._checkboxCellTypeFields.forEach(field => {
-                    const value = record[field];
-                    let isChecked;
-                    if (isObject$4(value)) {
-                        isChecked = value.checked;
-                    }
-                    else if (typeof value === 'boolean') {
-                        isChecked = value;
-                    }
-                    if (isChecked === undefined || isChecked === null) {
-                        const headerCheckFunc = state._headerCheckFuncs[field];
-                        if (headerCheckFunc) {
-                            const cellAddr = state.table.getCellAddrByFieldRecord(field, index);
-                            const globalChecked = getOrApply(headerCheckFunc, {
-                                col: cellAddr.col,
-                                row: cellAddr.row,
-                                table: state.table,
-                                context: null,
-                                value
-                            });
-                            isChecked = globalChecked;
-                        }
-                    }
-                    if (!state.checkedState[index]) {
-                        state.checkedState[index] = {};
-                    }
-                    state.checkedState[index][field] = isChecked;
-                });
-            });
+            initRecordCheckState(state);
         }
     }
     function updateHeaderCheckedState(field, state, col, row) {
-        const allChecked = state.checkedState.every((check_state, index) => {
+        let allChecked = true;
+        let allUnChecked = true;
+        let hasChecked = false;
+        state.checkedState.forEach((check_state, index) => {
+            if (index.includes(',')) {
+                index = index.split(',').map(item => {
+                    return Number(item);
+                });
+            }
+            else {
+                index = Number(index);
+            }
             const tableIndex = state.table.getTableIndexByRecordIndex(index);
             const mergeCell = state.table.transpose
                 ? state.table.getCustomMerge(tableIndex, row)
                 : state.table.getCustomMerge(col, tableIndex);
-            if (mergeCell) {
-                return true;
+            const data = state.table.dataSource.get(index);
+            if (mergeCell || data.vtableMerge) {
+                return;
+            }
+            if (check_state?.[field] !== true) {
+                allChecked = false;
+            }
+            else {
+                allUnChecked = false;
+                hasChecked = true;
             }
-            return check_state?.[field] === true;
         });
         if (allChecked) {
             state.headerCheckedState[field] = true;
             return allChecked;
         }
-        const allUnChecked = state.checkedState.every((check_state, index) => {
-            const tableIndex = state.table.getTableIndexByRecordIndex(index);
-            const mergeCell = state.table.transpose
-                ? state.table.getCustomMerge(tableIndex, row)
-                : state.table.getCustomMerge(col, tableIndex);
-            if (mergeCell) {
-                return true;
-            }
-            return check_state?.[field] === false;
-        });
         if (allUnChecked) {
             state.headerCheckedState[field] = false;
             return false;
         }
-        const hasChecked = state.checkedState.find((check_state) => {
-            return check_state?.[field] === true;
-        });
         if (hasChecked) {
             state.headerCheckedState[field] = 'indeterminate';
             return 'indeterminate';
@@ -50272,7 +50250,7 @@
         return false;
     }
     function initLeftRecordsCheckState(records, state) {
-        for (let index = state.checkedState.length; index < records.length; index++) {
+        for (let index = state.checkedState.size; index < records.length; index++) {
             const record = records[index];
             state._checkboxCellTypeFields.forEach(field => {
                 const value = record[field];
@@ -50283,10 +50261,11 @@
                 else if (typeof value === 'boolean') {
                     isChecked = value;
                 }
-                if (!state.checkedState[index]) {
-                    state.checkedState[index] = {};
+                const dataIndex = index.toString();
+                if (!state.checkedState.get(dataIndex)) {
+                    state.checkedState.set(dataIndex, {});
                 }
-                state.checkedState[index][field] = isChecked;
+                state.checkedState.get(dataIndex)[field] = isChecked;
             });
         }
     }
@@ -50339,27 +50318,57 @@
     }
     function changeCheckboxOrder(sourceIndex, targetIndex, state) {
         const { checkedState, table } = state;
+        let source;
+        let target;
         if (table.internalProps.transpose) {
             sourceIndex = table.getRecordShowIndexByCell(sourceIndex, 0);
             targetIndex = table.getRecordShowIndexByCell(targetIndex, 0);
         }
         else {
-            sourceIndex = table.getRecordShowIndexByCell(0, sourceIndex);
-            targetIndex = table.getRecordShowIndexByCell(0, targetIndex);
+            source = table.getRecordIndexByCell(0, sourceIndex);
+            target = table.getRecordIndexByCell(0, targetIndex);
         }
-        if (sourceIndex > targetIndex) {
-            const sourceRecord = checkedState[sourceIndex];
-            for (let i = sourceIndex; i > targetIndex; i--) {
-                checkedState[i] = checkedState[i - 1];
+        if (isNumber$2(source) && isNumber$2(target)) {
+            if (sourceIndex > targetIndex) {
+                const sourceRecord = checkedState.get(sourceIndex.toString());
+                for (let i = sourceIndex; i > targetIndex; i--) {
+                    checkedState.set(i.toString(), checkedState.get((i - 1).toString()));
+                }
+                checkedState.set(targetIndex.toString(), sourceRecord);
+            }
+            else if (sourceIndex < targetIndex) {
+                const sourceRecord = checkedState.get(sourceIndex.toString());
+                for (let i = sourceIndex; i < targetIndex; i++) {
+                    checkedState.set(i.toString(), checkedState.get((i + 1).toString()));
+                }
+                checkedState.set(targetIndex.toString(), sourceRecord);
             }
-            checkedState[targetIndex] = sourceRecord;
         }
-        else if (sourceIndex < targetIndex) {
-            const sourceRecord = checkedState[sourceIndex];
-            for (let i = sourceIndex; i < targetIndex; i++) {
-                checkedState[i] = checkedState[i + 1];
+        else if (isArray$1(source) && isArray$1(target)) {
+            sourceIndex = source[source.length - 1];
+            targetIndex = target[target.length - 1];
+            if (sourceIndex > targetIndex) {
+                const sourceRecord = checkedState.get(source.toString());
+                for (let i = sourceIndex; i > targetIndex; i--) {
+                    const now = [...source];
+                    now[now.length - 1] = i;
+                    const last = [...source];
+                    last[last.length - 1] = i - 1;
+                    checkedState.set(now.toString(), checkedState.get(last.toString()));
+                }
+                checkedState.set(target.toString(), sourceRecord);
+            }
+            else if (sourceIndex < targetIndex) {
+                const sourceRecord = checkedState.get(source.toString());
+                for (let i = sourceIndex; i < targetIndex; i++) {
+                    const now = [...source];
+                    now[now.length - 1] = i;
+                    const next = [...source];
+                    next[next.length - 1] = i + 1;
+                    checkedState.set(now.toString(), checkedState.get(next.toString()));
+                }
+                checkedState.set(target.toString(), sourceRecord);
             }
-            checkedState[targetIndex] = sourceRecord;
         }
     }
     function getGroupCheckboxState(table) {
@@ -50369,11 +50378,48 @@
         dataSource.currentIndexedData.forEach((indexArr, index) => {
             if (isArray$1(indexArr) && indexArr.length === groupKeyLength) {
                 const { vtableOriginIndex } = dataSource.getRawRecord(indexArr);
-                result[vtableOriginIndex] = table.stateManager.checkedState[indexArr];
+                result[vtableOriginIndex] = table.stateManager.checkedState.get(indexArr.toString());
             }
         });
         return result;
     }
+    function initRecordCheckState(state) {
+        const table = state.table;
+        const start = table.internalProps.transpose ? table.rowHeaderLevelCount : table.columnHeaderLevelCount;
+        const end = table.internalProps.transpose ? table.colCount : table.rowCount;
+        for (let index = 0; index + start < end; index++) {
+            const record = table.dataSource.get(index);
+            state._checkboxCellTypeFields.forEach(field => {
+                const value = record[field];
+                let isChecked;
+                if (isObject$4(value)) {
+                    isChecked = value.checked;
+                }
+                else if (typeof value === 'boolean') {
+                    isChecked = value;
+                }
+                if (isChecked === undefined || isChecked === null) {
+                    const headerCheckFunc = state._headerCheckFuncs[field];
+                    if (headerCheckFunc) {
+                        const cellAddr = state.table.getCellAddrByFieldRecord(field, index);
+                        const globalChecked = getOrApply(headerCheckFunc, {
+                            col: cellAddr.col,
+                            row: cellAddr.row,
+                            table: state.table,
+                            context: null,
+                            value
+                        });
+                        isChecked = globalChecked;
+                    }
+                }
+                const dataIndex = state.table.dataSource.getIndexKey(index).toString();
+                if (!state.checkedState.get(dataIndex)) {
+                    state.checkedState.set(dataIndex, {});
+                }
+                state.checkedState.get(dataIndex)[field] = isChecked;
+            });
+        }
+    }
 
     function updateResizeRow(xInTable, yInTable, state) {
         xInTable = Math.ceil(xInTable);
@@ -50538,7 +50584,7 @@
         _clearVerticalScrollBar;
         _clearHorizontalScrollBar;
         fastScrolling = false;
-        checkedState = [];
+        checkedState = new Map();
         headerCheckedState = {};
         _checkboxCellTypeFields = [];
         _headerCheckFuncs = {};
@@ -51571,7 +51617,7 @@
             return syncRadioState(col, row, field, radioType, indexInCell, isChecked, this);
         }
         changeCheckboxAndRadioOrder(sourceIndex, targetIndex) {
-            if (this.checkedState.length) {
+            if (this.checkedState.size) {
                 changeCheckboxOrder(sourceIndex, targetIndex, this);
             }
             if (this.radioState.length) {
@@ -58365,7 +58411,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.13.2";
+        version = "1.13.3-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -65017,27 +65063,27 @@
             this.scenegraph.createSceneGraph();
         }
         getCheckboxState(field) {
-            if (this.stateManager.checkedState.length < this.rowCount - this.columnHeaderLevelCount) {
+            if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount) {
                 this.stateManager.initLeftRecordsCheckState(this.records);
             }
             if (isValid$1(field)) {
-                let stateArr = this.stateManager.checkedState;
+                let stateArr = this.stateManager.checkedState.values();
                 if (this.options.groupBy) {
                     stateArr = getGroupCheckboxState(this);
                 }
-                return stateArr.map(state => {
+                return stateArr.map((state) => {
                     return state[field];
                 });
             }
-            return this.stateManager.checkedState;
+            return new Array(...this.stateManager.checkedState.values());
         }
         getCellCheckboxState(col, row) {
             const define = this.getBodyColumnDefine(col, row);
             const field = define?.field;
             const cellType = this.getCellType(col, row);
             if (isValid$1(field) && cellType === 'checkbox') {
-                const dataIndex = this.dataSource.getIndexKey(this.getRecordShowIndexByCell(col, row));
-                return this.stateManager.checkedState[dataIndex]?.[field];
+                const dataIndex = this.dataSource.getIndexKey(this.getRecordShowIndexByCell(col, row)).toString();
+                return this.stateManager.checkedState.get(dataIndex)?.[field];
             }
             return undefined;
         }
@@ -78839,7 +78885,7 @@
     }
 
     registerForVrender();
-    const version = "1.13.2";
+    const version = "1.13.3-alpha.0";
     function getIcons() {
         return get$2();
     }