@visactor/vrender-components 0.0.38-brush.2-alpha.0

package/es/player/controller/controller.js

@@ -0,0 +1,97 @@
+import { merge } from "@visactor/vutils";
+
+import { CustomEvent } from "@visactor/vrender";
+
+import { AbstractComponent } from "../../core/base";
+
+import { iconRight, iconPause, iconPlay, iconLeft, iconUp, iconDown } from "./assets";
+
+import { PlayerIcon } from "./icon";
+
+import { ControllerEventEnum, ControllerTypeEnum } from "./constant";
+
+export class Controller extends AbstractComponent {
+    constructor(attributes) {
+        super(merge({}, Controller.defaultAttributes, attributes)), this._isPaused = !0, 
+        this._init = () => {
+            this._initAttributes(), this._initLayout(), this._initPlay(), this._initBackward(), 
+            this._initForward(), this._initEvents();
+        }, this._initAttributes = () => {
+            this._startAttr = {
+                style: Object.assign(Object.assign({
+                    symbolType: iconPlay
+                }, Controller.defaultControllerAttr), this.attribute.start.style)
+            }, this._pauseAttr = {
+                style: Object.assign(Object.assign({
+                    symbolType: iconPause
+                }, Controller.defaultControllerAttr), this.attribute.pause.style)
+            }, this._forwardAttr = {
+                style: Object.assign(Object.assign({}, Controller.defaultControllerAttr), this.attribute.forward.style)
+            }, this._backwardAttr = {
+                style: Object.assign(Object.assign({}, Controller.defaultControllerAttr), this.attribute.backward.style)
+            }, this._layout = this.attribute.layout;
+        }, this._initLayout = () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h;
+            this._layout = this.attribute.layout, "horizontal" === this._layout ? (this._backwardAttr.style.symbolType = null !== (_b = null === (_a = this._backwardAttr.style) || void 0 === _a ? void 0 : _a.symbolType) && void 0 !== _b ? _b : iconLeft, 
+            this._forwardAttr.style.symbolType = null !== (_d = null === (_c = this._forwardAttr.style) || void 0 === _c ? void 0 : _c.symbolType) && void 0 !== _d ? _d : iconRight) : "vertical" === this._layout && (this._backwardAttr.style.symbolType = null !== (_f = null === (_e = this._backwardAttr.style) || void 0 === _e ? void 0 : _e.symbolType) && void 0 !== _f ? _f : iconUp, 
+            this._forwardAttr.style.symbolType = null !== (_h = null === (_g = this._forwardAttr.style) || void 0 === _g ? void 0 : _g.symbolType) && void 0 !== _h ? _h : iconDown);
+        }, this._initPlay = () => {
+            this._playController = new PlayerIcon(Object.assign({}, this._startAttr.style)), 
+            this.add(this._playController);
+        }, this._initBackward = () => {
+            this._backwardController = new PlayerIcon(Object.assign({}, this._backwardAttr.style)), 
+            this.add(this._backwardController);
+        }, this._initForward = () => {
+            this._forwardController = new PlayerIcon(Object.assign({}, this._forwardAttr.style)), 
+            this.add(this._forwardController);
+        }, this._initEvents = () => {
+            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 CustomEvent(eventType, {
+                eventType: eventType
+            });
+            return customEvent.manager = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.eventSystem.manager, 
+            customEvent;
+        }, this.play = () => {
+            const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnPlay);
+            this.dispatchEvent(onPlayEvent);
+        }, this.pause = () => {
+            const onPauseEvent = this._createCustomEvent(ControllerEventEnum.OnPause);
+            this.dispatchEvent(onPauseEvent);
+        }, this.forward = () => {
+            const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnForward);
+            this.dispatchEvent(onPlayEvent);
+        }, this.backward = () => {
+            const onPlayEvent = this._createCustomEvent(ControllerEventEnum.OnBackward);
+            this.dispatchEvent(onPlayEvent);
+        }, this.togglePlay = () => {
+            this._playController.setAttributes(this._startAttr.style), this._isPaused = !0;
+        }, this.togglePause = () => {
+            this._playController.setAttributes(this._pauseAttr.style), this._isPaused = !1;
+        }, this._init();
+    }
+    render() {}
+}
+
+Controller.defaultControllerAttr = {
+    x: 0,
+    y: 0,
+    size: 20,
+    fillColor: "#91caff",
+    pickMode: "imprecise",
+    cursor: "pointer"
+}, Controller.defaultAttributes = {
+    visible: !0,
+    [ControllerTypeEnum.Start]: {},
+    [ControllerTypeEnum.Pause]: {},
+    [ControllerTypeEnum.Backward]: {},
+    [ControllerTypeEnum.Forward]: {}
+};
+//# sourceMappingURL=controller.js.map

package/es/player/controller/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/controller/controller.ts"],"names":[],"mappings":"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","file":"controller.js","sourcesContent":["import { merge } from '@visactor/vutils';\nimport { CustomEvent, FederatedPointerEvent, ISymbolGraphicAttribute } from '@visactor/vrender';\nimport { AbstractComponent } from '../../core/base';\nimport { BaseGraphicAttributes } from '../../core/type';\nimport { 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    x: 0,\n    y: 0,\n    size: 20,\n    fillColor: '#91caff',\n    pickMode: 'imprecise',\n    cursor: 'pointer'\n  };\n  static defaultAttributes: ControllerAttributes = {\n    visible: true,\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._init();\n  }\n\n  private _init = () => {\n    this._initAttributes();\n    this._initLayout();\n    this._initPlay();\n    this._initBackward();\n    this._initForward();\n    this._initEvents();\n  };\n\n  _initAttributes = () => {\n    this._startAttr = {\n      style: {\n        symbolType: iconPlay,\n        ...Controller.defaultControllerAttr,\n        ...this.attribute.start.style\n      }\n    };\n    this._pauseAttr = {\n      style: {\n        symbolType: iconPause,\n        ...Controller.defaultControllerAttr,\n        ...this.attribute.pause.style\n      }\n    };\n    this._forwardAttr = {\n      style: {\n        ...Controller.defaultControllerAttr,\n        ...this.attribute.forward.style\n      }\n    };\n    this._backwardAttr = {\n      style: {\n        ...Controller.defaultControllerAttr,\n        ...this.attribute.backward.style\n      }\n    };\n    this._layout = this.attribute.layout;\n  };\n\n  private _initLayout = () => {\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    this._playController = new PlayerIcon({\n      ...this._startAttr.style\n    });\n\n    this.add(this._playController);\n  };\n\n  private _initBackward = () => {\n    this._backwardController = new PlayerIcon({\n      ...this._backwardAttr.style\n    });\n\n    this.add(this._backwardController);\n  };\n\n  private _initForward = () => {\n    this._forwardController = new PlayerIcon({\n      ...this._forwardAttr.style\n    });\n\n    this.add(this._forwardController);\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    //  do nothing\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/es/player/controller/icon/icon.d.ts

@@ -0,0 +1,4 @@
+import { ISymbolGraphicAttribute, Symbol } from '@visactor/vrender';
+export declare class PlayerIcon extends Symbol {
+    constructor(params: ISymbolGraphicAttribute);
+}

package/es/player/controller/icon/icon.js

@@ -0,0 +1,8 @@
+import { Symbol } from "@visactor/vrender";
+
+export class PlayerIcon extends Symbol {
+    constructor(params) {
+        super(params);
+    }
+}
+//# sourceMappingURL=icon.js.map

package/es/player/controller/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/controller/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEpE,MAAM,OAAO,UAAW,SAAQ,MAAM;IACpC,YAAY,MAA+B;QACzC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChB,CAAC;CACF","file":"icon.js","sourcesContent":["import { ISymbolGraphicAttribute, Symbol } from '@visactor/vrender';\n\nexport class PlayerIcon extends Symbol {\n  constructor(params: ISymbolGraphicAttribute) {\n    super(params);\n  }\n}\n"]}

package/es/player/controller/icon/index.d.ts

@@ -0,0 +1 @@
+export * from './icon';

package/es/player/controller/icon/index.js

@@ -0,0 +1,2 @@
+export * from "./icon";
+//# sourceMappingURL=index.js.map

package/es/player/controller/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/controller/icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './icon';\n"]}

package/es/player/controller/icon/type.d.ts

@@ -0,0 +1 @@
+

package/es/player/controller/icon/type.js

@@ -0,0 +1,3 @@
+
+
+//# sourceMappingURL=type.js.map

package/es/player/controller/icon/type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/controller/icon/type.ts"],"names":[],"mappings":"","file":"type.js","sourcesContent":[""]}

package/es/player/controller/index.d.ts

@@ -0,0 +1,2 @@
+export * from './controller';
+export * from './type';

package/es/player/controller/index.js

@@ -0,0 +1,4 @@
+export * from "./controller";
+
+export * from "./type";
+//# sourceMappingURL=index.js.map

package/es/player/controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/controller/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC","file":"index.js","sourcesContent":["export * from './controller';\nexport * from './type';\n"]}

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

@@ -0,0 +1,11 @@
+import { ISymbolGraphicAttribute } from '@visactor/vrender';
+import { BaseGraphicAttributes } from '../../core/type';
+export interface ControllerAttributes {
+    visible?: boolean;
+    layout?: LayoutType;
+    start: BaseGraphicAttributes<ISymbolGraphicAttribute>;
+    pause: BaseGraphicAttributes<ISymbolGraphicAttribute>;
+    forward: BaseGraphicAttributes<ISymbolGraphicAttribute>;
+    backward: BaseGraphicAttributes<ISymbolGraphicAttribute>;
+}
+export type LayoutType = 'horizontal' | 'vertical';

package/es/player/controller/type.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=type.js.map

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

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

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

@@ -0,0 +1,32 @@
+import { BasePlayer } from './base-player';
+import { DiscretePlayerAttributes, PlayerAttributes, PlayerEventEnum } from './type';
+export interface IDiscretePlayer {
+    play: () => void;
+    pause: () => void;
+    backward: () => void;
+    forward: () => void;
+}
+export declare class DiscretePlayer extends BasePlayer<DiscretePlayerAttributes> implements IDiscretePlayer {
+    attribute: DiscretePlayerAttributes;
+    private _dataIndex;
+    private _activeIndex;
+    protected _alternate: boolean;
+    protected _interval: number;
+    private _isPlaying;
+    private _direction;
+    private _tickTime;
+    private _rafId;
+    private _isReachEnd;
+    constructor(attributes: DiscretePlayerAttributes);
+    setAttributes(params: Partial<Required<PlayerAttributes>>, forceUpdateTag?: boolean): void;
+    _initAttributes: () => void;
+    private _initEvents;
+    dispatchCustomEvent(event: PlayerEventEnum): void;
+    play: () => void;
+    private _play;
+    private _updateDataIndex;
+    private _playEnd;
+    pause: () => void;
+    backward: () => void;
+    forward: () => void;
+}

package/es/player/discrete-player.js

@@ -0,0 +1,86 @@
+import { isNil, merge } from "@visactor/vutils";
+
+import { global } from "@visactor/vrender";
+
+import { BasePlayer } from "./base-player";
+
+import { DirectionEnum, PlayerEventEnum } from "./type";
+
+import { forwardStep, isReachEnd, isReachStart } from "./utils";
+
+import { ControllerEventEnum } from "./controller/constant";
+
+export class DiscretePlayer extends BasePlayer {
+    constructor(attributes) {
+        super(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, 
+            this._direction = null !== (_c = this.attribute.direction) && void 0 !== _c ? _c : DirectionEnum.Default, 
+            this._dataIndex = 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(ControllerEventEnum.OnPlay, (e => {
+                e.stopPropagation(), this.play();
+            })), this._controller.addEventListener(ControllerEventEnum.OnPause, (e => {
+                e.stopPropagation(), this.pause();
+            })), this._controller.addEventListener(ControllerEventEnum.OnForward, (e => {
+                e.stopPropagation(), this.forward();
+            })), this._controller.addEventListener(ControllerEventEnum.OnBackward, (e => {
+                e.stopPropagation(), this.backward();
+            })), this._slider.addEventListener("change", (e => {
+                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(PlayerEventEnum.OnChange);
+            }));
+        }, this.play = () => {
+            this._isPlaying || 1 !== this._data.length && (this._controller.togglePause(), this._isPlaying = !0, 
+            (isReachEnd({
+                dataIndex: this._dataIndex,
+                maxIndex: this._maxIndex,
+                minIndex: this._minIndex,
+                direction: this._direction
+            }) || isReachStart({
+                dataIndex: this._dataIndex,
+                maxIndex: this._maxIndex,
+                minIndex: this._minIndex,
+                direction: this._direction
+            })) && (this._direction === DirectionEnum.Default ? this._updateDataIndex(this._minIndex) : this._updateDataIndex(this._maxIndex)), 
+            this.dispatchCustomEvent(PlayerEventEnum.OnPlay), this._isReachEnd = !1, this._tickTime = Date.now(), 
+            this._rafId = global.getRequestAnimationFrame()(this._play.bind(this, !0)));
+        }, this._play = isFirstPlay => {
+            const now = Date.now();
+            if (this._isReachEnd && now - this._tickTime >= this._interval) return this._isReachEnd = !1, 
+            void this._playEnd();
+            isFirstPlay && this._activeIndex !== this._dataIndex ? (this.dispatchCustomEvent(PlayerEventEnum.OnChange), 
+            this._activeIndex = this._dataIndex) : 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(PlayerEventEnum.OnChange)), 
+            ("default" === this._direction && this._dataIndex >= this._maxIndex || "reverse" === this._direction && this._dataIndex <= this._minIndex) && (this._isReachEnd = !0), 
+            this._rafId = global.getRequestAnimationFrame()(this._play.bind(this, !1));
+        }, this._updateDataIndex = dataIndex => {
+            this._dataIndex = dataIndex, this._slider.setValue(this._dataIndex);
+        }, this._playEnd = () => {
+            this._isPlaying = !1, this._controller.togglePlay(), global.getCancelAnimationFrame()(this._rafId), 
+            this._activeIndex = -1, this.dispatchCustomEvent(PlayerEventEnum.OnEnd);
+        }, this.pause = () => {
+            this._isPlaying && (this._isPlaying = !1, global.getCancelAnimationFrame()(this._rafId), 
+            this._controller.togglePlay(), this.dispatchCustomEvent(PlayerEventEnum.OnPause));
+        }, this.backward = () => {
+            const index = Math.max(this._dataIndex - 1, this._minIndex);
+            this._updateDataIndex(index), this.dispatchCustomEvent(PlayerEventEnum.OnChange), 
+            this.dispatchCustomEvent(PlayerEventEnum.OnBackward);
+        }, this.forward = () => {
+            const index = Math.min(this._dataIndex + 1, this._maxIndex);
+            this._updateDataIndex(index), this.dispatchCustomEvent(PlayerEventEnum.OnChange), 
+            this.dispatchCustomEvent(PlayerEventEnum.OnForward);
+        }, this._initAttributes(), this._initEvents();
+    }
+    setAttributes(params, forceUpdateTag) {
+        super.setAttributes(params, forceUpdateTag), this._initAttributes();
+    }
+    dispatchCustomEvent(event) {
+        super.dispatchCustomEvent(event, this._dataIndex);
+    }
+}
+//# sourceMappingURL=discrete-player.js.map

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

@@ -0,0 +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 { FederatedPointerEvent, global } from '@visactor/vrender';\nimport { BasePlayer } from './base-player';\nimport { DirectionEnum, DirectionType, DiscretePlayerAttributes, PlayerAttributes, 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.OnChange);\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.OnPlay);\n    // 重置结束状态\n    this._isReachEnd = false;\n    // 重置tick时间, 暂停后重新播放也会重新计时\n    this._tickTime = Date.now();\n    // 开启动画\n    this._rafId = global.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.OnChange);\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.OnChange);\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 = global.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    global.getCancelAnimationFrame()(this._rafId);\n    // 重置ActiveIndex\n    this._activeIndex = -1;\n    // 播放结束时并且到达终点\n    this.dispatchCustomEvent(PlayerEventEnum.OnEnd);\n  };\n\n  /**\n   * 暂停接口\n   */\n  pause = () => {\n    if (!this._isPlaying) {\n      return;\n    }\n    this._isPlaying = false;\n    global.getCancelAnimationFrame()(this._rafId);\n    this._controller.togglePlay();\n\n    this.dispatchCustomEvent(PlayerEventEnum.OnPause);\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.OnChange);\n    this.dispatchCustomEvent(PlayerEventEnum.OnBackward);\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.OnChange);\n    this.dispatchCustomEvent(PlayerEventEnum.OnForward);\n  };\n}\n"]}

package/es/player/index.d.ts

@@ -0,0 +1,4 @@
+export * from './base-player';
+export * from './type';
+export * from './discrete-player';
+export * from './continuous-player';

package/es/player/index.js

@@ -0,0 +1,8 @@
+export * from "./base-player";
+
+export * from "./type";
+
+export * from "./discrete-player";
+
+export * from "./continuous-player";
+//# sourceMappingURL=index.js.map

package/es/player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC","file":"index.js","sourcesContent":["export * from './base-player';\nexport * from './type';\nexport * from './discrete-player';\nexport * from './continuous-player';\n"]}

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

@@ -0,0 +1,7 @@
+import { IGroupGraphicAttribute } from '@visactor/vrender';
+export type Datum = any;
+export type BasePlayerAttributes = {
+    visible?: boolean;
+    data: Datum[];
+    dataIndex?: number;
+} & IGroupGraphicAttribute;

package/es/player/type/base.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=base.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/type/base.ts"],"names":[],"mappings":"","file":"base.js","sourcesContent":["import { IGroupGraphicAttribute } from '@visactor/vrender';\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"]}

package/es/player/type/continuous-player.d.ts

@@ -0,0 +1,7 @@
+import { BasePlayerAttributes } from './base';
+import { BasePlayerLayoutAttributes } from './layout';
+export type ContinuousPlayerAttributes = {
+    type: 'continuous';
+    totalDuration?: number;
+    interval?: number;
+} & BasePlayerAttributes & BasePlayerLayoutAttributes;

package/es/player/type/continuous-player.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=continuous-player.js.map

package/es/player/type/continuous-player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/type/continuous-player.ts"],"names":[],"mappings":"","file":"continuous-player.js","sourcesContent":["import { BasePlayerAttributes } from './base';\nimport { BasePlayerLayoutAttributes } from './layout';\n\nexport type ContinuousPlayerAttributes = {\n  /**\n   * 播放器类型, 连续型\n   */\n  type: 'continuous';\n\n  /**\n   * 播放器总持续时长\n   * Tips: 该配置和interval互斥.\n   * @default interval * data.length\n   */\n  totalDuration?: number;\n\n  /**\n   * 播放间隔\n   * @default 1000\n   */\n  interval?: number;\n} & BasePlayerAttributes &\n  BasePlayerLayoutAttributes;\n"]}

package/es/player/type/direction.d.ts

@@ -0,0 +1,5 @@
+export declare enum DirectionEnum {
+    Default = "default",
+    Reverse = "reverse"
+}
+export type DirectionType = 'default' | 'reverse';

package/es/player/type/direction.js

@@ -0,0 +1,6 @@
+export var DirectionEnum;
+
+!function(DirectionEnum) {
+    DirectionEnum.Default = "default", DirectionEnum.Reverse = "reverse";
+}(DirectionEnum || (DirectionEnum = {}));
+//# sourceMappingURL=direction.js.map

package/es/player/type/direction.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/type/direction.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,oCAAmB,CAAA;IACnB,oCAAmB,CAAA;AACrB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB","file":"direction.js","sourcesContent":["export enum DirectionEnum {\n  Default = 'default',\n  Reverse = 'reverse'\n}\n\nexport type DirectionType = 'default' | 'reverse';\n"]}

package/es/player/type/discrete-player.d.ts

@@ -0,0 +1,9 @@
+import { BasePlayerAttributes } from './base';
+import { DirectionType } from './direction';
+import { BasePlayerLayoutAttributes } from './layout';
+export type DiscretePlayerAttributes = {
+    type: 'discrete';
+    direction?: DirectionType;
+    alternate?: boolean;
+    interval?: number;
+} & BasePlayerAttributes & BasePlayerLayoutAttributes;

package/es/player/type/discrete-player.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=discrete-player.js.map

package/es/player/type/discrete-player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/type/discrete-player.ts"],"names":[],"mappings":"","file":"discrete-player.js","sourcesContent":["import { BasePlayerAttributes } from './base';\nimport { DirectionType } from './direction';\nimport { BasePlayerLayoutAttributes } from './layout';\n\nexport type DiscretePlayerAttributes = {\n  /**\n   * 播放器类型, 离散型\n   */\n  type: 'discrete';\n\n  /**\n   * 播放方向\n   * @default 'default'\n   */\n  direction?: DirectionType;\n\n  /**\n   * 交替方向\n   * @default false\n   */\n  alternate?: boolean;\n\n  /**\n   * 播放间隔\n   * @default 1000\n   */\n  interval?: number;\n} & BasePlayerAttributes &\n  BasePlayerLayoutAttributes;\n"]}

package/es/player/type/event.d.ts

@@ -0,0 +1,8 @@
+export declare enum PlayerEventEnum {
+    OnChange = "onChange",
+    OnPlay = "onPlay",
+    OnPause = "onPause",
+    OnBackward = "onBackward",
+    OnForward = "onForward",
+    OnEnd = "onEnd"
+}

package/es/player/type/event.js

@@ -0,0 +1,8 @@
+export var PlayerEventEnum;
+
+!function(PlayerEventEnum) {
+    PlayerEventEnum.OnChange = "onChange", PlayerEventEnum.OnPlay = "onPlay", PlayerEventEnum.OnPause = "onPause", 
+    PlayerEventEnum.OnBackward = "onBackward", PlayerEventEnum.OnForward = "onForward", 
+    PlayerEventEnum.OnEnd = "onEnd";
+}(PlayerEventEnum || (PlayerEventEnum = {}));
+//# sourceMappingURL=event.js.map

package/es/player/type/event.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/type/event.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,eAOX;AAPD,WAAY,eAAe;IACzB,wCAAqB,CAAA;IACrB,oCAAiB,CAAA;IACjB,sCAAmB,CAAA;IACnB,4CAAyB,CAAA;IACzB,0CAAuB,CAAA;IACvB,kCAAe,CAAA;AACjB,CAAC,EAPW,eAAe,KAAf,eAAe,QAO1B","file":"event.js","sourcesContent":["export enum PlayerEventEnum {\n  OnChange = 'onChange',\n  OnPlay = 'onPlay',\n  OnPause = 'onPause',\n  OnBackward = 'onBackward',\n  OnForward = 'onForward',\n  OnEnd = 'onEnd'\n}\n"]}

package/es/player/type/index.d.ts

@@ -0,0 +1,9 @@
+import { ContinuousPlayerAttributes } from './continuous-player';
+import { DiscretePlayerAttributes } from './discrete-player';
+export * from './base';
+export * from './direction';
+export * from './discrete-player';
+export * from './continuous-player';
+export * from './event';
+export * from './layout';
+export type PlayerAttributes = ContinuousPlayerAttributes | DiscretePlayerAttributes;

package/es/player/type/index.js

@@ -0,0 +1,12 @@
+export * from "./base";
+
+export * from "./direction";
+
+export * from "./discrete-player";
+
+export * from "./continuous-player";
+
+export * from "./event";
+
+export * from "./layout";
+//# sourceMappingURL=index.js.map

package/es/player/type/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/type/index.ts"],"names":[],"mappings":"AAGA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC","file":"index.js","sourcesContent":["import { ContinuousPlayerAttributes } from './continuous-player';\nimport { DiscretePlayerAttributes } from './discrete-player';\n\nexport * from './base';\nexport * from './direction';\nexport * from './discrete-player';\nexport * from './continuous-player';\nexport * from './event';\nexport * from './layout';\n\nexport type PlayerAttributes = ContinuousPlayerAttributes | DiscretePlayerAttributes;\n"]}

package/es/player/type/layout.d.ts

@@ -0,0 +1,35 @@
+import type { IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender';
+import type { OrientType } from '../../interface';
+import { BaseGraphicAttributes } from '../../core/type';
+import { ControllerTypeEnum } from '../controller/constant';
+export type BasePlayerLayoutAttributes = {
+    orient?: OrientType;
+    size: {
+        width: number;
+        height: number;
+    };
+    slider?: {
+        space?: number;
+        dx?: number;
+        dy?: number;
+        railStyle?: RailStyleType;
+        trackStyle?: TrackStyleType;
+        handlerStyle?: HandlerStyleType;
+    };
+    controller?: {
+        start?: ControllerType;
+        pause?: ControllerType;
+        forward?: ControllerType;
+        backward?: ControllerType;
+    };
+};
+export type RailStyleType = Partial<IRectGraphicAttribute>;
+export type TrackStyleType = Partial<IRectGraphicAttribute>;
+export type HandlerStyleType = Partial<ISymbolGraphicAttribute>;
+export type ControllerLayout = {
+    key?: ControllerTypeEnum;
+    space?: number;
+    order?: number;
+    position?: 'start' | 'end';
+};
+export type ControllerType = ControllerLayout & BaseGraphicAttributes<Partial<ISymbolGraphicAttribute>>;

package/es/player/type/layout.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=layout.js.map

package/es/player/type/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/player/type/layout.ts"],"names":[],"mappings":"","file":"layout.js","sourcesContent":["import type { IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender';\nimport type { OrientType } from '../../interface';\nimport { BaseGraphicAttributes } from '../../core/type';\nimport { ControllerTypeEnum } from '../controller/constant';\n\nexport type BasePlayerLayoutAttributes = {\n  /**\n   * 组件位置\n   * @default 'bottom'\n   */\n  orient?: OrientType;\n\n  /**\n   * 组件尺寸\n   * @TODO 这玩意各个组件应该是通用的, 可以抽出去复用.\n   */\n  size: {\n    /**\n     * 组件宽度\n     */\n    width: number;\n    /**\n     * 组件高度\n     */\n    height: number;\n  };\n\n  /**\n   * 滑轨样式\n   */\n  slider?: {\n    space?: number;\n    dx?: number;\n    dy?: number;\n    railStyle?: RailStyleType; // 轨道\n    trackStyle?: TrackStyleType; // 轨迹\n    handlerStyle?: HandlerStyleType; // 手柄\n  };\n\n  /**\n   * 控制器\n   */\n  controller?: {\n    start?: ControllerType;\n    pause?: ControllerType;\n    forward?: ControllerType;\n    backward?: ControllerType;\n  };\n};\n\nexport type RailStyleType = Partial<IRectGraphicAttribute>;\nexport type TrackStyleType = Partial<IRectGraphicAttribute>;\nexport type HandlerStyleType = Partial<ISymbolGraphicAttribute>;\n\nexport type ControllerLayout = {\n  key?: ControllerTypeEnum;\n  /**\n   * 当前元素与前一个元素的间隔\n   */\n  space?: number;\n  /**\n   * 指定按钮顺序的数值\n   */\n  order?: number;\n  /**\n   * 按钮在开始位置or在起始位置.\n   */\n  position?: 'start' | 'end';\n};\n\nexport type ControllerType = ControllerLayout & BaseGraphicAttributes<Partial<ISymbolGraphicAttribute>>;\n"]}

package/es/player/utils.d.ts

@@ -0,0 +1,20 @@
+import { OrientType } from '../interface';
+import { DirectionType } from './type';
+interface ICheckIndex {
+    direction: DirectionType;
+    maxIndex: number;
+    minIndex: number;
+    dataIndex: number;
+}
+export declare const checkIndex: ({ direction, maxIndex, minIndex, dataIndex }: ICheckIndex) => boolean;
+export declare const canPlay: ({ direction, maxIndex, minIndex, dataIndex }: ICheckIndex) => boolean;
+export declare const isReachEndByDefault: ({ direction, maxIndex, dataIndex }: Omit<ICheckIndex, 'minIndex'>) => boolean;
+export declare const isReachEndByReverse: ({ direction, minIndex, dataIndex }: Omit<ICheckIndex, 'maxIndex'>) => boolean;
+export declare const isReachEnd: ({ direction, maxIndex, minIndex, dataIndex }: ICheckIndex) => boolean;
+export declare const isReachStartByDefault: ({ direction, minIndex, dataIndex }: Omit<ICheckIndex, 'maxIndex'>) => boolean;
+export declare const isReachStartByReverse: ({ direction, maxIndex, dataIndex }: Omit<ICheckIndex, 'minIndex'>) => boolean;
+export declare const isReachStart: ({ direction, maxIndex, minIndex, dataIndex }: ICheckIndex) => boolean;
+export declare const isVertical: (orient: OrientType) => boolean;
+export declare const isHorizontal: (orient: OrientType) => boolean;
+export declare const forwardStep: (direction: DirectionType, currentIndex: number, min: number, max: number) => number;
+export {};

package/es/player/utils.js

@@ -0,0 +1,45 @@
+import { DirectionEnum } from "./type";
+
+export const checkIndex = ({direction: direction, maxIndex: maxIndex, minIndex: minIndex, dataIndex: dataIndex}) => direction === DirectionEnum.Default ? dataIndex < maxIndex : direction === DirectionEnum.Reverse ? dataIndex > minIndex : void 0;
+
+export const canPlay = ({direction: direction, maxIndex: maxIndex, minIndex: minIndex, dataIndex: dataIndex}) => checkIndex({
+    direction: direction,
+    maxIndex: maxIndex,
+    minIndex: minIndex,
+    dataIndex: dataIndex
+});
+
+export const isReachEndByDefault = ({direction: direction, maxIndex: maxIndex, dataIndex: dataIndex}) => direction === DirectionEnum.Default && dataIndex === maxIndex;
+
+export const isReachEndByReverse = ({direction: direction, minIndex: minIndex, dataIndex: dataIndex}) => direction === DirectionEnum.Reverse && dataIndex === minIndex;
+
+export const isReachEnd = ({direction: direction, maxIndex: maxIndex, minIndex: minIndex, dataIndex: dataIndex}) => isReachEndByDefault({
+    direction: direction,
+    maxIndex: maxIndex,
+    dataIndex: dataIndex
+}) || isReachEndByReverse({
+    direction: direction,
+    minIndex: minIndex,
+    dataIndex: dataIndex
+});
+
+export const isReachStartByDefault = ({direction: direction, minIndex: minIndex, dataIndex: dataIndex}) => direction === DirectionEnum.Default && dataIndex === minIndex;
+
+export const isReachStartByReverse = ({direction: direction, maxIndex: maxIndex, dataIndex: dataIndex}) => direction === DirectionEnum.Reverse && dataIndex === maxIndex;
+
+export const isReachStart = ({direction: direction, maxIndex: maxIndex, minIndex: minIndex, dataIndex: dataIndex}) => isReachStartByDefault({
+    direction: direction,
+    minIndex: minIndex,
+    dataIndex: dataIndex
+}) || isReachStartByReverse({
+    direction: direction,
+    maxIndex: maxIndex,
+    dataIndex: dataIndex
+});
+
+export const isVertical = orient => "left" === orient || "right" === orient;
+
+export const isHorizontal = orient => "top" === orient || "bottom" === orient;
+
+export const forwardStep = (direction, currentIndex, min, max) => "default" === direction ? Math.min(currentIndex + 1, max) : Math.max(currentIndex - 1, min);
+//# sourceMappingURL=utils.js.map