@visactor/vrender-components 0.14.6 → 0.14.7

package/dist/index.js

@@ -710,6 +710,7 @@
         }
     };
 
+    const _tBounds = new vutils.AABBBounds();
     class PopTip extends AbstractComponent {
         constructor(attributes) {
             super(vutils.merge({}, PopTip.defaultAttributes, attributes));
@@ -717,14 +718,14 @@
             this.positionList = ['top', 'tl', 'tr', 'bottom', 'bl', 'br', 'left', 'lt', 'lb', 'right', 'rt', 'rb'];
         }
         render() {
-            var _a, _b, _c, _d, _e;
-            const { title = '', titleStyle = {}, position, content = '', contentStyle = {}, panel = {}, space = 4, minWidth = 0, maxWidth = Infinity, padding = 4, visible, state, dx = 0, dy = 0 } = this.attribute;
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            const { title = '', titleStyle = {}, position, content = '', contentStyle = {}, panel = {}, space = 4, minWidth = 0, maxWidth = Infinity, padding = 4, maxWidthPercent, visible, state, dx = 0, dy = 0 } = this.attribute;
             const parsedPadding = vutils.normalizePadding(padding);
             const group = this.createOrUpdateChild('poptip-content', { x: 0, y: 0, zIndex: 1 }, 'group');
             const maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3];
             const titleVisible = vutils.isValid(title) && visible !== false;
-            const titleAttrs = Object.assign(Object.assign({ text: title, visible: titleVisible }, titleStyle), { x: parsedPadding[3], y: parsedPadding[0], maxLineWidth, textAlign: 'left', textBaseline: 'top' });
-            const titleShape = group.createOrUpdateChild('poptip-title', titleAttrs, 'text');
+            const titleAttrs = Object.assign(Object.assign({ text: vutils.isArray(title) ? title : [title], visible: titleVisible }, titleStyle), { x: parsedPadding[3], y: parsedPadding[0], maxLineWidth, textAlign: 'left', textBaseline: 'top' });
+            const titleShape = group.createOrUpdateChild('poptip-title', titleAttrs, 'wrapText');
             if (!vutils.isEmpty(state === null || state === void 0 ? void 0 : state.title)) {
                 titleShape.states = state.title;
             }
@@ -736,8 +737,8 @@
                 height = 0;
             }
             const contentVisible = vutils.isValid(content) && visible !== false;
-            const contentAttrs = Object.assign(Object.assign({ text: content, visible: contentVisible }, contentStyle), { x: parsedPadding[3], y: parsedPadding[0] + height, maxLineWidth, textAlign: 'left', textBaseline: 'top' });
-            const contentShape = group.createOrUpdateChild('poptip-content', contentAttrs, 'text');
+            const contentAttrs = Object.assign(Object.assign({ text: vutils.isArray(content) ? content : [content], visible: contentVisible }, contentStyle), { x: parsedPadding[3], y: parsedPadding[0] + height, maxLineWidth, textAlign: 'left', textBaseline: 'top' });
+            const contentShape = group.createOrUpdateChild('poptip-content', contentAttrs, 'wrapText');
             if (!vutils.isEmpty(state === null || state === void 0 ? void 0 : state.content)) {
                 contentShape.states = state.content;
             }
@@ -754,7 +755,7 @@
             else if (popTipWidth < minWidth) {
                 popTipWidth = minWidth;
             }
-            const poptipHeight = parsedPadding[0] + parsedPadding[2] + height;
+            let poptipHeight = parsedPadding[0] + parsedPadding[2] + height;
             const { visible: bgVisible } = panel, backgroundStyle = __rest(panel, ["visible"]);
             const symbolSize = (_a = backgroundStyle.size) !== null && _a !== void 0 ? _a : 12;
             const spaceSize = vutils.isArray(symbolSize)
@@ -762,8 +763,30 @@
                 : symbolSize + ((_d = backgroundStyle.space) !== null && _d !== void 0 ? _d : 0);
             const lineWidth = (_e = backgroundStyle.lineWidth) !== null && _e !== void 0 ? _e : 1;
             const range = this.stage
-                ? [this.stage.width, this.stage.height]
+                ? [
+                    (_f = this.stage.viewWidth) !== null && _f !== void 0 ? _f : this.stage.width,
+                    (_g = this.stage.viewHeight) !== null && _g !== void 0 ? _g : this.stage.height
+                ]
                 : undefined;
+            if (range) {
+                const b = this.AABBBounds;
+                const leftWidth = (_h = this.attribute.x) !== null && _h !== void 0 ? _h : b.x1;
+                const rightWidth = range[0] - b.x1;
+                let maxSpace = Math.max(leftWidth, rightWidth);
+                const buf = (vutils.isArray(symbolSize) ? symbolSize[0] : 12) + 3;
+                maxSpace = Math.min(maxSpace - buf, maxSpace * maxWidthPercent);
+                if (maxSpace < popTipWidth) {
+                    popTipWidth = maxSpace;
+                    const buf = parsedPadding[1] + parsedPadding[3];
+                    titleShape.setAttribute('maxLineWidth', maxSpace - buf);
+                    contentShape.setAttribute('maxLineWidth', maxSpace - buf);
+                    poptipHeight = parsedPadding[0] + parsedPadding[2];
+                    if (titleVisible) {
+                        poptipHeight += titleShape.AABBBounds.height() + space;
+                    }
+                    poptipHeight += contentShape.AABBBounds.height();
+                }
+            }
             const layout = position === 'auto';
             let maxBBoxI;
             let maxBBoxSize = -Infinity;
@@ -786,7 +809,8 @@
                     y: -offset[1] + dy
                 });
                 if (layout && range) {
-                    const b = this.AABBBounds;
+                    _tBounds.setValue(0, 0, popTipWidth, poptipHeight).transformWithMatrix(group.globalTransMatrix);
+                    const b = _tBounds;
                     const stageBounds = new vutils.Bounds().setValue(0, 0, range[0], range[1]);
                     if (vutils.rectInsideAnotherRect(b, stageBounds, false)) {
                         break;
@@ -864,6 +888,7 @@
             textAlign: 'left',
             textBaseline: 'top'
         },
+        maxWidthPercent: 0.8,
         space: 8,
         padding: 10
     };
@@ -1614,6 +1639,9 @@
         }
         render() {
             this._prepare();
+            if (vutils.isNil(this._idToGraphic)) {
+                return;
+            }
             const { overlap, smartInvert, dataFilter, customLayoutFunc, customOverlapFunc } = this.attribute;
             let data = this.attribute.data;
             if (vutils.isFunction(dataFilter)) {
@@ -2441,13 +2469,16 @@
             this._arcLeft.clear();
             this._arcRight.clear();
             this._ellipsisWidth = ellipsisWidth;
-            const { width, height } = attribute;
             const centerOffset = (_a = attribute === null || attribute === void 0 ? void 0 : attribute.centerOffset) !== null && _a !== void 0 ? _a : 0;
+            let maxRadius = 0;
+            currentMarks.forEach(currentMarks => {
+                if (currentMarks.attribute.outerRadius > maxRadius) {
+                    maxRadius = currentMarks.attribute.outerRadius;
+                }
+            });
             currentMarks.forEach((currentMark, index) => {
                 var _a, _b;
                 const graphicAttribute = currentMark.attribute;
-                const radiusRatio = this.computeLayoutOuterRadius(graphicAttribute.outerRadius, width, height);
-                const radius = this.computeRadius(radiusRatio, width, height, centerOffset);
                 const center = { x: (_a = graphicAttribute === null || graphicAttribute === void 0 ? void 0 : graphicAttribute.x) !== null && _a !== void 0 ? _a : 0, y: (_b = graphicAttribute === null || graphicAttribute === void 0 ? void 0 : graphicAttribute.y) !== null && _b !== void 0 ? _b : 0 };
                 const item = data[index];
                 const textBounds = textBoundsArray[index];
@@ -2455,7 +2486,7 @@
                 const intervalAngle = graphicAttribute.endAngle - graphicAttribute.startAngle;
                 const arcQuadrant = computeQuadrant(graphicAttribute.endAngle - intervalAngle / 2);
                 const arcMiddle = circlePoint(center.x, center.y, graphicAttribute.outerRadius, arcMiddleAngle);
-                const outerArcMiddle = circlePoint(center.x, center.y, radius + attribute.line.line1MinLength, arcMiddleAngle);
+                const outerArcMiddle = circlePoint(center.x, center.y, maxRadius + attribute.line.line1MinLength, arcMiddleAngle);
                 const arc = new ArcInfo(item, arcMiddle, outerArcMiddle, arcQuadrant, intervalAngle, arcMiddleAngle);
                 arc.pointA = circlePoint(center.x, center.y, this.computeDatumRadius(center.x * 2, center.y * 2, graphicAttribute.outerRadius, centerOffset), arc.middleAngle);
                 arc.labelSize = {
@@ -8849,16 +8880,16 @@
             this._isPaused = true;
             this.updateAttributes = () => {
                 this._startAttr = {
-                    style: Object.assign(Object.assign({ symbolType: iconPlay }, Controller.defaultControllerAttr), this.attribute.start.style)
+                    style: Object.assign(Object.assign(Object.assign({ symbolType: iconPlay }, Controller.defaultControllerAttr), { visible: this.attribute.start.visible }), this.attribute.start.style)
                 };
                 this._pauseAttr = {
-                    style: Object.assign(Object.assign({ symbolType: iconPause }, Controller.defaultControllerAttr), this.attribute.pause.style)
+                    style: Object.assign(Object.assign(Object.assign({ symbolType: iconPause }, Controller.defaultControllerAttr), { visible: this.attribute.pause.visible }), this.attribute.pause.style)
                 };
                 this._forwardAttr = {
-                    style: Object.assign(Object.assign({}, Controller.defaultControllerAttr), this.attribute.forward.style)
+                    style: Object.assign(Object.assign(Object.assign({}, Controller.defaultControllerAttr), { visible: this.attribute.forward.visible }), this.attribute.forward.style)
                 };
                 this._backwardAttr = {
-                    style: Object.assign(Object.assign({}, Controller.defaultControllerAttr), this.attribute.backward.style)
+                    style: Object.assign(Object.assign(Object.assign({}, Controller.defaultControllerAttr), { visible: this.attribute.backward.visible }), this.attribute.backward.style)
                 };
                 this.updateLayout();
             };
@@ -8969,6 +9000,7 @@
         }
     }
     Controller.defaultControllerAttr = {
+        visible: true,
         x: 0,
         y: 0,
         size: 20,
@@ -8977,7 +9009,6 @@
         cursor: 'pointer'
     };
     Controller.defaultAttributes = {
-        visible: true,
         [ControllerTypeEnum.Start]: {},
         [ControllerTypeEnum.Pause]: {},
         [ControllerTypeEnum.Backward]: {},
@@ -8985,6 +9016,7 @@
     };
 
     const defaultControllerAttributes = {
+        visible: true,
         style: {
             x: 0,
             y: 0,
@@ -9005,12 +9037,18 @@
 
     exports.PlayerEventEnum = void 0;
     (function (PlayerEventEnum) {
-        PlayerEventEnum["OnChange"] = "onChange";
-        PlayerEventEnum["OnPlay"] = "onPlay";
-        PlayerEventEnum["OnPause"] = "onPause";
-        PlayerEventEnum["OnBackward"] = "onBackward";
-        PlayerEventEnum["OnForward"] = "onForward";
-        PlayerEventEnum["OnEnd"] = "onEnd";
+        PlayerEventEnum["change"] = "change";
+        PlayerEventEnum["play"] = "play";
+        PlayerEventEnum["pause"] = "pause";
+        PlayerEventEnum["backward"] = "backward";
+        PlayerEventEnum["forward"] = "forward";
+        PlayerEventEnum["end"] = "end";
+        PlayerEventEnum["OnChange"] = "change";
+        PlayerEventEnum["OnPlay"] = "play";
+        PlayerEventEnum["OnPause"] = "pause";
+        PlayerEventEnum["OnBackward"] = "backward";
+        PlayerEventEnum["OnForward"] = "forward";
+        PlayerEventEnum["OnEnd"] = "end";
     })(exports.PlayerEventEnum || (exports.PlayerEventEnum = {}));
 
     const isReachEndByDefault = ({ direction, maxIndex, dataIndex }) => {
@@ -9067,6 +9105,7 @@
                     handlerSize = vutils.max(this._handlerStyle.size[0], this._handlerStyle.size[1]);
                 }
                 const attrs = {
+                    visible: this._sliderVisible,
                     min: this._minIndex,
                     max: this._maxIndex,
                     value: (_a = this.attribute.dataIndex) !== null && _a !== void 0 ? _a : 0,
@@ -9079,7 +9118,6 @@
                     dy: this.attribute.slider.dy,
                     dx: this.attribute.slider.dx,
                     slidable: true,
-                    visible: true,
                     range: false,
                     handlerText: { visible: false },
                     startText: { visible: false },
@@ -9108,11 +9146,12 @@
             this._initSlider = () => {
                 const attrs = this._updateSliderAttrs();
                 this._slider = new Slider(attrs);
-                this.add(this._slider);
+                if (this._sliderVisible) {
+                    this.add(this._slider);
+                }
             };
             this._updateControllerAttrs = () => {
                 const attrs = {
-                    visible: true,
                     start: this._start,
                     pause: this._pause,
                     forward: this._forward,
@@ -9120,40 +9159,26 @@
                 };
                 if (isHorizontal(this._orient)) {
                     attrs.layout = 'horizontal';
-                    attrs.start = {
-                        style: Object.assign(Object.assign({}, attrs.start.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y })
-                    };
-                    attrs.pause = {
-                        style: Object.assign(Object.assign({}, attrs.pause.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y })
-                    };
-                    attrs.backward = {
-                        style: Object.assign(Object.assign({}, attrs.backward.style), { x: this._layoutInfo.backward.x, y: this._layoutInfo.backward.y })
-                    };
-                    attrs.forward = {
-                        style: Object.assign(Object.assign({}, attrs.forward.style), { x: this._layoutInfo.forward.x, y: this._layoutInfo.forward.y })
-                    };
+                    attrs.start = Object.assign(Object.assign({}, attrs.start), { style: Object.assign(Object.assign({}, attrs.start.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y }) });
+                    attrs.pause = Object.assign(Object.assign({}, attrs.pause), { style: Object.assign(Object.assign({}, attrs.pause.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y }) });
+                    attrs.backward = Object.assign(Object.assign({}, attrs.backward), { style: Object.assign(Object.assign({}, attrs.backward.style), { x: this._layoutInfo.backward.x, y: this._layoutInfo.backward.y }) });
+                    attrs.forward = Object.assign(Object.assign({}, attrs.forward), { style: Object.assign(Object.assign({}, attrs.forward.style), { x: this._layoutInfo.forward.x, y: this._layoutInfo.forward.y }) });
                 }
                 else {
                     attrs.layout = 'vertical';
-                    attrs.start = {
-                        style: Object.assign(Object.assign({}, attrs.start.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y })
-                    };
-                    attrs.pause = {
-                        style: Object.assign(Object.assign({}, attrs.pause.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y })
-                    };
-                    attrs.backward = {
-                        style: Object.assign(Object.assign({}, attrs.backward.style), { x: this._layoutInfo.backward.x, y: this._layoutInfo.backward.y })
-                    };
-                    attrs.forward = {
-                        style: Object.assign(Object.assign({}, attrs.forward.style), { x: this._layoutInfo.forward.x, y: this._layoutInfo.forward.y })
-                    };
+                    attrs.start = Object.assign(Object.assign({}, attrs.start), { style: Object.assign(Object.assign({}, attrs.start.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y }) });
+                    attrs.pause = Object.assign(Object.assign({}, attrs.pause), { style: Object.assign(Object.assign({}, attrs.pause.style), { x: this._layoutInfo.start.x, y: this._layoutInfo.start.y }) });
+                    attrs.backward = Object.assign(Object.assign({}, attrs.backward), { style: Object.assign(Object.assign({}, attrs.backward.style), { x: this._layoutInfo.backward.x, y: this._layoutInfo.backward.y }) });
+                    attrs.forward = Object.assign(Object.assign({}, attrs.forward), { style: Object.assign(Object.assign({}, attrs.forward.style), { x: this._layoutInfo.forward.x, y: this._layoutInfo.forward.y }) });
                 }
                 return attrs;
             };
             this._initController = () => {
                 const attrs = this._updateControllerAttrs();
                 this._controller = new Controller(attrs);
-                this.add(this._controller);
+                if (this._controllerVisible) {
+                    this.add(this._controller);
+                }
             };
             this._initAttributes();
             this._initLayoutInfo();
@@ -9161,19 +9186,21 @@
             this._initSlider();
         }
         _initAttributes() {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
             this._size = this.attribute.size;
             this._orient = this.attribute.orient;
             this._data = this.attribute.data;
             this._minIndex = 0;
             this._maxIndex = this._data.length - 1;
-            this._railStyle = Object.assign({}, (_b = (_a = this.attribute) === null || _a === void 0 ? void 0 : _a.slider) === null || _b === void 0 ? void 0 : _b.railStyle);
-            this._trackStyle = Object.assign({}, (_d = (_c = this.attribute) === null || _c === void 0 ? void 0 : _c.slider) === null || _d === void 0 ? void 0 : _d.trackStyle);
-            this._handlerStyle = Object.assign({}, (_f = (_e = this.attribute) === null || _e === void 0 ? void 0 : _e.slider) === null || _f === void 0 ? void 0 : _f.handlerStyle);
-            this._start = Object.assign({}, (_h = (_g = this.attribute) === null || _g === void 0 ? void 0 : _g.controller) === null || _h === void 0 ? void 0 : _h.start);
-            this._pause = Object.assign({}, (_k = (_j = this.attribute) === null || _j === void 0 ? void 0 : _j.controller) === null || _k === void 0 ? void 0 : _k.pause);
-            this._forward = Object.assign({}, (_m = (_l = this.attribute) === null || _l === void 0 ? void 0 : _l.controller) === null || _m === void 0 ? void 0 : _m.forward);
-            this._backward = Object.assign({}, (_p = (_o = this.attribute) === null || _o === void 0 ? void 0 : _o.controller) === null || _p === void 0 ? void 0 : _p.backward);
+            this._sliderVisible = (_b = (_a = this.attribute) === null || _a === void 0 ? void 0 : _a.slider) === null || _b === void 0 ? void 0 : _b.visible;
+            this._railStyle = Object.assign({}, (_d = (_c = this.attribute) === null || _c === void 0 ? void 0 : _c.slider) === null || _d === void 0 ? void 0 : _d.railStyle);
+            this._trackStyle = Object.assign({}, (_f = (_e = this.attribute) === null || _e === void 0 ? void 0 : _e.slider) === null || _f === void 0 ? void 0 : _f.trackStyle);
+            this._handlerStyle = Object.assign({}, (_h = (_g = this.attribute) === null || _g === void 0 ? void 0 : _g.slider) === null || _h === void 0 ? void 0 : _h.handlerStyle);
+            this._controllerVisible = (_k = (_j = this.attribute) === null || _j === void 0 ? void 0 : _j.controller) === null || _k === void 0 ? void 0 : _k.visible;
+            this._start = Object.assign({}, (_m = (_l = this.attribute) === null || _l === void 0 ? void 0 : _l.controller) === null || _m === void 0 ? void 0 : _m.start);
+            this._pause = Object.assign({}, (_p = (_o = this.attribute) === null || _o === void 0 ? void 0 : _o.controller) === null || _p === void 0 ? void 0 : _p.pause);
+            this._forward = Object.assign({}, (_r = (_q = this.attribute) === null || _q === void 0 ? void 0 : _q.controller) === null || _r === void 0 ? void 0 : _r.forward);
+            this._backward = Object.assign({}, (_t = (_s = this.attribute) === null || _s === void 0 ? void 0 : _s.controller) === null || _t === void 0 ? void 0 : _t.backward);
         }
         _initLayoutInfo() {
             var _a, _b, _c;
@@ -9186,7 +9213,9 @@
                 const maxSize = vutils.isNumber(size) ? size : vutils.max(size[0], size[1]);
                 return len + controller.space + maxSize;
             }, 0);
-            const sliderPx = (isHorizontal(this._orient) ? (_b = this._size) === null || _b === void 0 ? void 0 : _b.width : (_c = this._size) === null || _c === void 0 ? void 0 : _c.height) - controllerPx;
+            const sliderPx = this._sliderVisible
+                ? (isHorizontal(this._orient) ? (_b = this._size) === null || _b === void 0 ? void 0 : _b.width : (_c = this._size) === null || _c === void 0 ? void 0 : _c.height) - controllerPx
+                : 0;
             const railPx = sliderPx - this.attribute.slider.space;
             const startPx = startControllers.reduce((px, controller) => {
                 const { key, space, style: { size } } = controller;
@@ -9241,6 +9270,7 @@
             width: 300
         },
         slider: {
+            visible: true,
             space: 10,
             dx: 0,
             dy: 0,
@@ -9251,6 +9281,7 @@
             handlerStyle: {}
         },
         controller: {
+            visible: true,
             start: Object.assign(Object.assign({}, defaultControllerAttributes), { key: 'start', position: 'start', space: 0 }),
             pause: Object.assign(Object.assign({}, defaultControllerAttributes), { key: 'pause', position: 'start' }),
             forward: Object.assign(Object.assign({}, defaultControllerAttributes), { key: 'forward', position: 'end' }),
@@ -9297,7 +9328,7 @@
                     const middle = Math.floor(e.detail.value) + 0.5;
                     this._dataIndex = e.detail.value >= middle ? Math.ceil(e.detail.value) : Math.floor(e.detail.value);
                     this._slider.setValue(this._dataIndex);
-                    this.dispatchCustomEvent(exports.PlayerEventEnum.OnChange);
+                    this.dispatchCustomEvent(exports.PlayerEventEnum.change);
                 });
             };
             this.play = () => {
@@ -9328,7 +9359,7 @@
                         this._updateDataIndex(this._maxIndex);
                     }
                 }
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnPlay);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.play);
                 this._isReachEnd = false;
                 this._tickTime = Date.now();
                 this._rafId = vrender.vglobal.getRequestAnimationFrame()(this._play.bind(this, true));
@@ -9341,14 +9372,14 @@
                     return;
                 }
                 if (isFirstPlay && this._activeIndex !== this._dataIndex) {
-                    this.dispatchCustomEvent(exports.PlayerEventEnum.OnChange);
+                    this.dispatchCustomEvent(exports.PlayerEventEnum.change);
                     this._activeIndex = this._dataIndex;
                 }
                 else if (now - this._tickTime >= this._interval) {
                     this._tickTime = now;
                     this._updateDataIndex(forwardStep(this._direction, this._dataIndex, this._minIndex, this._maxIndex));
                     this._activeIndex = this._dataIndex;
-                    this.dispatchCustomEvent(exports.PlayerEventEnum.OnChange);
+                    this.dispatchCustomEvent(exports.PlayerEventEnum.change);
                 }
                 if ((this._direction === 'default' && this._dataIndex >= this._maxIndex) ||
                     (this._direction === 'reverse' && this._dataIndex <= this._minIndex)) {
@@ -9365,7 +9396,7 @@
                 this._controller.togglePlay();
                 vrender.vglobal.getCancelAnimationFrame()(this._rafId);
                 this._activeIndex = -1;
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnEnd);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.end);
             };
             this.pause = () => {
                 if (!this._isPlaying) {
@@ -9374,19 +9405,19 @@
                 this._isPlaying = false;
                 vrender.vglobal.getCancelAnimationFrame()(this._rafId);
                 this._controller.togglePlay();
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnPause);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.pause);
             };
             this.backward = () => {
                 const index = Math.max(this._dataIndex - 1, this._minIndex);
                 this._updateDataIndex(index);
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnChange);
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnBackward);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.change);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.backward);
             };
             this.forward = () => {
                 const index = Math.min(this._dataIndex + 1, this._maxIndex);
                 this._updateDataIndex(index);
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnChange);
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnForward);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.change);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.forward);
             };
             this._initAttributes();
             this._initEvents();
@@ -9467,7 +9498,7 @@
                     this._dataIndex = index;
                     this._activeIndex = index;
                     if (index !== this._maxIndex) {
-                        this.dispatchCustomEvent(exports.PlayerEventEnum.OnChange);
+                        this.dispatchCustomEvent(exports.PlayerEventEnum.change);
                     }
                 }
             };
@@ -9481,7 +9512,7 @@
                     this._elapsed = 0;
                 }
                 this._startTime = Date.now() - this._elapsed;
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnPlay);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.play);
                 this._rafId = vrender.vglobal.getRequestAnimationFrame()(this._play.bind(this));
             });
             this._play = () => {
@@ -9498,7 +9529,7 @@
                 this._isPlaying = false;
                 vrender.vglobal.getCancelAnimationFrame()(this._rafId);
                 this._controller.togglePlay();
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnEnd);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.end);
             };
             this.pause = () => {
                 if (!this._isPlaying) {
@@ -9508,7 +9539,7 @@
                 this._elapsed = Date.now() - this._startTime;
                 vrender.vglobal.getCancelAnimationFrame()(this._rafId);
                 this._controller.togglePlay();
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnPause);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.pause);
             };
             this.backward = () => {
                 const now = Date.now();
@@ -9523,7 +9554,7 @@
                     this._startTime = this._startTime + this._interval;
                 }
                 this._updateSlider();
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnBackward);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.backward);
             };
             this.forward = () => {
                 const now = Date.now();
@@ -9538,7 +9569,7 @@
                     this._elapsed = elapsed;
                 }
                 this._updateSlider();
-                this.dispatchCustomEvent(exports.PlayerEventEnum.OnForward);
+                this.dispatchCustomEvent(exports.PlayerEventEnum.forward);
             };
             this._initAttributes();
             this._initEvents();
@@ -10244,7 +10275,7 @@
     }
     Tooltip.defaultAttributes = defaultAttributes;
 
-    const version = "0.14.6";
+    const version = "0.14.7";
 
     exports.AbstractComponent = AbstractComponent;
     exports.ArcInfo = ArcInfo;