@visactor/vrender-components 0.15.3-alpha.9 → 0.15.4

package/cjs/util/label-smartInvert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/util/label-smartInvert.ts"],"names":[],"mappings":"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","file":"label-smartInvert.js","sourcesContent":["import type { IColor } from '@visactor/vrender';\nimport { ColorUtil } from '@visactor/vutils';\n\nconst defaultAlternativeColors: string[] = ['#ffffff', '#000000'];\n\n/**\n * 标签智能反色\n * @param foregroundColorOrigin\n * @param backgroundColorOrogin\n * @returns\n */\nexport function labelSmartInvert(\n  foregroundColorOrigin: IColor | undefined,\n  backgroundColorOrogin: IColor | undefined,\n  textType?: string | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n): IColor | undefined {\n  const foregroundColor = formatColorToHex(foregroundColorOrigin);\n  const backgroundColor = formatColorToHex(backgroundColorOrogin);\n  if (!contrastAccessibilityChecker(foregroundColor, backgroundColor, textType, contrastRatiosThreshold)) {\n    return improveContrastReverse(\n      foregroundColor,\n      backgroundColor,\n      textType,\n      contrastRatiosThreshold,\n      alternativeColors\n    );\n  }\n  return foregroundColor;\n}\n\n/**\n * 提升对比度\n * 对于对比度不足阈值的情况，推荐备选颜色色板中的颜色提升对比\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction improveContrastReverse(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n) {\n  const alternativeColorPalletes: string[] = [];\n  if (alternativeColors) {\n    if (alternativeColors instanceof Array) {\n      alternativeColorPalletes.push(...alternativeColors);\n    } else {\n      alternativeColorPalletes.push(alternativeColors);\n    }\n  }\n  alternativeColorPalletes.push(...defaultAlternativeColors);\n  for (const alternativeColor of alternativeColorPalletes) {\n    if (foregroundColor === alternativeColor) {\n      continue;\n    }\n    if (contrastAccessibilityChecker(alternativeColor, backgroundColor, textType, contrastRatiosThreshold)) {\n      return alternativeColor;\n    }\n  }\n  return undefined;\n}\n\n/**\n * 颜色对比度可行性检查 https://webaim.org/articles/contrast/\n * - WCAG 2.0 AA 级要求普通文本的对比度至少为 4.5:1，大文本的对比度至少为 3:1。（目前按照此标准）\n * - WCAG 2.1 要求图形和用户界面组件（例如表单输入边框）的对比度至少为 3:1。\n * - WCAG AAA 级要求普通文本的对比度至少为 7:1，大文本的对比度至少为 4.5:1。\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nexport function contrastAccessibilityChecker(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number\n): boolean {\n  //Contrast ratios can range from 1 to 21\n  if (contrastRatiosThreshold) {\n    if (contrastRatios(foregroundColor, backgroundColor) > contrastRatiosThreshold) {\n      return true;\n    }\n    return false;\n  } else if (textType === 'largeText') {\n    if (contrastRatios(foregroundColor, backgroundColor) > 3) {\n      return true;\n    }\n    return false;\n  }\n  if (contrastRatios(foregroundColor, backgroundColor) > 4.5) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * 计算颜色对比度 https://webaim.org/articles/contrast/\n * Contrast ratios can range from 1 to 21 (commonly written 1:1 to 21:1).\n * (L1 + 0.05) / (L2 + 0.05), whereby:\n * L1 is the relative luminance of the lighter of the colors, and\n * L2 is the relative luminance of the darker of the colors.\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction contrastRatios(foregroundColor: IColor | undefined, backgroundColor: IColor | undefined): number {\n  const foregroundColorLuminance = getColorLuminance(foregroundColor as string);\n  const backgroundColorLuminance = getColorLuminance(backgroundColor as string);\n  const L1 = foregroundColorLuminance > backgroundColorLuminance ? foregroundColorLuminance : backgroundColorLuminance;\n  const L2 = foregroundColorLuminance > backgroundColorLuminance ? backgroundColorLuminance : foregroundColorLuminance;\n  const contrastRatios = (L1 + 0.05) / (L2 + 0.05);\n  return contrastRatios;\n}\n\n/**\n *  计算相对亮度 https://webaim.org/articles/contrast/\n * the relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white\n * Note 1: For the sRGB colorspace, the relative luminance of a color is defined as\n * L = 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:\n * if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4\n * if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4\n * if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4\n * and RsRGB, GsRGB, and BsRGB are defined as:\n * RsRGB = R8bit/255\n * GsRGB = G8bit/255\n * BsRGB = B8bit/255\n * @param color\n * @returns\n */\nfunction getColorLuminance(color: string): number {\n  const rgb8bit = ColorUtil.hexToRgb(color);\n  const RsRGB = rgb8bit[0] / 255;\n  const GsRGB = rgb8bit[1] / 255;\n  const BsRGB = rgb8bit[2] / 255;\n  let R;\n  let G;\n  let B;\n  if (RsRGB <= 0.03928) {\n    R = RsRGB / 12.92;\n  } else {\n    R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (GsRGB <= 0.03928) {\n    G = GsRGB / 12.92;\n  } else {\n    G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (BsRGB <= 0.03928) {\n    B = BsRGB / 12.92;\n  } else {\n    B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);\n  }\n  const L = 0.2126 * R + 0.7152 * G + 0.0722 * B;\n  return L;\n}\n\n/**\n * 规范化color格式为hex\n * 当color为颜色名称或rgb时，对其进行规范化处理\n * @param originColor\n * @returns\n */\nfunction formatColorToHex(originColor: IColor | undefined) {\n  if ((originColor as string)?.includes('#')) {\n    return originColor;\n  }\n  const c = new ColorUtil.Color(originColor as string);\n  const { r, g, b } = c.color;\n  return '#' + ColorUtil.rgbToHex(r, g, b);\n}\n\nexport function smartInvertStrategy(\n  fillStrategy: string,\n  baseColor: IColor,\n  invertColor: IColor,\n  similarColor: IColor\n) {\n  let result;\n  switch (fillStrategy) {\n    case 'base':\n      result = baseColor;\n      break;\n    case 'invertBase':\n      result = invertColor;\n      break;\n    case 'similarBase':\n      result = similarColor;\n    default:\n      break;\n  }\n  return result;\n}\n"]}
+{"version":3,"sources":["../src/util/label-smartInvert.ts"],"names":[],"mappings":"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","file":"label-smartInvert.js","sourcesContent":["import type { IColor } from '@visactor/vrender';\nimport { ColorUtil } from '@visactor/vutils';\n\nconst defaultAlternativeColors: string[] = ['#ffffff', '#000000'];\nconst { Color } = ColorUtil;\n\n/**\n * 标签智能反色\n * @param foregroundColorOrigin\n * @param backgroundColorOrogin\n * @returns\n */\nexport function labelSmartInvert(\n  foregroundColorOrigin: IColor | undefined,\n  backgroundColorOrogin: IColor | undefined,\n  textType?: string | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n): IColor | undefined {\n  if (typeof foregroundColorOrigin !== 'string' || typeof backgroundColorOrogin !== 'string') {\n    return foregroundColorOrigin;\n  }\n  const foregroundColor = new Color(foregroundColorOrigin as string).toHex();\n  const backgroundColor = new Color(backgroundColorOrogin as string).toHex();\n  if (!contrastAccessibilityChecker(foregroundColor, backgroundColor, textType, contrastRatiosThreshold)) {\n    return improveContrastReverse(\n      foregroundColor,\n      backgroundColor,\n      textType,\n      contrastRatiosThreshold,\n      alternativeColors\n    );\n  }\n  return foregroundColor;\n}\n\n/**\n * 提升对比度\n * 对于对比度不足阈值的情况，推荐备选颜色色板中的颜色提升对比\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction improveContrastReverse(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number,\n  alternativeColors?: string | string[]\n) {\n  const alternativeColorPalletes: string[] = [];\n  if (alternativeColors) {\n    if (alternativeColors instanceof Array) {\n      alternativeColorPalletes.push(...alternativeColors);\n    } else {\n      alternativeColorPalletes.push(alternativeColors);\n    }\n  }\n  alternativeColorPalletes.push(...defaultAlternativeColors);\n  for (const alternativeColor of alternativeColorPalletes) {\n    if (foregroundColor === alternativeColor) {\n      continue;\n    }\n    if (contrastAccessibilityChecker(alternativeColor, backgroundColor, textType, contrastRatiosThreshold)) {\n      return alternativeColor;\n    }\n  }\n  return undefined;\n}\n\n/**\n * 颜色对比度可行性检查 https://webaim.org/articles/contrast/\n * - WCAG 2.0 AA 级要求普通文本的对比度至少为 4.5:1，大文本的对比度至少为 3:1。（目前按照此标准）\n * - WCAG 2.1 要求图形和用户界面组件（例如表单输入边框）的对比度至少为 3:1。\n * - WCAG AAA 级要求普通文本的对比度至少为 7:1，大文本的对比度至少为 4.5:1。\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nexport function contrastAccessibilityChecker(\n  foregroundColor: IColor | undefined,\n  backgroundColor: IColor | undefined,\n  textType?: IColor | undefined,\n  contrastRatiosThreshold?: number\n): boolean {\n  //Contrast ratios can range from 1 to 21\n  if (contrastRatiosThreshold) {\n    if (contrastRatios(foregroundColor, backgroundColor) > contrastRatiosThreshold) {\n      return true;\n    }\n    return false;\n  } else if (textType === 'largeText') {\n    if (contrastRatios(foregroundColor, backgroundColor) > 3) {\n      return true;\n    }\n    return false;\n  }\n  if (contrastRatios(foregroundColor, backgroundColor) > 4.5) {\n    return true;\n  }\n  return false;\n}\n\n/**\n * 计算颜色对比度 https://webaim.org/articles/contrast/\n * Contrast ratios can range from 1 to 21 (commonly written 1:1 to 21:1).\n * (L1 + 0.05) / (L2 + 0.05), whereby:\n * L1 is the relative luminance of the lighter of the colors, and\n * L2 is the relative luminance of the darker of the colors.\n * @param foregroundColor\n * @param backgroundColor\n * @returns\n */\nfunction contrastRatios(foregroundColor: IColor | undefined, backgroundColor: IColor | undefined): number {\n  const foregroundColorLuminance = getColorLuminance(foregroundColor as string);\n  const backgroundColorLuminance = getColorLuminance(backgroundColor as string);\n  const L1 = foregroundColorLuminance > backgroundColorLuminance ? foregroundColorLuminance : backgroundColorLuminance;\n  const L2 = foregroundColorLuminance > backgroundColorLuminance ? backgroundColorLuminance : foregroundColorLuminance;\n  const contrastRatios = (L1 + 0.05) / (L2 + 0.05);\n  return contrastRatios;\n}\n\n/**\n *  计算相对亮度 https://webaim.org/articles/contrast/\n * the relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white\n * Note 1: For the sRGB colorspace, the relative luminance of a color is defined as\n * L = 0.2126 * R + 0.7152 * G + 0.0722 * B where R, G and B are defined as:\n * if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4\n * if GsRGB <= 0.03928 then G = GsRGB/12.92 else G = ((GsRGB+0.055)/1.055) ^ 2.4\n * if BsRGB <= 0.03928 then B = BsRGB/12.92 else B = ((BsRGB+0.055)/1.055) ^ 2.4\n * and RsRGB, GsRGB, and BsRGB are defined as:\n * RsRGB = R8bit/255\n * GsRGB = G8bit/255\n * BsRGB = B8bit/255\n * @param color\n * @returns\n */\nfunction getColorLuminance(color: string): number {\n  const rgb8bit = ColorUtil.hexToRgb(color);\n  const RsRGB = rgb8bit[0] / 255;\n  const GsRGB = rgb8bit[1] / 255;\n  const BsRGB = rgb8bit[2] / 255;\n  let R;\n  let G;\n  let B;\n  if (RsRGB <= 0.03928) {\n    R = RsRGB / 12.92;\n  } else {\n    R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (GsRGB <= 0.03928) {\n    G = GsRGB / 12.92;\n  } else {\n    G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);\n  }\n  if (BsRGB <= 0.03928) {\n    B = BsRGB / 12.92;\n  } else {\n    B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);\n  }\n  const L = 0.2126 * R + 0.7152 * G + 0.0722 * B;\n  return L;\n}\n\n/**\n * 规范化color格式为hex\n * 当color为颜色名称或rgb时，对其进行规范化处理\n * @param originColor\n * @returns\n */\nfunction formatColorToHex(originColor: IColor | undefined) {\n  if ((originColor as string)?.includes('#')) {\n    return originColor;\n  }\n  const c = new ColorUtil.Color(originColor as string);\n  const { r, g, b } = c.color;\n  return '#' + ColorUtil.rgbToHex(r, g, b);\n}\n\nexport function smartInvertStrategy(\n  fillStrategy: string,\n  baseColor: IColor,\n  invertColor: IColor,\n  similarColor: IColor\n) {\n  let result;\n  switch (fillStrategy) {\n    case 'base':\n      result = baseColor;\n      break;\n    case 'invertBase':\n      result = invertColor;\n      break;\n    case 'similarBase':\n      result = similarColor;\n    default:\n      break;\n  }\n  return result;\n}\n"]}

package/dist/index.js

@@ -403,9 +403,13 @@
     }
 
     const defaultAlternativeColors = ['#ffffff', '#000000'];
+    const { Color } = vutils.ColorUtil;
     function labelSmartInvert(foregroundColorOrigin, backgroundColorOrogin, textType, contrastRatiosThreshold, alternativeColors) {
-        const foregroundColor = formatColorToHex(foregroundColorOrigin);
-        const backgroundColor = formatColorToHex(backgroundColorOrogin);
+        if (typeof foregroundColorOrigin !== 'string' || typeof backgroundColorOrogin !== 'string') {
+            return foregroundColorOrigin;
+        }
+        const foregroundColor = new Color(foregroundColorOrigin).toHex();
+        const backgroundColor = new Color(backgroundColorOrogin).toHex();
         if (!contrastAccessibilityChecker(foregroundColor, backgroundColor, textType, contrastRatiosThreshold)) {
             return improveContrastReverse(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors);
         }
@@ -487,14 +491,6 @@
         const L = 0.2126 * R + 0.7152 * G + 0.0722 * B;
         return L;
     }
-    function formatColorToHex(originColor) {
-        if (originColor === null || originColor === void 0 ? void 0 : originColor.includes('#')) {
-            return originColor;
-        }
-        const c = new vutils.ColorUtil.Color(originColor);
-        const { r, g, b } = c.color;
-        return '#' + vutils.ColorUtil.rgbToHex(r, g, b);
-    }
     function smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor) {
         let result;
         switch (fillStrategy) {
@@ -2032,13 +2028,14 @@
             return listener;
         }
         _smartInvert(labels) {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e;
             const option = (this.attribute.smartInvert || {});
             const { textType, contrastRatiosThreshold, alternativeColors } = option;
             const fillStrategy = (_a = option.fillStrategy) !== null && _a !== void 0 ? _a : 'invertBase';
             const strokeStrategy = (_b = option.strokeStrategy) !== null && _b !== void 0 ? _b : 'base';
             const brightColor = (_c = option.brightColor) !== null && _c !== void 0 ? _c : '#ffffff';
             const darkColor = (_d = option.darkColor) !== null && _d !== void 0 ? _d : '#000000';
+            const outsideEnable = (_e = option.outsideEnable) !== null && _e !== void 0 ? _e : false;
             if (fillStrategy === 'null' && strokeStrategy === 'null') {
                 return;
             }
@@ -2048,13 +2045,12 @@
                     continue;
                 }
                 const baseMark = this._idToGraphic.get(label.attribute.id);
-                const isInside = this._canPlaceInside(label.AABBBounds, baseMark === null || baseMark === void 0 ? void 0 : baseMark.AABBBounds);
                 const backgroundColor = baseMark.attribute.fill;
                 const foregroundColor = label.attribute.fill;
                 const baseColor = backgroundColor;
                 const invertColor = labelSmartInvert(foregroundColor, backgroundColor, textType, contrastRatiosThreshold, alternativeColors);
                 const similarColor = contrastAccessibilityChecker(invertColor, brightColor) ? brightColor : darkColor;
-                if (isInside) {
+                if (outsideEnable) {
                     const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
                     fill && label.setAttributes({ fill });
                     if (label.attribute.lineWidth === 0) {
@@ -2064,19 +2060,31 @@
                     stroke && label.setAttributes({ stroke });
                 }
                 else {
-                    if (label.attribute.lineWidth === 0) {
-                        continue;
+                    const isInside = this._canPlaceInside(label.AABBBounds, baseMark === null || baseMark === void 0 ? void 0 : baseMark.AABBBounds);
+                    if (isInside) {
+                        const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
+                        fill && label.setAttributes({ fill });
+                        if (label.attribute.lineWidth === 0) {
+                            continue;
+                        }
+                        const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
+                        stroke && label.setAttributes({ stroke });
                     }
-                    if (label.attribute.stroke) {
-                        label.setAttributes({
-                            fill: labelSmartInvert(label.attribute.fill, label.attribute.stroke, textType, contrastRatiosThreshold, alternativeColors)
-                        });
-                        continue;
+                    else {
+                        if (label.attribute.lineWidth === 0) {
+                            continue;
+                        }
+                        if (label.attribute.stroke) {
+                            label.setAttributes({
+                                fill: labelSmartInvert(label.attribute.fill, label.attribute.stroke, textType, contrastRatiosThreshold, alternativeColors)
+                            });
+                            continue;
+                        }
+                        const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
+                        fill && label.setAttributes({ fill });
+                        const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
+                        stroke && label.setAttributes({ stroke });
                     }
-                    const fill = smartInvertStrategy(fillStrategy, baseColor, invertColor, similarColor);
-                    fill && label.setAttributes({ fill });
-                    const stroke = smartInvertStrategy(strokeStrategy, baseColor, invertColor, similarColor);
-                    stroke && label.setAttributes({ stroke });
                 }
             }
         }
@@ -5526,6 +5534,7 @@
                         end: this.state.end
                     });
                     this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end);
+                    this._dispatchChangeEvent(this.state.start, this.state.end);
                 }
             };
             const { start, end, size, orient, showDetail, position, previewData, previewCallbackX, previewCallbackY, previewCallbackX1, previewCallbackY1, updateStateCallback } = this.attribute;
@@ -5625,6 +5634,7 @@
                     end: this.state.end
                 });
                 this._updateStateCallback && this._updateStateCallback(this.state.start, this.state.end);
+                this._dispatchChangeEvent(this.state.start, this.state.end);
             }
         }
         _onHandlerPointerEnter(e) {
@@ -5984,6 +5994,15 @@
             container.add(labelShape);
             return labelShape;
         }
+        _dispatchChangeEvent(start, end) {
+            var _a;
+            const changeEvent = new vrender.CustomEvent('change', {
+                start,
+                end
+            });
+            changeEvent.manager = (_a = this.stage) === null || _a === void 0 ? void 0 : _a.eventSystem.manager;
+            this.dispatchEvent(changeEvent);
+        }
         setStartAndEnd(start, end) {
             const { start: startAttr, end: endAttr } = this.attribute;
             if (vutils.isValid(start) && vutils.isValid(end) && (start !== this.state.start || end !== this.state.end)) {
@@ -5992,6 +6011,7 @@
                 if (startAttr !== this.state.start || endAttr !== this.state.end) {
                     this.setAttributes({ start, end });
                     this._updateStateCallback && this._updateStateCallback(start, end);
+                    this._dispatchChangeEvent(start, end);
                 }
             }
         }
@@ -7627,7 +7647,7 @@
                         opacity: 0.85
                     },
                     unSelected: {
-                        fill: '#D8D8D8'
+                        opacity: 0.5
                     }
                 }
             },
@@ -9784,6 +9804,11 @@
     })(exports.IOperateType || (exports.IOperateType = {}));
 
     const DEFAULT_BRUSH_ATTRIBUTES = {
+        trigger: 'pointerdown',
+        updateTrigger: 'pointermove',
+        endTrigger: 'pointerup',
+        resetTrigger: 'pointerupoutside',
+        hasMask: true,
         brushMode: 'single',
         brushType: 'rect',
         brushStyle: {
@@ -9845,6 +9870,7 @@
                 const { removeOnClick = true } = this.attribute;
                 if (this._activeDrawState && !this._isDrawedBeforeEnd && removeOnClick) {
                     this._container.incrementalClearChild();
+                    this._brushMaskAABBBoundsDict = {};
                     this._updateDragMaskCallback &&
                         this._updateDragMaskCallback({
                             operateType: exports.IOperateType.brushClear,
@@ -9867,11 +9893,11 @@
             };
         }
         bindBrushEvents() {
-            const { delayType = 'throttle', delayTime = 0 } = this.attribute;
-            this.stage.addEventListener('pointerdown', this._onBrushStart);
-            this.stage.addEventListener('pointermove', delayMap[delayType](this._onBrushing, delayTime));
-            this.stage.addEventListener('pointerup', this._onBrushEnd);
-            this.stage.addEventListener('pointerupoutside', this._onBrushEnd);
+            const { delayType = 'throttle', delayTime = 0, trigger = DEFAULT_BRUSH_ATTRIBUTES.trigger, updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger, endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger, resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger } = this.attribute;
+            this.stage.addEventListener(trigger, this._onBrushStart);
+            this.stage.addEventListener(updateTrigger, delayMap[delayType](this._onBrushing, delayTime));
+            this.stage.addEventListener(endTrigger, this._onBrushEnd);
+            this.stage.addEventListener(resetTrigger, this._onBrushEnd);
         }
         _isPosInBrushMask(e) {
             const pos = this.eventPosToStagePos(e);
@@ -9897,6 +9923,7 @@
             this._cacheDrawPoints = [pos];
             this._isDrawedBeforeEnd = false;
             if (brushMode === 'single') {
+                this._brushMaskAABBBoundsDict = {};
                 this._container.incrementalClearChild();
             }
             this._addBrushMask();
@@ -9933,15 +9960,21 @@
             var _a;
             const pos = this.eventPosToStagePos(e);
             const { x1 = 0, x2 = 0, y1 = 0, y2 = 0 } = (_a = this._operatingMask) === null || _a === void 0 ? void 0 : _a._AABBBounds;
-            const { sizeThreshold = DEFAULT_SIZE_THRESHOLD } = this.attribute;
+            const { sizeThreshold = DEFAULT_SIZE_THRESHOLD, brushType } = this.attribute;
+            const cacheLength = this._cacheDrawPoints.length;
             this._isDrawedBeforeEnd = !!(Math.abs(x2 - x1) > sizeThreshold || Math.abs(y1 - y2) > sizeThreshold);
-            if (this._cacheDrawPoints.length > 0) {
+            if (cacheLength > 0) {
                 const lastPos = this._cacheDrawPoints[this._cacheDrawPoints.length - 1];
                 if (pos.x === (lastPos === null || lastPos === void 0 ? void 0 : lastPos.x) && pos.y === (lastPos === null || lastPos === void 0 ? void 0 : lastPos.y)) {
                     return;
                 }
             }
-            this._cacheDrawPoints.push(pos);
+            if (brushType === 'polygon' || cacheLength <= 1) {
+                this._cacheDrawPoints.push(pos);
+            }
+            else {
+                this._cacheDrawPoints[cacheLength - 1] = pos;
+            }
             const maskPoints = this._computeMaskPoints();
             this._operatingMask.setAttribute('points', maskPoints);
             this._brushMaskAABBBoundsDict[this._operatingMask.name] = this._operatingMask.AABBBounds;
@@ -10041,8 +10074,9 @@
             return maskPoints;
         }
         _addBrushMask() {
-            const { brushStyle } = this.attribute;
-            const brushMask = vrender.createPolygon(Object.assign({ points: vutils.cloneDeep(this._cacheDrawPoints), cursor: 'move', pickable: false }, brushStyle));
+            var _a;
+            const { brushStyle, hasMask } = this.attribute;
+            const brushMask = vrender.createPolygon(Object.assign(Object.assign({ points: vutils.cloneDeep(this._cacheDrawPoints), cursor: 'move', pickable: false }, brushStyle), { opacity: hasMask ? (_a = brushStyle.opacity) !== null && _a !== void 0 ? _a : 1 : 0 }));
             brushMask.name = `brush-${Date.now()}`;
             this._operatingMask = brushMask;
             this._container.add(brushMask);
@@ -10074,11 +10108,11 @@
             vutils.isFunction(callback) && (this._updateDragMaskCallback = callback);
         }
         releaseBrushEvents() {
-            const { delayType = 'throttle', delayTime = 0 } = this.attribute;
-            this.stage.removeEventListener('pointerdown', this._onBrushStart);
-            this.stage.removeEventListener('pointermove', delayMap[delayType](this._onBrushing, delayTime));
-            this.stage.removeEventListener('pointerup', this._onBrushEnd);
-            this.stage.removeEventListener('pointerupoutside', this._onBrushEnd);
+            const { delayType = 'throttle', delayTime = 0, trigger = DEFAULT_BRUSH_ATTRIBUTES.trigger, updateTrigger = DEFAULT_BRUSH_ATTRIBUTES.updateTrigger, endTrigger = DEFAULT_BRUSH_ATTRIBUTES.endTrigger, resetTrigger = DEFAULT_BRUSH_ATTRIBUTES.resetTrigger } = this.attribute;
+            this.stage.removeEventListener(trigger, this._onBrushStart);
+            this.stage.removeEventListener(updateTrigger, delayMap[delayType](this._onBrushing, delayTime));
+            this.stage.removeEventListener(endTrigger, this._onBrushEnd);
+            this.stage.removeEventListener(resetTrigger, this._onBrushEnd);
         }
     }
     Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
@@ -10469,7 +10503,7 @@
         return new Tag(params ? params.attribute : {});
     }
 
-    const version = "0.15.3-alpha.9";
+    const version = "0.15.4";
 
     exports.AbstractComponent = AbstractComponent;
     exports.ArcInfo = ArcInfo;