@visactor/vtable 1.13.2-alpha.0 → 1.13.3-alpha.0

package/dist/vtable.js

@@ -29323,8 +29323,6 @@
     const DEFAULTBORDERLINEDASH = [];
     const DEFAULTFONTCOLOR = '#000';
     const regUrl = /^(https?|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
-    const ResizeColumnHotSpotSize = 16;
-    const ResizeRowHotSpotSize = 16;
     const IndicatorDimensionKeyPlaceholder = '$$indicator$$';
     const DrillDown = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><rect x="0" y="0" width="1024" height="1024" rx="20%" ry="20%" fill="#ffffff" /><path  d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM549.333333 288a5.333333 5.333333 0 0 1 5.333334 5.333333V469.333333h176a5.333333 5.333333 0 0 1 5.333333 5.333334v74.666666a5.333333 5.333333 0 0 1-5.333333 5.333334H554.666667v176a5.333333 5.333333 0 0 1-5.333334 5.333333h-74.666666a5.333333 5.333333 0 0 1-5.333334-5.333333V554.666667H293.333333a5.333333 5.333333 0 0 1-5.333333-5.333334v-74.666666a5.333333 5.333333 0 0 1 5.333333-5.333334H469.333333V293.333333a5.333333 5.333333 0 0 1 5.333334-5.333333h74.666666z"></path></svg>`;
     const DrillUp = `<svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><rect x="0" y="0" width="1024" height="1024" rx="20%" ry="20%" fill="#ffffff" /><path d="M810.666667 85.333333c70.688 0 128 57.312 128 128v597.333334c0 70.688-57.312 128-128 128H213.333333c-70.688 0-128-57.312-128-128V213.333333c0-70.688 57.312-128 128-128h597.333334z m0 85.333334H213.333333a42.666667 42.666667 0 0 0-42.613333 40.533333L170.666667 213.333333v597.333334a42.666667 42.666667 0 0 0 40.533333 42.613333L213.333333 853.333333h597.333334a42.666667 42.666667 0 0 0 42.613333-40.533333L853.333333 810.666667V213.333333a42.666667 42.666667 0 0 0-40.533333-42.613333L810.666667 170.666667zM693.333333 469.333333a42.666667 42.666667 0 1 1 0 85.333334H330.666667a42.666667 42.666667 0 1 1 0-85.333334h362.666666z"></path></svg>`;
@@ -29803,6 +29801,9 @@
                     get width() {
                         return columnResize.width ?? columnResize.lineWidth + 2;
                     },
+                    get resizeHotSpotSize() {
+                        return columnResize.resizeHotSpotSize ?? 16;
+                    },
                     get labelColor() {
                         return columnResize.labelColor ?? '#FFF';
                     },
@@ -35034,6 +35035,24 @@
                 cursor: 'pointer'
             };
         },
+        get loading() {
+            return {
+                type: 'image',
+                src: 'https://lf9-dp-fe-cms-tos.' + 'byt' + 'eorg.com/obj/bit-cloud/VTable/media/loading-circle.gif',
+                width: collapse_size,
+                height: collapse_size,
+                name: 'loading',
+                positionType: IconPosition.contentLeft,
+                marginLeft: 0,
+                marginRight: 4,
+                hover: {
+                    width: collapse_size_2,
+                    height: collapse_size_2,
+                    bgColor: 'rgba(101, 117, 168, 0.1)'
+                },
+                isGif: true
+            };
+        },
         get drillDown() {
             return {
                 name: 'drillDown',
@@ -48375,7 +48394,8 @@
             createFrameBorder(this.cornerHeaderGroup, this.isPivot ? this.table.theme.cornerHeaderStyle.frameStyle : this.table.theme.headerStyle.frameStyle, this.cornerHeaderGroup.role, isListTableWithFrozen ? [true, false, true, true] : undefined);
             createFrameBorder(this.tableGroup, this.table.theme.frameStyle, this.tableGroup.role, undefined);
         }
-        getResizeColAt(abstractX, abstractY, cellGroup, offset = ResizeColumnHotSpotSize / 2) {
+        getResizeColAt(abstractX, abstractY, cellGroup) {
+            const offset = this.table.theme.columnResize.resizeHotSpotSize / 2;
             let cell;
             if (!cellGroup) {
                 const drawRange = this.table.getDrawRange();
@@ -48412,7 +48432,8 @@
             }
             return { col: -1, row: -1 };
         }
-        getResizeRowAt(abstractX, abstractY, cellGroup, offset = ResizeRowHotSpotSize / 2) {
+        getResizeRowAt(abstractX, abstractY, cellGroup) {
+            const offset = this.table.theme.columnResize.resizeHotSpotSize / 2;
             if (!cellGroup) ;
             else {
                 let cell;
@@ -50094,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
+                });
             }
         }
     }
@@ -50121,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;
             }
@@ -50129,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;
@@ -50180,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';
@@ -50251,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];
@@ -50262,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;
             });
         }
     }
@@ -50318,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) {
@@ -50348,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);
@@ -50517,7 +50584,7 @@
         _clearVerticalScrollBar;
         _clearHorizontalScrollBar;
         fastScrolling = false;
-        checkedState = [];
+        checkedState = new Map();
         headerCheckedState = {};
         _checkboxCellTypeFields = [];
         _headerCheckFuncs = {};
@@ -50956,9 +51023,6 @@
             this.columnResize.x = x;
             this.columnResize.isRightFrozen = isRightFrozen;
             this.table.scenegraph.component.showResizeCol(col, y, isRightFrozen);
-            const isHasSelected = !!this.select.ranges?.length;
-            this.updateSelectPos(-1, -1);
-            this.endSelectCells(true, isHasSelected);
             this.table.scenegraph.updateNextFrame();
         }
         updateResizeCol(xInTable, yInTable) {
@@ -51553,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) {
@@ -51944,7 +52008,7 @@
             if (stateManager.interactionState === InteractionState.grabing &&
                 !table.editorManager?.editingEditor) {
                 if (Math.abs(lastX - e.x) + Math.abs(lastY - e.y) >= 1) {
-                    if (stateManager.isResizeCol()) ;
+                    if (stateManager.isResizeCol() || stateManager.isResizeRow()) ;
                     else if (stateManager.isMoveCol()) {
                         eventManager.dealColumnMover(eventArgsSet);
                     }
@@ -52086,7 +52150,10 @@
             }
         });
         table.scenegraph.tableGroup.addEventListener('pointerleave', (e) => {
-            if (!stateManager.isResizeCol() && !stateManager.isMoveCol() && !stateManager.isSelecting()) {
+            if (!stateManager.isResizeCol() &&
+                !stateManager.isResizeRow() &&
+                !stateManager.isMoveCol() &&
+                !stateManager.isSelecting()) {
                 stateManager.updateInteractionState(InteractionState.default);
                 stateManager.updateCursor();
             }
@@ -52431,7 +52498,7 @@
                     stateManager.updateInteractionState(InteractionState.grabing);
                     const { eventArgs } = eventArgsSet;
                     if (!eventArgs?.targetCell) {
-                        const cell = table.getCellAt(eventArgsSet.abstractPos.x - ResizeColumnHotSpotSize / 2, eventArgsSet.abstractPos.y);
+                        const cell = table.getCellAt(eventArgsSet.abstractPos.x - table.theme.columnResize.resizeHotSpotSize / 2, eventArgsSet.abstractPos.y);
                         if (cell) {
                             if (table.hasListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE)) {
                                 table.fireListeners(TABLE_EVENT_TYPE.MOUSEDOWN_TABLE, {
@@ -52450,6 +52517,9 @@
                 if (stateManager.isResizeCol()) {
                     endResizeCol(table);
                 }
+                else if (stateManager.isResizeRow()) {
+                    endResizeRow(table);
+                }
             }
         });
         table.scenegraph.stage.addEventListener('pointertap', (e) => {
@@ -58341,7 +58411,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "1.13.2-alpha.0";
+        version = "1.13.3-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -64993,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;
         }
@@ -78815,7 +78885,7 @@
     }
 
     registerForVrender();
-    const version = "1.13.2-alpha.0";
+    const version = "1.13.3-alpha.0";
     function getIcons() {
         return get$2();
     }