@visactor/vrender 1.0.41 → 1.0.43-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/cjs/index.d.ts +1 -1
  2. package/cjs/index.js +11 -10
  3. package/cjs/index.js.map +1 -1
  4. package/dist/index.es.js +79 -31
  5. package/dist/index.js +79 -31
  6. package/dist/index.min.js +1 -1
  7. package/es/index.d.ts +1 -1
  8. package/es/index.js +1 -1
  9. package/es/index.js.map +1 -1
  10. package/package.json +5 -5
package/cjs/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import '@visactor/vrender-core';
2
- export declare const version = "1.0.41";
2
+ export declare const version = "1.0.43-alpha.0";
3
3
  export * from '@visactor/vrender-core';
4
4
  export * from '@visactor/vrender-kits';
5
5
  export * from '@visactor/vrender-animate';
package/cjs/index.js CHANGED
@@ -21,16 +21,17 @@ Object.defineProperty(exports, "__esModule", {
21
21
 
22
22
  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");
23
23
 
24
- exports.version = "1.0.41", (0, vrender_core_1.preLoadAllModule)(), (0, vrender_core_1.isBrowserEnv)() ? (0,
25
- vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, vrender_core_1.isNodeEnv)() && (0,
26
- vrender_kits_1.loadNodeEnv)(vrender_core_1.container), (0, vrender_kits_2.registerArc)(),
27
- (0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), (0, vrender_kits_2.registerCircle)(),
28
- (0, vrender_kits_2.registerGlyph)(), (0, vrender_kits_2.registerGroup)(), (0, vrender_kits_2.registerImage)(),
29
- (0, vrender_kits_2.registerLine)(), (0, vrender_kits_2.registerPath)(), (0, vrender_kits_2.registerPolygon)(),
30
- (0, vrender_kits_2.registerPyramid3d)(), (0, vrender_kits_2.registerRect)(), (0,
31
- vrender_kits_2.registerRect3d)(), (0, vrender_kits_2.registerRichtext)(), (0, vrender_kits_2.registerShadowRoot)(),
32
- (0, vrender_kits_2.registerSymbol)(), (0, vrender_kits_2.registerText)(), (0, vrender_kits_2.registerWrapText)(),
33
- (0, vrender_kits_1.registerStar)(), (0, vrender_core_1.registerFlexLayoutPlugin)(),
24
+ exports.version = "1.0.43-alpha.0", (0, vrender_core_1.preLoadAllModule)(), (0,
25
+ vrender_core_1.isBrowserEnv)() ? (0, vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0,
26
+ vrender_core_1.isNodeEnv)() && (0, vrender_kits_1.loadNodeEnv)(vrender_core_1.container),
27
+ (0, vrender_kits_2.registerArc)(), (0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(),
28
+ (0, vrender_kits_2.registerCircle)(), (0, vrender_kits_2.registerGlyph)(), (0, vrender_kits_2.registerGroup)(),
29
+ (0, vrender_kits_2.registerImage)(), (0, vrender_kits_2.registerLine)(), (0, vrender_kits_2.registerPath)(),
30
+ (0, vrender_kits_2.registerPolygon)(), (0, vrender_kits_2.registerPyramid3d)(),
31
+ (0, vrender_kits_2.registerRect)(), (0, vrender_kits_2.registerRect3d)(), (0, vrender_kits_2.registerRichtext)(),
32
+ (0, vrender_kits_2.registerShadowRoot)(), (0, vrender_kits_2.registerSymbol)(),
33
+ (0, vrender_kits_2.registerText)(), (0, vrender_kits_2.registerWrapText)(), (0,
34
+ vrender_kits_1.registerStar)(), (0, vrender_core_1.registerFlexLayoutPlugin)(),
34
35
  (0, vrender_core_1.registerViewTransform3dPlugin)(), (0, vrender_core_1.registerHtmlAttributePlugin)(),
35
36
  (0, vrender_core_1.registerReactAttributePlugin)(), (0, vrender_core_1.registerDirectionalLight)(),
36
37
  (0, vrender_core_1.registerOrthoCamera)(), (0, vrender_animate_1.registerCustomAnimate)(),
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAmF;AACnF,yDAmBgC;AAChC,+DAAmF;AAEtE,QAAA,OAAO,GAAG,QAAQ,CAAC;AAEhC,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.41\";\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"]}
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"]}
package/dist/index.es.js CHANGED
@@ -16027,9 +16027,10 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
16027
16027
  }), context.highPerformanceRestore(), context.setTransformForCurrent();
16028
16028
  } else {
16029
16029
  const {
16030
- backgroundCornerRadius: backgroundCornerRadius
16030
+ backgroundCornerRadius: backgroundCornerRadius,
16031
+ backgroundOpacity = 1
16031
16032
  } = graphic.attribute;
16032
- 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();
16033
+ 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();
16033
16034
  }
16034
16035
  shouldReCalBounds && boundsAllocate.free(b), restore();
16035
16036
  }
@@ -43556,8 +43557,9 @@ class LabelBase extends AnimateComponent {
43556
43557
  const label = labels[i];
43557
43558
  if (!label) continue;
43558
43559
  const baseMark = this.getRelatedGraphic(label.attribute);
43559
- let backgroundColor = baseMark.getAttributes(!0).fill,
43560
- foregroundColor = label.attribute.fill;
43560
+ let backgroundColor = baseMark.getAttributes(!0).fill;
43561
+ const backgroundOpacity = baseMark.getAttributes(!0).fillOpacity;
43562
+ let foregroundColor = label.attribute.fill;
43561
43563
  if (isObject$1(backgroundColor) && backgroundColor.gradient) {
43562
43564
  const firstStopColor = null === (_g = null === (_f = backgroundColor.stops) || void 0 === _f ? void 0 : _f[0]) || void 0 === _g ? void 0 : _g.color;
43563
43565
  firstStopColor && (backgroundColor = firstStopColor, foregroundColor = firstStopColor);
@@ -43571,11 +43573,26 @@ class LabelBase extends AnimateComponent {
43571
43573
  if (fill && label.setAttributes({
43572
43574
  fill: fill
43573
43575
  }), 0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
43574
- const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
43575
- stroke && label.setAttributes({
43576
- stroke: stroke
43577
- });
43576
+ if ("background" === interactInvertType) label.setAttributes({
43577
+ stroke: !1
43578
+ });else {
43579
+ const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
43580
+ stroke && label.setAttributes({
43581
+ stroke: stroke
43582
+ });
43583
+ }
43578
43584
  } else if (isIntersect && "none" !== interactInvertType) {
43585
+ if ("background" === interactInvertType) {
43586
+ const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
43587
+ fill && label.setAttributes({
43588
+ fill: fill
43589
+ }), label.setAttributes({
43590
+ stroke: !1,
43591
+ background: backgroundColor,
43592
+ backgroundOpacity: backgroundOpacity
43593
+ });
43594
+ continue;
43595
+ }
43579
43596
  if (0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
43580
43597
  if (label.attribute.stroke) {
43581
43598
  label.setAttributes({
@@ -43592,6 +43609,9 @@ class LabelBase extends AnimateComponent {
43592
43609
  stroke: stroke
43593
43610
  });
43594
43611
  }
43612
+ !1 === isInside && "background" === interactInvertType && label.setAttributes({
43613
+ background: null
43614
+ });
43595
43615
  }
43596
43616
  }
43597
43617
  _canPlaceInside(textBound, shapeBound) {
@@ -44947,6 +44967,16 @@ const DEFAULT_HANDLER_ATTR_MAP = {
44947
44967
  strokeBoundsBuffer: 0
44948
44968
  }
44949
44969
  };
44970
+ const LAYOUT_LEVEL = {
44971
+ background: 0,
44972
+ preview: 1,
44973
+ dragMask: 2,
44974
+ selectedBackground: 3,
44975
+ selectedPreview: 4,
44976
+ handler: 5,
44977
+ handlerText: 5,
44978
+ handlerMask: 999
44979
+ };
44950
44980
 
44951
44981
  const isTextOverflow = (componentBoundsLike, textBounds, layout, isHorizontal) => {
44952
44982
  if (!textBounds) return !1;
@@ -45078,12 +45108,14 @@ class DataZoomRenderer {
45078
45108
  x: position.x + start * width,
45079
45109
  y: position.y,
45080
45110
  width: (end - start) * width,
45081
- height: height
45111
+ height: height,
45112
+ zIndex: LAYOUT_LEVEL.dragMask
45082
45113
  }, dragMaskStyle), "rect") : this._dragMask = this._getContainer().createOrUpdateChild("dragMask", Object.assign({
45083
45114
  x: position.x,
45084
45115
  y: position.y + start * height,
45085
45116
  width: width,
45086
- height: (end - start) * height
45117
+ height: (end - start) * height,
45118
+ zIndex: LAYOUT_LEVEL.dragMask
45087
45119
  }, dragMaskStyle), "rect"), {
45088
45120
  start: start,
45089
45121
  end: end
@@ -45107,7 +45139,8 @@ class DataZoomRenderer {
45107
45139
  y: position.y,
45108
45140
  width: width,
45109
45141
  height: height,
45110
- cursor: brushSelect ? "crosshair" : "auto"
45142
+ cursor: brushSelect ? "crosshair" : "auto",
45143
+ zIndex: LAYOUT_LEVEL.background
45111
45144
  }, backgroundStyle), {
45112
45145
  pickable: !zoomLock && (null === (_a = backgroundStyle.pickable) || void 0 === _a || _a)
45113
45146
  }), "rect");
@@ -45140,7 +45173,8 @@ class DataZoomRenderer {
45140
45173
  x: position.x + start * width,
45141
45174
  y: position.y - middleHandlerBackgroundSize,
45142
45175
  width: (end - start) * width,
45143
- height: middleHandlerBackgroundSize
45176
+ height: middleHandlerBackgroundSize,
45177
+ zIndex: LAYOUT_LEVEL.handler
45144
45178
  }, null === (_d = middleHandlerStyle.background) || void 0 === _d ? void 0 : _d.style), {
45145
45179
  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)
45146
45180
  }), "rect"), this._middleHandlerSymbol = group.createOrUpdateChild("middleHandlerSymbol", Object.assign(Object.assign({
@@ -45148,24 +45182,29 @@ class DataZoomRenderer {
45148
45182
  y: position.y - middleHandlerBackgroundSize / 2,
45149
45183
  strokeBoundsBuffer: 0,
45150
45184
  angle: 0,
45151
- symbolType: null !== (_j = null === (_h = middleHandlerStyle.icon) || void 0 === _h ? void 0 : _h.symbolType) && void 0 !== _j ? _j : "square"
45185
+ symbolType: null !== (_j = null === (_h = middleHandlerStyle.icon) || void 0 === _h ? void 0 : _h.symbolType) && void 0 !== _j ? _j : "square",
45186
+ zIndex: LAYOUT_LEVEL.handler
45152
45187
  }, middleHandlerStyle.icon), {
45153
45188
  pickable: !zoomLock && (null === (_k = middleHandlerStyle.icon.pickable) || void 0 === _k || _k)
45154
45189
  }), "symbol");
45155
45190
  }
45156
- this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign({
45191
+ this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign(Object.assign({
45157
45192
  x: position.x + start * width,
45158
45193
  y: position.y + height / 2,
45159
45194
  size: height,
45160
45195
  symbolType: null !== (_l = startHandlerStyle.symbolType) && void 0 !== _l ? _l : "square"
45161
- }, DEFAULT_HANDLER_ATTR_MAP.horizontal), startHandlerStyle), {
45196
+ }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45197
+ zIndex: LAYOUT_LEVEL.handler
45198
+ }), startHandlerStyle), {
45162
45199
  pickable: !zoomLock && (null === (_m = startHandlerStyle.pickable) || void 0 === _m || _m)
45163
- }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign({
45200
+ }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign(Object.assign({
45164
45201
  x: position.x + end * width,
45165
45202
  y: position.y + height / 2,
45166
45203
  size: height,
45167
45204
  symbolType: null !== (_o = endHandlerStyle.symbolType) && void 0 !== _o ? _o : "square"
45168
- }, DEFAULT_HANDLER_ATTR_MAP.horizontal), endHandlerStyle), {
45205
+ }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45206
+ zIndex: LAYOUT_LEVEL.handler
45207
+ }), endHandlerStyle), {
45169
45208
  pickable: !zoomLock && (null === (_p = endHandlerStyle.pickable) || void 0 === _p || _p)
45170
45209
  }), "symbol");
45171
45210
  const startHandlerWidth = Math.max(this._startHandler.AABBBounds.width(), startHandlerMinSize),
@@ -45179,7 +45218,7 @@ class DataZoomRenderer {
45179
45218
  height: startHandlerHeight,
45180
45219
  fill: "white",
45181
45220
  fillOpacity: 0,
45182
- zIndex: 999
45221
+ zIndex: LAYOUT_LEVEL.handlerMask
45183
45222
  }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45184
45223
  pickable: !zoomLock
45185
45224
  }), "rect"), this._endHandlerMask = group.createOrUpdateChild("endHandlerMask", Object.assign(Object.assign({
@@ -45189,7 +45228,7 @@ class DataZoomRenderer {
45189
45228
  height: endHandlerHeight,
45190
45229
  fill: "white",
45191
45230
  fillOpacity: 0,
45192
- zIndex: 999
45231
+ zIndex: LAYOUT_LEVEL.handlerMask
45193
45232
  }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45194
45233
  pickable: !zoomLock
45195
45234
  }), "rect");
@@ -45200,7 +45239,8 @@ class DataZoomRenderer {
45200
45239
  x: "left" === orient ? position.x - middleHandlerBackgroundSize : position.x + width,
45201
45240
  y: position.y + start * height,
45202
45241
  width: middleHandlerBackgroundSize,
45203
- height: (end - start) * height
45242
+ height: (end - start) * height,
45243
+ zIndex: LAYOUT_LEVEL.handler
45204
45244
  }, null === (_r = middleHandlerStyle.background) || void 0 === _r ? void 0 : _r.style), {
45205
45245
  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)
45206
45246
  }), "rect"), this._middleHandlerSymbol = group.createOrUpdateChild("middleHandlerSymbol", Object.assign(Object.assign({
@@ -45208,23 +45248,27 @@ class DataZoomRenderer {
45208
45248
  y: position.y + (start + end) / 2 * height,
45209
45249
  angle: Math.PI / 180 * 90,
45210
45250
  symbolType: null !== (_w = null === (_v = middleHandlerStyle.icon) || void 0 === _v ? void 0 : _v.symbolType) && void 0 !== _w ? _w : "square",
45211
- strokeBoundsBuffer: 0
45251
+ strokeBoundsBuffer: 0,
45252
+ zIndex: LAYOUT_LEVEL.handler
45212
45253
  }, middleHandlerStyle.icon), {
45213
45254
  pickable: !zoomLock && (null === (_y = null === (_x = middleHandlerStyle.icon) || void 0 === _x ? void 0 : _x.pickable) || void 0 === _y || _y)
45214
45255
  }), "symbol");
45215
45256
  }
45216
- this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign({
45257
+ this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign(Object.assign({
45217
45258
  x: position.x + width / 2,
45218
45259
  y: position.y + start * height,
45219
45260
  size: width,
45220
45261
  symbolType: null !== (_z = startHandlerStyle.symbolType) && void 0 !== _z ? _z : "square"
45221
- }, DEFAULT_HANDLER_ATTR_MAP.vertical), startHandlerStyle), {
45262
+ }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
45263
+ zIndex: LAYOUT_LEVEL.handler
45264
+ }), startHandlerStyle), {
45222
45265
  pickable: !zoomLock && (null === (_0 = startHandlerStyle.pickable) || void 0 === _0 || _0)
45223
45266
  }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign({
45224
45267
  x: position.x + width / 2,
45225
45268
  y: position.y + end * height,
45226
45269
  size: width,
45227
- symbolType: null !== (_1 = endHandlerStyle.symbolType) && void 0 !== _1 ? _1 : "square"
45270
+ symbolType: null !== (_1 = endHandlerStyle.symbolType) && void 0 !== _1 ? _1 : "square",
45271
+ zIndex: LAYOUT_LEVEL.handler
45228
45272
  }, DEFAULT_HANDLER_ATTR_MAP.vertical), endHandlerStyle), {
45229
45273
  pickable: !zoomLock && (null === (_2 = endHandlerStyle.pickable) || void 0 === _2 || _2)
45230
45274
  }), "symbol");
@@ -45239,7 +45283,7 @@ class DataZoomRenderer {
45239
45283
  height: endHandlerWidth,
45240
45284
  fill: "white",
45241
45285
  fillOpacity: 0,
45242
- zIndex: 999
45286
+ zIndex: LAYOUT_LEVEL.handlerMask
45243
45287
  }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
45244
45288
  pickable: !zoomLock
45245
45289
  }), "rect"), this._endHandlerMask = group.createOrUpdateChild("endHandlerMask", Object.assign(Object.assign({
@@ -45249,7 +45293,7 @@ class DataZoomRenderer {
45249
45293
  height: endHandlerWidth,
45250
45294
  fill: "white",
45251
45295
  fillOpacity: 0,
45252
- zIndex: 999
45296
+ zIndex: LAYOUT_LEVEL.handlerMask
45253
45297
  }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
45254
45298
  pickable: !zoomLock
45255
45299
  }), "rect");
@@ -45278,7 +45322,8 @@ class DataZoomRenderer {
45278
45322
  y: position.y,
45279
45323
  width: (end - start) * width,
45280
45324
  height: height,
45281
- cursor: brushSelect ? "crosshair" : "move"
45325
+ cursor: brushSelect ? "crosshair" : "move",
45326
+ zIndex: LAYOUT_LEVEL.selectedBackground
45282
45327
  }, selectedBackgroundStyle), {
45283
45328
  pickable: !zoomLock && (null === (_a = selectedBackgroundChartStyle.pickable) || void 0 === _a || _a)
45284
45329
  }), "rect") : this._selectedBackground = group.createOrUpdateChild("selectedBackground", Object.assign(Object.assign({
@@ -45286,14 +45331,16 @@ class DataZoomRenderer {
45286
45331
  y: position.y + start * height,
45287
45332
  width: width,
45288
45333
  height: (end - start) * height,
45289
- cursor: brushSelect ? "crosshair" : "move"
45334
+ cursor: brushSelect ? "crosshair" : "move",
45335
+ zIndex: LAYOUT_LEVEL.selectedBackground
45290
45336
  }, selectedBackgroundStyle), {
45291
45337
  pickable: !zoomLock && (null === (_b = selectedBackgroundStyle.pickable) || void 0 === _b || _b)
45292
45338
  }), "rect");
45293
45339
  }
45294
45340
  _setPreviewAttributes(type, group) {
45295
45341
  this._previewGroup || (this._previewGroup = group.createOrUpdateChild("previewGroup", {
45296
- pickable: !1
45342
+ pickable: !1,
45343
+ zIndex: LAYOUT_LEVEL.preview
45297
45344
  }, "group")), "line" === type ? this._previewLine = this._previewGroup.createOrUpdateChild("previewLine", {}, "line") : this._previewArea = this._previewGroup.createOrUpdateChild("previewArea", {
45298
45345
  curveType: "basis"
45299
45346
  }, "area");
@@ -45312,7 +45359,8 @@ class DataZoomRenderer {
45312
45359
  }
45313
45360
  _setSelectedPreviewClipAttributes(type, group) {
45314
45361
  this._selectedPreviewGroupClip || (this._selectedPreviewGroupClip = group.createOrUpdateChild("selectedPreviewGroupClip", {
45315
- pickable: !1
45362
+ pickable: !1,
45363
+ zIndex: LAYOUT_LEVEL.selectedPreview
45316
45364
  }, "group"), this._selectedPreviewGroup = this._selectedPreviewGroupClip.createOrUpdateChild("selectedPreviewGroup", {}, "group"));
45317
45365
  const {
45318
45366
  start: start,
@@ -53093,7 +53141,7 @@ TableSeriesNumber.defaultAttributes = {
53093
53141
  select: !0
53094
53142
  };
53095
53143
 
53096
- const version = "1.0.41";
53144
+ const version = "1.0.43-alpha.0";
53097
53145
  preLoadAllModule();
53098
53146
  if (isBrowserEnv()) {
53099
53147
  loadBrowserEnv(container);
package/dist/index.js CHANGED
@@ -16033,9 +16033,10 @@
16033
16033
  }), context.highPerformanceRestore(), context.setTransformForCurrent();
16034
16034
  } else {
16035
16035
  const {
16036
- backgroundCornerRadius: backgroundCornerRadius
16036
+ backgroundCornerRadius: backgroundCornerRadius,
16037
+ backgroundOpacity = 1
16037
16038
  } = graphic.attribute;
16038
- 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();
16039
+ 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();
16039
16040
  }
16040
16041
  shouldReCalBounds && boundsAllocate.free(b), restore();
16041
16042
  }
@@ -43562,8 +43563,9 @@
43562
43563
  const label = labels[i];
43563
43564
  if (!label) continue;
43564
43565
  const baseMark = this.getRelatedGraphic(label.attribute);
43565
- let backgroundColor = baseMark.getAttributes(!0).fill,
43566
- foregroundColor = label.attribute.fill;
43566
+ let backgroundColor = baseMark.getAttributes(!0).fill;
43567
+ const backgroundOpacity = baseMark.getAttributes(!0).fillOpacity;
43568
+ let foregroundColor = label.attribute.fill;
43567
43569
  if (isObject$1(backgroundColor) && backgroundColor.gradient) {
43568
43570
  const firstStopColor = null === (_g = null === (_f = backgroundColor.stops) || void 0 === _f ? void 0 : _f[0]) || void 0 === _g ? void 0 : _g.color;
43569
43571
  firstStopColor && (backgroundColor = firstStopColor, foregroundColor = firstStopColor);
@@ -43577,11 +43579,26 @@
43577
43579
  if (fill && label.setAttributes({
43578
43580
  fill: fill
43579
43581
  }), 0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
43580
- const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
43581
- stroke && label.setAttributes({
43582
- stroke: stroke
43583
- });
43582
+ if ("background" === interactInvertType) label.setAttributes({
43583
+ stroke: !1
43584
+ });else {
43585
+ const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
43586
+ stroke && label.setAttributes({
43587
+ stroke: stroke
43588
+ });
43589
+ }
43584
43590
  } else if (isIntersect && "none" !== interactInvertType) {
43591
+ if ("background" === interactInvertType) {
43592
+ const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
43593
+ fill && label.setAttributes({
43594
+ fill: fill
43595
+ }), label.setAttributes({
43596
+ stroke: !1,
43597
+ background: backgroundColor,
43598
+ backgroundOpacity: backgroundOpacity
43599
+ });
43600
+ continue;
43601
+ }
43585
43602
  if (0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
43586
43603
  if (label.attribute.stroke) {
43587
43604
  label.setAttributes({
@@ -43598,6 +43615,9 @@
43598
43615
  stroke: stroke
43599
43616
  });
43600
43617
  }
43618
+ !1 === isInside && "background" === interactInvertType && label.setAttributes({
43619
+ background: null
43620
+ });
43601
43621
  }
43602
43622
  }
43603
43623
  _canPlaceInside(textBound, shapeBound) {
@@ -44953,6 +44973,16 @@
44953
44973
  strokeBoundsBuffer: 0
44954
44974
  }
44955
44975
  };
44976
+ const LAYOUT_LEVEL = {
44977
+ background: 0,
44978
+ preview: 1,
44979
+ dragMask: 2,
44980
+ selectedBackground: 3,
44981
+ selectedPreview: 4,
44982
+ handler: 5,
44983
+ handlerText: 5,
44984
+ handlerMask: 999
44985
+ };
44956
44986
 
44957
44987
  const isTextOverflow = (componentBoundsLike, textBounds, layout, isHorizontal) => {
44958
44988
  if (!textBounds) return !1;
@@ -45084,12 +45114,14 @@
45084
45114
  x: position.x + start * width,
45085
45115
  y: position.y,
45086
45116
  width: (end - start) * width,
45087
- height: height
45117
+ height: height,
45118
+ zIndex: LAYOUT_LEVEL.dragMask
45088
45119
  }, dragMaskStyle), "rect") : this._dragMask = this._getContainer().createOrUpdateChild("dragMask", Object.assign({
45089
45120
  x: position.x,
45090
45121
  y: position.y + start * height,
45091
45122
  width: width,
45092
- height: (end - start) * height
45123
+ height: (end - start) * height,
45124
+ zIndex: LAYOUT_LEVEL.dragMask
45093
45125
  }, dragMaskStyle), "rect"), {
45094
45126
  start: start,
45095
45127
  end: end
@@ -45113,7 +45145,8 @@
45113
45145
  y: position.y,
45114
45146
  width: width,
45115
45147
  height: height,
45116
- cursor: brushSelect ? "crosshair" : "auto"
45148
+ cursor: brushSelect ? "crosshair" : "auto",
45149
+ zIndex: LAYOUT_LEVEL.background
45117
45150
  }, backgroundStyle), {
45118
45151
  pickable: !zoomLock && (null === (_a = backgroundStyle.pickable) || void 0 === _a || _a)
45119
45152
  }), "rect");
@@ -45146,7 +45179,8 @@
45146
45179
  x: position.x + start * width,
45147
45180
  y: position.y - middleHandlerBackgroundSize,
45148
45181
  width: (end - start) * width,
45149
- height: middleHandlerBackgroundSize
45182
+ height: middleHandlerBackgroundSize,
45183
+ zIndex: LAYOUT_LEVEL.handler
45150
45184
  }, null === (_d = middleHandlerStyle.background) || void 0 === _d ? void 0 : _d.style), {
45151
45185
  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)
45152
45186
  }), "rect"), this._middleHandlerSymbol = group.createOrUpdateChild("middleHandlerSymbol", Object.assign(Object.assign({
@@ -45154,24 +45188,29 @@
45154
45188
  y: position.y - middleHandlerBackgroundSize / 2,
45155
45189
  strokeBoundsBuffer: 0,
45156
45190
  angle: 0,
45157
- symbolType: null !== (_j = null === (_h = middleHandlerStyle.icon) || void 0 === _h ? void 0 : _h.symbolType) && void 0 !== _j ? _j : "square"
45191
+ symbolType: null !== (_j = null === (_h = middleHandlerStyle.icon) || void 0 === _h ? void 0 : _h.symbolType) && void 0 !== _j ? _j : "square",
45192
+ zIndex: LAYOUT_LEVEL.handler
45158
45193
  }, middleHandlerStyle.icon), {
45159
45194
  pickable: !zoomLock && (null === (_k = middleHandlerStyle.icon.pickable) || void 0 === _k || _k)
45160
45195
  }), "symbol");
45161
45196
  }
45162
- this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign({
45197
+ this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign(Object.assign({
45163
45198
  x: position.x + start * width,
45164
45199
  y: position.y + height / 2,
45165
45200
  size: height,
45166
45201
  symbolType: null !== (_l = startHandlerStyle.symbolType) && void 0 !== _l ? _l : "square"
45167
- }, DEFAULT_HANDLER_ATTR_MAP.horizontal), startHandlerStyle), {
45202
+ }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45203
+ zIndex: LAYOUT_LEVEL.handler
45204
+ }), startHandlerStyle), {
45168
45205
  pickable: !zoomLock && (null === (_m = startHandlerStyle.pickable) || void 0 === _m || _m)
45169
- }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign({
45206
+ }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign(Object.assign({
45170
45207
  x: position.x + end * width,
45171
45208
  y: position.y + height / 2,
45172
45209
  size: height,
45173
45210
  symbolType: null !== (_o = endHandlerStyle.symbolType) && void 0 !== _o ? _o : "square"
45174
- }, DEFAULT_HANDLER_ATTR_MAP.horizontal), endHandlerStyle), {
45211
+ }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45212
+ zIndex: LAYOUT_LEVEL.handler
45213
+ }), endHandlerStyle), {
45175
45214
  pickable: !zoomLock && (null === (_p = endHandlerStyle.pickable) || void 0 === _p || _p)
45176
45215
  }), "symbol");
45177
45216
  const startHandlerWidth = Math.max(this._startHandler.AABBBounds.width(), startHandlerMinSize),
@@ -45185,7 +45224,7 @@
45185
45224
  height: startHandlerHeight,
45186
45225
  fill: "white",
45187
45226
  fillOpacity: 0,
45188
- zIndex: 999
45227
+ zIndex: LAYOUT_LEVEL.handlerMask
45189
45228
  }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45190
45229
  pickable: !zoomLock
45191
45230
  }), "rect"), this._endHandlerMask = group.createOrUpdateChild("endHandlerMask", Object.assign(Object.assign({
@@ -45195,7 +45234,7 @@
45195
45234
  height: endHandlerHeight,
45196
45235
  fill: "white",
45197
45236
  fillOpacity: 0,
45198
- zIndex: 999
45237
+ zIndex: LAYOUT_LEVEL.handlerMask
45199
45238
  }, DEFAULT_HANDLER_ATTR_MAP.horizontal), {
45200
45239
  pickable: !zoomLock
45201
45240
  }), "rect");
@@ -45206,7 +45245,8 @@
45206
45245
  x: "left" === orient ? position.x - middleHandlerBackgroundSize : position.x + width,
45207
45246
  y: position.y + start * height,
45208
45247
  width: middleHandlerBackgroundSize,
45209
- height: (end - start) * height
45248
+ height: (end - start) * height,
45249
+ zIndex: LAYOUT_LEVEL.handler
45210
45250
  }, null === (_r = middleHandlerStyle.background) || void 0 === _r ? void 0 : _r.style), {
45211
45251
  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)
45212
45252
  }), "rect"), this._middleHandlerSymbol = group.createOrUpdateChild("middleHandlerSymbol", Object.assign(Object.assign({
@@ -45214,23 +45254,27 @@
45214
45254
  y: position.y + (start + end) / 2 * height,
45215
45255
  angle: Math.PI / 180 * 90,
45216
45256
  symbolType: null !== (_w = null === (_v = middleHandlerStyle.icon) || void 0 === _v ? void 0 : _v.symbolType) && void 0 !== _w ? _w : "square",
45217
- strokeBoundsBuffer: 0
45257
+ strokeBoundsBuffer: 0,
45258
+ zIndex: LAYOUT_LEVEL.handler
45218
45259
  }, middleHandlerStyle.icon), {
45219
45260
  pickable: !zoomLock && (null === (_y = null === (_x = middleHandlerStyle.icon) || void 0 === _x ? void 0 : _x.pickable) || void 0 === _y || _y)
45220
45261
  }), "symbol");
45221
45262
  }
45222
- this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign({
45263
+ this._startHandler = group.createOrUpdateChild("startHandler", Object.assign(Object.assign(Object.assign(Object.assign({
45223
45264
  x: position.x + width / 2,
45224
45265
  y: position.y + start * height,
45225
45266
  size: width,
45226
45267
  symbolType: null !== (_z = startHandlerStyle.symbolType) && void 0 !== _z ? _z : "square"
45227
- }, DEFAULT_HANDLER_ATTR_MAP.vertical), startHandlerStyle), {
45268
+ }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
45269
+ zIndex: LAYOUT_LEVEL.handler
45270
+ }), startHandlerStyle), {
45228
45271
  pickable: !zoomLock && (null === (_0 = startHandlerStyle.pickable) || void 0 === _0 || _0)
45229
45272
  }), "symbol"), this._endHandler = group.createOrUpdateChild("endHandler", Object.assign(Object.assign(Object.assign({
45230
45273
  x: position.x + width / 2,
45231
45274
  y: position.y + end * height,
45232
45275
  size: width,
45233
- symbolType: null !== (_1 = endHandlerStyle.symbolType) && void 0 !== _1 ? _1 : "square"
45276
+ symbolType: null !== (_1 = endHandlerStyle.symbolType) && void 0 !== _1 ? _1 : "square",
45277
+ zIndex: LAYOUT_LEVEL.handler
45234
45278
  }, DEFAULT_HANDLER_ATTR_MAP.vertical), endHandlerStyle), {
45235
45279
  pickable: !zoomLock && (null === (_2 = endHandlerStyle.pickable) || void 0 === _2 || _2)
45236
45280
  }), "symbol");
@@ -45245,7 +45289,7 @@
45245
45289
  height: endHandlerWidth,
45246
45290
  fill: "white",
45247
45291
  fillOpacity: 0,
45248
- zIndex: 999
45292
+ zIndex: LAYOUT_LEVEL.handlerMask
45249
45293
  }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
45250
45294
  pickable: !zoomLock
45251
45295
  }), "rect"), this._endHandlerMask = group.createOrUpdateChild("endHandlerMask", Object.assign(Object.assign({
@@ -45255,7 +45299,7 @@
45255
45299
  height: endHandlerWidth,
45256
45300
  fill: "white",
45257
45301
  fillOpacity: 0,
45258
- zIndex: 999
45302
+ zIndex: LAYOUT_LEVEL.handlerMask
45259
45303
  }, DEFAULT_HANDLER_ATTR_MAP.vertical), {
45260
45304
  pickable: !zoomLock
45261
45305
  }), "rect");
@@ -45284,7 +45328,8 @@
45284
45328
  y: position.y,
45285
45329
  width: (end - start) * width,
45286
45330
  height: height,
45287
- cursor: brushSelect ? "crosshair" : "move"
45331
+ cursor: brushSelect ? "crosshair" : "move",
45332
+ zIndex: LAYOUT_LEVEL.selectedBackground
45288
45333
  }, selectedBackgroundStyle), {
45289
45334
  pickable: !zoomLock && (null === (_a = selectedBackgroundChartStyle.pickable) || void 0 === _a || _a)
45290
45335
  }), "rect") : this._selectedBackground = group.createOrUpdateChild("selectedBackground", Object.assign(Object.assign({
@@ -45292,14 +45337,16 @@
45292
45337
  y: position.y + start * height,
45293
45338
  width: width,
45294
45339
  height: (end - start) * height,
45295
- cursor: brushSelect ? "crosshair" : "move"
45340
+ cursor: brushSelect ? "crosshair" : "move",
45341
+ zIndex: LAYOUT_LEVEL.selectedBackground
45296
45342
  }, selectedBackgroundStyle), {
45297
45343
  pickable: !zoomLock && (null === (_b = selectedBackgroundStyle.pickable) || void 0 === _b || _b)
45298
45344
  }), "rect");
45299
45345
  }
45300
45346
  _setPreviewAttributes(type, group) {
45301
45347
  this._previewGroup || (this._previewGroup = group.createOrUpdateChild("previewGroup", {
45302
- pickable: !1
45348
+ pickable: !1,
45349
+ zIndex: LAYOUT_LEVEL.preview
45303
45350
  }, "group")), "line" === type ? this._previewLine = this._previewGroup.createOrUpdateChild("previewLine", {}, "line") : this._previewArea = this._previewGroup.createOrUpdateChild("previewArea", {
45304
45351
  curveType: "basis"
45305
45352
  }, "area");
@@ -45318,7 +45365,8 @@
45318
45365
  }
45319
45366
  _setSelectedPreviewClipAttributes(type, group) {
45320
45367
  this._selectedPreviewGroupClip || (this._selectedPreviewGroupClip = group.createOrUpdateChild("selectedPreviewGroupClip", {
45321
- pickable: !1
45368
+ pickable: !1,
45369
+ zIndex: LAYOUT_LEVEL.selectedPreview
45322
45370
  }, "group"), this._selectedPreviewGroup = this._selectedPreviewGroupClip.createOrUpdateChild("selectedPreviewGroup", {}, "group"));
45323
45371
  const {
45324
45372
  start: start,
@@ -53099,7 +53147,7 @@
53099
53147
  select: !0
53100
53148
  };
53101
53149
 
53102
- const version = "1.0.41";
53150
+ const version = "1.0.43-alpha.0";
53103
53151
  preLoadAllModule();
53104
53152
  if (isBrowserEnv()) {
53105
53153
  loadBrowserEnv(container);