@visactor/vchart 1.5.3-alpha.0 → 1.5.3

package/build/index.js

@@ -15238,9 +15238,7 @@
         let data = ResourceLoader.cache.get(url);
         data ? "fail" === data.loadState ? application.global.getRequestAnimationFrame()(() => {
           mark.imageLoadFail(url);
-        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && application.global.getRequestAnimationFrame()(() => {
-          mark.imageLoadSuccess(url, data.data);
-        }) : (data = {
+        }) : "init" === data.loadState || "loading" === data.loadState ? null === (_a = data.waitingMark) || void 0 === _a || _a.push(mark) : mark && mark.imageLoadSuccess(url, data.data) : (data = {
           type: "image",
           loadState: "init"
         }, ResourceLoader.cache.set(url, data), data.dataPromise = application.global.loadImage(url), data.dataPromise ? (data.waitingMark = [mark], data.dataPromise.then(res => {
@@ -15892,7 +15890,7 @@
           data: "init",
           state: null
         };
-        this.resources.set(url, cache), "string" == typeof image ? (cache.state = "loading", isValidUrl$1(image) || isBase64$1(image) ? (ResourceLoader.GetImage(image, this), this.backgroundImg = this.backgroundImg || background) : image.startsWith("<svg") && (ResourceLoader.GetSvg(image, this), this.backgroundImg = this.backgroundImg || background)) : (cache.state = "success", cache.data = image, this.backgroundImg = this.backgroundImg || background);
+        this.resources.set(url, cache), "string" == typeof image ? (cache.state = "loading", image.startsWith("<svg") ? (ResourceLoader.GetSvg(image, this), this.backgroundImg = this.backgroundImg || background) : (isValidUrl$1(image) || image.includes("/") || isBase64$1(image)) && (ResourceLoader.GetImage(image, this), this.backgroundImg = this.backgroundImg || background)) : (cache.state = "success", cache.data = image, this.backgroundImg = this.backgroundImg || background);
       }
       imageLoadSuccess(url, image, cb) {
         if (!this.resources) return;
@@ -23758,6 +23756,7 @@
         return this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
       }
       clearScreen(renderService, context, drawContext) {
+        var _a;
         const {
           clear: clear
         } = drawContext;
@@ -23769,7 +23768,12 @@
             } = drawContext,
             x = 0,
             y = 0;
-          context.clearRect(x, y, width, height), context.fillStyle = createColor(context, clear, {
+          context.clearRect(x, y, width, height);
+          const stage = null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage;
+          if (stage && stage.backgroundImg && stage.resources) {
+            const res = stage.resources.get(clear);
+            res && "success" === res.state && res.data && context.drawImage(res.data, x, y, width, height);
+          } else context.fillStyle = createColor(context, clear, {
             AABBBounds: {
               x1: x,
               y1: y,
@@ -25333,7 +25337,9 @@
               return this.viewBox.height();
             }
           }
-        })), params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer, this.timeline = new DefaultTimeline(), this.ticker.addTimeline(this.timeline), this.timeline.pause(), this.optmize(params.optimize);
+        })), params.autoRender && this.enableAutoRender(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this.ticker = params.ticker || defaultTicker, this.supportInteractiveLayer = !1 !== params.interactiveLayer, this.timeline = new DefaultTimeline(), this.ticker.addTimeline(this.timeline), this.timeline.pause(), this.optmize(params.optimize), this._background && isString$1(this._background) && this.setAttributes({
+          background: this._background
+        });
       }
       optmize(params) {
         this.optmizeRender(null == params ? void 0 : params.skipRenderWithOutRange);
@@ -28664,7 +28670,7 @@
         });
       }
       setAttribute(key, value, forceUpdateTag) {
-        !isPlainObject$1(this.attribute[key]) || isFunction$1(this.attribute[key]) || isFunction$1(value) ? this.attribute[key] = value : merge$1(this.attribute[key], value), GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
+        isPlainObject$1(this.attribute[key]) && isPlainObject$1(value) && !isFunction$1(this.attribute[key]) && !isFunction$1(value) ? merge$1(this.attribute[key], value) : this.attribute[key] = value, GROUP_ATTRIBUTES.includes(key) || this.render(), this.valid = this.isValid(), this.updateShapeAndBoundsTagSetted() || !forceUpdateTag && !this.needUpdateTag(key) ? this.addUpdateBoundTag() : this.addUpdateShapeAndBoundsTag(), this.addUpdatePositionTag(), this.onAttributeUpdate();
       }
       setAttributes(params, forceUpdateTag) {
         const keys = Object.keys(params);
@@ -30706,12 +30712,32 @@
           case "right":
           case "inside-right":
             sx = .5;
+            break;
+          case "top-right":
+            sx = .5, sy = -.5;
+            break;
+          case "top-left":
+            sx = -.5, sy = -.5;
+            break;
+          case "bottom-right":
+            sx = .5, sy = .5;
+            break;
+          case "bottom-left":
+            sx = -.5, sy = .5;
         }
         anchorX += sx * rectWidth, anchorY += sy * rectHeight;
         let vx = 0,
           vy = 0;
         const isInside = position.includes("inside");
-        position.includes("top") ? vy = isInside ? 1 : -1 : position.includes("bottom") ? vy = isInside ? -1 : 1 : position.includes("left") ? vx = isInside ? 1 : -1 : position.includes("right") && (vx = isInside ? -1 : 1);
+        switch (position.includes("top") ? vy = isInside ? 1 : -1 : position.includes("bottom") ? vy = isInside ? -1 : 1 : position.includes("left") ? vx = isInside ? 1 : -1 : position.includes("right") && (vx = isInside ? -1 : 1), position) {
+          case "top-right":
+          case "bottom-right":
+            vx = -1;
+            break;
+          case "top-left":
+          case "bottom-left":
+            vx = 1;
+        }
         return {
           x: anchorX + vx * offset + vx * width / 2,
           y: anchorY + vy * offset + vy * height / 2
@@ -31940,7 +31966,7 @@
         do {
           items = reduce(items, sep);
         } while (items.length >= 3 && hasOverlap$1(items, sep));
-        items.length < 3 && !last(source).attribute.opacity && (items.length > 1 && last(items).setAttribute("opacity", 0), last(source).setAttribute("opacity", 1));
+        items.length < 3 && !last(source).attribute.opacity && items.length > 1 && last(items).setAttribute("opacity", 0);
       }
       source.forEach(item => {
         item.setAttribute("visible", !!item.attribute.opacity);
@@ -33590,7 +33616,7 @@
           width: width,
           height: (end - start) * height,
           cursor: brushSelect ? "crosshair" : "move"
-        }, selectedBackgroundStyle), "rect"), (null === (_c = null == selectedBackgroundChartStyle ? void 0 : selectedBackgroundChartStyle.line) || void 0 === _c ? void 0 : _c.visible) && this.setSelectedPreviewAttributes("line", group), (null === (_d = null == selectedBackgroundChartStyle ? void 0 : selectedBackgroundChartStyle.area) || void 0 === _d ? void 0 : _d.visible) && this.setSelectedPreviewAttributes("area", group), this.renderText(), this._isHorizontal ? (this._startHandler = group.createOrUpdateChild("startHandler", Object.assign({
+        }, selectedBackgroundStyle), "rect"), (null === (_c = null == selectedBackgroundChartStyle ? void 0 : selectedBackgroundChartStyle.line) || void 0 === _c ? void 0 : _c.visible) && this.setSelectedPreviewAttributes("line", group), (null === (_d = null == selectedBackgroundChartStyle ? void 0 : selectedBackgroundChartStyle.area) || void 0 === _d ? void 0 : _d.visible) && this.setSelectedPreviewAttributes("area", group), this._showText && this.renderText(), this._isHorizontal ? (this._startHandler = group.createOrUpdateChild("startHandler", Object.assign({
           x: position.x + start * width,
           y: position.y + height / 2,
           size: height,
@@ -33865,11 +33891,13 @@
           }));
           group = createGroup({
             x: -(null !== (_a = null == limitRect ? void 0 : limitRect.x) && void 0 !== _a ? _a : 0),
-            y: -(null !== (_b = null == limitRect ? void 0 : limitRect.y) && void 0 !== _b ? _b : 0)
+            y: -(null !== (_b = null == limitRect ? void 0 : limitRect.y) && void 0 !== _b ? _b : 0),
+            pickable: !1
           }), groupClip.add(group), this._containerClip = groupClip, this.add(groupClip);
         } else group = createGroup({
           x: 0,
-          y: 0
+          y: 0,
+          pickable: !1
         }), this.add(group);
         group.name = "marker-container", this._container = group;
       }
@@ -33885,9 +33913,10 @@
         });
       }
       render() {
-        var _a, _b;
+        var _a;
+        this.setAttribute("pickable", !1);
         const markerVisible = null === (_a = this.attribute.visible) || void 0 === _a || _a;
-        null !== (_b = this.attribute.interactive) && void 0 !== _b && _b || (this.setAttribute("pickable", !1), this.setAttribute("childrenPickable", !1)), markerVisible && (this._container ? (this._updateContainer(), this.updateMarker()) : (this._initContainer(), this.initMarker(this._container)));
+        !1 === this.attribute.interactive && this.setAttribute("childrenPickable", !1), markerVisible && (this._container ? (this._updateContainer(), this.updateMarker()) : (this._initContainer(), this.initMarker(this._container)));
       }
     }
 
@@ -34208,7 +34237,8 @@
             endSymbol: endSymbol,
             lineStyle: lineStyle,
             mainSegmentIndex: mainSegmentIndex,
-            multiSegment: multiSegment
+            multiSegment: multiSegment,
+            pickable: !1
           });
         line.name = "mark-line-line", this._line = line, container.add(line);
         const markLabel = new Tag(Object.assign({}, label));
@@ -34464,7 +34494,8 @@
             y: position.y + ((null == itemContent ? void 0 : itemContent.offsetY) || 0)
           },
           line = new Segment({
-            points: []
+            points: [],
+            pickable: !1
           });
         line.name = "mark-point-line", this._line = line, container.add(line);
         const decorativeLine = createLine({
@@ -58340,7 +58371,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.5.3-alpha.0";
+    const version = "1.5.3";
 
     class ChartData {
         get dataList() {
@@ -59883,63 +59914,35 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return data;
     };
 
-    const defaultInteractionConfig = {
-        [exports.RenderModeEnum['desktop-miniApp']]: {
-            hover: {
-                enable: true,
-                trigger: 'pointermove',
-                triggerOff: ['pointermove', 'pointerleave']
-            },
-            select: {
-                enable: true,
-                trigger: 'pointertap'
-            }
-        },
-        [exports.RenderModeEnum['desktop-browser']]: {
-            hover: {
-                enable: true,
-                trigger: 'pointermove',
-                triggerOff: ['pointermove', 'pointerleave']
-            },
-            select: {
-                enable: true,
-                trigger: 'pointertap'
-            }
-        },
-        [exports.RenderModeEnum['mobile-browser']]: {
-            hover: {
-                enable: true,
-                trigger: 'pointerover',
-                triggerOff: 'pointerout'
-            },
-            select: {
-                enable: true,
-                trigger: 'tap'
-            }
-        },
-        [exports.RenderModeEnum.miniApp]: {
-            hover: {
-                enable: true,
-                trigger: 'pointerover',
-                triggerOff: 'pointerout'
-            },
-            select: {
-                enable: true,
-                trigger: 'tap'
-            }
-        },
-        [exports.RenderModeEnum.lynx]: {
-            hover: {
-                enable: true,
-                trigger: 'pointerover',
-                triggerOff: 'pointerout'
-            },
-            select: {
-                enable: true,
-                trigger: 'tap'
-            }
+    function getDefaultInteractionConfigByMode(mode) {
+        if (mode === exports.RenderModeEnum['desktop-browser'] || mode === exports.RenderModeEnum['desktop-miniApp']) {
+            return {
+                hover: {
+                    enable: true,
+                    trigger: 'pointermove',
+                    triggerOff: ['pointermove', 'pointerleave']
+                },
+                select: {
+                    enable: true,
+                    trigger: 'pointertap'
+                }
+            };
         }
-    };
+        if (isMobileLikeMode(mode) || isMiniAppLikeMode(mode)) {
+            return {
+                hover: {
+                    enable: true,
+                    trigger: 'pointerover',
+                    triggerOff: 'pointerout'
+                },
+                select: {
+                    enable: true,
+                    trigger: 'tap'
+                }
+            };
+        }
+        return null;
+    }
 
     class Trigger {
         get hover() {
@@ -60032,7 +60035,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.event.release();
         }
         initConfig(mode) {
-            const defaultConfig = defaultInteractionConfig[mode];
+            const defaultConfig = getDefaultInteractionConfigByMode(mode);
             this._hover = Object.assign({}, defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.hover);
             this._select = Object.assign({}, defaultConfig === null || defaultConfig === void 0 ? void 0 : defaultConfig.select);
             const hoverSpec = this._spec.hover;
@@ -64408,56 +64411,32 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    const defaultTriggerEvent = {
-        [exports.RenderModeEnum['desktop-browser']]: {
-            start: 'pointerdown',
-            move: 'pointermove',
-            end: 'pointerup',
-            zoom: 'wheel',
-            zoomEnd: 'pointerup',
-            scroll: 'wheel',
-            trigger: DeskTopTrigger
-        },
-        [exports.RenderModeEnum['desktop-miniApp']]: {
-            start: 'pointerdown',
-            move: 'pointermove',
-            end: 'pointerup',
-            zoom: 'wheel',
-            zoomEnd: 'pointerup',
-            scroll: 'wheel',
-            trigger: DeskTopTrigger
-        },
-        [exports.RenderModeEnum['mobile-browser']]: {
-            start: 'pointerdown',
-            move: 'pointermove',
-            end: 'pointerup',
-            zoom: 'pinch',
-            zoomEnd: 'pinchend',
-            scroll: 'pan',
-            scrollEnd: 'panend',
-            trigger: MobileTrigger
-        },
-        [exports.RenderModeEnum.miniApp]: {
-            start: 'pointerdown',
-            move: 'pointermove',
-            end: 'pointerup',
-            zoom: 'pinch',
-            zoomEnd: 'pinchend',
-            scroll: 'pan',
-            scrollEnd: 'panend',
-            trigger: MobileTrigger
-        },
-        [exports.RenderModeEnum.lynx]: {
-            start: 'pointerdown',
-            move: 'pointermove',
-            end: 'pointerup',
-            zoom: 'pinch',
-            zoomEnd: 'pinchend',
-            scroll: 'pan',
-            scrollEnd: 'panend',
-            trigger: MobileTrigger
+    function getDefaultTriggerEventByMode(mode) {
+        if (mode === exports.RenderModeEnum['desktop-browser'] || mode === exports.RenderModeEnum['desktop-miniApp']) {
+            return {
+                start: 'pointerdown',
+                move: 'pointermove',
+                end: 'pointerup',
+                zoom: 'wheel',
+                zoomEnd: 'pointerup',
+                scroll: 'wheel',
+                trigger: DeskTopTrigger
+            };
         }
-    };
+        if (isMobileLikeMode(mode) || isMiniAppLikeMode(mode)) {
+            return {
+                start: 'pointerdown',
+                move: 'pointermove',
+                end: 'pointerup',
+                zoom: 'pinch',
+                zoomEnd: 'pinchend',
+                scroll: 'pan',
+                scrollEnd: 'panend',
+                trigger: MobileTrigger
+            };
+        }
+        return null;
+    }
 
     const delayMap = {
         debounce: debounce,
@@ -64467,13 +64446,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initZoomable(evt, mode = exports.RenderModeEnum['desktop-browser']) {
             this._eventObj = evt;
             this._renderMode = mode;
-            if (defaultTriggerEvent[this._renderMode]) {
+            if (getDefaultTriggerEventByMode(this._renderMode)) {
                 this._clickEnable = true;
                 this._zoomableTrigger = new (this._getTriggerEvent('trigger'))();
             }
         }
         _getTriggerEvent(type) {
-            return defaultTriggerEvent[this._renderMode][type];
+            return getDefaultTriggerEventByMode(this._renderMode)[type];
         }
         _zoomEventDispatch(params, regionOrSeries, callback) {
             if (!params.event) {
@@ -64513,12 +64492,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }, delayTime));
         }
         initZoomEventOfSeries(s, callback, option) {
-            if (defaultTriggerEvent[this._renderMode]) {
+            if (getDefaultTriggerEventByMode(this._renderMode)) {
                 this._bindZoomEventAsRegion(s.event, s, callback, option);
             }
         }
         initZoomEventOfRegions(regions, filter, callback, option) {
-            if (defaultTriggerEvent[this._renderMode]) {
+            if (getDefaultTriggerEventByMode(this._renderMode)) {
                 regions.forEach(r => {
                     if (filter) {
                         r.getSeries().forEach(s => {
@@ -64571,12 +64550,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }, delayTime));
         }
         initScrollEventOfSeries(s, callback, option) {
-            if (defaultTriggerEvent[this._renderMode]) {
+            if (getDefaultTriggerEventByMode(this._renderMode)) {
                 this._bindScrollEventAsRegion(s.event, s, callback, option);
             }
         }
         initScrollEventOfRegions(regions, filter, callback, option) {
-            if (defaultTriggerEvent[this._renderMode]) {
+            if (getDefaultTriggerEventByMode(this._renderMode)) {
                 regions.forEach(r => {
                     if (filter) {
                         r.getSeries().forEach(s => {
@@ -64610,14 +64589,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         initDragEventOfSeries(s, callback, option) {
-            if (defaultTriggerEvent[this._renderMode]) {
+            if (getDefaultTriggerEventByMode(this._renderMode)) {
                 s.event.on(this._getTriggerEvent('start'), { level: Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
                     this._handleDrag(params, callback, option);
                 });
             }
         }
         initDragEventOfRegions(regions, filter, callback, option) {
-            if (defaultTriggerEvent[this._renderMode]) {
+            if (getDefaultTriggerEventByMode(this._renderMode)) {
                 regions.forEach(r => {
                     if (filter) {
                         r.getSeries().forEach(s => {
@@ -74115,7 +74094,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _getTriggerEvent(type) {
             var _a;
             const { mode } = this._drillParams;
-            return (_a = defaultTriggerEvent[mode]) === null || _a === void 0 ? void 0 : _a[type];
+            return (_a = getDefaultTriggerEventByMode(mode)) === null || _a === void 0 ? void 0 : _a[type];
         }
         _hideTooltip() {
             const tooltip = this
@@ -77085,7 +77064,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
 
     const sankey = (data, op) => {
-        var _a;
+        var _a, _b, _c;
         if (!data || !(op === null || op === void 0 ? void 0 : op.view) || !isArray$1(data)) {
             return data;
         }
@@ -77118,7 +77097,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 data = data[0];
             }
         }
-        if (op.sourceField !== 'source' || op.targetField !== 'target') {
+        if (op.sourceField !== 'source' || op.targetField !== 'target' || op.valueField !== 'value') {
             for (const key in data) {
                 if (key === 'links') {
                     const updatedData = [];
@@ -77131,6 +77110,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             else if (key === op.targetField) {
                                 updatedDatum.target = datum[op.targetField];
                             }
+                            else if (key === op.valueField) {
+                                updatedDatum.value = datum[op.valueField];
+                            }
                             else {
                                 updatedDatum[key] = datum[key];
                             }
@@ -77141,6 +77123,37 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
         }
+        const convertValuesToNumbers = (data) => {
+            data.forEach((obj) => {
+                obj.value = isString$1(obj.value) ? +obj.value : obj.value;
+                if (obj.children && obj.children.length > 0) {
+                    convertValuesToNumbers(obj.children);
+                }
+            });
+        };
+        for (const key in data) {
+            if (key === 'links') {
+                const updatedData = [];
+                data[key].forEach((datum) => {
+                    const updatedDatum = {};
+                    for (const key in datum) {
+                        if (key === 'value') {
+                            updatedDatum.value = isString$1(datum.value) ? +datum.value : datum.value;
+                        }
+                        else {
+                            updatedDatum[key] = datum[key];
+                        }
+                    }
+                    updatedData.push(updatedDatum);
+                });
+                data[key] = updatedData;
+            }
+            else if (key === 'nodes') {
+                if ((_c = (_b = data.nodes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.children) {
+                    convertValuesToNumbers(data.nodes);
+                }
+            }
+        }
         const layout = new SankeyLayout(op);
         const result = [];
         result.push(layout.layout(data, view));
@@ -77325,12 +77338,20 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return;
                 }
                 const allLinkElements = linkVGrammarMark.elements;
+                const labelVGrammarMark = this._labelMark.getProduct();
+                if (!labelVGrammarMark || !labelVGrammarMark.elements || !labelVGrammarMark.elements.length) {
+                    return;
+                }
+                const allLabelElements = labelVGrammarMark.elements;
                 allNodeElements.forEach(el => {
                     el.clearStates();
                 });
                 allLinkElements.forEach(el => {
                     el.clearStates();
                 });
+                allLabelElements.forEach(el => {
+                    el.clearStates();
+                });
             };
             this._handleNodeAdjacencyClick = (element) => {
                 const nodeDatum = element.getDatum();
@@ -77874,6 +77895,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         },
                         sourceField: this._spec.sourceField,
                         targetField: this._spec.targetField,
+                        valueField: this._spec.valueField,
                         direction: this._spec.direction,
                         nodeAlign: (_a = this._spec.nodeAlign) !== null && _a !== void 0 ? _a : 'justify',
                         nodeGap: (_b = this._spec.nodeGap) !== null && _b !== void 0 ? _b : 8,
@@ -84957,38 +84979,25 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         Factory.registerComponent(Tooltip.type, Tooltip);
     };
 
-    const defaultCrosshairTriggerEvent = {
-        [exports.RenderModeEnum['desktop-browser']]: {
-            click: 'pointertap',
-            hover: 'pointermove',
-            hoverOut: 'pointerleave',
-            clickOut: 'pointerleave'
-        },
-        [exports.RenderModeEnum['desktop-miniApp']]: {
-            click: 'pointertap',
-            hover: 'pointermove',
-            hoverOut: 'pointerleave',
-            clickOut: 'pointerleave'
-        },
-        [exports.RenderModeEnum['mobile-browser']]: {
-            click: 'tap',
-            hover: ['pointerdown', 'pointermove'],
-            hoverOut: 'pointerleave',
-            clickOut: 'pointerleave'
-        },
-        [exports.RenderModeEnum.miniApp]: {
-            click: 'tap',
-            hover: ['pointerdown', 'pointermove'],
-            hoverOut: 'pointerleave',
-            clickOut: 'pointerleave'
-        },
-        [exports.RenderModeEnum.lynx]: {
-            click: 'tap',
-            hover: ['pointerdown', 'pointermove'],
-            hoverOut: 'pointerleave',
-            clickOut: 'pointerleave'
+    function getDefaultCrosshairTriggerEventByMode(mode) {
+        if (mode === exports.RenderModeEnum['desktop-browser'] || mode === exports.RenderModeEnum['desktop-miniApp']) {
+            return {
+                click: 'pointertap',
+                hover: 'pointermove',
+                hoverOut: 'pointerleave',
+                clickOut: 'pointerleave'
+            };
         }
-    };
+        if (isMobileLikeMode(mode) || isMiniAppLikeMode(mode)) {
+            return {
+                click: 'tap',
+                hover: ['pointerdown', 'pointermove'],
+                hoverOut: 'pointerleave',
+                clickOut: 'pointerleave'
+            };
+        }
+        return null;
+    }
 
     const ORIENT_MAP = {
         x: ['top', 'bottom'],
@@ -85051,14 +85060,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return result;
         }
         _initEvent() {
-            if (this._getTriggerEvent()) {
-                const { in: triggerEvent, out: outTriggerEvent } = this._getTriggerEvent();
-                if (isArray$1(triggerEvent)) {
-                    triggerEvent.forEach((eventName, index) => this._registerEvent(eventName, isArray$1(outTriggerEvent) ? outTriggerEvent[index] : outTriggerEvent));
-                }
-                else {
-                    this._registerEvent(triggerEvent, outTriggerEvent);
-                }
+            const triggerConfig = this._getTriggerEvent();
+            if (triggerConfig) {
+                const { in: triggerEvent, out: outTriggerEvent } = triggerConfig;
+                array(triggerEvent).forEach((eventName, index) => this._registerEvent(eventName, isArray$1(outTriggerEvent) ? outTriggerEvent[index] : outTriggerEvent));
             }
         }
         _registerEvent(inEventName, outEventName) {
@@ -85079,15 +85084,16 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _getTriggerEvent() {
             const { mode = exports.RenderModeEnum['desktop-browser'] } = this._option;
-            if (defaultCrosshairTriggerEvent[mode]) {
+            const triggerConfig = getDefaultCrosshairTriggerEventByMode(mode);
+            if (triggerConfig) {
                 const trigger = this.trigger || 'hover';
                 const outTrigger = (trigger) => (trigger === 'click' ? 'clickOut' : 'hoverOut');
                 if (isArray$1(trigger)) {
                     let inResult = [];
                     let outResult = [];
                     trigger.forEach(item => {
-                        inResult = inResult.concat(defaultCrosshairTriggerEvent[mode][item]);
-                        outResult = outResult.concat(defaultCrosshairTriggerEvent[mode][outTrigger(item)]);
+                        inResult = inResult.concat(triggerConfig[item]);
+                        outResult = outResult.concat(triggerConfig[outTrigger(item)]);
                     });
                     return {
                         in: inResult,
@@ -85095,8 +85101,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     };
                 }
                 return {
-                    in: defaultCrosshairTriggerEvent[mode][trigger],
-                    out: defaultCrosshairTriggerEvent[mode][outTrigger(trigger)]
+                    in: triggerConfig[trigger],
+                    out: triggerConfig[outTrigger(trigger)]
                 };
             }
             return null;
@@ -85152,8 +85158,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         onRender(ctx) {
         }
         _releaseEvent() {
-            if (this._getTriggerEvent()) {
-                const { in: triggerEvent, out: outTriggerEvent } = this._getTriggerEvent();
+            const triggerConfig = this._getTriggerEvent();
+            if (triggerConfig) {
+                const { in: triggerEvent, out: outTriggerEvent } = triggerConfig;
                 if (isArray$1(triggerEvent)) {
                     triggerEvent.forEach(eachTriggerEvent => this._eventOff(eachTriggerEvent));
                 }