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

package/cjs/core/table-plugins.js

@@ -264,5 +264,4 @@ function createFormulaDetectionOptions(sheetDefine, options, vtableSheet) {
     };
 }
 
-exports.getTablePlugins = getTablePlugins, exports.createFormulaDetectionOptions = createFormulaDetectionOptions;
-//# sourceMappingURL=table-plugins.js.map
+exports.getTablePlugins = getTablePlugins, exports.createFormulaDetectionOptions = createFormulaDetectionOptions;

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/formula/cell-highlight-manager.js

@@ -142,5 +142,4 @@ class CellHighlightManager {
     }
 }
 
-exports.CellHighlightManager = CellHighlightManager;
-//# sourceMappingURL=cell-highlight-manager.js.map
+exports.CellHighlightManager = CellHighlightManager;

package/cjs/formula/index.js

@@ -74,4 +74,5 @@ Object.defineProperty(exports, "CrossSheetFormulaHandler", {
     get: function() {
         return cross_sheet_formula_handler_1.CrossSheetFormulaHandler;
     }
-});
+});
+//# sourceMappingURL=index.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.25.1-alpha.1";
 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.25.1-alpha.1", (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,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.1\";\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
@@ -61126,7 +61139,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.25.1-alpha.1", 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__ = {
@@ -95102,7 +95115,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 +95729,7 @@
         importStyle();
     }
 
-    const version = "1.25.1-alpha.0";
+    const version = "1.25.1-alpha.1";
     importStyles();
 
     exports.TYPES = index;