@visactor/vrender 1.0.43-alpha.0 → 1.0.43-alpha.1

package/cjs/index.d.ts

@@ -1,5 +1,5 @@
 import '@visactor/vrender-core';
-export declare const version = "1.0.43-alpha.0";
+export declare const version = "1.0.43-alpha.1";
 export * from '@visactor/vrender-core';
 export * from '@visactor/vrender-kits';
 export * from '@visactor/vrender-animate';

package/cjs/index.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 
 const vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_kits_2 = require("@visactor/vrender-kits"), vrender_animate_1 = require("@visactor/vrender-animate");
 
-exports.version = "1.0.43-alpha.0", (0, vrender_core_1.preLoadAllModule)(), (0, 
+exports.version = "1.0.43-alpha.1", (0, vrender_core_1.preLoadAllModule)(), (0, 
 vrender_core_1.isBrowserEnv)() ? (0, vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, 
 vrender_core_1.isNodeEnv)() && (0, vrender_kits_1.loadNodeEnv)(vrender_core_1.container), 
 (0, vrender_kits_2.registerArc)(), (0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAmF;AACnF,yDAmBgC;AAChC,+DAAmF;AAEtE,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,2BAAY,GAAE,CAAC;AAEf,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AAEtB,IAAA,uCAAqB,GAAE,CAAC;AACxB,IAAA,iCAAe,GAAE,CAAC;AAElB,yDAAuC;AACvC,yDAAuC;AACvC,4DAA0C;AAC1C,+DAA6C;AAG7C,6DAAkD;AAAzC,wGAAA,KAAK,OAAA;AACd,uDAAmD;AAA1C,yGAAA,SAAS,OAAA","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv, registerStar } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\nimport { registerCustomAnimate, registerAnimate } from '@visactor/vrender-animate';\n// 导出版本号\nexport const version = \"1.0.43-alpha.0\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\nregisterStar();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\n\nregisterCustomAnimate();\nregisterAnimate();\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-animate';\nexport * from '@visactor/vrender-components';\n\n// avoid naming conflicts with 'State' & 'Direction' in '@visactor/vrender-components'\nexport { State } from '@visactor/vrender-animate';\nexport { Direction } from '@visactor/vrender-core';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAmF;AACnF,yDAmBgC;AAChC,+DAAmF;AAEtE,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,2BAAY,GAAE,CAAC;AAEf,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AAEtB,IAAA,uCAAqB,GAAE,CAAC;AACxB,IAAA,iCAAe,GAAE,CAAC;AAElB,yDAAuC;AACvC,yDAAuC;AACvC,4DAA0C;AAC1C,+DAA6C;AAG7C,6DAAkD;AAAzC,wGAAA,KAAK,OAAA;AACd,uDAAmD;AAA1C,yGAAA,SAAS,OAAA","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv, registerStar } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\nimport { registerCustomAnimate, registerAnimate } from '@visactor/vrender-animate';\n// 导出版本号\nexport const version = \"1.0.43-alpha.1\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\nregisterStar();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\n\nregisterCustomAnimate();\nregisterAnimate();\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-animate';\nexport * from '@visactor/vrender-components';\n\n// avoid naming conflicts with 'State' & 'Direction' in '@visactor/vrender-components'\nexport { State } from '@visactor/vrender-animate';\nexport { Direction } from '@visactor/vrender-core';\n"]}

package/dist/index.es.js

@@ -31720,6 +31720,11 @@ class RAFTickHandler {
   }
 }
 class DefaultTicker extends EventEmitter {
+  pushFrameTime(time) {
+    this.frameTimeHistory.push(time);
+    const overflow = this.frameTimeHistory.length - 600;
+    overflow > 0 && this.frameTimeHistory.splice(0, overflow);
+  }
   constructor(stage) {
     super(), this.timelines = [], this.frameTimeHistory = [], this.handleTick = (handler, params) => {
       const {
@@ -31727,10 +31732,10 @@ class DefaultTicker extends EventEmitter {
       } = null != params ? params : {};
       if (this.ifCanStop()) return this.stop(), !1;
       const currentTime = handler.getTime();
-      this._lastTickTime = currentTime, this.lastFrameTime < 0 && (this.lastFrameTime = currentTime - this.interval + this.timeOffset, this.frameTimeHistory.push(this.lastFrameTime));
+      this._lastTickTime = currentTime, this.lastFrameTime < 0 && (this.lastFrameTime = currentTime - this.interval + this.timeOffset, this.pushFrameTime(this.lastFrameTime));
       const delta = currentTime - this.lastFrameTime,
         skip = this.checkSkip(delta);
-      return skip || (this._handlerTick(delta), this.lastFrameTime = currentTime, this.frameTimeHistory.push(this.lastFrameTime)), once || handler.tick(this.interval, this.handleTick), !skip;
+      return skip || (this._handlerTick(delta), this.lastFrameTime = currentTime, this.pushFrameTime(this.lastFrameTime)), once || handler.tick(this.interval, this.handleTick), !skip;
     }, this._handlerTick = delta => {
       this.status === STATUS$1.RUNNING && (this.tickCounts++, this.timelines.forEach(timeline => {
         timeline.tick(delta);
@@ -31822,7 +31827,7 @@ class DefaultTicker extends EventEmitter {
   }
   release() {
     var _a;
-    this.stop(), this.timelines = [], null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1, application.global.hooks.onSetEnv.unTap("graph-ticker", this._handleGraphTick);
+    this.stop(), this.timelines = [], this.frameTimeHistory.length = 0, null === (_a = this.tickerHandler) || void 0 === _a || _a.release(), this.tickerHandler = null, this.lastFrameTime = -1, application.global.hooks.onSetEnv.unTap("graph-ticker", this._handleGraphTick);
   }
   checkSkip(delta) {
     var _a, _b, _c;
@@ -44967,16 +44972,6 @@ const DEFAULT_HANDLER_ATTR_MAP = {
     strokeBoundsBuffer: 0
   }
 };
-const LAYOUT_LEVEL = {
-  background: 0,
-  preview: 1,
-  dragMask: 2,
-  selectedBackground: 3,
-  selectedPreview: 4,
-  handler: 5,
-  handlerText: 5,
-  handlerMask: 999
-};
 
 const isTextOverflow = (componentBoundsLike, textBounds, layout, isHorizontal) => {
   if (!textBounds) return !1;
@@ -45108,14 +45103,12 @@ class DataZoomRenderer {
       x: position.x + start * width,
       y: position.y,
       width: (end - start) * width,
-      height: height,
-      zIndex: LAYOUT_LEVEL.dragMask
+      height: height
     }, dragMaskStyle), "rect") : this._dragMask = this._getContainer().createOrUpdateChild("dragMask", Object.assign({
       x: position.x,
       y: position.y + start * height,
       width: width,
-      height: (end - start) * height,
-      zIndex: LAYOUT_LEVEL.dragMask
+      height: (end - start) * height
     }, dragMaskStyle), "rect"), {
       start: start,
       end: end
@@ -45139,8 +45132,7 @@ class DataZoomRenderer {
       y: position.y,
       width: width,
       height: height,
-      cursor: brushSelect ? "crosshair" : "auto",
-      zIndex: LAYOUT_LEVEL.background
+      cursor: brushSelect ? "crosshair" : "auto"
     }, backgroundStyle), {
       pickable: !zoomLock && (null === (_a = backgroundStyle.pickable) || void 0 === _a || _a)
     }), "rect");
@@ -45173,8 +45165,7 @@ class DataZoomRenderer {
           x: position.x + start * width,
           y: position.y - middleHandlerBackgroundSize,
           width: (end - start) * width,
-          height: middleHandlerBackgroundSize,
-          zIndex: LAYOUT_LEVEL.handler
+          height: middleHandlerBackgroundSize
         }, null === (_d = middleHandlerStyle.background) || void 0 === _d ? void 0 : _d.style), {
           pickable: !zoomLock && (null === (_g = null === (_f = null === (_e = middleHandlerStyle.background) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.pickable) || void 0 === _g || _g)
         }), "rect"), this._middleHandlerSymbol = group.createOrUpdateChild("middleHandlerSymbol", Object.assign(Object.assign({
@@ -45182,29 +45173,24 @@ class DataZoomRenderer {
           y: position.y - middleHandlerBackgroundSize / 2,
           strokeBoundsBuffer: 0,
           angle: 0,
-          symbolType: null !== (_j = null === (_h = middleHandlerStyle.icon) || void 0 === _h ? void 0 : _h.symbolType) && void 0 !== _j ? _j : "square",
-          zIndex: LAYOUT_LEVEL.handler
+          symbolType: null !== (_j = null === (_h = middleHandlerStyle.icon) || void 0 === _h ? void 0 : _h.symbolType) && void 0 !== _j ? _j : "square"
         }, middleHandlerStyle.icon), {
           pickable: !zoomLock && (null === (_k = middleHandlerStyle.icon.pickable) || void 0 === _k || _k)
         }), "symbol");
       }
-      this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign(Object.assign({
+      this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign({
         x: position.x + start * width,
         y: position.y + height / 2,
         size: height,
         symbolType: null !== (_l = startHandlerStyle.symbolType) && void 0 !== _l ? _l : "square"
-      }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
-        zIndex: LAYOUT_LEVEL.handler
-      }), startHandlerStyle), {
+      }, DEFAULT_HANDLER_ATTR_MAP.horizontal), startHandlerStyle), {
         pickable: !zoomLock && (null === (_m = startHandlerStyle.pickable) || void 0 === _m || _m)
-      }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign(Object.assign({
+      }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign({
         x: position.x + end * width,
         y: position.y + height / 2,
         size: height,
         symbolType: null !== (_o = endHandlerStyle.symbolType) && void 0 !== _o ? _o : "square"
-      }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
-        zIndex: LAYOUT_LEVEL.handler
-      }), endHandlerStyle), {
+      }, DEFAULT_HANDLER_ATTR_MAP.horizontal), endHandlerStyle), {
         pickable: !zoomLock && (null === (_p = endHandlerStyle.pickable) || void 0 === _p || _p)
       }), "symbol");
       const startHandlerWidth = Math.max(this._startHandler.AABBBounds.width(), startHandlerMinSize),
@@ -45218,7 +45204,7 @@ class DataZoomRenderer {
         height: startHandlerHeight,
         fill: "white",
         fillOpacity: 0,
-        zIndex: LAYOUT_LEVEL.handlerMask
+        zIndex: 999
       }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
         pickable: !zoomLock
       }), "rect"), this._endHandlerMask = group.createOrUpdateChild("endHandlerMask", Object.assign(Object.assign({
@@ -45228,7 +45214,7 @@ class DataZoomRenderer {
         height: endHandlerHeight,
         fill: "white",
         fillOpacity: 0,
-        zIndex: LAYOUT_LEVEL.handlerMask
+        zIndex: 999
       }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
         pickable: !zoomLock
       }), "rect");
@@ -45239,8 +45225,7 @@ class DataZoomRenderer {
           x: "left" === orient ? position.x - middleHandlerBackgroundSize : position.x + width,
           y: position.y + start * height,
           width: middleHandlerBackgroundSize,
-          height: (end - start) * height,
-          zIndex: LAYOUT_LEVEL.handler
+          height: (end - start) * height
         }, null === (_r = middleHandlerStyle.background) || void 0 === _r ? void 0 : _r.style), {
           pickable: !zoomLock && (null === (_u = null === (_t = null === (_s = middleHandlerStyle.background) || void 0 === _s ? void 0 : _s.style) || void 0 === _t ? void 0 : _t.pickable) || void 0 === _u || _u)
         }), "rect"), this._middleHandlerSymbol = group.createOrUpdateChild("middleHandlerSymbol", Object.assign(Object.assign({
@@ -45248,27 +45233,23 @@ class DataZoomRenderer {
           y: position.y + (start + end) / 2 * height,
           angle: Math.PI / 180 * 90,
           symbolType: null !== (_w = null === (_v = middleHandlerStyle.icon) || void 0 === _v ? void 0 : _v.symbolType) && void 0 !== _w ? _w : "square",
-          strokeBoundsBuffer: 0,
-          zIndex: LAYOUT_LEVEL.handler
+          strokeBoundsBuffer: 0
         }, middleHandlerStyle.icon), {
           pickable: !zoomLock && (null === (_y = null === (_x = middleHandlerStyle.icon) || void 0 === _x ? void 0 : _x.pickable) || void 0 === _y || _y)
         }), "symbol");
       }
-      this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign(Object.assign({
+      this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign({
         x: position.x + width / 2,
         y: position.y + start * height,
         size: width,
         symbolType: null !== (_z = startHandlerStyle.symbolType) && void 0 !== _z ? _z : "square"
-      }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
-        zIndex: LAYOUT_LEVEL.handler
-      }), startHandlerStyle), {
+      }, DEFAULT_HANDLER_ATTR_MAP.vertical), startHandlerStyle), {
         pickable: !zoomLock && (null === (_0 = startHandlerStyle.pickable) || void 0 === _0 || _0)
       }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign({
         x: position.x + width / 2,
         y: position.y + end * height,
         size: width,
-        symbolType: null !== (_1 = endHandlerStyle.symbolType) && void 0 !== _1 ? _1 : "square",
-        zIndex: LAYOUT_LEVEL.handler
+        symbolType: null !== (_1 = endHandlerStyle.symbolType) && void 0 !== _1 ? _1 : "square"
       }, DEFAULT_HANDLER_ATTR_MAP.vertical), endHandlerStyle), {
         pickable: !zoomLock && (null === (_2 = endHandlerStyle.pickable) || void 0 === _2 || _2)
       }), "symbol");
@@ -45283,7 +45264,7 @@ class DataZoomRenderer {
         height: endHandlerWidth,
         fill: "white",
         fillOpacity: 0,
-        zIndex: LAYOUT_LEVEL.handlerMask
+        zIndex: 999
       }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
         pickable: !zoomLock
       }), "rect"), this._endHandlerMask = group.createOrUpdateChild("endHandlerMask", Object.assign(Object.assign({
@@ -45293,7 +45274,7 @@ class DataZoomRenderer {
         height: endHandlerWidth,
         fill: "white",
         fillOpacity: 0,
-        zIndex: LAYOUT_LEVEL.handlerMask
+        zIndex: 999
       }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
         pickable: !zoomLock
       }), "rect");
@@ -45322,8 +45303,7 @@ class DataZoomRenderer {
       y: position.y,
       width: (end - start) * width,
       height: height,
-      cursor: brushSelect ? "crosshair" : "move",
-      zIndex: LAYOUT_LEVEL.selectedBackground
+      cursor: brushSelect ? "crosshair" : "move"
     }, selectedBackgroundStyle), {
       pickable: !zoomLock && (null === (_a = selectedBackgroundChartStyle.pickable) || void 0 === _a || _a)
     }), "rect") : this._selectedBackground = group.createOrUpdateChild("selectedBackground", Object.assign(Object.assign({
@@ -45331,16 +45311,14 @@ class DataZoomRenderer {
       y: position.y + start * height,
       width: width,
       height: (end - start) * height,
-      cursor: brushSelect ? "crosshair" : "move",
-      zIndex: LAYOUT_LEVEL.selectedBackground
+      cursor: brushSelect ? "crosshair" : "move"
     }, selectedBackgroundStyle), {
       pickable: !zoomLock && (null === (_b = selectedBackgroundStyle.pickable) || void 0 === _b || _b)
     }), "rect");
   }
   _setPreviewAttributes(type, group) {
     this._previewGroup || (this._previewGroup = group.createOrUpdateChild("previewGroup", {
-      pickable: !1,
-      zIndex: LAYOUT_LEVEL.preview
+      pickable: !1
     }, "group")), "line" === type ? this._previewLine = this._previewGroup.createOrUpdateChild("previewLine", {}, "line") : this._previewArea = this._previewGroup.createOrUpdateChild("previewArea", {
       curveType: "basis"
     }, "area");
@@ -45359,8 +45337,7 @@ class DataZoomRenderer {
   }
   _setSelectedPreviewClipAttributes(type, group) {
     this._selectedPreviewGroupClip || (this._selectedPreviewGroupClip = group.createOrUpdateChild("selectedPreviewGroupClip", {
-      pickable: !1,
-      zIndex: LAYOUT_LEVEL.selectedPreview
+      pickable: !1
     }, "group"), this._selectedPreviewGroup = this._selectedPreviewGroupClip.createOrUpdateChild("selectedPreviewGroup", {}, "group"));
     const {
         start: start,
@@ -49195,7 +49172,31 @@ class Slider extends AbstractComponent {
     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$1(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,
@@ -49207,13 +49208,13 @@ class Slider extends AbstractComponent {
       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;
@@ -49341,31 +49342,19 @@ class Slider extends AbstractComponent {
     }
   }
   _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
@@ -53141,7 +53130,7 @@ TableSeriesNumber.defaultAttributes = {
   select: !0
 };
 
-const version = "1.0.43-alpha.0";
+const version = "1.0.43-alpha.1";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);