@visactor/vtable-calendar 1.11.2-alpha.3 → 1.11.3-alpha.0

package/dist/vtable-calendar.js

@@ -31031,8 +31031,8 @@
       };
     }
     class ReactCustomLayout {
-      constructor(removeAllContainer, table) {
-        this.removeAllContainer = removeAllContainer, this.table = table, this.customLayoutFuncCache = new Map(), this.reactRemoveGraphicCache = new Map(), this.headerCustomLayoutFuncCache = new Map(), this.headerReactRemoveGraphicCache = new Map();
+      constructor(table) {
+        this.table = table, this.customLayoutFuncCache = new Map(), this.reactRemoveGraphicCache = new Map(), this.reactRemoveAllGraphicCache = new Map(), this.headerCustomLayoutFuncCache = new Map(), this.headerReactRemoveGraphicCache = new Map(), this.headerReactRemoveAllGraphicCache = new Map();
       }
       hasReactCreateGraphic(componentId, isHeaderCustomLayout) {
         return isHeaderCustomLayout ? this.headerCustomLayoutFuncCache.has(componentId) : this.customLayoutFuncCache.has(componentId);
@@ -31043,6 +31043,9 @@
       setReactRemoveGraphic(componentId, removeGraphic, isHeaderCustomLayout) {
         isHeaderCustomLayout ? this.headerReactRemoveGraphicCache.set(componentId, removeGraphic) : this.reactRemoveGraphicCache.set(componentId, removeGraphic);
       }
+      setReactRemoveAllGraphic(componentId, removeGraphic, isHeaderCustomLayout) {
+        isHeaderCustomLayout ? this.headerReactRemoveAllGraphicCache.set(componentId, removeGraphic) : this.reactRemoveAllGraphicCache.set(componentId, removeGraphic);
+      }
       updateCustomCell(componentId, isHeaderCustomLayout) {
         const table = this.table;
         if (table.isPivotTable()) {
@@ -31088,7 +31091,18 @@
         removeFun && removeFun(col, row);
       }
       clearCache() {
-        this.removeAllContainer();
+        this.reactRemoveAllGraphicCache.forEach(removeFun => {
+          removeFun();
+        }), this.headerReactRemoveAllGraphicCache.forEach(removeFun => {
+          removeFun();
+        });
+      }
+      updateAllCustomCell() {
+        this.customLayoutFuncCache.forEach((createFun, componentId) => {
+          this.updateCustomCell(componentId);
+        }), this.headerCustomLayoutFuncCache.forEach((createFun, componentId) => {
+          this.updateCustomCell(componentId, !0);
+        });
       }
     }
     function getUpdateCustomCellRangeInListTable(componentId, table, isHeaderCustomLayout) {
@@ -33680,8 +33694,9 @@
               dy: 0
             });
           }), renderDefault) {
-            const style = table._getCellStyle(colStart, rowStart);
-            updateCellContentHeight(singleCellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline, table);
+            const style = table._getCellStyle(colStart, rowStart),
+              padding = getQuadProps(getProp("padding", style, col, row, table));
+            updateCellContentHeight(singleCellGroup, distHeight, detaY, autoRowHeight, padding, style.textAlign, style.textBaseline, table);
           }
           const rangeHeight = table.getRowHeight(row),
             rangeWidth = table.getColWidth(col);
@@ -33701,8 +33716,9 @@
           widthChange && (singleCellGroup.needUpdateWidth = !0);
         }
       } else {
-        const style = table._getCellStyle(cellGroup.col, cellGroup.row);
-        updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, getQuadProps(style.padding), style.textAlign, style.textBaseline, table);
+        const style = table._getCellStyle(cellGroup.col, cellGroup.row),
+          padding = getQuadProps(getProp("padding", style, cellGroup.col, cellGroup.row, table));
+        updateCellContentHeight(cellGroup, distHeight, detaY, autoRowHeight, padding, style.textAlign, style.textBaseline, table);
       }
     }
 
@@ -33898,7 +33914,7 @@
           let changed = !1;
           if (renderDefault) {
             const style = table._getCellStyle(colStart, rowStart),
-              padding = getQuadProps(style.padding),
+              padding = getQuadProps(getProp("padding", style, col, row, table)),
               textAlign = style.textAlign,
               textBaseline = style.textBaseline;
             changed = updateCellContentWidth(singleCellGroup, distWidth, cellHeight, detaX, autoRowHeight, padding, textAlign, textBaseline, table.scenegraph);
@@ -33929,7 +33945,7 @@
         return isHeightChange;
       }
       const style = table._getCellStyle(cellGroup.col, cellGroup.row),
-        padding = getQuadProps(style.padding),
+        padding = getQuadProps(getProp("padding", style, cellGroup.col, cellGroup.row, table)),
         textAlign = style.textAlign,
         textBaseline = style.textBaseline;
       return updateCellContentWidth(cellGroup, distWidth, table.getRowHeight(cellGroup.row), detaX, autoRowHeight, padding, textAlign, textBaseline, table.scenegraph);
@@ -40752,12 +40768,16 @@
     function initCheckedState(records, state) {
       state.checkedState = [], state.headerCheckedState = {}, state.radioState = {};
       let isNeedInitHeaderCheckedStateFromRecord = !1;
-      state._checkboxCellTypeFields = [], state._headerCheckFuncs = {}, state.table.internalProps.layoutMap.headerObjects.forEach((hd, index) => {
+      if (state._checkboxCellTypeFields = [], state._headerCheckFuncs = {}, state.table.internalProps.layoutMap.headerObjects.forEach((hd, index) => {
         if ("checkbox" === hd.headerType) {
           const headerChecked = hd.define.checked;
           null == headerChecked || "function" == typeof headerChecked ? (isNeedInitHeaderCheckedStateFromRecord = !0, "function" == typeof headerChecked && (state._headerCheckFuncs[hd.field] = headerChecked)) : state.headerCheckedState[hd.field] = headerChecked, "checkbox" !== hd.define.cellType || hd.fieldFormat || state._checkboxCellTypeFields.push(hd.field);
         }
-      }), isNeedInitHeaderCheckedStateFromRecord && records.forEach((record, index) => {
+      }), 1 === state.table.leftRowSeriesNumberCount) state.headerCheckedState._vtable_rowSeries_number = !1, state._checkboxCellTypeFields.push("_vtable_rowSeries_number"), isNeedInitHeaderCheckedStateFromRecord = !0;else if (state.table.leftRowSeriesNumberCount > 1) {
+        for (let i = 0; i < state.table.leftRowSeriesNumberCount; i++) state.headerCheckedState[`_vtable_rowSeries_number_${i}`] = !1, state._checkboxCellTypeFields.push(`_vtable_rowSeries_number_${i}`);
+        isNeedInitHeaderCheckedStateFromRecord = !0;
+      }
+      isNeedInitHeaderCheckedStateFromRecord && records.forEach((record, index) => {
         state._checkboxCellTypeFields.forEach(field => {
           const value = record[field];
           let isChecked;
@@ -40801,14 +40821,28 @@
       }
     }
     function setCellCheckboxState(col, row, checked, table) {
-      const cellGoup = table.scenegraph.getCell(col, row),
-        chechbox = null == cellGoup ? void 0 : cellGoup.getChildByName("checkbox");
-      if (!chechbox) return;
+      const cellGroup = table.scenegraph.getCell(col, row),
+        checkbox = null == cellGroup ? void 0 : cellGroup.getChildByName("checkbox");
+      if (!checkbox) {
+        const field = table.getHeaderField(col, row);
+        if (table.isHeader(col, row)) {
+          table.stateManager.setHeaderCheckedState(field, checked);
+          "checkbox" === table.getCellType(col, row) && table.scenegraph.updateCheckboxCellState(col, row, checked);
+        } else {
+          table.stateManager.setCheckedState(col, row, field, checked);
+          if ("checkbox" === table.getCellType(col, row)) {
+            const oldHeaderCheckedState = table.stateManager.headerCheckedState[field],
+              newHeaderCheckedState = table.stateManager.updateHeaderCheckedState(field, col, row);
+            oldHeaderCheckedState !== newHeaderCheckedState && table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
+          }
+        }
+        return;
+      }
       const {
         checked: oldChecked,
         indeterminate: indeterminate
-      } = chechbox.attribute;
-      indeterminate ? (checked || chechbox._handlePointerUp(), chechbox._handlePointerUp()) : oldChecked ? checked || chechbox._handlePointerUp() : checked && chechbox._handlePointerUp();
+      } = checkbox.attribute;
+      indeterminate ? (checked || checkbox._handlePointerUp(), checkbox._handlePointerUp()) : oldChecked ? checked || checkbox._handlePointerUp() : checked && checkbox._handlePointerUp();
     }
     function changeCheckboxOrder(sourceIndex, targetIndex, state) {
       const {
@@ -41636,9 +41670,11 @@
               data = Object.assign({
                 __value: cellValue,
                 __dataValue: cellOriginValue
-              }, rowData),
-              re = /\{\s*(\S+?)\s*\}/g;
-            url = templateLink.replace(re, (matchs, key) => data[key]);
+              }, rowData);
+            if (isFunction$1(templateLink)) url = templateLink(data, col, row, table);else {
+              const re = /\{\s*(\S+?)\s*\}/g;
+              url = templateLink.replace(re, (matchs, key) => data[key]);
+            }
           } else if (linkDetect) {
             if (!regUrl.test(cellValue)) return;
             url = cellValue;
@@ -44360,19 +44396,22 @@
         this.table = table, this.customCellStyle = customCellStyle, this.customCellStyleArrangement = customCellStyleArrangement;
       }
       getCustomCellStyle(col, row) {
-        const customStyleId = this.getCustomCellStyleId(col, row);
-        if (customStyleId) {
-          const styleOption = this.getCustomCellStyleOption(customStyleId);
-          return null == styleOption ? void 0 : styleOption.style;
-        }
-      }
-      getCustomCellStyleId(col, row) {
-        let customStyleId;
-        const range = this.table.getCellRange(col, row);
+        const customStyleIds = this.getCustomCellStyleIds(col, row);
+        if (customStyleIds.length) {
+          const styles = [];
+          return customStyleIds.forEach(customStyleId => {
+            const styleOption = this.getCustomCellStyleOption(customStyleId);
+            (null == styleOption ? void 0 : styleOption.style) && styles.push(styleOption.style);
+          }), merge({}, ...styles);
+        }
+      }
+      getCustomCellStyleIds(col, row) {
+        const customStyleIds = [],
+          range = this.table.getCellRange(col, row);
         for (let c = range.start.col; c <= range.end.col; c++) for (let r = range.start.row; r <= range.end.row; r++) this.customCellStyleArrangement.forEach(style => {
-          style.cellPosition.range ? style.cellPosition.range.start.col <= c && style.cellPosition.range.end.col >= c && style.cellPosition.range.start.row <= r && style.cellPosition.range.end.row >= r && (customStyleId = style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && (customStyleId = style.customStyleId);
+          style.cellPosition.range ? style.cellPosition.range.start.col <= c && style.cellPosition.range.end.col >= c && style.cellPosition.range.start.row <= r && style.cellPosition.range.end.row >= r && customStyleIds.push(style.customStyleId) : style.cellPosition.col === c && style.cellPosition.row === r && customStyleIds.push(style.customStyleId);
         });
-        return customStyleId;
+        return customStyleIds;
       }
       getCustomCellStyleOption(customStyleId) {
         return this.customCellStyle.find(style => style.id === customStyleId);
@@ -45488,7 +45527,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.11.2-alpha.3", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
+        if (super(), this.showFrozenIcon = !0, this.version = "1.11.3-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), !container && "node" !== options.mode && !options.canvas) throw new Error("vtable's container is undefined");
         const {
           frozenColCount = 0,
           frozenRowCount: frozenRowCount,
@@ -45558,7 +45597,8 @@
           parentElement: this.getElement(),
           renderMode: "html",
           isShowOverflowTextTooltip: !1,
-          confine: !0
+          confine: !0,
+          position: Placement.bottom
         }, options.tooltip), "html" === internalProps.tooltip.renderMode) {
           const TooltipHandler = Factory.getComponent("tooltipHandler");
           TooltipHandler && (internalProps.tooltipHandler = new TooltipHandler(this, internalProps.tooltip.confine));
@@ -46309,7 +46349,8 @@
           parentElement: this.getElement(),
           renderMode: "html",
           isShowOverflowTextTooltip: !1,
-          confine: !0
+          confine: !0,
+          position: Placement.bottom
         }, options.tooltip), "html" === internalProps.tooltip.renderMode && !internalProps.tooltipHandler) {
           const TooltipHandler = Factory.getComponent("tooltipHandler");
           internalProps.tooltipHandler = new TooltipHandler(this, internalProps.tooltip.confine);
@@ -47209,8 +47250,8 @@
         var _a;
         null === (_a = this.dataSource) || void 0 === _a || _a.setSortedIndexMap(field, filedMap);
       }
-      checkReactCustomLayout(removeAllContainer) {
-        this.reactCustomLayout || (this.reactCustomLayout = new ReactCustomLayout(removeAllContainer, this));
+      checkReactCustomLayout() {
+        this.reactCustomLayout || (this.reactCustomLayout = new ReactCustomLayout(this));
       }
       get bodyDomContainer() {
         return this.internalProps.bodyDomContainer;
@@ -47930,18 +47971,20 @@
       }
       handleRowSeriesNumber(rowSeriesNumber) {
         var _a, _b;
-        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map(seriesNumber => {
-          var _a, _b;
+        rowSeriesNumber && (Array.isArray(rowSeriesNumber) ? this.rowSeriesNumberColumn = rowSeriesNumber.map((seriesNumber, index) => {
+          var _a, _b, _c;
           return {
             id: this.seqId++,
             title: seriesNumber.title,
-            define: seriesNumber,
+            define: merge({
+              field: "_vtable_rowSeries_number_" + index
+            }, seriesNumber),
             cellType: null !== (_a = seriesNumber.cellType) && void 0 !== _a ? _a : "text",
             headerType: null !== (_b = rowSeriesNumber.cellType) && void 0 !== _b ? _b : "text",
             style: seriesNumber.style,
             width: seriesNumber.width,
             format: seriesNumber.format,
-            field: seriesNumber.field,
+            field: null !== (_c = seriesNumber.field) && void 0 !== _c ? _c : "_vtable_rowSeries_number_" + index,
             icon: seriesNumber.icon,
             headerIcon: seriesNumber.headerIcon,
             isChildNode: !1
@@ -47949,13 +47992,15 @@
         }) : this.rowSeriesNumberColumn = [{
           id: this.seqId++,
           title: rowSeriesNumber.title,
-          define: rowSeriesNumber,
+          define: merge({
+            field: "_vtable_rowSeries_number"
+          }, rowSeriesNumber),
           cellType: null !== (_a = rowSeriesNumber.cellType) && void 0 !== _a ? _a : "text",
           headerType: null !== (_b = rowSeriesNumber.cellType) && void 0 !== _b ? _b : "text",
           style: rowSeriesNumber.style,
           width: rowSeriesNumber.width,
           format: rowSeriesNumber.format,
-          field: "",
+          field: "_vtable_rowSeries_number",
           icon: rowSeriesNumber.icon,
           headerIcon: rowSeriesNumber.headerIcon,
           isChildNode: !1
@@ -48348,9 +48393,11 @@
         return this._headerObjectMap[id];
       }
       getHeaderField(col, row) {
-        var _a;
+        var _a, _b, _c;
+        if (this.isSeriesNumberInHeader(col, row)) return null === (_a = this.getSeriesNumberHeader(col, row)) || void 0 === _a ? void 0 : _a.field;
+        if (this.isSeriesNumberInBody(col, row)) return null === (_b = this.getSeriesNumberBody(col, row)) || void 0 === _b ? void 0 : _b.field;
         const id = this.getCellId(col, row);
-        return (null === (_a = this._headerObjectMap[id]) || void 0 === _a ? void 0 : _a.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
+        return (null === (_c = this._headerObjectMap[id]) || void 0 === _c ? void 0 : _c.field) || (this.transpose ? this._columns[row] && this._columns[row].field : this._columns[col - this.leftRowSeriesNumberColumnCount] && this._columns[col - this.leftRowSeriesNumberColumnCount].field);
       }
       getHeaderCellAdressById(id) {
         for (let i = 0; i < this._headerCellIds.length; i++) {
@@ -49055,7 +49102,7 @@
       }
     }
     function listTableDeleteRecords(recordIndexs, table) {
-      var _a, _b;
+      var _a, _b, _c, _d, _e, _f;
       if ((null == recordIndexs ? void 0 : recordIndexs.length) > 0) if (table.options.groupBy) null === (_b = (_a = table.dataSource).deleteRecordsForGroup) || void 0 === _b || _b.call(_a, recordIndexs), table.refreshRowColCount(), table.internalProps.layoutMap.clearCellRangeMap(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else if (table.sortState) table.dataSource.deleteRecordsForSorted(recordIndexs), sortRecords(table), table.refreshRowColCount(), table.scenegraph.clearCells(), table.scenegraph.createSceneGraph();else {
         const deletedRecordIndexs = table.dataSource.deleteRecords(recordIndexs);
         if (0 === deletedRecordIndexs.length) return;
@@ -49096,7 +49143,7 @@
               col: 0,
               row: row
             });
-            table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows);
+            null === (_c = table.reactCustomLayout) || void 0 === _c || _c.clearCache(), table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows), null === (_d = table.reactCustomLayout) || void 0 === _d || _d.updateAllCustomCell();
           }
         } else {
           const delRows = [],
@@ -49128,7 +49175,7 @@
             col: 0,
             row: row
           });
-          table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows);
+          null === (_e = table.reactCustomLayout) || void 0 === _e || _e.clearCache(), table.transpose ? table.scenegraph.updateCol(delRows, [], updateRows) : table.scenegraph.updateRow(delRows, [], updateRows), null === (_f = table.reactCustomLayout) || void 0 === _f || _f.updateAllCustomCell();
         }
       }
     }
@@ -49753,13 +49800,13 @@
         return listTableChangeCellValues(startCol, startRow, values, workOnEditableCell, this);
       }
       addRecord(record, recordIndex) {
-        listTableAddRecord(record, recordIndex, this);
+        listTableAddRecord(record, recordIndex, this), this.internalProps.emptyTip.resetVisible();
       }
       addRecords(records, recordIndex) {
-        listTableAddRecords(records, recordIndex, this);
+        listTableAddRecords(records, recordIndex, this), this.internalProps.emptyTip.resetVisible();
       }
       deleteRecords(recordIndexs) {
-        listTableDeleteRecords(recordIndexs, this);
+        listTableDeleteRecords(recordIndexs, this), this.internalProps.emptyTip.resetVisible();
       }
       updateRecords(records, recordIndexs) {
         listTableUpdateRecords(records, recordIndexs, this);
@@ -51616,7 +51663,7 @@
           tooltipOption = {
             content: headerDescription,
             referencePosition: {
-              placement: Placement.bottom,
+              placement: table.internalProps.tooltip.position,
               rect: rect
             },
             disappearDelay: null !== (_a = table.internalProps.tooltip.overflowTextTooltipDisappearDelay) && void 0 !== _a ? _a : 0,
@@ -51631,7 +51678,7 @@
           overflowText && (tooltipOption = {
             content: headerDescription ? `${headerDescription}\n  ${overflowText}` : overflowText,
             referencePosition: {
-              placement: Placement.bottom,
+              placement: table.internalProps.tooltip.position,
               rect: rect
             },
             disappearDelay: null !== (_c = table.internalProps.tooltip.overflowTextTooltipDisappearDelay) && void 0 !== _c ? _c : 0,