@visactor/vrender-components 0.17.0-alpha.8 → 0.17.0

package/cjs/player/continuous-player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/continuous-player.ts"],"names":[],"mappings":"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","file":"continuous-player.js","sourcesContent":["import type { FederatedPointerEvent } from '@visactor/vrender-core';\nimport { vglobal } from '@visactor/vrender-core';\nimport { BasePlayer } from './base-player';\nimport type { ContinuousPlayerAttributes } from './type';\nimport { PlayerEventEnum } from './type';\nimport { ControllerEventEnum } from './controller/constant';\n\nexport interface IContinuousPlayer {\n  play: () => Promise<void>;\n  pause: () => void;\n  forward: () => void;\n  backward: () => void;\n}\n\nexport class ContinuousPlayer extends BasePlayer<ContinuousPlayerAttributes> implements IContinuousPlayer {\n  declare attribute: ContinuousPlayerAttributes;\n\n  private _dataIndex: number;\n  private _activeIndex: number;\n\n  protected _alternate: boolean;\n  protected _interval: number;\n  protected _totalDuration: number;\n\n  private _isPlaying = false;\n  private _startTime: number = Date.now();\n  private _elapsed: number;\n  private _rafId: number;\n\n  constructor(attributes: ContinuousPlayerAttributes) {\n    super(attributes);\n\n    this._initAttributes();\n    this._initEvents();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes = () => {\n    super._initAttributes();\n    // 新增一个占位数据\n    this._maxIndex = this._data.length;\n    this._slider.setAttribute('max', this._maxIndex);\n\n    this._isPlaying = false;\n    this._elapsed = 0;\n    this._interval = this.attribute.interval ?? 1000;\n    this._dataIndex = this.attribute.dataIndex ?? this._minIndex;\n\n    // 播放帧数(10条数据, 需要10个播放帧)\n    const frames = this._data.length;\n\n    // 若用户配置了总时长\n    if (this.attribute.totalDuration && this._data.length) {\n      this._totalDuration = this.attribute.totalDuration;\n      // 避免除0\n      this._interval = this._totalDuration / (frames ?? 1);\n    }\n    // 若未配置总时长, 则根据interval算出一个总时长, interval有默认值\n    else {\n      this._totalDuration = this._interval * frames;\n      this._interval = this.attribute.interval;\n    }\n  };\n\n  /**\n   * 初始化事件\n   */\n  private _initEvents = () => {\n    this._controller.addEventListener(ControllerEventEnum.OnPlay, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.play();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnPause, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.pause();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnForward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnBackward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._slider.addEventListener('change', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      /**\n       * 根据value, 反推开始时间\n       * 1. 计算进度\n       * 2. 计算流逝时间\n       * 3. 用现在的时间, 模拟一个开始时间\n       */\n      const value = (e.detail as unknown as { value: number; position: number })?.value;\n      const progress = value / this._maxIndex;\n      this._elapsed = progress * this._totalDuration;\n      this._startTime = Date.now() - this._elapsed;\n\n      this._dispatchChange(value);\n    });\n  };\n\n  /**\n   * 根据已流逝时间和总时长, 计算slider的值\n   */\n  private _getSliderValue = () => {\n    const progress = this._elapsed / this._totalDuration;\n    return Math.min(progress * this._maxIndex, this._maxIndex);\n  };\n\n  /**\n   * 根据流逝时间, 更新Slider的值\n   */\n  private _updateSlider = () => {\n    const value = this._getSliderValue();\n    this._dataIndex = Math.floor(value);\n    this._slider.setValue(Math.min(value, this._maxIndex));\n    this._dispatchChange(Math.floor(value));\n  };\n\n  /**\n   * 根据Slider的值, 判断是否要触发Change事件.\n   */\n  private _dispatchChange = (value: number) => {\n    const index = Math.floor(value);\n    if (index !== this._activeIndex) {\n      this._dataIndex = index;\n      this._activeIndex = index;\n\n      if (index !== this._maxIndex) {\n        this.dispatchCustomEvent(PlayerEventEnum.change);\n      }\n    }\n  };\n\n  /**\n   * 派遣事件\n   * @param eventType 事件类型\n   */\n  dispatchCustomEvent(eventType: PlayerEventEnum) {\n    super.dispatchCustomEvent(eventType, this._dataIndex);\n  }\n\n  /**\n   * 播放接口\n   */\n  play = async () => {\n    if (this._isPlaying) {\n      return;\n    }\n    // 切换按钮\n    this._controller.togglePause();\n    // 播放状态更新\n    this._isPlaying = true;\n    // 播放结束后再点击play, 此条件下生效.\n    if (this._elapsed >= this._totalDuration) {\n      this._elapsed = 0;\n    }\n    // 此时此刻减去已流逝的时间, 则为起点对应的时间戳.\n    this._startTime = Date.now() - this._elapsed;\n    // 事件\n    this.dispatchCustomEvent(PlayerEventEnum.play);\n    // 开始播放动画\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this));\n  };\n\n  /**\n   * 播放动画主要逻辑\n   */\n  private _play = () => {\n    // 计算已流逝的时间, 但不需要保存\n    this._elapsed = Date.now() - this._startTime;\n    // 计算Slider的值.\n    const value = this._getSliderValue();\n    // 更新Slider的值.\n    this._updateSlider();\n\n    // 播放终止条件\n    if (value >= this._maxIndex) {\n      this._playEnd();\n      return;\n    }\n\n    // 持续播放\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this));\n  };\n\n  /**\n   * 播放结束时触发\n   */\n  private _playEnd = () => {\n    // 播放状态更新\n    this._isPlaying = false;\n    // 取消播放动画\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    // 切换按钮\n    this._controller.togglePlay();\n    // 事件\n    this.dispatchCustomEvent(PlayerEventEnum.end);\n  };\n\n  /**\n   * 暂停接口\n   */\n  pause = () => {\n    if (!this._isPlaying) {\n      return;\n    }\n    this._isPlaying = false;\n    // 计算已流逝的时间, 需要记录下来\n    this._elapsed = Date.now() - this._startTime;\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    this._controller.togglePlay();\n\n    this.dispatchCustomEvent(PlayerEventEnum.pause);\n  };\n\n  /**\n   * 前进接口\n   */\n  backward = () => {\n    // 按下按钮的时间\n    const now = Date.now();\n    // 步长\n    const interval = this._interval * 1;\n    // 流逝时间 减去 interval\n    const elapsed = this._elapsed - interval;\n\n    // 若到达起点\n    if (elapsed <= 0) {\n      this._elapsed = 0;\n      this._startTime = now;\n    }\n    // 若未到达起点\n    else {\n      this._elapsed = elapsed;\n      this._startTime = this._startTime + this._interval;\n    }\n    // 更新slider\n    this._updateSlider();\n\n    this.dispatchCustomEvent(PlayerEventEnum.backward);\n  };\n\n  /**\n   * 后退接口\n   */\n  forward = () => {\n    // 按下按钮的时间\n    const now = Date.now();\n    // 步长\n    const interval = this._interval * 1;\n    // 流逝时间 加上 1个interval\n    const elapsed = this._elapsed + interval;\n    // 若超过终点\n    if (elapsed >= this._totalDuration) {\n      this._startTime = now - this._totalDuration;\n      this._elapsed = this._totalDuration;\n    }\n    // 未超过终点\n    else {\n      this._startTime = this._startTime - interval;\n      this._elapsed = elapsed;\n    }\n    // 更新slider\n    this._updateSlider();\n\n    this.dispatchCustomEvent(PlayerEventEnum.forward);\n  };\n\n  render() {\n    super.render();\n  }\n}\n"]}
+{"version":3,"sources":["../src/player/continuous-player.ts"],"names":[],"mappings":"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","file":"continuous-player.js","sourcesContent":["import type { FederatedPointerEvent } from '@visactor/vrender-core';\nimport { vglobal } from '@visactor/vrender-core';\nimport { BasePlayer } from './base-player';\nimport type { ContinuousPlayerAttributes } from './type';\nimport { PlayerEventEnum } from './type';\nimport { ControllerEventEnum } from './controller/constant';\n\nexport interface IContinuousPlayer {\n  play: () => Promise<void>;\n  pause: () => void;\n  forward: () => void;\n  backward: () => void;\n}\n\nexport class ContinuousPlayer extends BasePlayer<ContinuousPlayerAttributes> implements IContinuousPlayer {\n  declare attribute: ContinuousPlayerAttributes;\n\n  private _dataIndex: number;\n  private _activeIndex: number;\n\n  protected _alternate: boolean;\n  protected _interval: number;\n  protected _totalDuration: number;\n\n  private _isPlaying = false;\n  private _startTime: number = Date.now();\n  private _elapsed: number;\n  private _rafId: number;\n\n  constructor(attributes: ContinuousPlayerAttributes) {\n    super(attributes);\n\n    this._initAttributes();\n    this._initEvents();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes = () => {\n    super._initAttributes();\n    // 新增一个占位数据\n    this._maxIndex = this._data.length;\n    this._slider.setAttribute('max', this._maxIndex);\n\n    this._isPlaying = false;\n    this._elapsed = 0;\n    this._interval = this.attribute.interval ?? 1000;\n    this._dataIndex = this.attribute.dataIndex ?? this._minIndex;\n\n    // 播放帧数(10条数据, 需要10个播放帧)\n    const frames = this._data.length;\n\n    // 若用户配置了总时长\n    if (this.attribute.totalDuration && this._data.length) {\n      this._totalDuration = this.attribute.totalDuration;\n      // 避免除0\n      this._interval = this._totalDuration / (frames ?? 1);\n    }\n    // 若未配置总时长, 则根据interval算出一个总时长, interval有默认值\n    else {\n      this._totalDuration = this._interval * frames;\n      this._interval = this.attribute.interval;\n    }\n  };\n\n  /**\n   * 初始化事件\n   */\n  private _initEvents = () => {\n    if (this.attribute.disableTriggerEvent) {\n      return;\n    }\n    this._controller.addEventListener(ControllerEventEnum.OnPlay, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.play();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnPause, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.pause();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnForward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnBackward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._slider.addEventListener('change', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      /**\n       * 根据value, 反推开始时间\n       * 1. 计算进度\n       * 2. 计算流逝时间\n       * 3. 用现在的时间, 模拟一个开始时间\n       */\n      const value = (e.detail as unknown as { value: number; position: number })?.value;\n      const progress = value / this._maxIndex;\n      this._elapsed = progress * this._totalDuration;\n      this._startTime = Date.now() - this._elapsed;\n\n      this._dispatchChange(value);\n    });\n  };\n\n  /**\n   * 根据已流逝时间和总时长, 计算slider的值\n   */\n  private _getSliderValue = () => {\n    const progress = this._elapsed / this._totalDuration;\n    return Math.min(progress * this._maxIndex, this._maxIndex);\n  };\n\n  /**\n   * 根据流逝时间, 更新Slider的值\n   */\n  private _updateSlider = () => {\n    const value = this._getSliderValue();\n    this._dataIndex = Math.floor(value);\n    this._slider.setValue(Math.min(value, this._maxIndex));\n    this._dispatchChange(Math.floor(value));\n  };\n\n  /**\n   * 根据Slider的值, 判断是否要触发Change事件.\n   */\n  private _dispatchChange = (value: number) => {\n    const index = Math.floor(value);\n    if (index !== this._activeIndex) {\n      this._dataIndex = index;\n      this._activeIndex = index;\n\n      if (index !== this._maxIndex) {\n        this.dispatchCustomEvent(PlayerEventEnum.change);\n      }\n    }\n  };\n\n  /**\n   * 派遣事件\n   * @param eventType 事件类型\n   */\n  dispatchCustomEvent(eventType: PlayerEventEnum) {\n    super.dispatchCustomEvent(eventType, this._dataIndex);\n  }\n\n  /**\n   * 播放接口\n   */\n  play = async () => {\n    if (this._isPlaying) {\n      return;\n    }\n    // 切换按钮\n    this._controller.togglePause();\n    // 播放状态更新\n    this._isPlaying = true;\n    // 播放结束后再点击play, 此条件下生效.\n    if (this._elapsed >= this._totalDuration) {\n      this._elapsed = 0;\n    }\n    // 此时此刻减去已流逝的时间, 则为起点对应的时间戳.\n    this._startTime = Date.now() - this._elapsed;\n    // 事件\n    this.dispatchCustomEvent(PlayerEventEnum.play);\n    // 开始播放动画\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this));\n  };\n\n  /**\n   * 播放动画主要逻辑\n   */\n  private _play = () => {\n    // 计算已流逝的时间, 但不需要保存\n    this._elapsed = Date.now() - this._startTime;\n    // 计算Slider的值.\n    const value = this._getSliderValue();\n    // 更新Slider的值.\n    this._updateSlider();\n\n    // 播放终止条件\n    if (value >= this._maxIndex) {\n      this._playEnd();\n      return;\n    }\n\n    // 持续播放\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this));\n  };\n\n  /**\n   * 播放结束时触发\n   */\n  private _playEnd = () => {\n    // 播放状态更新\n    this._isPlaying = false;\n    // 取消播放动画\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    // 切换按钮\n    this._controller.togglePlay();\n    // 事件\n    this.dispatchCustomEvent(PlayerEventEnum.end);\n  };\n\n  /**\n   * 暂停接口\n   */\n  pause = () => {\n    if (!this._isPlaying) {\n      return;\n    }\n    this._isPlaying = false;\n    // 计算已流逝的时间, 需要记录下来\n    this._elapsed = Date.now() - this._startTime;\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    this._controller.togglePlay();\n\n    this.dispatchCustomEvent(PlayerEventEnum.pause);\n  };\n\n  /**\n   * 前进接口\n   */\n  backward = () => {\n    // 按下按钮的时间\n    const now = Date.now();\n    // 步长\n    const interval = this._interval * 1;\n    // 流逝时间 减去 interval\n    const elapsed = this._elapsed - interval;\n\n    // 若到达起点\n    if (elapsed <= 0) {\n      this._elapsed = 0;\n      this._startTime = now;\n    }\n    // 若未到达起点\n    else {\n      this._elapsed = elapsed;\n      this._startTime = this._startTime + this._interval;\n    }\n    // 更新slider\n    this._updateSlider();\n\n    this.dispatchCustomEvent(PlayerEventEnum.backward);\n  };\n\n  /**\n   * 后退接口\n   */\n  forward = () => {\n    // 按下按钮的时间\n    const now = Date.now();\n    // 步长\n    const interval = this._interval * 1;\n    // 流逝时间 加上 1个interval\n    const elapsed = this._elapsed + interval;\n    // 若超过终点\n    if (elapsed >= this._totalDuration) {\n      this._startTime = now - this._totalDuration;\n      this._elapsed = this._totalDuration;\n    }\n    // 未超过终点\n    else {\n      this._startTime = this._startTime - interval;\n      this._elapsed = elapsed;\n    }\n    // 更新slider\n    this._updateSlider();\n\n    this.dispatchCustomEvent(PlayerEventEnum.forward);\n  };\n\n  render() {\n    super.render();\n  }\n}\n"]}

package/cjs/player/controller/controller.d.ts

@@ -1,6 +1,7 @@
 import type { ISymbolGraphicAttribute } from '@visactor/vrender-core';
 import { AbstractComponent } from '../../core/base';
 import type { ControllerAttributes } from './type';
+import type { ComponentOptions } from '../../interface';
 export declare class Controller extends AbstractComponent<Required<ControllerAttributes>> {
     static defaultControllerAttr: ISymbolGraphicAttribute;
     static defaultAttributes: ControllerAttributes;
@@ -13,7 +14,7 @@ export declare class Controller extends AbstractComponent<Required<ControllerAtt
     private _pauseAttr;
     private _forwardAttr;
     private _backwardAttr;
-    constructor(attributes: ControllerAttributes);
+    constructor(attributes: ControllerAttributes, options?: ComponentOptions);
     updateAttributes: () => void;
     private updateLayout;
     private _initPlay;

package/cjs/player/controller/controller.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 const vutils_1 = require("@visactor/vutils"), vrender_core_1 = require("@visactor/vrender-core"), base_1 = require("../../core/base"), assets_1 = require("./assets"), icon_1 = require("./icon"), constant_1 = require("./constant");
 
 class Controller extends base_1.AbstractComponent {
-    constructor(attributes) {
-        super((0, vutils_1.merge)({}, Controller.defaultAttributes, attributes)), this._isPaused = !0, 
-        this.updateAttributes = () => {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, Controller.defaultAttributes, attributes)), 
+        this._isPaused = !0, this.updateAttributes = () => {
             this._startAttr = {
                 style: Object.assign(Object.assign(Object.assign({
                     symbolType: assets_1.iconPlay
@@ -46,13 +46,13 @@ class Controller extends base_1.AbstractComponent {
             (0, vutils_1.isNil)(this._forwardController) && (this._forwardController = new icon_1.PlayerIcon(Object.assign({}, this._forwardAttr.style)), 
             this.add(this._forwardController));
         }, this._initEvents = () => {
-            this._playController.addEventListener("pointerdown", (e => {
+            this.attribute.disableTriggerEvent || (this._playController.addEventListener("pointerdown", (e => {
                 e.stopPropagation(), !0 === this._isPaused ? this.play() : this.pause();
             })), this._backwardController.addEventListener("pointerdown", (e => {
                 e.stopPropagation(), this.backward();
             })), this._forwardController.addEventListener("pointerdown", (e => {
                 e.stopPropagation(), this.forward();
-            }));
+            })));
         }, this._createCustomEvent = eventType => {
             var _a;
             const customEvent = new vrender_core_1.CustomEvent(eventType, {

package/cjs/player/controller/controller.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/controller/controller.ts"],"names":[],"mappings":"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","file":"controller.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport type { FederatedPointerEvent, ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport { CustomEvent } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../../core/base';\nimport type { BaseGraphicAttributes } from '../../core/type';\nimport type { ControllerAttributes, LayoutType } from './type';\nimport { iconRight, iconPause, iconPlay, iconLeft, iconUp, iconDown } from './assets';\nimport { PlayerIcon } from './icon';\nimport { ControllerEventEnum, ControllerTypeEnum } from './constant';\n\nexport class Controller extends AbstractComponent<Required<ControllerAttributes>> {\n  static defaultControllerAttr: ISymbolGraphicAttribute = {\n    visible: true,\n    x: 0,\n    y: 0,\n    size: 20,\n    fill: '#91caff',\n    pickMode: 'imprecise',\n    cursor: 'pointer'\n  };\n  static defaultAttributes: ControllerAttributes = {\n    [ControllerTypeEnum.Start]: {},\n    [ControllerTypeEnum.Pause]: {},\n    [ControllerTypeEnum.Backward]: {},\n    [ControllerTypeEnum.Forward]: {}\n  };\n\n  private _isPaused = true;\n  private _playController: PlayerIcon;\n  private _forwardController: PlayerIcon;\n  private _backwardController: PlayerIcon;\n\n  private _layout: LayoutType;\n  private _startAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n  private _pauseAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n  private _forwardAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n  private _backwardAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n\n  constructor(attributes: ControllerAttributes) {\n    super(merge({}, Controller.defaultAttributes, attributes));\n    this.updateAttributes();\n    this._initPlay();\n    this._initBackward();\n    this._initForward();\n    this._initEvents();\n  }\n\n  updateAttributes = () => {\n    this._startAttr = {\n      style: {\n        symbolType: iconPlay,\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.start.visible,\n        ...this.attribute.start.style\n      }\n    };\n    this._pauseAttr = {\n      style: {\n        symbolType: iconPause,\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.pause.visible,\n        ...this.attribute.pause.style\n      }\n    };\n    this._forwardAttr = {\n      style: {\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.forward.visible,\n        ...this.attribute.forward.style\n      }\n    };\n    this._backwardAttr = {\n      style: {\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.backward.visible,\n        ...this.attribute.backward.style\n      }\n    };\n    this.updateLayout();\n  };\n\n  private updateLayout = () => {\n    this._layout = this.attribute.layout;\n    // 若水平布局\n    if (this._layout === 'horizontal') {\n      this._backwardAttr.style.symbolType = this._backwardAttr.style?.symbolType ?? iconLeft;\n      this._forwardAttr.style.symbolType = this._forwardAttr.style?.symbolType ?? iconRight;\n    }\n    // 若垂直布局\n    else if (this._layout === 'vertical') {\n      this._backwardAttr.style.symbolType = this._backwardAttr.style?.symbolType ?? iconUp;\n      this._forwardAttr.style.symbolType = this._forwardAttr.style?.symbolType ?? iconDown;\n    }\n  };\n\n  private _initPlay = () => {\n    if (isNil(this._playController)) {\n      this._playController = new PlayerIcon({\n        ...this._startAttr.style\n      });\n\n      this.add(this._playController);\n    }\n  };\n\n  private _initBackward = () => {\n    if (isNil(this._backwardController)) {\n      this._backwardController = new PlayerIcon({\n        ...this._backwardAttr.style\n      });\n\n      this.add(this._backwardController);\n    }\n  };\n\n  private _initForward = () => {\n    if (isNil(this._forwardController)) {\n      this._forwardController = new PlayerIcon({\n        ...this._forwardAttr.style\n      });\n\n      this.add(this._forwardController);\n    }\n  };\n\n  /**\n   * 初始化事件\n   * 1. 注册\n   */\n  private _initEvents = () => {\n    this._playController.addEventListener('pointerdown', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n\n      if (this._isPaused === true) {\n        this.play();\n      } else {\n        this.pause();\n      }\n    });\n\n    this._backwardController.addEventListener('pointerdown', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._forwardController.addEventListener('pointerdown', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n  };\n\n  private _createCustomEvent = (eventType: ControllerEventEnum) => {\n    const customEvent = new CustomEvent(eventType, { eventType });\n    // FIXME: 需要在 vrender 的事件系统支持\n    // @ts-ignore\n    customEvent.manager = this.stage?.eventSystem.manager;\n    return customEvent;\n  };\n\n  render(): void {\n    this.updateAttributes();\n    this.renderPlay();\n    this.renderBackward();\n    this.renderForward();\n  }\n\n  renderPlay = () => {\n    if (this._isPaused) {\n      this._playController.setAttributes({\n        symbolType: this._playController.getComputedAttribute('symbolType'),\n        ...this._startAttr.style\n      });\n    } else {\n      this._playController.setAttributes({\n        symbolType: this._playController.getComputedAttribute('symbolType'),\n        ...this._pauseAttr.style\n      });\n    }\n  };\n\n  renderBackward = () => {\n    this._backwardController.setAttributes(this._backwardAttr.style);\n  };\n\n  renderForward = () => {\n    this._forwardController.setAttributes(this._forwardAttr.style);\n  };\n\n  play = () => {\n    const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnPlay);\n    this.dispatchEvent(onPlayEvent);\n  };\n\n  pause = () => {\n    const onPauseEvent = this._createCustomEvent(ControllerEventEnum.OnPause);\n    this.dispatchEvent(onPauseEvent);\n  };\n\n  forward = () => {\n    const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnForward);\n    this.dispatchEvent(onPlayEvent);\n  };\n\n  backward = () => {\n    const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnBackward);\n    this.dispatchEvent(onPlayEvent);\n  };\n\n  togglePlay = () => {\n    this._playController.setAttributes(this._startAttr.style);\n    this._isPaused = true;\n  };\n\n  togglePause = () => {\n    this._playController.setAttributes(this._pauseAttr.style);\n    this._isPaused = false;\n  };\n}\n"]}
+{"version":3,"sources":["../src/player/controller/controller.ts"],"names":[],"mappings":"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","file":"controller.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport type { FederatedPointerEvent, ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport { CustomEvent } from '@visactor/vrender-core';\nimport { AbstractComponent } from '../../core/base';\nimport type { BaseGraphicAttributes } from '../../core/type';\nimport type { ControllerAttributes, LayoutType } from './type';\nimport { iconRight, iconPause, iconPlay, iconLeft, iconUp, iconDown } from './assets';\nimport { PlayerIcon } from './icon';\nimport { ControllerEventEnum, ControllerTypeEnum } from './constant';\nimport type { ComponentOptions } from '../../interface';\n\nexport class Controller extends AbstractComponent<Required<ControllerAttributes>> {\n  static defaultControllerAttr: ISymbolGraphicAttribute = {\n    visible: true,\n    x: 0,\n    y: 0,\n    size: 20,\n    fill: '#91caff',\n    pickMode: 'imprecise',\n    cursor: 'pointer'\n  };\n  static defaultAttributes: ControllerAttributes = {\n    [ControllerTypeEnum.Start]: {},\n    [ControllerTypeEnum.Pause]: {},\n    [ControllerTypeEnum.Backward]: {},\n    [ControllerTypeEnum.Forward]: {}\n  };\n\n  private _isPaused = true;\n  private _playController: PlayerIcon;\n  private _forwardController: PlayerIcon;\n  private _backwardController: PlayerIcon;\n\n  private _layout: LayoutType;\n  private _startAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n  private _pauseAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n  private _forwardAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n  private _backwardAttr: BaseGraphicAttributes<ISymbolGraphicAttribute>;\n\n  constructor(attributes: ControllerAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, Controller.defaultAttributes, attributes));\n    this.updateAttributes();\n    this._initPlay();\n    this._initBackward();\n    this._initForward();\n    this._initEvents();\n  }\n\n  updateAttributes = () => {\n    this._startAttr = {\n      style: {\n        symbolType: iconPlay,\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.start.visible,\n        ...this.attribute.start.style\n      }\n    };\n    this._pauseAttr = {\n      style: {\n        symbolType: iconPause,\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.pause.visible,\n        ...this.attribute.pause.style\n      }\n    };\n    this._forwardAttr = {\n      style: {\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.forward.visible,\n        ...this.attribute.forward.style\n      }\n    };\n    this._backwardAttr = {\n      style: {\n        ...Controller.defaultControllerAttr,\n        visible: this.attribute.backward.visible,\n        ...this.attribute.backward.style\n      }\n    };\n    this.updateLayout();\n  };\n\n  private updateLayout = () => {\n    this._layout = this.attribute.layout;\n    // 若水平布局\n    if (this._layout === 'horizontal') {\n      this._backwardAttr.style.symbolType = this._backwardAttr.style?.symbolType ?? iconLeft;\n      this._forwardAttr.style.symbolType = this._forwardAttr.style?.symbolType ?? iconRight;\n    }\n    // 若垂直布局\n    else if (this._layout === 'vertical') {\n      this._backwardAttr.style.symbolType = this._backwardAttr.style?.symbolType ?? iconUp;\n      this._forwardAttr.style.symbolType = this._forwardAttr.style?.symbolType ?? iconDown;\n    }\n  };\n\n  private _initPlay = () => {\n    if (isNil(this._playController)) {\n      this._playController = new PlayerIcon({\n        ...this._startAttr.style\n      });\n\n      this.add(this._playController);\n    }\n  };\n\n  private _initBackward = () => {\n    if (isNil(this._backwardController)) {\n      this._backwardController = new PlayerIcon({\n        ...this._backwardAttr.style\n      });\n\n      this.add(this._backwardController);\n    }\n  };\n\n  private _initForward = () => {\n    if (isNil(this._forwardController)) {\n      this._forwardController = new PlayerIcon({\n        ...this._forwardAttr.style\n      });\n\n      this.add(this._forwardController);\n    }\n  };\n\n  /**\n   * 初始化事件\n   * 1. 注册\n   */\n  private _initEvents = () => {\n    if (this.attribute.disableTriggerEvent) {\n      return;\n    }\n    this._playController.addEventListener('pointerdown', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n\n      if (this._isPaused === true) {\n        this.play();\n      } else {\n        this.pause();\n      }\n    });\n\n    this._backwardController.addEventListener('pointerdown', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._forwardController.addEventListener('pointerdown', (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n  };\n\n  private _createCustomEvent = (eventType: ControllerEventEnum) => {\n    const customEvent = new CustomEvent(eventType, { eventType });\n    // FIXME: 需要在 vrender 的事件系统支持\n    // @ts-ignore\n    customEvent.manager = this.stage?.eventSystem.manager;\n    return customEvent;\n  };\n\n  render(): void {\n    this.updateAttributes();\n    this.renderPlay();\n    this.renderBackward();\n    this.renderForward();\n  }\n\n  renderPlay = () => {\n    if (this._isPaused) {\n      this._playController.setAttributes({\n        symbolType: this._playController.getComputedAttribute('symbolType'),\n        ...this._startAttr.style\n      });\n    } else {\n      this._playController.setAttributes({\n        symbolType: this._playController.getComputedAttribute('symbolType'),\n        ...this._pauseAttr.style\n      });\n    }\n  };\n\n  renderBackward = () => {\n    this._backwardController.setAttributes(this._backwardAttr.style);\n  };\n\n  renderForward = () => {\n    this._forwardController.setAttributes(this._forwardAttr.style);\n  };\n\n  play = () => {\n    const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnPlay);\n    this.dispatchEvent(onPlayEvent);\n  };\n\n  pause = () => {\n    const onPauseEvent = this._createCustomEvent(ControllerEventEnum.OnPause);\n    this.dispatchEvent(onPauseEvent);\n  };\n\n  forward = () => {\n    const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnForward);\n    this.dispatchEvent(onPlayEvent);\n  };\n\n  backward = () => {\n    const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnBackward);\n    this.dispatchEvent(onPlayEvent);\n  };\n\n  togglePlay = () => {\n    this._playController.setAttributes(this._startAttr.style);\n    this._isPaused = true;\n  };\n\n  togglePause = () => {\n    this._playController.setAttributes(this._pauseAttr.style);\n    this._isPaused = false;\n  };\n}\n"]}

package/cjs/player/controller/type.d.ts

@@ -15,5 +15,6 @@ export interface ControllerAttributes {
     backward: BaseGraphicAttributes<ISymbolGraphicAttribute> & {
         visible?: boolean;
     };
+    disableTriggerEvent?: boolean;
 }
 export type LayoutType = 'horizontal' | 'vertical';

package/cjs/player/controller/type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/controller/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport type { BaseGraphicAttributes } from '../../core/type';\n\n/**\n * 控制器属性\n */\n\nexport interface ControllerAttributes {\n  visible?: boolean;\n  layout?: LayoutType;\n  start: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n  pause: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n  forward: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n  backward: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n}\n\nexport type LayoutType = 'horizontal' | 'vertical';\n"]}
+{"version":3,"sources":["../src/player/controller/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":["import type { ISymbolGraphicAttribute } from '@visactor/vrender-core';\nimport type { BaseGraphicAttributes } from '../../core/type';\n\n/**\n * 控制器属性\n */\n\nexport interface ControllerAttributes {\n  visible?: boolean;\n  layout?: LayoutType;\n  start: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n  pause: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n  forward: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n  backward: BaseGraphicAttributes<ISymbolGraphicAttribute> & { visible?: boolean };\n  /**\n   * 关闭交互效果\n   * @default false\n   */\n  disableTriggerEvent?: boolean;\n}\n\nexport type LayoutType = 'horizontal' | 'vertical';\n"]}

package/cjs/player/discrete-player.d.ts

@@ -1,6 +1,7 @@
 import { BasePlayer } from './base-player';
 import type { DiscretePlayerAttributes, PlayerAttributes } from './type';
 import { PlayerEventEnum } from './type';
+import type { ComponentOptions } from '../interface';
 export interface IDiscretePlayer {
     play: () => void;
     pause: () => void;
@@ -18,7 +19,7 @@ export declare class DiscretePlayer extends BasePlayer<DiscretePlayerAttributes>
     private _tickTime;
     private _rafId;
     private _isReachEnd;
-    constructor(attributes: DiscretePlayerAttributes);
+    constructor(attributes: DiscretePlayerAttributes, options?: ComponentOptions);
     setAttributes(params: Partial<Required<PlayerAttributes>>, forceUpdateTag?: boolean): void;
     _initAttributes: () => void;
     private _initEvents;

package/cjs/player/discrete-player.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 const vutils_1 = require("@visactor/vutils"), vrender_core_1 = require("@visactor/vrender-core"), base_player_1 = require("./base-player"), type_1 = require("./type"), utils_1 = require("./utils"), constant_1 = require("./controller/constant");
 
 class DiscretePlayer extends base_player_1.BasePlayer {
-    constructor(attributes) {
-        super((0, vutils_1.merge)({}, attributes)), this._activeIndex = -1, this._isReachEnd = !1, 
-        this._initAttributes = () => {
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, attributes)), 
+        this._activeIndex = -1, this._isReachEnd = !1, this._initAttributes = () => {
             var _a, _b, _c, _d;
             super._initAttributes(), this._alternate = null !== (_a = this.attribute.alternate) && void 0 !== _a && _a, 
             this._interval = null !== (_b = this.attribute.interval) && void 0 !== _b ? _b : 1e3, 
@@ -17,7 +17,7 @@ class DiscretePlayer extends base_player_1.BasePlayer {
             this._dataIndex = (0, vutils_1.isNil)(this.attribute.dataIndex) ? "default" === this._direction ? this._minIndex : this._maxIndex : null !== (_d = this.attribute.dataIndex) && void 0 !== _d ? _d : 0, 
             this._slider.setAttribute("value", this._dataIndex);
         }, this._initEvents = () => {
-            this._controller.addEventListener(constant_1.ControllerEventEnum.OnPlay, (e => {
+            this.attribute.disableTriggerEvent || (this._controller.addEventListener(constant_1.ControllerEventEnum.OnPlay, (e => {
                 e.stopPropagation(), this.play();
             })), this._controller.addEventListener(constant_1.ControllerEventEnum.OnPause, (e => {
                 e.stopPropagation(), this.pause();
@@ -29,7 +29,7 @@ class DiscretePlayer extends base_player_1.BasePlayer {
                 const middle = Math.floor(e.detail.value) + .5;
                 this._dataIndex = e.detail.value >= middle ? Math.ceil(e.detail.value) : Math.floor(e.detail.value), 
                 this._slider.setValue(this._dataIndex), this.dispatchCustomEvent(type_1.PlayerEventEnum.change);
-            }));
+            })));
         }, this.play = () => {
             this._isPlaying || 1 !== this._data.length && (this._controller.togglePause(), this._isPlaying = !0, 
             ((0, utils_1.isReachEnd)({

package/cjs/player/discrete-player.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/discrete-player.ts"],"names":[],"mappings":"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","file":"discrete-player.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport type { FederatedPointerEvent } from '@visactor/vrender-core';\nimport { vglobal } from '@visactor/vrender-core';\nimport { BasePlayer } from './base-player';\nimport type { DirectionType, DiscretePlayerAttributes, PlayerAttributes } from './type';\nimport { DirectionEnum, PlayerEventEnum } from './type';\nimport { forwardStep, isReachEnd, isReachStart } from './utils';\nimport { ControllerEventEnum } from './controller/constant';\n\nexport interface IDiscretePlayer {\n  play: () => void;\n  pause: () => void;\n  backward: () => void;\n  forward: () => void;\n}\nexport class DiscretePlayer extends BasePlayer<DiscretePlayerAttributes> implements IDiscretePlayer {\n  declare attribute: DiscretePlayerAttributes;\n\n  private _dataIndex: number;\n  private _activeIndex = -1;\n\n  protected _alternate: boolean;\n  protected _interval: number;\n\n  private _isPlaying: boolean;\n  private _direction: DirectionType;\n  private _tickTime: number;\n  private _rafId: number;\n  private _isReachEnd = false;\n\n  constructor(attributes: DiscretePlayerAttributes) {\n    super(merge({}, attributes));\n\n    this._initAttributes();\n    this._initEvents();\n  }\n\n  setAttributes(params: Partial<Required<PlayerAttributes>>, forceUpdateTag?: boolean): void {\n    super.setAttributes(params, forceUpdateTag);\n\n    this._initAttributes();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes = () => {\n    super._initAttributes();\n    this._alternate = this.attribute.alternate ?? false;\n    this._interval = this.attribute.interval ?? 1000;\n    this._direction = this.attribute.direction ?? DirectionEnum.Default;\n\n    this._dataIndex = isNil(this.attribute.dataIndex)\n      ? this._direction === 'default'\n        ? this._minIndex\n        : this._maxIndex\n      : this.attribute.dataIndex ?? 0;\n\n    this._slider.setAttribute('value', this._dataIndex);\n  };\n\n  /**\n   * 初始化事件\n   */\n  private _initEvents = () => {\n    this._controller.addEventListener(ControllerEventEnum.OnPlay, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.play();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnPause, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.pause();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnForward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnBackward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._slider.addEventListener('change', (e: FederatedPointerEvent & { detail: { value: number } }) => {\n      const middle = Math.floor(e.detail.value) + 0.5;\n      this._dataIndex = e.detail.value >= middle ? Math.ceil(e.detail.value) : Math.floor(e.detail.value);\n      this._slider.setValue(this._dataIndex);\n      this.dispatchCustomEvent(PlayerEventEnum.change);\n    });\n  };\n\n  /**\n   * 派遣事件\n   */\n  dispatchCustomEvent(event: PlayerEventEnum) {\n    super.dispatchCustomEvent(event, this._dataIndex);\n  }\n\n  /**\n   * 播放接口\n   */\n  play = () => {\n    if (this._isPlaying) {\n      return;\n    }\n    // 一条数据无需播放\n    if (this._data.length === 1) {\n      return;\n    }\n    // 图标切换\n    this._controller.togglePause();\n    // 播放状态更新\n    this._isPlaying = true;\n    // 若到达末尾, 则计算下一次播放的状态下标\n    if (\n      isReachEnd({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      }) ||\n      isReachStart({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      })\n    ) {\n      // 根据方向恢复dataIndex\n      if (this._direction === DirectionEnum.Default) {\n        this._updateDataIndex(this._minIndex);\n      } else {\n        this._updateDataIndex(this._maxIndex);\n      }\n    }\n\n    // 事件触发\n    this.dispatchCustomEvent(PlayerEventEnum.play);\n    // 重置结束状态\n    this._isReachEnd = false;\n    // 重置tick时间, 暂停后重新播放也会重新计时\n    this._tickTime = Date.now();\n    // 开启动画\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this, true));\n  };\n\n  /**\n   * 播放过程\n   */\n  private _play = (isFirstPlay: boolean) => {\n    const now = Date.now();\n\n    // 抵达终点, 延迟一个interval触发end\n    if (this._isReachEnd && now - this._tickTime >= this._interval) {\n      this._isReachEnd = false;\n      this._playEnd();\n      return;\n    }\n    // 未达终点\n\n    // 第一个播放帧, 立即执行\n    if (isFirstPlay && this._activeIndex !== this._dataIndex) {\n      this.dispatchCustomEvent(PlayerEventEnum.change);\n      this._activeIndex = this._dataIndex;\n    }\n    // 中间播放帧, 每一个interval执行一次\n    else if (now - this._tickTime >= this._interval) {\n      this._tickTime = now;\n      this._updateDataIndex(forwardStep(this._direction, this._dataIndex, this._minIndex, this._maxIndex));\n      this._activeIndex = this._dataIndex;\n      this.dispatchCustomEvent(PlayerEventEnum.change);\n    }\n\n    // 终止条件\n    if (\n      (this._direction === 'default' && this._dataIndex >= this._maxIndex) ||\n      (this._direction === 'reverse' && this._dataIndex <= this._minIndex)\n    ) {\n      this._isReachEnd = true;\n    }\n\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this, false));\n  };\n\n  /**\n   * 更新数据\n   */\n  private _updateDataIndex = (dataIndex: number) => {\n    this._dataIndex = dataIndex;\n    this._slider.setValue(this._dataIndex);\n  };\n\n  /**\n   * 播放结束\n   */\n  private _playEnd = () => {\n    // 播放状态更新\n    this._isPlaying = false;\n    // 图标切换\n    this._controller.togglePlay();\n    // 取消播放动画\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    // 重置ActiveIndex\n    this._activeIndex = -1;\n    // 播放结束时并且到达终点\n    this.dispatchCustomEvent(PlayerEventEnum.end);\n  };\n\n  /**\n   * 暂停接口\n   */\n  pause = () => {\n    if (!this._isPlaying) {\n      return;\n    }\n    this._isPlaying = false;\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    this._controller.togglePlay();\n\n    this.dispatchCustomEvent(PlayerEventEnum.pause);\n  };\n\n  /**\n   * 后退接口\n   */\n  backward = () => {\n    const index = Math.max(this._dataIndex - 1, this._minIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.change);\n    this.dispatchCustomEvent(PlayerEventEnum.backward);\n  };\n\n  /**\n   * 前进接口\n   */\n  forward = () => {\n    const index = Math.min(this._dataIndex + 1, this._maxIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.change);\n    this.dispatchCustomEvent(PlayerEventEnum.forward);\n  };\n}\n"]}
+{"version":3,"sources":["../src/player/discrete-player.ts"],"names":[],"mappings":"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","file":"discrete-player.js","sourcesContent":["import { isNil, merge } from '@visactor/vutils';\nimport type { FederatedPointerEvent } from '@visactor/vrender-core';\nimport { vglobal } from '@visactor/vrender-core';\nimport { BasePlayer } from './base-player';\nimport type { DirectionType, DiscretePlayerAttributes, PlayerAttributes } from './type';\nimport { DirectionEnum, PlayerEventEnum } from './type';\nimport { forwardStep, isReachEnd, isReachStart } from './utils';\nimport { ControllerEventEnum } from './controller/constant';\nimport type { ComponentOptions } from '../interface';\n\nexport interface IDiscretePlayer {\n  play: () => void;\n  pause: () => void;\n  backward: () => void;\n  forward: () => void;\n}\nexport class DiscretePlayer extends BasePlayer<DiscretePlayerAttributes> implements IDiscretePlayer {\n  declare attribute: DiscretePlayerAttributes;\n\n  private _dataIndex: number;\n  private _activeIndex = -1;\n\n  protected _alternate: boolean;\n  protected _interval: number;\n\n  private _isPlaying: boolean;\n  private _direction: DirectionType;\n  private _tickTime: number;\n  private _rafId: number;\n  private _isReachEnd = false;\n\n  constructor(attributes: DiscretePlayerAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, attributes));\n\n    this._initAttributes();\n    this._initEvents();\n  }\n\n  setAttributes(params: Partial<Required<PlayerAttributes>>, forceUpdateTag?: boolean): void {\n    super.setAttributes(params, forceUpdateTag);\n\n    this._initAttributes();\n  }\n\n  /**\n   * 初始化属性\n   */\n  _initAttributes = () => {\n    super._initAttributes();\n    this._alternate = this.attribute.alternate ?? false;\n    this._interval = this.attribute.interval ?? 1000;\n    this._direction = this.attribute.direction ?? DirectionEnum.Default;\n\n    this._dataIndex = isNil(this.attribute.dataIndex)\n      ? this._direction === 'default'\n        ? this._minIndex\n        : this._maxIndex\n      : this.attribute.dataIndex ?? 0;\n\n    this._slider.setAttribute('value', this._dataIndex);\n  };\n\n  /**\n   * 初始化事件\n   */\n  private _initEvents = () => {\n    if (this.attribute.disableTriggerEvent) {\n      return;\n    }\n    this._controller.addEventListener(ControllerEventEnum.OnPlay, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.play();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnPause, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.pause();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnForward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.forward();\n    });\n    this._controller.addEventListener(ControllerEventEnum.OnBackward, (e: FederatedPointerEvent) => {\n      e.stopPropagation();\n      this.backward();\n    });\n\n    this._slider.addEventListener('change', (e: FederatedPointerEvent & { detail: { value: number } }) => {\n      const middle = Math.floor(e.detail.value) + 0.5;\n      this._dataIndex = e.detail.value >= middle ? Math.ceil(e.detail.value) : Math.floor(e.detail.value);\n      this._slider.setValue(this._dataIndex);\n      this.dispatchCustomEvent(PlayerEventEnum.change);\n    });\n  };\n\n  /**\n   * 派遣事件\n   */\n  dispatchCustomEvent(event: PlayerEventEnum) {\n    super.dispatchCustomEvent(event, this._dataIndex);\n  }\n\n  /**\n   * 播放接口\n   */\n  play = () => {\n    if (this._isPlaying) {\n      return;\n    }\n    // 一条数据无需播放\n    if (this._data.length === 1) {\n      return;\n    }\n    // 图标切换\n    this._controller.togglePause();\n    // 播放状态更新\n    this._isPlaying = true;\n    // 若到达末尾, 则计算下一次播放的状态下标\n    if (\n      isReachEnd({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      }) ||\n      isReachStart({\n        dataIndex: this._dataIndex,\n        maxIndex: this._maxIndex,\n        minIndex: this._minIndex,\n        direction: this._direction\n      })\n    ) {\n      // 根据方向恢复dataIndex\n      if (this._direction === DirectionEnum.Default) {\n        this._updateDataIndex(this._minIndex);\n      } else {\n        this._updateDataIndex(this._maxIndex);\n      }\n    }\n\n    // 事件触发\n    this.dispatchCustomEvent(PlayerEventEnum.play);\n    // 重置结束状态\n    this._isReachEnd = false;\n    // 重置tick时间, 暂停后重新播放也会重新计时\n    this._tickTime = Date.now();\n    // 开启动画\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this, true));\n  };\n\n  /**\n   * 播放过程\n   */\n  private _play = (isFirstPlay: boolean) => {\n    const now = Date.now();\n\n    // 抵达终点, 延迟一个interval触发end\n    if (this._isReachEnd && now - this._tickTime >= this._interval) {\n      this._isReachEnd = false;\n      this._playEnd();\n      return;\n    }\n    // 未达终点\n\n    // 第一个播放帧, 立即执行\n    if (isFirstPlay && this._activeIndex !== this._dataIndex) {\n      this.dispatchCustomEvent(PlayerEventEnum.change);\n      this._activeIndex = this._dataIndex;\n    }\n    // 中间播放帧, 每一个interval执行一次\n    else if (now - this._tickTime >= this._interval) {\n      this._tickTime = now;\n      this._updateDataIndex(forwardStep(this._direction, this._dataIndex, this._minIndex, this._maxIndex));\n      this._activeIndex = this._dataIndex;\n      this.dispatchCustomEvent(PlayerEventEnum.change);\n    }\n\n    // 终止条件\n    if (\n      (this._direction === 'default' && this._dataIndex >= this._maxIndex) ||\n      (this._direction === 'reverse' && this._dataIndex <= this._minIndex)\n    ) {\n      this._isReachEnd = true;\n    }\n\n    this._rafId = vglobal.getRequestAnimationFrame()(this._play.bind(this, false));\n  };\n\n  /**\n   * 更新数据\n   */\n  private _updateDataIndex = (dataIndex: number) => {\n    this._dataIndex = dataIndex;\n    this._slider.setValue(this._dataIndex);\n  };\n\n  /**\n   * 播放结束\n   */\n  private _playEnd = () => {\n    // 播放状态更新\n    this._isPlaying = false;\n    // 图标切换\n    this._controller.togglePlay();\n    // 取消播放动画\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    // 重置ActiveIndex\n    this._activeIndex = -1;\n    // 播放结束时并且到达终点\n    this.dispatchCustomEvent(PlayerEventEnum.end);\n  };\n\n  /**\n   * 暂停接口\n   */\n  pause = () => {\n    if (!this._isPlaying) {\n      return;\n    }\n    this._isPlaying = false;\n    vglobal.getCancelAnimationFrame()(this._rafId);\n    this._controller.togglePlay();\n\n    this.dispatchCustomEvent(PlayerEventEnum.pause);\n  };\n\n  /**\n   * 后退接口\n   */\n  backward = () => {\n    const index = Math.max(this._dataIndex - 1, this._minIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.change);\n    this.dispatchCustomEvent(PlayerEventEnum.backward);\n  };\n\n  /**\n   * 前进接口\n   */\n  forward = () => {\n    const index = Math.min(this._dataIndex + 1, this._maxIndex);\n    this._updateDataIndex(index);\n\n    this.dispatchCustomEvent(PlayerEventEnum.change);\n    this.dispatchCustomEvent(PlayerEventEnum.forward);\n  };\n}\n"]}

package/cjs/player/type/base.d.ts

@@ -4,4 +4,5 @@ export type BasePlayerAttributes = {
     visible?: boolean;
     data: Datum[];
     dataIndex?: number;
+    disableTriggerEvent?: boolean;
 } & IGroupGraphicAttribute;

package/cjs/player/type/base.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/player/type/base.ts"],"names":[],"mappings":"","file":"base.js","sourcesContent":["import type { IGroupGraphicAttribute } from '@visactor/vrender-core';\n\nexport type Datum = any;\n\nexport type BasePlayerAttributes = {\n  /**\n   * 组件显隐配置\n   * @default true\n   */\n  visible?: boolean;\n\n  /**\n   * 数据项\n   */\n  data: Datum[];\n\n  /**\n   * 数据下标\n   */\n  dataIndex?: number;\n} & IGroupGraphicAttribute;\n"]}
+{"version":3,"sources":["../src/player/type/base.ts"],"names":[],"mappings":"","file":"base.js","sourcesContent":["import type { IGroupGraphicAttribute } from '@visactor/vrender-core';\n\nexport type Datum = any;\n\nexport type BasePlayerAttributes = {\n  /**\n   * 组件显隐配置\n   * @default true\n   */\n  visible?: boolean;\n\n  /**\n   * 数据项\n   */\n  data: Datum[];\n\n  /**\n   * 数据下标\n   */\n  dataIndex?: number;\n  /**\n   * 关闭交互效果\n   * @default false\n   */\n  disableTriggerEvent?: boolean;\n} & IGroupGraphicAttribute;\n"]}

package/cjs/poptip/poptip-plugin.d.ts

@@ -20,6 +20,7 @@ export declare class PopTipForClipedTextPlugin implements IPlugin {
     key: string;
     activeGraphic: IGraphic;
     activate(context: IPluginService): void;
+    pointerlave: (e: any) => void;
     poptip: (e: FederatedPointerEvent) => void;
     unpoptip: (e: FederatedPointerEvent) => void;
     setActiveGraphic(graphic: any | null, rerender?: boolean): void;

package/cjs/poptip/poptip-plugin.js

@@ -46,7 +46,10 @@ PopTipPlugin = __decorate([ (0, vrender_core_1.injectable)() ], PopTipPlugin), e
 let PopTipForClipedTextPlugin = class {
     constructor() {
         this.name = "poptipForText", this.activeEvent = "onRegister", this._uid = vrender_core_1.Generator.GenAutoIncrementId(), 
-        this.key = this.name + this._uid, this.poptip = e => {
+        this.key = this.name + this._uid, this.pointerlave = e => {
+            const {stage: stage} = this.pluginService;
+            e.target === stage && this.unpoptip(e);
+        }, this.poptip = e => {
             const graphic = e.target;
             if ("text" !== graphic.type || !graphic.cliped || graphic.isContainer || !graphic.attribute) return void this.unpoptip(e);
             if (graphic === this.activeGraphic) return;
@@ -61,14 +64,14 @@ let PopTipForClipedTextPlugin = class {
     activate(context) {
         this.pluginService = context;
         const {stage: stage} = this.pluginService;
-        stage.addEventListener("pointerover", this.poptip);
+        stage.addEventListener("pointerover", this.poptip), stage.addEventListener("pointerleave", this.pointerlave);
     }
     setActiveGraphic(graphic, rerender) {
         this.activeGraphic = graphic, this.pluginService.stage.renderNextFrame();
     }
     deactivate(context) {
         const {stage: stage} = this.pluginService;
-        stage.removeEventListener("pointerover", this.poptip);
+        stage.removeEventListener("pointerover", this.poptip), stage.removeEventListener("pointerleave", this.pointerlave);
     }
 };
 

package/cjs/poptip/poptip-plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/poptip-plugin.ts"],"names":[],"mappings":"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","file":"poptip-plugin.js","sourcesContent":["import type { FederatedPointerEvent, IGraphic, IPlugin, IPluginService } from '@visactor/vrender-core';\nimport { Generator, injectable } from '@visactor/vrender-core';\n\n// _showPoptip: 0-没有，1-添加，2-删除\n\n@injectable()\nexport class PopTipPlugin implements IPlugin {\n  name: 'poptip' = 'poptip';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (graphic.isContainer || !graphic.attribute) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    const { poptip } = graphic.attribute;\n    if (poptip) {\n      graphic.setAttributes({});\n      graphic._showPoptip = 1;\n    }\n\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      this.activeGraphic._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    this.activeGraphic._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n\n@injectable()\nexport class PopTipForClipedTextPlugin implements IPlugin {\n  name: 'poptipForText' = 'poptipForText';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (graphic.type !== 'text' || !graphic.cliped || graphic.isContainer || !graphic.attribute) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    const { poptip = {} } = graphic.attribute;\n    if (poptip) {\n      graphic.setAttributes({});\n      graphic._showPoptip = 1;\n    }\n    // 添加默认poptip\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      this.activeGraphic._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    this.activeGraphic._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n"]}
+{"version":3,"sources":["../src/poptip/poptip-plugin.ts"],"names":[],"mappings":"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","file":"poptip-plugin.js","sourcesContent":["import type { FederatedPointerEvent, IGraphic, IPlugin, IPluginService } from '@visactor/vrender-core';\nimport { Generator, injectable } from '@visactor/vrender-core';\n\n// _showPoptip: 0-没有，1-添加，2-删除\n\n@injectable()\nexport class PopTipPlugin implements IPlugin {\n  name: 'poptip' = 'poptip';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n  }\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (graphic.isContainer || !graphic.attribute) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    const { poptip } = graphic.attribute;\n    if (poptip) {\n      graphic.setAttributes({});\n      graphic._showPoptip = 1;\n    }\n\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      this.activeGraphic._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    this.activeGraphic._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n  }\n}\n\n@injectable()\nexport class PopTipForClipedTextPlugin implements IPlugin {\n  name: 'poptipForText' = 'poptipForText';\n  activeEvent: 'onRegister' = 'onRegister';\n  pluginService: IPluginService;\n  _uid: number = Generator.GenAutoIncrementId();\n  key: string = this.name + this._uid;\n  activeGraphic: IGraphic;\n\n  activate(context: IPluginService): void {\n    this.pluginService = context;\n    const { stage } = this.pluginService;\n\n    stage.addEventListener('pointerover', this.poptip);\n    stage.addEventListener('pointerleave', this.pointerlave);\n  }\n  pointerlave = (e: any) => {\n    const { stage } = this.pluginService;\n    if (e.target === stage) {\n      this.unpoptip(e);\n    }\n  };\n  poptip = (e: FederatedPointerEvent) => {\n    const graphic = e.target as any;\n    if (graphic.type !== 'text' || !graphic.cliped || graphic.isContainer || !graphic.attribute) {\n      this.unpoptip(e);\n      return;\n    }\n    // 触发graphic重绘\n    if (graphic === this.activeGraphic) {\n      return;\n    }\n    const { poptip = {} } = graphic.attribute;\n    if (poptip) {\n      graphic.setAttributes({});\n      graphic._showPoptip = 1;\n    }\n    // 添加默认poptip\n    if (this.activeGraphic) {\n      this.activeGraphic.setAttributes({});\n      this.activeGraphic._showPoptip = 2;\n    }\n    // console.log(graphic)\n    this.setActiveGraphic(graphic, true);\n  };\n\n  unpoptip = (e: FederatedPointerEvent) => {\n    if (!this.activeGraphic) {\n      return;\n    }\n    this.activeGraphic.setAttributes({});\n    this.activeGraphic._showPoptip = 2;\n    this.setActiveGraphic(null, true);\n  };\n\n  setActiveGraphic(graphic: any | null, rerender?: boolean) {\n    this.activeGraphic = graphic;\n    // 触发重绘\n    this.pluginService.stage.renderNextFrame();\n  }\n\n  deactivate(context: IPluginService): void {\n    const { stage } = this.pluginService;\n    stage.removeEventListener('pointerover', this.poptip);\n    stage.removeEventListener('pointerleave', this.pointerlave);\n  }\n}\n"]}

package/cjs/poptip/poptip.d.ts

@@ -1,9 +1,10 @@
 import { AbstractComponent } from '../core/base';
+import type { ComponentOptions } from '../interface';
 import type { PopTipAttributes } from './type';
 export declare class PopTip extends AbstractComponent<Required<PopTipAttributes>> {
     name: string;
     static defaultAttributes: Partial<PopTipAttributes>;
-    constructor(attributes: PopTipAttributes);
+    constructor(attributes: PopTipAttributes, options?: ComponentOptions);
     protected render(): void;
     positionList: string[];
     getAngleAndOffset(position: string, width: number, height: number, size: [number, number]): {

package/cjs/poptip/poptip.js

@@ -17,9 +17,9 @@ Object.defineProperty(exports, "__esModule", {
 const vutils_1 = require("@visactor/vutils"), base_1 = require("../core/base"), _tBounds = new vutils_1.AABBBounds;
 
 class PopTip extends base_1.AbstractComponent {
-    constructor(attributes) {
-        super((0, vutils_1.merge)({}, PopTip.defaultAttributes, attributes)), this.name = "poptip", 
-        this.positionList = [ "top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb" ];
+    constructor(attributes, options) {
+        super((null == options ? void 0 : options.skipDefault) ? attributes : (0, vutils_1.merge)({}, PopTip.defaultAttributes, attributes)), 
+        this.name = "poptip", this.positionList = [ "top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb" ];
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h;

package/cjs/poptip/poptip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/poptip/poptip.ts"],"names":[],"mappings":"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","file":"poptip.js","sourcesContent":["/**\n * @description PopTip组件\n */\nimport type {\n  IGroup,\n  IRect,\n  ISymbol,\n  ISymbolGraphicAttribute,\n  IText,\n  ITextGraphicAttribute,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vrender-core';\nimport {\n  AABBBounds,\n  Bounds,\n  getRectIntersect,\n  isArray,\n  isBoolean,\n  isEmpty,\n  isValid,\n  max,\n  merge,\n  normalizePadding,\n  pi,\n  rectInsideAnotherRect\n} from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { BackgroundAttributes } from '../interface';\nimport type { PopTipAttributes } from './type';\n\nconst _tBounds = new AABBBounds();\n\nexport class PopTip extends AbstractComponent<Required<PopTipAttributes>> {\n  name = 'poptip';\n\n  static defaultAttributes: Partial<PopTipAttributes> = {\n    position: 'rt',\n    visible: true,\n    title: null,\n    content: null,\n    titleStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    contentStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    maxWidthPercent: 0.8,\n    space: 8,\n    padding: 10\n  };\n\n  constructor(attributes: PopTipAttributes) {\n    super(merge({}, PopTip.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      titleStyle = {} as ITextGraphicAttribute,\n      position,\n      contentStyle = {} as ITextGraphicAttribute,\n      panel = {} as BackgroundAttributes & ISymbolGraphicAttribute & { space?: number },\n      space = 4,\n      minWidth = 0,\n      maxWidth = Infinity,\n      padding = 4,\n      maxWidthPercent,\n      visible,\n      state,\n      dx = 0,\n      dy = 0\n    } = this.attribute as PopTipAttributes;\n\n    let { title = '', content = '' } = this.attribute as PopTipAttributes;\n\n    title = this.attribute.titleFormatMethod ? this.attribute.titleFormatMethod(title) : title;\n    content = this.attribute.contentFormatMethod ? this.attribute.contentFormatMethod(content) : content;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('poptip-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    const maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3];\n\n    const titleVisible = isValid(title) && visible !== false;\n    const titleAttrs = {\n      text: isArray(title) ? title : ([title] as any),\n      visible: titleVisible,\n      ...titleStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0],\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const titleShape = group.createOrUpdateChild('poptip-title', titleAttrs, 'wrapText') as IText;\n    if (!isEmpty(state?.title)) {\n      titleShape.states = state.title;\n    }\n\n    const titleBounds = titleShape.AABBBounds;\n    const titleHeight = titleBounds.height();\n    const titleWidth = titleBounds.width();\n    let height = titleHeight + space;\n    if (!titleVisible) {\n      height = 0;\n    }\n\n    const contentVisible = isValid(content) && visible !== false;\n    const contentAttrs = {\n      text: isArray(content) ? content : ([content] as any),\n      visible: contentVisible,\n      ...contentStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0] + height,\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const contentShape = group.createOrUpdateChild('poptip-content', contentAttrs, 'wrapText') as IText;\n    if (!isEmpty(state?.content)) {\n      contentShape.states = state.content;\n    }\n\n    const contentBounds = contentShape.AABBBounds;\n    const contentHeight = contentBounds.height();\n    const contentWidth = contentBounds.width();\n\n    if (contentVisible) {\n      height += contentHeight;\n    }\n\n    // 计算整个popTip的宽高\n    let popTipWidth = max(\n      titleWidth + parsedPadding[1] + parsedPadding[3],\n      contentWidth + parsedPadding[1] + parsedPadding[3]\n    );\n    if (popTipWidth > maxWidth) {\n      popTipWidth = maxWidth;\n    } else if (popTipWidth < minWidth) {\n      popTipWidth = minWidth;\n    }\n    let poptipHeight = parsedPadding[0] + parsedPadding[2] + height;\n\n    // 绘制背景层\n    const { visible: bgVisible, ...backgroundStyle } = panel;\n    const symbolSize = backgroundStyle.size ?? 12;\n    const spaceSize: number | [number, number] = isArray(symbolSize)\n      ? [symbolSize[0] + (backgroundStyle.space ?? 0), symbolSize[1] + (backgroundStyle.space ?? 0)]\n      : (symbolSize as number) + (backgroundStyle.space ?? 0);\n    const lineWidth = backgroundStyle.lineWidth ?? 1;\n    const range: [number, number] | undefined = (this as any).stage\n      ? [\n          (this as any).stage.viewWidth ?? (this as any).stage.width,\n          (this as any).stage.viewHeight ?? (this as any).stage.height\n        ]\n      : undefined;\n\n    if (range) {\n      // 尝试进行换行\n      const b = (this as any).AABBBounds;\n      const leftWidth = this.attribute.x ?? b.x1;\n      const rightWidth = range[0] - b.x1;\n      let maxSpace = Math.max(leftWidth, rightWidth);\n      // 减一些buffer，buffer不能超过maxSpace的20%\n      const buf = (isArray(symbolSize) ? symbolSize[0] : 12) + 3;\n      maxSpace = Math.min(maxSpace - buf, maxSpace * maxWidthPercent);\n      // 需要进行换行\n      if (maxSpace < popTipWidth) {\n        popTipWidth = maxSpace;\n        const buf = parsedPadding[1] + parsedPadding[3];\n        titleShape.setAttribute('maxLineWidth', maxSpace - buf);\n        contentShape.setAttribute('maxLineWidth', maxSpace - buf);\n        poptipHeight = parsedPadding[0] + parsedPadding[2];\n        if (titleVisible) {\n          poptipHeight += titleShape.AABBBounds.height() + space;\n        }\n        poptipHeight += contentShape.AABBBounds.height();\n      }\n    }\n\n    const layout = position === 'auto';\n    // 最多循环this.positionList次\n    let maxBBoxI: number;\n    let maxBBoxSize: number = -Infinity;\n    for (let i = 0; i < this.positionList.length + 1; i++) {\n      const p = layout ? this.positionList[i === this.positionList.length ? maxBBoxI : i] : position;\n      const { angle, offset, rectOffset } = this.getAngleAndOffset(\n        p,\n        popTipWidth,\n        poptipHeight,\n        isArray(spaceSize) ? (spaceSize as [number, number]) : [spaceSize, spaceSize - lineWidth]\n      );\n      if (isBoolean(bgVisible)) {\n        const offsetX = (isArray(symbolSize) ? symbolSize[0] : symbolSize) / 4;\n        const bgSymbol = group.createOrUpdateChild(\n          'poptip-symbol-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && (contentVisible || titleVisible),\n            x: offsetX,\n            y: 0,\n            strokeBoundsBuffer: -1,\n            boundsPadding: -2,\n            anchor: [0, 0],\n            symbolType: 'arrow2Left',\n            angle: angle,\n            dx: offset[0],\n            dy: offset[1],\n            size: symbolSize,\n            zIndex: -9\n          },\n          'symbol'\n        ) as ISymbol;\n        if (!isEmpty(state?.panel)) {\n          bgSymbol.states = state.panel;\n        }\n\n        const bgRect = group.createOrUpdateChild(\n          'poptip-rect-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && (contentVisible || titleVisible),\n            x: 0,\n            y: 0,\n            width: popTipWidth,\n            height: poptipHeight,\n            zIndex: -8\n          },\n          'rect'\n        ) as IRect;\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n      }\n\n      group.setAttributes({\n        x: -offset[0] + dx,\n        y: -offset[1] + dy\n      });\n\n      if (layout && range) {\n        _tBounds.setValue(0, 0, popTipWidth, poptipHeight).transformWithMatrix(group.globalTransMatrix);\n        const b = _tBounds;\n        const stageBounds = new Bounds().setValue(0, 0, range[0], range[1]);\n        if (rectInsideAnotherRect(b, stageBounds, false)) {\n          break;\n        } else {\n          const bbox = getRectIntersect(b, stageBounds, false);\n          const size = (bbox.x2 - bbox.x1) * (bbox.y2 - bbox.y1);\n          if (size > maxBBoxSize) {\n            maxBBoxSize = size;\n            maxBBoxI = i;\n          }\n        }\n      } else {\n        break;\n      }\n    }\n  }\n\n  positionList = ['top', 'tl', 'tr', 'bottom', 'bl', 'br', 'left', 'lt', 'lb', 'right', 'rt', 'rb'];\n\n  getAngleAndOffset(\n    position: string,\n    width: number,\n    height: number,\n    size: [number, number]\n  ): { angle: number; offset: [number, number]; rectOffset: [number, number] } {\n    // const sizeW = size[0];\n    const sizeH = size[1] / 2;\n    switch (position) {\n      case 'tl':\n        return {\n          angle: (pi / 2) * 3,\n          offset: [width / 4, height + sizeH],\n          rectOffset: [-width / 4, -height - size[1]]\n        };\n      case 'top':\n        return { angle: (pi / 2) * 3, offset: [width / 2, height + sizeH], rectOffset: [0, -height - size[1]] };\n      case 'tr':\n        return {\n          angle: (pi / 2) * 3,\n          offset: [(width / 4) * 3, height + sizeH],\n          rectOffset: [(width / 4) * 3, -height - size[1]]\n        };\n      case 'rt':\n        return { angle: 0, offset: [-sizeH, height / 5], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'right':\n        return { angle: 0, offset: [-sizeH, height / 2], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'rb':\n        return { angle: 0, offset: [-sizeH, (height / 5) * 4], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'bl':\n        return { angle: pi / 2, offset: [width / 4, -sizeH], rectOffset: [-width / 4, -height - size[1]] };\n      case 'bottom':\n        return { angle: pi / 2, offset: [width / 2, -sizeH], rectOffset: [0, -height - size[1]] };\n      case 'br':\n        return { angle: pi / 2, offset: [(width / 4) * 3, -sizeH], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'lt':\n        return { angle: pi, offset: [width + sizeH, height / 5], rectOffset: [-width / 4, -height - size[1]] };\n      case 'left':\n        return { angle: pi, offset: [width + sizeH, height / 2], rectOffset: [0, -height - size[1]] };\n      case 'lb':\n        return {\n          angle: pi,\n          offset: [width + sizeH, (height / 5) * 4],\n          rectOffset: [(width / 4) * 3, -height - size[1]]\n        };\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../src/poptip/poptip.ts"],"names":[],"mappings":"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","file":"poptip.js","sourcesContent":["/**\n * @description PopTip组件\n */\nimport type {\n  IGroup,\n  IRect,\n  ISymbol,\n  ISymbolGraphicAttribute,\n  IText,\n  ITextGraphicAttribute,\n  TextAlignType,\n  TextBaselineType\n} from '@visactor/vrender-core';\nimport {\n  AABBBounds,\n  Bounds,\n  getRectIntersect,\n  isArray,\n  isBoolean,\n  isEmpty,\n  isValid,\n  max,\n  merge,\n  normalizePadding,\n  pi,\n  rectInsideAnotherRect\n} from '@visactor/vutils';\nimport { AbstractComponent } from '../core/base';\nimport type { BackgroundAttributes, ComponentOptions } from '../interface';\nimport type { PopTipAttributes } from './type';\n\nconst _tBounds = new AABBBounds();\n\nexport class PopTip extends AbstractComponent<Required<PopTipAttributes>> {\n  name = 'poptip';\n\n  static defaultAttributes: Partial<PopTipAttributes> = {\n    position: 'rt',\n    visible: true,\n    title: null,\n    content: null,\n    titleStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    contentStyle: {\n      fontSize: 12,\n      fill: '#000',\n      textAlign: 'left',\n      textBaseline: 'top'\n    },\n    maxWidthPercent: 0.8,\n    space: 8,\n    padding: 10\n  };\n\n  constructor(attributes: PopTipAttributes, options?: ComponentOptions) {\n    super(options?.skipDefault ? attributes : merge({}, PopTip.defaultAttributes, attributes));\n  }\n\n  protected render() {\n    const {\n      titleStyle = {} as ITextGraphicAttribute,\n      position,\n      contentStyle = {} as ITextGraphicAttribute,\n      panel = {} as BackgroundAttributes & ISymbolGraphicAttribute & { space?: number },\n      space = 4,\n      minWidth = 0,\n      maxWidth = Infinity,\n      padding = 4,\n      maxWidthPercent,\n      visible,\n      state,\n      dx = 0,\n      dy = 0\n    } = this.attribute as PopTipAttributes;\n\n    let { title = '', content = '' } = this.attribute as PopTipAttributes;\n\n    title = this.attribute.titleFormatMethod ? this.attribute.titleFormatMethod(title) : title;\n    content = this.attribute.contentFormatMethod ? this.attribute.contentFormatMethod(content) : content;\n\n    const parsedPadding = normalizePadding(padding);\n\n    const group = this.createOrUpdateChild('poptip-content', { x: 0, y: 0, zIndex: 1 }, 'group') as IGroup;\n\n    const maxLineWidth = maxWidth - parsedPadding[1] - parsedPadding[3];\n\n    const titleVisible = isValid(title) && visible !== false;\n    const titleAttrs = {\n      text: isArray(title) ? title : ([title] as any),\n      visible: titleVisible,\n      ...titleStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0],\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const titleShape = group.createOrUpdateChild('poptip-title', titleAttrs, 'wrapText') as IText;\n    if (!isEmpty(state?.title)) {\n      titleShape.states = state.title;\n    }\n\n    const titleBounds = titleShape.AABBBounds;\n    const titleHeight = titleBounds.height();\n    const titleWidth = titleBounds.width();\n    let height = titleHeight + space;\n    if (!titleVisible) {\n      height = 0;\n    }\n\n    const contentVisible = isValid(content) && visible !== false;\n    const contentAttrs = {\n      text: isArray(content) ? content : ([content] as any),\n      visible: contentVisible,\n      ...contentStyle,\n      x: parsedPadding[3],\n      y: parsedPadding[0] + height,\n      maxLineWidth,\n      textAlign: 'left' as TextAlignType,\n      textBaseline: 'top' as TextBaselineType\n    };\n\n    const contentShape = group.createOrUpdateChild('poptip-content', contentAttrs, 'wrapText') as IText;\n    if (!isEmpty(state?.content)) {\n      contentShape.states = state.content;\n    }\n\n    const contentBounds = contentShape.AABBBounds;\n    const contentHeight = contentBounds.height();\n    const contentWidth = contentBounds.width();\n\n    if (contentVisible) {\n      height += contentHeight;\n    }\n\n    // 计算整个popTip的宽高\n    let popTipWidth = max(\n      titleWidth + parsedPadding[1] + parsedPadding[3],\n      contentWidth + parsedPadding[1] + parsedPadding[3]\n    );\n    if (popTipWidth > maxWidth) {\n      popTipWidth = maxWidth;\n    } else if (popTipWidth < minWidth) {\n      popTipWidth = minWidth;\n    }\n    let poptipHeight = parsedPadding[0] + parsedPadding[2] + height;\n\n    // 绘制背景层\n    const { visible: bgVisible, ...backgroundStyle } = panel;\n    const symbolSize = backgroundStyle.size ?? 12;\n    const spaceSize: number | [number, number] = isArray(symbolSize)\n      ? [symbolSize[0] + (backgroundStyle.space ?? 0), symbolSize[1] + (backgroundStyle.space ?? 0)]\n      : (symbolSize as number) + (backgroundStyle.space ?? 0);\n    const lineWidth = backgroundStyle.lineWidth ?? 1;\n    const range: [number, number] | undefined = (this as any).stage\n      ? [\n          (this as any).stage.viewWidth ?? (this as any).stage.width,\n          (this as any).stage.viewHeight ?? (this as any).stage.height\n        ]\n      : undefined;\n\n    if (range) {\n      // 尝试进行换行\n      const b = (this as any).AABBBounds;\n      const leftWidth = this.attribute.x ?? b.x1;\n      const rightWidth = range[0] - b.x1;\n      let maxSpace = Math.max(leftWidth, rightWidth);\n      // 减一些buffer，buffer不能超过maxSpace的20%\n      const buf = (isArray(symbolSize) ? symbolSize[0] : 12) + 3;\n      maxSpace = Math.min(maxSpace - buf, maxSpace * maxWidthPercent);\n      // 需要进行换行\n      if (maxSpace < popTipWidth) {\n        popTipWidth = maxSpace;\n        const buf = parsedPadding[1] + parsedPadding[3];\n        titleShape.setAttribute('maxLineWidth', maxSpace - buf);\n        contentShape.setAttribute('maxLineWidth', maxSpace - buf);\n        poptipHeight = parsedPadding[0] + parsedPadding[2];\n        if (titleVisible) {\n          poptipHeight += titleShape.AABBBounds.height() + space;\n        }\n        poptipHeight += contentShape.AABBBounds.height();\n      }\n    }\n\n    const layout = position === 'auto';\n    // 最多循环this.positionList次\n    let maxBBoxI: number;\n    let maxBBoxSize: number = -Infinity;\n    for (let i = 0; i < this.positionList.length + 1; i++) {\n      const p = layout ? this.positionList[i === this.positionList.length ? maxBBoxI : i] : position;\n      const { angle, offset, rectOffset } = this.getAngleAndOffset(\n        p,\n        popTipWidth,\n        poptipHeight,\n        isArray(spaceSize) ? (spaceSize as [number, number]) : [spaceSize, spaceSize - lineWidth]\n      );\n      if (isBoolean(bgVisible)) {\n        const offsetX = (isArray(symbolSize) ? symbolSize[0] : symbolSize) / 4;\n        const bgSymbol = group.createOrUpdateChild(\n          'poptip-symbol-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && (contentVisible || titleVisible),\n            x: offsetX,\n            y: 0,\n            strokeBoundsBuffer: -1,\n            boundsPadding: -2,\n            anchor: [0, 0],\n            symbolType: 'arrow2Left',\n            angle: angle,\n            dx: offset[0],\n            dy: offset[1],\n            size: symbolSize,\n            zIndex: -9\n          },\n          'symbol'\n        ) as ISymbol;\n        if (!isEmpty(state?.panel)) {\n          bgSymbol.states = state.panel;\n        }\n\n        const bgRect = group.createOrUpdateChild(\n          'poptip-rect-panel',\n          {\n            ...backgroundStyle,\n            visible: bgVisible && (contentVisible || titleVisible),\n            x: 0,\n            y: 0,\n            width: popTipWidth,\n            height: poptipHeight,\n            zIndex: -8\n          },\n          'rect'\n        ) as IRect;\n        if (!isEmpty(state?.panel)) {\n          bgRect.states = state.panel;\n        }\n      }\n\n      group.setAttributes({\n        x: -offset[0] + dx,\n        y: -offset[1] + dy\n      });\n\n      if (layout && range) {\n        _tBounds.setValue(0, 0, popTipWidth, poptipHeight).transformWithMatrix(group.globalTransMatrix);\n        const b = _tBounds;\n        const stageBounds = new Bounds().setValue(0, 0, range[0], range[1]);\n        if (rectInsideAnotherRect(b, stageBounds, false)) {\n          break;\n        } else {\n          const bbox = getRectIntersect(b, stageBounds, false);\n          const size = (bbox.x2 - bbox.x1) * (bbox.y2 - bbox.y1);\n          if (size > maxBBoxSize) {\n            maxBBoxSize = size;\n            maxBBoxI = i;\n          }\n        }\n      } else {\n        break;\n      }\n    }\n  }\n\n  positionList = ['top', 'tl', 'tr', 'bottom', 'bl', 'br', 'left', 'lt', 'lb', 'right', 'rt', 'rb'];\n\n  getAngleAndOffset(\n    position: string,\n    width: number,\n    height: number,\n    size: [number, number]\n  ): { angle: number; offset: [number, number]; rectOffset: [number, number] } {\n    // const sizeW = size[0];\n    const sizeH = size[1] / 2;\n    switch (position) {\n      case 'tl':\n        return {\n          angle: (pi / 2) * 3,\n          offset: [width / 4, height + sizeH],\n          rectOffset: [-width / 4, -height - size[1]]\n        };\n      case 'top':\n        return { angle: (pi / 2) * 3, offset: [width / 2, height + sizeH], rectOffset: [0, -height - size[1]] };\n      case 'tr':\n        return {\n          angle: (pi / 2) * 3,\n          offset: [(width / 4) * 3, height + sizeH],\n          rectOffset: [(width / 4) * 3, -height - size[1]]\n        };\n      case 'rt':\n        return { angle: 0, offset: [-sizeH, height / 5], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'right':\n        return { angle: 0, offset: [-sizeH, height / 2], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'rb':\n        return { angle: 0, offset: [-sizeH, (height / 5) * 4], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'bl':\n        return { angle: pi / 2, offset: [width / 4, -sizeH], rectOffset: [-width / 4, -height - size[1]] };\n      case 'bottom':\n        return { angle: pi / 2, offset: [width / 2, -sizeH], rectOffset: [0, -height - size[1]] };\n      case 'br':\n        return { angle: pi / 2, offset: [(width / 4) * 3, -sizeH], rectOffset: [(width / 4) * 3, -height - size[1]] };\n      case 'lt':\n        return { angle: pi, offset: [width + sizeH, height / 5], rectOffset: [-width / 4, -height - size[1]] };\n      case 'left':\n        return { angle: pi, offset: [width + sizeH, height / 2], rectOffset: [0, -height - size[1]] };\n      case 'lb':\n        return {\n          angle: pi,\n          offset: [width + sizeH, (height / 5) * 4],\n          rectOffset: [(width / 4) * 3, -height - size[1]]\n        };\n    }\n  }\n}\n"]}

package/cjs/scrollbar/scrollbar.d.ts

@@ -1,5 +1,6 @@
 import { AbstractComponent } from '../core/base';
 import type { ScrollBarAttributes } from './type';
+import type { ComponentOptions } from '../interface';
 export declare class ScrollBar extends AbstractComponent<Required<ScrollBarAttributes>> {
     name: string;
     static defaultAttributes: {
@@ -14,6 +15,9 @@ export declare class ScrollBar extends AbstractComponent<Required<ScrollBarAttri
         };
         padding: number;
         scrollRange: number[];
+        delayType: string;
+        delayTime: number;
+        realTime: boolean;
     };
     private _container;
     private _slider;
@@ -23,7 +27,7 @@ export declare class ScrollBar extends AbstractComponent<Required<ScrollBarAttri
     private _prePos;
     private _viewPosition;
     private _sliderSize;
-    constructor(attributes: ScrollBarAttributes);
+    constructor(attributes: ScrollBarAttributes, options?: ComponentOptions);
     setScrollRange(range: [number, number], render?: boolean): void;
     getScrollRange(): [number, number];
     protected bindEvents(): void;
@@ -34,6 +38,7 @@ export declare class ScrollBar extends AbstractComponent<Required<ScrollBarAttri
     private _getScrollRange;
     private _onRailPointerDown;
     private _onSliderPointerDown;
+    private _computeScrollValue;
     private _onSliderPointerMove;
     private _onSliderPointerUp;
     private _onChange;