@visactor/vtable-sheet 1.25.1-alpha.0 → 1.26.0

package/cjs/core/WorkSheet.js

@@ -444,5 +444,4 @@ class WorkSheet {
     }
 }
 
-exports.WorkSheet = WorkSheet;
-//# sourceMappingURL=WorkSheet.js.map
+exports.WorkSheet = WorkSheet;

package/cjs/event/vtable-sheet-event-bus.js

@@ -72,4 +72,5 @@ class VTableSheetEventBus {
     }
 }
 
-exports.VTableSheetEventBus = VTableSheetEventBus;
+exports.VTableSheetEventBus = VTableSheetEventBus;
+//# sourceMappingURL=vtable-sheet-event-bus.js.map

package/cjs/index.d.ts

@@ -2,5 +2,5 @@ import VTableSheet from './components/vtable-sheet';
 import type { ISheetDefine, IVTableSheetOptions, IVTableSheetUpdateOptions } from './ts-types';
 import * as TYPES from './ts-types';
 import * as VTable from './vtable';
-export declare const version = "1.25.1-alpha.0";
+export declare const version = "1.26.0";
 export { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions, IVTableSheetUpdateOptions };

package/cjs/index.js

@@ -47,4 +47,4 @@ exports.VTable = VTable;
 
 const style_manager_1 = require("./styles/style-manager");
 
-exports.version = "1.25.1-alpha.0", (0, style_manager_1.importStyles)();
+exports.version = "1.26.0", (0, style_manager_1.importStyles)();

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAAoD;AAW3C,sBAXF,sBAAW,CAWE;AATpB,kDAAoC;AASd,sBAAK;AAR3B,iDAAmC;AAQN,wBAAM;AAPnC,0DAAsD;AACzC,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAA,4BAAY,GAAE,CAAC","file":"index.js","sourcesContent":["import VTableSheet from './components/vtable-sheet';\nimport type { ISheetDefine, IVTableSheetOptions, IVTableSheetUpdateOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport * as VTable from './vtable';\nimport { importStyles } from './styles/style-manager';\nexport const version = \"1.25.1-alpha.0\";\n// 导入样式\nimportStyles();\n/**\n * @namespace VTableSheet\n */\nexport { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions, IVTableSheetUpdateOptions };\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6EAAoD;AAW3C,sBAXF,sBAAW,CAWE;AATpB,kDAAoC;AASd,sBAAK;AAR3B,iDAAmC;AAQN,wBAAM;AAPnC,0DAAsD;AACzC,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,IAAA,4BAAY,GAAE,CAAC","file":"index.js","sourcesContent":["import VTableSheet from './components/vtable-sheet';\nimport type { ISheetDefine, IVTableSheetOptions, IVTableSheetUpdateOptions } from './ts-types';\nimport * as TYPES from './ts-types';\nimport * as VTable from './vtable';\nimport { importStyles } from './styles/style-manager';\nexport const version = \"1.26.0\";\n// 导入样式\nimportStyles();\n/**\n * @namespace VTableSheet\n */\nexport { VTableSheet, TYPES, VTable, ISheetDefine, IVTableSheetOptions, IVTableSheetUpdateOptions };\n"]}

package/cjs/styles/formula-bar.js

@@ -9,7 +9,7 @@ const env_1 = require("../tools/env");
 function importStyle() {
     if ("node" === env_1.Env.mode) return;
     const styleElement = document.createElement("style");
-    styleElement.id = "vtable-sheet-formula-bar-styleSheet", styleElement.textContent = "\n  /* 公式栏样式 */\n.vtable-sheet-formula-bar {\n  height: 30px;\n  padding: 0;\n  border-bottom: 1px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  position: relative;\n  z-index: 10;\n  box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  flex-grow: 1; /* 占据剩余宽度 */\n  height: 100%; /* 确保高度填满父容器 */\n  \n}\n\n/* 单元格地址显示 */\n.vtable-sheet-cell-address {\n  width: 60px;\n  padding: 0 10px;\n  display: flex;\n  align-items: center;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  color: #333;\n  height: 100%;\n  border: 1px solid #e0e0e0;\n  font-size: 13px;\n}\n\n/* fx图标 */\n.vtable-sheet-formula-icon {\n  font-weight: normal;\n  font-style: italic;\n  margin: 0 8px;\n  font-size: 14px;\n  color: #666;\n  font-family: 'Roboto Mono', monospace;\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* 公式输入框 */\n.vtable-sheet-formula-input {\n  flex: 1;\n  padding: 0 8px;\n  border: none;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  outline: none;\n  font-size: 13px;\n  height: 100%;\n  color: #333;\n  background-color: transparent;\n}\n\n.vtable-sheet-formula-input:focus {\n  outline: none;\n}\n\n/* 公式操作按钮容器 */\n.vtable-sheet-formula-actions {\n  flex: 0;\n  display: flex;\n  align-items: right;\n  height: 100%;\n  width: 100px;\n  padding: 0 4px;\n  border-left: 1px solid #e0e0e0;\n}\n\n/* 公式操作按钮 */\n.vtable-sheet-formula-button {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n  border-radius: 2px;\n  transition: all 0.2s;\n}\n\n/* 取消按钮 */\n.vtable-sheet-formula-cancel:hover {\n  color: #d93025;\n  background-color: #f8f8f8;\n}\n\n/* 确认按钮 */\n.vtable-sheet-formula-confirm:hover {\n  color: #1e8e3e;\n  background-color: #f8f8f8;\n}\n\n/* 其他按钮样式 - 当有更多功能时使用 */\n.vtable-sheet-formula-more {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n}\n\n.vtable-sheet-formula-more:hover {\n  color: #1a73e8;\n}\n\n/* 取消之前不需要的工具栏样式 */\n.vtable-sheet-toolbar,\n.vtable-sheet-toolbar-group {\n  display: none;\n} \n", 
+    styleElement.id = "vtable-sheet-formula-bar-styleSheet", styleElement.textContent = "\n  /* 公式栏样式 */\n.vtable-sheet-formula-bar {\n  height: 30px;\n  padding: 0;\n  border-bottom: 1px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  position: relative;\n  z-index: 10;\n  box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  flex-grow: 1; /* 占据剩余宽度 */\n  height: 100%; /* 确保高度填满父容器 */\n  \n}\n\n/* 单元格地址显示 */\n.vtable-sheet-cell-address {\n  width: 60px;\n  padding: 0 10px;\n  display: flex;\n  align-items: center;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  color: #333;\n  height: 100%;\n  border: 1px solid #e0e0e0;\n  font-size: 13px;\n}\n\n/* fx图标 */\n.vtable-sheet-formula-icon {\n  font-weight: normal;\n  font-style: italic;\n  margin: 0 8px;\n  font-size: 14px;\n  color: #666;\n  font-family: monospace;\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* 公式输入框 */\n.vtable-sheet-formula-input {\n  flex: 1;\n  padding: 0 8px;\n  border: none;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  outline: none;\n  font-size: 13px;\n  height: 100%;\n  color: #333;\n  background-color: transparent;\n}\n\n.vtable-sheet-formula-input:focus {\n  outline: none;\n}\n\n/* 公式操作按钮容器 */\n.vtable-sheet-formula-actions {\n  flex: 0;\n  display: flex;\n  align-items: right;\n  height: 100%;\n  width: 100px;\n  padding: 0 4px;\n  border-left: 1px solid #e0e0e0;\n}\n\n/* 公式操作按钮 */\n.vtable-sheet-formula-button {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n  border-radius: 2px;\n  transition: all 0.2s;\n}\n\n/* 取消按钮 */\n.vtable-sheet-formula-cancel:hover {\n  color: #d93025;\n  background-color: #f8f8f8;\n}\n\n/* 确认按钮 */\n.vtable-sheet-formula-confirm:hover {\n  color: #1e8e3e;\n  background-color: #f8f8f8;\n}\n\n/* 其他按钮样式 - 当有更多功能时使用 */\n.vtable-sheet-formula-more {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n}\n\n.vtable-sheet-formula-more:hover {\n  color: #1a73e8;\n}\n\n/* 取消之前不需要的工具栏样式 */\n.vtable-sheet-toolbar,\n.vtable-sheet-toolbar-group {\n  display: none;\n} \n", 
     document.head.appendChild(styleElement);
 }
 

package/cjs/styles/formula-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles/formula-bar.ts"],"names":[],"mappings":";;;AAAA,sCAAmC;AAEnC,SAAgB,WAAW;IACzB,IAAI,SAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,OAAO;KACR;IACD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,GAAG,qCAAqC,CAAC;IACxD,YAAY,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiI5B,CAAC;IAEA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC1C,CAAC;AA1ID,kCA0IC","file":"formula-bar.js","sourcesContent":["import { Env } from '../tools/env';\n\nexport function importStyle() {\n  if (Env.mode === 'node') {\n    return;\n  }\n  const styleElement = document.createElement('style');\n  styleElement.id = 'vtable-sheet-formula-bar-styleSheet';\n  styleElement.textContent = `\n  /* 公式栏样式 */\n.vtable-sheet-formula-bar {\n  height: 30px;\n  padding: 0;\n  border-bottom: 1px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  position: relative;\n  z-index: 10;\n  box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  flex-grow: 1; /* 占据剩余宽度 */\n  height: 100%; /* 确保高度填满父容器 */\n  \n}\n\n/* 单元格地址显示 */\n.vtable-sheet-cell-address {\n  width: 60px;\n  padding: 0 10px;\n  display: flex;\n  align-items: center;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  color: #333;\n  height: 100%;\n  border: 1px solid #e0e0e0;\n  font-size: 13px;\n}\n\n/* fx图标 */\n.vtable-sheet-formula-icon {\n  font-weight: normal;\n  font-style: italic;\n  margin: 0 8px;\n  font-size: 14px;\n  color: #666;\n  font-family: 'Roboto Mono', monospace;\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* 公式输入框 */\n.vtable-sheet-formula-input {\n  flex: 1;\n  padding: 0 8px;\n  border: none;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  outline: none;\n  font-size: 13px;\n  height: 100%;\n  color: #333;\n  background-color: transparent;\n}\n\n.vtable-sheet-formula-input:focus {\n  outline: none;\n}\n\n/* 公式操作按钮容器 */\n.vtable-sheet-formula-actions {\n  flex: 0;\n  display: flex;\n  align-items: right;\n  height: 100%;\n  width: 100px;\n  padding: 0 4px;\n  border-left: 1px solid #e0e0e0;\n}\n\n/* 公式操作按钮 */\n.vtable-sheet-formula-button {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n  border-radius: 2px;\n  transition: all 0.2s;\n}\n\n/* 取消按钮 */\n.vtable-sheet-formula-cancel:hover {\n  color: #d93025;\n  background-color: #f8f8f8;\n}\n\n/* 确认按钮 */\n.vtable-sheet-formula-confirm:hover {\n  color: #1e8e3e;\n  background-color: #f8f8f8;\n}\n\n/* 其他按钮样式 - 当有更多功能时使用 */\n.vtable-sheet-formula-more {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n}\n\n.vtable-sheet-formula-more:hover {\n  color: #1a73e8;\n}\n\n/* 取消之前不需要的工具栏样式 */\n.vtable-sheet-toolbar,\n.vtable-sheet-toolbar-group {\n  display: none;\n} \n`;\n\n  document.head.appendChild(styleElement);\n}\n"]}
+{"version":3,"sources":["../src/styles/formula-bar.ts"],"names":[],"mappings":";;;AAAA,sCAAmC;AAEnC,SAAgB,WAAW;IACzB,IAAI,SAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,OAAO;KACR;IACD,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACrD,YAAY,CAAC,EAAE,GAAG,qCAAqC,CAAC;IACxD,YAAY,CAAC,WAAW,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiI5B,CAAC;IAEA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC1C,CAAC;AA1ID,kCA0IC","file":"formula-bar.js","sourcesContent":["import { Env } from '../tools/env';\n\nexport function importStyle() {\n  if (Env.mode === 'node') {\n    return;\n  }\n  const styleElement = document.createElement('style');\n  styleElement.id = 'vtable-sheet-formula-bar-styleSheet';\n  styleElement.textContent = `\n  /* 公式栏样式 */\n.vtable-sheet-formula-bar {\n  height: 30px;\n  padding: 0;\n  border-bottom: 1px solid #e0e0e0;\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  position: relative;\n  z-index: 10;\n  box-shadow: 0 1px 2px rgba(0,0,0,0.05);\n  flex-grow: 1; /* 占据剩余宽度 */\n  height: 100%; /* 确保高度填满父容器 */\n  \n}\n\n/* 单元格地址显示 */\n.vtable-sheet-cell-address {\n  width: 60px;\n  padding: 0 10px;\n  display: flex;\n  align-items: center;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  color: #333;\n  height: 100%;\n  border: 1px solid #e0e0e0;\n  font-size: 13px;\n}\n\n/* fx图标 */\n.vtable-sheet-formula-icon {\n  font-weight: normal;\n  font-style: italic;\n  margin: 0 8px;\n  font-size: 14px;\n  color: #666;\n  font-family: monospace;\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* 公式输入框 */\n.vtable-sheet-formula-input {\n  flex: 1;\n  padding: 0 8px;\n  border: none;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  outline: none;\n  font-size: 13px;\n  height: 100%;\n  color: #333;\n  background-color: transparent;\n}\n\n.vtable-sheet-formula-input:focus {\n  outline: none;\n}\n\n/* 公式操作按钮容器 */\n.vtable-sheet-formula-actions {\n  flex: 0;\n  display: flex;\n  align-items: right;\n  height: 100%;\n  width: 100px;\n  padding: 0 4px;\n  border-left: 1px solid #e0e0e0;\n}\n\n/* 公式操作按钮 */\n.vtable-sheet-formula-button {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 12px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n  border-radius: 2px;\n  transition: all 0.2s;\n}\n\n/* 取消按钮 */\n.vtable-sheet-formula-cancel:hover {\n  color: #d93025;\n  background-color: #f8f8f8;\n}\n\n/* 确认按钮 */\n.vtable-sheet-formula-confirm:hover {\n  color: #1e8e3e;\n  background-color: #f8f8f8;\n}\n\n/* 其他按钮样式 - 当有更多功能时使用 */\n.vtable-sheet-formula-more {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: none;\n  border: none;\n  cursor: pointer;\n  font-size: 16px;\n  color: #666;\n  margin: 0 2px;\n  padding: 0;\n}\n\n.vtable-sheet-formula-more:hover {\n  color: #1a73e8;\n}\n\n/* 取消之前不需要的工具栏样式 */\n.vtable-sheet-toolbar,\n.vtable-sheet-toolbar-group {\n  display: none;\n} \n`;\n\n  document.head.appendChild(styleElement);\n}\n"]}

package/dist/vtable-sheet.js

@@ -18123,9 +18123,10 @@
           }), context.highPerformanceRestore(), context.setTransformForCurrent();
         } else {
           const {
-            backgroundCornerRadius: backgroundCornerRadius
+            backgroundCornerRadius: backgroundCornerRadius,
+            backgroundOpacity = 1
           } = graphic.attribute;
-          context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
+          context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.globalAlpha = backgroundOpacity, context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
         }
         shouldReCalBounds && boundsAllocate.free(b), restore();
       }
@@ -35571,7 +35572,31 @@
         return graphicCreator.symbol(style);
       }
       _renderHandlerText(value, position) {
-        var _a, _b, _c;
+        return graphicCreator.text(this._getHandlerTextAttributes(value, position));
+      }
+      _getHandlerPosition(isStart) {
+        return this.attribute.range && isStart ? "start" : "end";
+      }
+      _getHandlerTextStyle(value, position) {
+        const {
+          align: align,
+          handlerSize = 14,
+          handlerText = {},
+          railHeight: railHeight,
+          railWidth: railWidth,
+          slidable: slidable
+        } = this.attribute;
+        return isFunction$4(handlerText.style) ? handlerText.style(value, position, {
+          layout: this.attribute.layout,
+          align: align,
+          railWidth: railWidth,
+          railHeight: railHeight,
+          handlerSize: handlerSize,
+          slidable: slidable
+        }) : handlerText.style;
+      }
+      _getHandlerTextAttributes(value, position) {
+        var _a, _b;
         const {
             align: align,
             handlerSize = 14,
@@ -35583,13 +35608,13 @@
           isHorizontal = this._isHorizontal,
           pos = this.calculatePosByValue(value, position),
           textSpace = null !== (_a = handlerText.space) && void 0 !== _a ? _a : 4,
+          handlerTextStyle = this._getHandlerTextStyle(value, position),
           textStyle = {
             text: handlerText.formatter ? handlerText.formatter(value) : value.toFixed(null !== (_b = handlerText.precision) && void 0 !== _b ? _b : 0),
-            lineHeight: null === (_c = handlerText.style) || void 0 === _c ? void 0 : _c.lineHeight,
+            lineHeight: null == handlerTextStyle ? void 0 : handlerTextStyle.lineHeight,
             cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
           };
-        isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = pos) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = pos);
-        return graphicCreator.text(Object.assign(Object.assign({}, textStyle), handlerText.style));
+        return isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = pos) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = pos), Object.assign(Object.assign({}, textStyle), handlerTextStyle);
       }
       _renderTooltip() {
         var _a;
@@ -35717,31 +35742,19 @@
         }
       }
       _updateHandler(handler, position, value) {
-        var _a;
         const isHorizontal = this._isHorizontal;
         handler.setAttribute(isHorizontal ? "x" : "y", position);
         const updateHandlerText = handler.name === SLIDER_ELEMENT_NAME.startHandler ? this._startHandlerText : this._endHandlerText;
         if (updateHandlerText) {
-          const {
-            handlerText = {}
-          } = this.attribute;
-          updateHandlerText.setAttributes({
-            text: handlerText.formatter ? handlerText.formatter(value) : value.toFixed(null !== (_a = handlerText.precision) && void 0 !== _a ? _a : 0),
-            [isHorizontal ? "x" : "y"]: position
-          });
+          const handlerPosition = this._getHandlerPosition(handler.name === SLIDER_ELEMENT_NAME.startHandler);
+          updateHandlerText.setAttributes(this._getHandlerTextAttributes(value, handlerPosition));
         }
         handler.name === SLIDER_ELEMENT_NAME.startHandler ? (this._currentValue.startValue = value, this._currentValue.startPos = position) : (this._currentValue.endValue = value, this._currentValue.endPos = position);
       }
       _updateHandlerText(handlerText, position, value) {
-        var _a;
         const isHorizontal = this._isHorizontal,
-          {
-            handlerText: handlerTextAttr = {}
-          } = this.attribute;
-        handlerText.setAttributes({
-          [isHorizontal ? "x" : "y"]: position,
-          text: handlerTextAttr.formatter ? handlerTextAttr.formatter(value) : value.toFixed(null !== (_a = handlerTextAttr.precision) && void 0 !== _a ? _a : 0)
-        });
+          handlerPosition = this._getHandlerPosition(handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText);
+        handlerText.setAttributes(this._getHandlerTextAttributes(value, handlerPosition));
         const updateHandler = handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText ? this._startHandler : this._endHandler;
         updateHandler && updateHandler.setAttributes({
           [isHorizontal ? "x" : "y"]: position
@@ -45586,15 +45599,17 @@
       } else if ("sparkline" === type) {
         cellGroup = Factory.getFunction("createSparkLineCellGroup")(null, columnGroup, 0, y, col, row, cellWidth, cellHeight, padding, table, cellTheme, isAsync);
       } else if ("checkbox" === type) {
-        const isAggregation = "isAggregation" in table.internalProps.layoutMap && table.internalProps.layoutMap.isAggregation(col, row),
-          isSeriesNumber = table.internalProps.layoutMap.isSeriesNumber(col, row);
-        if (isAggregation && isSeriesNumber) {
+        if ("isAggregation" in table.internalProps.layoutMap && table.internalProps.layoutMap.isAggregation(col, row)) {
           cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, void 0, !0, cellTheme, range, isAsync);
         } else {
           cellGroup = Factory.getFunction("createCheckboxCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync, !1);
         }
       } else if ("radio" === type) {
-        cellGroup = Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define, range);
+        if ("isAggregation" in table.internalProps.layoutMap && table.internalProps.layoutMap.isAggregation(col, row)) {
+          cellGroup = Factory.getFunction("createTextCellGroup")(table, value, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, !1, void 0, !0, cellTheme, range, isAsync);
+        } else {
+          cellGroup = Factory.getFunction("createRadioCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, table, cellTheme, define, range);
+        }
       } else if ("switch" === type) {
         cellGroup = Factory.getFunction("createSwitchCellGroup")(null, columnGroup, 0, y, col, row, colWidth, cellWidth, cellHeight, padding, textAlign, textBaseline, mayHaveIcon, table, cellTheme, define, range, isAsync);
       } else if ("button" === type) {
@@ -54775,6 +54790,7 @@
       } else if (-1 === cellPos.col || -1 === cellPos.row || -1 !== col && -1 !== row) {
         if (interactionState !== InteractionState.default || table.eventManager.isDraging || table.stateManager.isResizeCol()) {
           if ((interactionState === InteractionState.grabing || table.eventManager.isDraging) && !table.stateManager.isResizeCol()) {
+            if (col >= 0 && row >= 0 && isCellDisableSelect(table, col, row)) return void scenegraph.updateNextFrame();
             let extendSelectRange = !isValid$2(skipBodyMerge) || !skipBodyMerge;
             -1 === cellPos.col && (cellPos.col = col), -1 === cellPos.row && (cellPos.row = row), cellPos.col = col, cellPos.row = row;
             const currentRange = state.select.ranges[state.select.ranges.length - 1];
@@ -55970,8 +55986,11 @@
       updateOptionSetState() {
         this._updateOptionSetState(), this.setHoverState(), this.setSelectState(), this.setFrozenState();
       }
+      endResizeIfResizing() {
+        this.columnResize.resizing && (this.table.scenegraph.component.hideResizeCol(), this.columnResize.resizing = !1), this.rowResize.resizing && (this.table.scenegraph.component.hideResizeRow(), this.rowResize.resizing = !1), this.interactionState === InteractionState.grabing && (this.interactionState = InteractionState.default);
+      }
       _updateOptionSetState() {
-        this.interactionState = InteractionState.default, this.hoverIcon = {
+        this.endResizeIfResizing(), this.interactionState = InteractionState.default, this.hoverIcon = {
           col: -1,
           row: -1,
           icon: null
@@ -57100,6 +57119,7 @@
     }
 
     function bindTableGroupListener(eventManager) {
+      var _a, _b, _c;
       const table = eventManager.table,
         stateManager = table.stateManager,
         getEventArgsSet = e => getCellEventArgsSetWithTable(e, table);
@@ -57216,7 +57236,13 @@
           event: e.nativeEvent
         });
       }), table.scenegraph.tableGroup.addEventListener("pointerleave", e => {
-        stateManager.isResizeCol() || stateManager.isResizeRow() || stateManager.isMoveCol() || stateManager.isSelecting() || (stateManager.updateInteractionState(InteractionState.default), stateManager.updateCursor()), (table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.horizontalVisible || !table.theme.scrollStyle.horizontalVisible && "focus" === table.theme.scrollStyle.visible) && stateManager.hideHorizontalScrollBar(), (table.theme.scrollStyle.verticalVisible && "focus" === table.theme.scrollStyle.verticalVisible || !table.theme.scrollStyle.verticalVisible && "focus" === table.theme.scrollStyle.visible) && stateManager.hideVerticalScrollBar(), table.hasListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL) && -1 !== table.stateManager.hover.cellPos.col && -1 !== table.stateManager.hover.cellPos.row && table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, {
+        var _a, _b, _c;
+        stateManager.isResizeCol() || stateManager.isResizeRow() || stateManager.isMoveCol() || stateManager.isSelecting() || (stateManager.updateInteractionState(InteractionState.default), stateManager.updateCursor());
+        const scrollStyle = table.theme.scrollStyle,
+          horizontalVisible = null !== (_a = null == scrollStyle ? void 0 : scrollStyle.horizontalVisible) && void 0 !== _a ? _a : null == scrollStyle ? void 0 : scrollStyle.visible,
+          verticalVisible = null !== (_b = null == scrollStyle ? void 0 : scrollStyle.verticalVisible) && void 0 !== _b ? _b : null == scrollStyle ? void 0 : scrollStyle.visible,
+          barToSide = null !== (_c = null == scrollStyle ? void 0 : scrollStyle.barToSide) && void 0 !== _c && _c;
+        barToSide || "focus" !== horizontalVisible || stateManager.hideHorizontalScrollBar(), barToSide || "focus" !== verticalVisible || stateManager.hideVerticalScrollBar(), table.hasListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL) && -1 !== table.stateManager.hover.cellPos.col && -1 !== table.stateManager.hover.cellPos.row && table.fireListeners(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, {
           col: table.stateManager.hover.cellPos.col,
           row: table.stateManager.hover.cellPos.row,
           cellRange: table.getCellRangeRelativeRect({
@@ -57445,7 +57471,29 @@
           const isHasSelected = !!(null === (_a = stateManager.select.ranges) || void 0 === _a ? void 0 : _a.length);
           (null === (_b = table.options.customConfig) || void 0 === _b ? void 0 : _b.cancelSelectCellHook) ? (null === (_c = table.options.customConfig) || void 0 === _c ? void 0 : _c.cancelSelectCellHook(e)) && eventManager.dealTableSelect() : (null === (_e = null === (_d = table.options.select) || void 0 === _d ? void 0 : _d.blankAreaClickDeselect) || void 0 === _e || _e) && eventManager.dealTableSelect(), stateManager.endSelectCells(!0, isHasSelected), stateManager.updateCursor(), table.scenegraph.updateChartState(null, void 0), table.scenegraph.deactivateChart(-1, -1, !0);
         }
-      }), table.scenegraph.stage.addEventListener("pointermove", e => {
+      });
+      const scrollStyle = table.theme.scrollStyle,
+        barToSide = null !== (_a = null == scrollStyle ? void 0 : scrollStyle.barToSide) && void 0 !== _a && _a,
+        horizontalVisible = null !== (_b = null == scrollStyle ? void 0 : scrollStyle.horizontalVisible) && void 0 !== _b ? _b : null == scrollStyle ? void 0 : scrollStyle.visible,
+        verticalVisible = null !== (_c = null == scrollStyle ? void 0 : scrollStyle.verticalVisible) && void 0 !== _c ? _c : null == scrollStyle ? void 0 : scrollStyle.visible,
+        shouldShowScrollOnCanvasHover = barToSide && "focus" === horizontalVisible,
+        shouldShowVScrollOnCanvasHover = barToSide && "focus" === verticalVisible;
+      (shouldShowScrollOnCanvasHover || shouldShowVScrollOnCanvasHover) && (table.scenegraph.stage.addEventListener("pointerenter", e => {
+        var _a, _b, _c;
+        const target = e.target;
+        if (target === table.scenegraph.stage || (null === (_a = null == target ? void 0 : target.isDescendantsOf) || void 0 === _a ? void 0 : _a.call(target, table.scenegraph.stage))) {
+          if (shouldShowScrollOnCanvasHover) {
+            const relativeX = e.x - table.tableX,
+              target = table.options.scrollFrozenCols && (null === (_b = table.getFrozenColsOffset) || void 0 === _b ? void 0 : _b.call(table)) > 0 && relativeX >= 0 && relativeX < table.getFrozenColsWidth() ? "frozen" : table.options.scrollRightFrozenCols && (null === (_c = table.getRightFrozenColsOffset) || void 0 === _c ? void 0 : _c.call(table)) > 0 && relativeX > table.tableNoFrameWidth - table.getRightFrozenColsWidth() ? "rightFrozen" : "body";
+            stateManager.showHorizontalScrollBar(!1, target);
+          }
+          shouldShowVScrollOnCanvasHover && stateManager.showVerticalScrollBar();
+        }
+      }), table.scenegraph.stage.addEventListener("pointerleave", e => {
+        var _a;
+        const relatedTarget = e.relatedTarget;
+        (!relatedTarget || relatedTarget !== table.scenegraph.stage && !(null === (_a = relatedTarget.isDescendantsOf) || void 0 === _a ? void 0 : _a.call(relatedTarget, table.scenegraph.stage))) && (shouldShowScrollOnCanvasHover && stateManager.hideHorizontalScrollBar(), shouldShowVScrollOnCanvasHover && stateManager.hideVerticalScrollBar());
+      })), table.scenegraph.stage.addEventListener("pointermove", e => {
         var _a, _b, _c;
         const eventArgsSet = getCellEventArgsSetWithTable(e, table);
         null !== (_c = null === (_b = null === (_a = e.target) || void 0 === _a ? void 0 : _a.isDescendantsOf) || void 0 === _b ? void 0 : _b.call(_a, table.scenegraph.tableGroup)) && void 0 !== _c && _c && (stateManager.isResizeCol() || eventManager.checkColumnResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("col-resize") : stateManager.isResizeRow() || eventManager.checkRowResize(eventArgsSet) ? table.stateManager.select && eventManager.checkCellFillhandle(eventArgsSet) ? stateManager.updateCursor("crosshair") : stateManager.updateCursor("row-resize") : stateManager.isMoveCol() || stateManager.updateCursor());
@@ -58004,7 +58052,10 @@
               right || left || (x > table.tableNoFrameWidth - table.getRightFrozenColsWidth() && x < table.tableNoFrameWidth || x > 0 && x < table.getFrozenColsWidth() ? (selectX = x, considerFrozenX = !0) : selectX = table.scrollLeft + frozenOffset + x), bottom || top || (y > table.tableNoFrameHeight - table.getBottomFrozenRowsHeight() && y < table.tableNoFrameHeight || y > 0 && y < table.getFrozenRowsHeight() ? (selectY = y, considerFrozenY = !0) : selectY = table.scrollTop + y), table.stateManager.updateInteractionState(InteractionState.grabing);
               const targetCol = table.getTargetColAtConsiderRightFrozen(selectX, considerFrozenX),
                 targetRow = table.getTargetRowAtConsiderBottomFrozen(selectY, considerFrozenY);
-              !(null === (_c = table.options.select) || void 0 === _c ? void 0 : _c.disableDragSelect) && isValid$2(targetCol) && isValid$2(targetRow) && table.stateManager.updateSelectPos("row" === table.stateManager.select.selectInline ? table.colCount - 1 : targetCol.col, "col" === table.stateManager.select.selectInline ? table.rowCount - 1 : targetRow.row, !1, !1, !1, !1);
+              if (!(null === (_c = table.options.select) || void 0 === _c ? void 0 : _c.disableDragSelect) && isValid$2(targetCol) && isValid$2(targetRow)) {
+                if (isCellDisableSelect(table, targetCol.col, targetRow.row)) return;
+                table.stateManager.updateSelectPos("row" === table.stateManager.select.selectInline ? table.colCount - 1 : targetCol.col, "col" === table.stateManager.select.selectInline ? table.rowCount - 1 : targetRow.row, !1, !1, !1, !1);
+              }
             });
           } else table.eventManager.inertiaScroll.isInertiaScrolling() ? table.eventManager.inertiaScroll.endInertia() : table.eventManager.scrollYSpeed = 0;
         }
@@ -60080,6 +60131,7 @@
         switch (headerType) {
           case "text":
           case "link":
+          default:
             return TextHeaderStyle;
           case "image":
           case "video":
@@ -61126,7 +61178,7 @@
       }
       constructor(container, options = {}) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
-        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.25.1-alpha.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
+        if (super(), this.showFrozenIcon = !0, this._scrollToRowCorrectTimer = null, this._tableBorderWidth_left = 0, this._tableBorderWidth_right = 0, this._tableBorderWidth_top = 0, this._tableBorderWidth_bottom = 0, this.version = "1.26.0", this.id = `VTable${Date.now()}`, this.isReleased = !1, this._chartEventMap = {}, this.throttleInvalidate = throttle2(this.render.bind(this), 200), "undefined" != typeof window) {
           const g = window;
           g[this.id] = this;
           const registry = g.__vtable__ || (g.__vtable__ = {
@@ -62531,9 +62583,13 @@
       }
       getCellType(col, row) {
         let cellType;
-        return this.isSeriesNumberInHeader(col, row) ? this.internalProps.layoutMap.getSeriesNumberHeader(col, row).cellType : (cellType = this.isHeader(col, row) ? this.internalProps.layoutMap.getHeader(col, row).headerType : this.internalProps.layoutMap.getBody(col, row).cellType, getProp("cellType", {
+        if (this.isSeriesNumberInHeader(col, row)) {
+          const seriesHeaderCellType = this.internalProps.layoutMap.getSeriesNumberHeader(col, row).cellType;
+          return "radio" === seriesHeaderCellType ? "text" : seriesHeaderCellType;
+        }
+        return cellType = this.isHeader(col, row) ? this.internalProps.layoutMap.getHeader(col, row).headerType : this.internalProps.layoutMap.getBody(col, row).cellType, getProp("cellType", {
           cellType: cellType
-        }, col, row, this));
+        }, col, row, this);
       }
       getHeaderField(col, row) {
         return this.internalProps.layoutMap.getHeaderField(col, row);
@@ -66529,7 +66585,7 @@
       setRecords(records, option) {
         var _a, _b, _c, _d, _e;
         let sort;
-        clearChartRenderQueue(), null === (_a = this.internalProps.dataSource) || void 0 === _a || _a.release(), this.internalProps.releaseList = null === (_b = this.internalProps.releaseList) || void 0 === _b ? void 0 : _b.filter(item => !item.dataSourceObj), this.internalProps.dataSource = null, Array.isArray(option) || (null == option ? void 0 : option.order) ? sort = option : option ? sort = option.sortState : null === option && (sort = null);
+        this.stateManager.endResizeIfResizing(), clearChartRenderQueue(), null === (_a = this.internalProps.dataSource) || void 0 === _a || _a.release(), this.internalProps.releaseList = null === (_b = this.internalProps.releaseList) || void 0 === _b ? void 0 : _b.filter(item => !item.dataSourceObj), this.internalProps.dataSource = null, Array.isArray(option) || (null == option ? void 0 : option.order) ? sort = option : option ? sort = option.sortState : null === option && (sort = null);
         "undefined" != typeof window && window.performance.now();
         const oldHoverState = {
           col: this.stateManager.hover.cellPos.col,
@@ -95102,7 +95158,7 @@
   margin: 0 8px;
   font-size: 14px;
   color: #666;
-  font-family: 'Roboto Mono', monospace;
+  font-family: monospace;
   width: 20px;
   display: flex;
   align-items: center;
@@ -95716,7 +95772,7 @@
         importStyle();
     }
 
-    const version = "1.25.1-alpha.0";
+    const version = "1.26.0";
     importStyles();
 
     exports.TYPES = index;