@visactor/vtable-calendar 1.17.4-alpha.3 → 1.17.4-alpha.5

package/dist/vtable-calendar.js

@@ -34052,7 +34052,7 @@
     function _generateCustomElementsGroup(table, define, col, row, cellWidth, cellHeight, padding, range, customResult) {
       let customElementsGroup,
         renderDefault = !0;
-      if (customResult) customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;else {
+      if (customResult) customElementsGroup = customResult.elementsGroup, renderDefault = customResult.renderDefault;else if (null == range ? void 0 : range.isCustom) ;else {
         let customRender, customLayout;
         if ("body" !== table.getCellLocation(col, row) ? (customRender = null == define ? void 0 : define.headerCustomRender, customLayout = null == define ? void 0 : define.headerCustomLayout) : (customRender = (null == define ? void 0 : define.customRender) || table.customRender, customLayout = null == define ? void 0 : define.customLayout), customLayout || customRender) {
           const customResult = dealWithCustom(customLayout, customRender, col, row, cellWidth, cellHeight, !1, table.isAutoRowHeight(row), padding, range, table);
@@ -42354,7 +42354,14 @@
       if (recordIndex >= 0) {
         const dataIndex = state.table.dataSource.getIndexKey(recordIndex).toString();
         if (isValid$3(null === (_b = state.checkedState.get(dataIndex)) || void 0 === _b ? void 0 : _b[field])) return state.checkedState.get(dataIndex)[field];
-        state.checkedState.has(dataIndex) ? state.checkedState.get(dataIndex)[field] = checked : state.checkedState.set(dataIndex, {
+        if (state.checkedState.has(dataIndex)) state.checkedState.get(dataIndex)[field] = checked;else if (dataIndex.includes(",")) {
+          const parentDataIndex = dataIndex.split(",").slice(0, -1).join(",");
+          state.checkedState.has(parentDataIndex) && !0 === state.checkedState.get(parentDataIndex)[field] ? state.checkedState.set(dataIndex, {
+            [field]: !0
+          }) : state.checkedState.set(dataIndex, {
+            [field]: checked
+          });
+        } else state.checkedState.set(dataIndex, {
           [field]: checked
         });
       }
@@ -42435,7 +42442,7 @@
       } = state;
       let source, target;
       if (table.internalProps.transpose ? (sourceIndex = table.getRecordShowIndexByCell(sourceIndex, 0), targetIndex = table.getRecordShowIndexByCell(targetIndex, 0)) : (source = table.isPivotTable() ? void 0 : table.getRecordIndexByCell(0, sourceIndex), target = table.isPivotTable() ? void 0 : table.getRecordIndexByCell(0, targetIndex)), isNumber$4(source) && isNumber$4(target)) {
-        if (sourceIndex > targetIndex) {
+        if ((sourceIndex = source) > (targetIndex = target)) {
           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);
@@ -44678,20 +44685,22 @@
 
     function bindGroupTitleCheckboxChange(table) {
       table.on("checkbox_state_change", args => {
-        var _a;
-        if (!0 !== (null === (_a = table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox)) return;
+        var _a, _b;
         const {
-            col: col,
-            row: row,
-            checked: checked
-          } = args,
-          record = table.getCellOriginRecord(col, row),
+          col: col,
+          row: row,
+          checked: checked,
+          field: field
+        } = args;
+        if ("_vtable_rowSeries_number" !== field || !0 !== (null === (_a = table.internalProps.rowSeriesNumber) || void 0 === _a ? void 0 : _a.enableTreeCheckbox)) return;
+        if (table.isHeader(col, row)) return;
+        const record = table.getCellOriginRecord(col, row),
           indexedData = table.dataSource.currentPagerIndexedData,
           titleShowIndex = table.getRecordShowIndexByCell(col, row);
         let titleIndex = indexedData[titleShowIndex];
-        if (isNumber$4(titleIndex) && (titleIndex = [titleIndex]), record.vtableMerge) {
-          if (checked) table.getHierarchyState(col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!0, titleIndex, table) : setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);else {
-            table.getHierarchyState(col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!1, titleIndex, table) : setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
+        if (isNumber$4(titleIndex) && (titleIndex = [titleIndex]), record.vtableMerge || (null === (_b = record.children) || void 0 === _b ? void 0 : _b.length)) {
+          if (checked) getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!0, titleIndex, table) : setAllChildrenCheckboxState(!0, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);else {
+            getHierarchyState(table, col, row) === HierarchyState.collapse ? updateChildrenCheckboxState(!1, titleIndex, table) : setAllChildrenCheckboxState(!1, titleShowIndex, titleIndex, indexedData, table), updateGroupTitleCheckboxState(titleShowIndex, titleIndex, indexedData, table);
             const oldHeaderCheckedState = table.stateManager.headerCheckedState._vtable_rowSeries_number,
               newHeaderCheckedState = table.stateManager.updateHeaderCheckedState("_vtable_rowSeries_number", col, row);
             oldHeaderCheckedState !== newHeaderCheckedState && table.scenegraph.updateHeaderCheckboxCellState(col, row, newHeaderCheckedState);
@@ -44727,8 +44736,23 @@
         key = currentIndex.toString(),
         currentIndexLength = isArray$7(currentIndex) ? currentIndex.length : 1;
       let start = !1;
-      const result = [];
-      if (checkedState.forEach((value, index) => {
+      const result = [],
+        keys = Array.from(checkedState.keys()).sort((a, b) => {
+          var _a, _b;
+          const aArr = a.split(","),
+            bArr = b.split(","),
+            maxLength = Math.max(aArr.length, bArr.length);
+          for (let i = 0; i < maxLength; i++) {
+            const a = null !== (_a = Number(aArr[i])) && void 0 !== _a ? _a : 0,
+              b = null !== (_b = Number(bArr[i])) && void 0 !== _b ? _b : 0;
+            if (a !== b) return a - b;
+          }
+          return 0;
+        }),
+        stateArr = keys.map(key => checkedState.get(key));
+      if (stateArr.forEach((state, i) => {
+        const index = keys[i],
+          value = state;
         if (start) {
           index.split(",").length === currentIndexLength ? start = !1 : result.push(value._vtable_rowSeries_number);
         }
@@ -44738,20 +44762,60 @@
         allUnChecked = result.every(item => !item);
       allChecked ? (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", !0), setCellCheckboxStateByAttribute(col, row, !0, table)) : allUnChecked ? (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", !1), setCellCheckboxStateByAttribute(col, row, !1, table)) : (table.stateManager.setCheckedState(col, row, "_vtable_rowSeries_number", "indeterminate"), setCellCheckboxStateByAttribute(col, row, "indeterminate", table));
     }
-    function updateChildrenCheckboxState(state, currentIndex, table) {
+    function updateChildrenCheckboxState(parentState, currentIndex, table) {
       const {
           checkedState: checkedState
         } = table.stateManager,
         key = currentIndex.toString(),
         currentIndexLength = isArray$7(currentIndex) ? currentIndex.length : 1;
       let start = !1;
-      checkedState.forEach((value, index) => {
+      const keys = Array.from(checkedState.keys()).sort((a, b) => {
+          var _a, _b;
+          const aArr = a.split(","),
+            bArr = b.split(","),
+            maxLength = Math.max(aArr.length, bArr.length);
+          for (let i = 0; i < maxLength; i++) {
+            const a = null !== (_a = Number(aArr[i])) && void 0 !== _a ? _a : 0,
+              b = null !== (_b = Number(bArr[i])) && void 0 !== _b ? _b : 0;
+            if (a !== b) return a - b;
+          }
+          return 0;
+        }),
+        stateArr = keys.map(key => checkedState.get(key));
+      stateArr.forEach((state, i) => {
+        const index = keys[i],
+          value = state;
         if (start) {
-          index.split(",").length === currentIndexLength ? start = !1 : value._vtable_rowSeries_number = state;
+          index.split(",").length === currentIndexLength ? start = !1 : value._vtable_rowSeries_number = parentState;
         }
         index === key && (start = !0);
       });
     }
+    function bindHeaderCheckboxChange(table) {
+      table.on("checkbox_state_change", args => {
+        const {
+          col: col,
+          row: row,
+          checked: checked,
+          field: field
+        } = args;
+        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);
+          }
+        }
+      });
+    }
+    function getHierarchyState(table, col, row) {
+      const index = table.getRecordShowIndexByCell(col, row);
+      return table.dataSource.getHierarchyState(index);
+    }
 
     function bindButtonClickEvent(table) {
       table.on(TABLE_EVENT_TYPE.CLICK_CELL, e => {
@@ -44861,7 +44925,7 @@
         }, 0);
       }
       bindSelfEvent() {
-        this.table.isReleased || (bindIconClickEvent(this.table), bindDropdownMenuClickEvent(this.table), this.updateEventBinder(), bindMediaClick(this.table), bindDBClickAutoColumnWidthEvent(this.table), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table), bindGroupTitleCheckboxChange(this.table), bindButtonClickEvent(this.table), rightButtonClickEvent(this.table));
+        this.table.isReleased || (bindIconClickEvent(this.table), bindDropdownMenuClickEvent(this.table), this.updateEventBinder(), bindMediaClick(this.table), bindDBClickAutoColumnWidthEvent(this.table), this.table.isPivotTable() && checkHaveDrill(this.table) && bindDrillEvent(this.table), bindSparklineHoverEvent(this.table), bindAxisClickEvent(this.table), bindAxisHoverEvent(this.table), bindGroupTitleCheckboxChange(this.table), bindHeaderCheckboxChange(this.table), bindButtonClickEvent(this.table), rightButtonClickEvent(this.table));
       }
       dealTableHover(eventArgsSet) {
         if (!eventArgsSet) return void this.table.stateManager.updateHoverPos(-1, -1);
@@ -45055,8 +45119,8 @@
       constructor() {
         let style = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         let bodyStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        super(style, bodyStyle), this._showBar = null === (_a = style.showBar) || void 0 === _a || _a, this._barColor = null !== (_b = style.barColor) && void 0 !== _b ? _b : DEFAULT_BAR_COLOR, this._barPositiveColor = null !== (_c = style.barPositiveColor) && void 0 !== _c ? _c : "#4dbd74", this._barNegativeColor = null !== (_d = style.barNegativeColor) && void 0 !== _d ? _d : "#f86c6b", this._barAxisColor = null !== (_e = style.barAxisColor) && void 0 !== _e ? _e : "black", this._barBgColor = style.barBgColor, this._barHeight = null !== (_f = style.barHeight) && void 0 !== _f ? _f : 3, this._barHeight = null !== (_g = style.barHeight) && void 0 !== _g ? _g : 3, this._barBottom = null !== (_h = style.barBottom) && void 0 !== _h ? _h : 0, this._barPadding = null !== (_j = style.barPadding) && void 0 !== _j ? _j : [0, 0, 0, 0], this._showBarMark = null !== (_k = style.showBarMark) && void 0 !== _k && _k, this._barMarkPositiveColor = null !== (_l = style.barMarkPositiveColor) && void 0 !== _l ? _l : "#4dbd74", this._barMarkNegativeColor = null !== (_m = style.barMarkNegativeColor) && void 0 !== _m ? _m : "#f86c6b", this._barMarkWidth = null !== (_o = style.barMarkWidth) && void 0 !== _o ? _o : 2, this._barMarkPosition = null !== (_p = style.barMarkPosition) && void 0 !== _p ? _p : "right", this._barRightToLeft = null !== (_q = style.barRightToLeft) && void 0 !== _q && _q;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        super(style, bodyStyle), this._showBar = null === (_a = style.showBar) || void 0 === _a || _a, this._barColor = null !== (_b = style.barColor) && void 0 !== _b ? _b : DEFAULT_BAR_COLOR, this._barPositiveColor = null !== (_c = style.barPositiveColor) && void 0 !== _c ? _c : "#4dbd74", this._barNegativeColor = null !== (_d = style.barNegativeColor) && void 0 !== _d ? _d : "#f86c6b", this._barAxisColor = null !== (_e = style.barAxisColor) && void 0 !== _e ? _e : "black", this._barBgColor = style.barBgColor, this._barHeight = null !== (_f = style.barHeight) && void 0 !== _f ? _f : 3, this._barHeight = null !== (_g = style.barHeight) && void 0 !== _g ? _g : 3, this._barBottom = null !== (_h = style.barBottom) && void 0 !== _h ? _h : 0, this._barPadding = null !== (_j = style.barPadding) && void 0 !== _j ? _j : [0, 0, 0, 0], this._showBarMark = null !== (_k = style.showBarMark) && void 0 !== _k && _k, this._barMarkPositiveColor = null !== (_l = style.barMarkPositiveColor) && void 0 !== _l ? _l : "#4dbd74", this._barMarkNegativeColor = null !== (_m = style.barMarkNegativeColor) && void 0 !== _m ? _m : "#f86c6b", this._barMarkWidth = null !== (_o = style.barMarkWidth) && void 0 !== _o ? _o : 2, this._barMarkPosition = null !== (_p = style.barMarkPosition) && void 0 !== _p ? _p : "right", this._barRightToLeft = null !== (_q = style.barRightToLeft) && void 0 !== _q && _q, this._barMarkInBar = null === (_r = style.barMarkInBar) || void 0 === _r || _r;
       }
       get showBar() {
         return this._showBar;
@@ -45148,6 +45212,12 @@
       set barRightToLeft(value) {
         this._barRightToLeft = value;
       }
+      get barMarkInBar() {
+        return this._barMarkInBar;
+      }
+      set barMarkInBar(value) {
+        this._barMarkInBar = value;
+      }
       clone() {
         return new ProgressBarStyle(this, null);
       }
@@ -47612,7 +47682,7 @@
       constructor(container) {
         let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        if (super(), this.showFrozenIcon = !0, this.version = "1.17.4-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.17.4-alpha.5", 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");
         !1 === (null === (_a = options.customConfig) || void 0 === _a ? void 0 : _a.imageAnonymous) && (vglobal.isImageAnonymous = !1);
         const {
           frozenColCount = 0,
@@ -47997,6 +48067,7 @@
             shadowWidths = toBoxArray(null !== (_q = null === (_p = this.internalProps.theme.frameStyle) || void 0 === _p ? void 0 : _p.shadowBlur) && void 0 !== _q ? _q : [0]);
           (null === (_r = this.theme.frameStyle) || void 0 === _r ? void 0 : _r.innerBorder) ? (this.tableX = 0, this.tableY = 0, this.tableNoFrameWidth = width - (null !== (_s = shadowWidths[1]) && void 0 !== _s ? _s : 0), this.tableNoFrameHeight = height - (null !== (_t = shadowWidths[2]) && void 0 !== _t ? _t : 0)) : (this.tableX = (null !== (_u = lineWidths[3]) && void 0 !== _u ? _u : 0) + (null !== (_v = shadowWidths[3]) && void 0 !== _v ? _v : 0), this.tableY = (null !== (_w = lineWidths[0]) && void 0 !== _w ? _w : 0) + (null !== (_x = shadowWidths[0]) && void 0 !== _x ? _x : 0), this.tableNoFrameWidth = width - ((null !== (_y = lineWidths[1]) && void 0 !== _y ? _y : 0) + (null !== (_z = shadowWidths[1]) && void 0 !== _z ? _z : 0)) - ((null !== (_0 = lineWidths[3]) && void 0 !== _0 ? _0 : 0) + (null !== (_1 = shadowWidths[3]) && void 0 !== _1 ? _1 : 0)), this.tableNoFrameHeight = height - ((null !== (_2 = lineWidths[0]) && void 0 !== _2 ? _2 : 0) + (null !== (_3 = shadowWidths[0]) && void 0 !== _3 ? _3 : 0)) - ((null !== (_4 = lineWidths[2]) && void 0 !== _4 ? _4 : 0) + (null !== (_5 = shadowWidths[2]) && void 0 !== _5 ? _5 : 0)));
         }
+        this._clearColRangeWidthsMap(), this._clearRowRangeHeightsMap();
       }
       updateViewBox(newViewBox) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
@@ -48750,7 +48821,8 @@
               end: {
                 col: Math.min(customMerge.range.end.col, this.colCount - 1),
                 row: Math.min(customMerge.range.end.row, this.rowCount - 1)
-              }
+              },
+              isCustom: !0
             };
           }
         }
@@ -48776,7 +48848,17 @@
                 }, styleClass, this.options.autoWrapText, this.theme);
               customMerge.style = fullStyle;
             }
-            return customMerge;
+            return customMerge.range = {
+              start: {
+                col: Math.max(customMerge.range.start.col, 0),
+                row: Math.max(customMerge.range.start.row, 0)
+              },
+              end: {
+                col: Math.min(customMerge.range.end.col, this.colCount - 1),
+                row: Math.min(customMerge.range.end.row, this.rowCount - 1)
+              },
+              isCustom: !0
+            }, customMerge;
           }
         }
       }
@@ -51725,6 +51807,8 @@
         const editor = this.table.getEditor(col, row);
         if (editor) {
           if (null === (_b = null === (_a = this.table.internalProps.layoutMap) || void 0 === _a ? void 0 : _a.isAggregation) || void 0 === _b ? void 0 : _b.call(_a, col, row)) return;
+          const record = this.table.getCellRawRecord(col, row);
+          if (null == record ? void 0 : record.vtableMerge) return;
           this.editingEditor || (this.editCell = {
             col: col,
             row: row
@@ -52722,8 +52806,19 @@
       }
       getCheckboxState(field) {
         if (this.stateManager.checkedState.size < this.rowCount - this.columnHeaderLevelCount && this.stateManager.initLeftRecordsCheckState(this.records), isValid$3(field)) {
-          let stateArr = Array.from(this.stateManager.checkedState.keys()).sort((a, b) => Number(a) - Number(b)).map(key => this.stateManager.checkedState.get(key));
-          return this.options.groupBy && (stateArr = getGroupCheckboxState(this)), Array.from(stateArr, state => state[field]);
+          let stateArr = Array.from(this.stateManager.checkedState.keys()).sort((a, b) => {
+            var _a, _b;
+            const aArr = a.split(","),
+              bArr = b.split(","),
+              maxLength = Math.max(aArr.length, bArr.length);
+            for (let i = 0; i < maxLength; i++) {
+              const a = null !== (_a = Number(aArr[i])) && void 0 !== _a ? _a : 0,
+                b = null !== (_b = Number(bArr[i])) && void 0 !== _b ? _b : 0;
+              if (a !== b) return a - b;
+            }
+            return 0;
+          }).map(key => this.stateManager.checkedState.get(key));
+          return this.options.groupBy && (stateArr = getGroupCheckboxState(this)), Array.from(stateArr, state => state && state[field]);
         }
         return new Array(...this.stateManager.checkedState.values());
       }
@@ -56921,7 +57016,8 @@
         barMarkPositiveColor: barMarkPositiveColor,
         barMarkNegativeColor: barMarkNegativeColor,
         barMarkWidth: barMarkWidth,
-        barMarkPosition: barMarkPosition
+        barMarkPosition: barMarkPosition,
+        barMarkInBar: barMarkInBar
       } = style;
       let {
         barHeight: barHeight,
@@ -56936,11 +57032,11 @@
         return Number(v);
       });
       const borderWidth = getQuadProps(getProp("borderLineWidth", style, col, row, table)),
-        barPaddingTop = Math.max(barPadding[0], Math.ceil(borderWidth[0] / 2)),
-        barPaddingRight = Math.max(barPadding[1], Math.floor(borderWidth[1] / 2)),
-        barPaddingBottom = Math.max(barPadding[2], Math.floor(borderWidth[2] / 2)),
-        barPaddingLeft = Math.max(barPadding[3], Math.ceil(borderWidth[3] / 2));
-      contentWidth -= barPaddingRight + barPaddingLeft, contentHeight -= barPaddingBottom + barPaddingTop, row === table.rowCount - 1 && [0, "0"].includes(barBottom) && (contentHeight -= 1);
+        barPaddingTop = Math.max(barPadding[0], Math.ceil(borderWidth[0] / 2));
+      let barPaddingRight = Math.max(barPadding[1], Math.floor(borderWidth[1] / 2));
+      const barPaddingBottom = Math.max(barPadding[2], Math.floor(borderWidth[2] / 2));
+      let barPaddingLeft = Math.max(barPadding[3], Math.ceil(borderWidth[3] / 2));
+      showBarMark && barMarkWidth > 0 && "right" === barMarkPosition && !1 === barMarkInBar && (barPaddingRight += barMarkWidth, barPaddingLeft += barMarkWidth), contentWidth -= barPaddingRight + barPaddingLeft, contentHeight -= barPaddingBottom + barPaddingTop, row === table.rowCount - 1 && [0, "0"].includes(barBottom) && (contentHeight -= 1);
       const top = barPaddingTop,
         left = barPaddingLeft,
         right = contentWidth;
@@ -57127,7 +57223,7 @@
                 dataValue: dataValue,
                 percentile: positiveRate
               }) || "#20a8d8", "right" === barMarkPosition) {
-                const markLeft = barRightToLeft ? barRectPosi.left + barMarkWidth / 2 : barRectPosi.left + barRectPosi.width - barMarkWidth / 2;
+                const markLeft = barRightToLeft ? barRectPosi.left + barMarkWidth / 2 : barRectPosi.left + barRectPosi.width + (barMarkInBar ? -barMarkWidth / 2 : barMarkWidth / 2);
                 points.push({
                   x: markLeft,
                   y: barRectPosi.top
@@ -57448,7 +57544,9 @@
             cornerRadius: buttonBorderRadius
           },
           state: {
-            text: {},
+            text: {
+              hover: {}
+            },
             panel: {
               hover: {
                 fill: buttonHoverColor,