@visactor/vchart 0.0.1-alpha.0

package/esm/component/player/player.d.ts

@@ -0,0 +1,54 @@
+import type { ILayoutRect, IModelRenderOption } from '../../model/interface';
+import type { IRegion } from '../../region/interface';
+import type { IComponentOption } from '../interface';
+import type { IPlayer } from './interface';
+import type { IComponent } from '../interface';
+import type { IPoint, IOrientType } from '../../typings';
+import type { IChartSpec } from '../..';
+import { ComponentTypeEnum } from '../interface';
+import { BaseComponent } from '../base';
+export declare class Player extends BaseComponent implements IComponent {
+    layoutZIndex: number;
+    layoutLevel: number;
+    type: ComponentTypeEnum;
+    specKey: string;
+    protected _spec: IPlayer;
+    private _orient;
+    private _specs;
+    private _playerComponent;
+    private _cacheAttrs;
+    private _direction;
+    private _alternate;
+    private _dx;
+    private _dy;
+    private _width;
+    private _height;
+    private _position;
+    get orient(): IOrientType;
+    get layoutOrient(): IOrientType;
+    set layoutOrient(v: IOrientType);
+    static createComponent: (spec: IChartSpec, options: IComponentOption) => Player;
+    setAttrFromSpec(): void;
+    setLayoutStartPosition(pos: Partial<IPoint>): void;
+    boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect): {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    changeRegions(regions: IRegion[]): void;
+    onRender(ctx: IModelRenderOption): void;
+    clear(): void;
+    reInit(): void;
+    protected initTheme(theme?: any): void;
+    private _getPlayerAttrs;
+    private _createOrUpdatePlayerComponent;
+    private _computeLayoutRect;
+    private _computeWidth;
+    private _computeHeight;
+    private _computeDx;
+    private _computeDy;
+    private _maxSize;
+    private _sliderExceededSize;
+    private _initEvent;
+}

package/esm/component/player/player.js

@@ -0,0 +1,201 @@
+import { DiscretePlayer, ContinuousPlayer, PlayerEventEnum } from "@visactor/vrender-components";
+
+import { isNumber, array, isEqual, merge } from "@visactor/vutils";
+
+import { ComponentTypeEnum } from "../interface";
+
+import { BaseComponent } from "../base";
+
+import { isNil, isValidNumber } from "../../util";
+
+import { transformContinuousSpecToAttrs, transformDiscreteSpecToAttrs } from "./utils";
+
+import { isHorizontal, isVertical } from "./utils/orient";
+
+import { ChartEvent, LayoutLevel, LayoutZIndex } from "../../constant";
+
+export class Player extends BaseComponent {
+    constructor() {
+        super(...arguments), this.layoutZIndex = LayoutZIndex.Player, this.layoutLevel = LayoutLevel.Player, 
+        this.type = ComponentTypeEnum.player, this.specKey = "player", this._orient = "bottom", 
+        this._getPlayerAttrs = () => {
+            var _a, _b;
+            const type = this._spec.type, layoutAttrs = {
+                size: {
+                    width: this._width,
+                    height: this._height
+                },
+                dx: null !== (_a = this._spec.dx) && void 0 !== _a ? _a : 0 + this._dx,
+                dy: null !== (_b = this._spec.dy) && void 0 !== _b ? _b : 0 + this._dy
+            };
+            return "discrete" === type ? Object.assign(Object.assign({}, transformDiscreteSpecToAttrs(this._spec, this._specs)), layoutAttrs) : Object.assign(Object.assign({}, transformContinuousSpecToAttrs(this._spec, this._specs)), layoutAttrs);
+        }, this._createOrUpdatePlayerComponent = () => {
+            const attrs = Object.assign({}, this._getPlayerAttrs()), container = this.getContainer();
+            this._playerComponent ? isEqual(attrs, this._cacheAttrs) || (this._cacheAttrs = attrs, 
+            this._playerComponent.setAttributes(attrs)) : ("discrete" === attrs.type ? this._playerComponent = new DiscretePlayer(attrs) : this._playerComponent = new ContinuousPlayer(attrs), 
+            this._cacheAttrs = attrs, this._playerComponent.name = "player", container.add(this._playerComponent), 
+            this._initEvent());
+        }, this._maxSize = () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            return Math.max(...array(null === (_b = null === (_a = this._spec.controller.start) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.size), ...array(null === (_d = null === (_c = this._spec.controller.pause) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.size), ...array(null === (_f = null === (_e = this._spec.controller.backward) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.size), ...array(null === (_h = null === (_g = this._spec.controller.forward) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.size), null !== (_j = isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) && void 0 !== _j ? _j : 10);
+        }, this._sliderExceededSize = () => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            const sliderHeight = null !== (_a = isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) && void 0 !== _a ? _a : 10, controllersHeight = Math.max(...array(null === (_c = null === (_b = this._spec.controller.start) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.size), ...array(null === (_e = null === (_d = this._spec.controller.pause) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.size), ...array(null === (_g = null === (_f = this._spec.controller.backward) || void 0 === _f ? void 0 : _f.style) || void 0 === _g ? void 0 : _g.size), ...array(null === (_j = null === (_h = this._spec.controller.forward) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.size));
+            return sliderHeight >= controllersHeight ? sliderHeight - controllersHeight : 0;
+        }, this._initEvent = () => {
+            this._option.globalInstance.on(ChartEvent.rendered, (() => {
+                this._spec.auto && this._playerComponent.play();
+            })), this._playerComponent.addEventListener(PlayerEventEnum.OnEnd, (() => {
+                this.event.emit(ChartEvent.playerEnd, {
+                    model: this
+                }), this._alternate && "discrete" === this._spec.type && (this._direction = "default" === this._direction ? "reverse" : "default", 
+                this._playerComponent.setAttributes({
+                    direction: this._direction,
+                    dataIndex: "reverse" === this._direction ? this._specs.length - 2 : 1
+                })), this._spec.loop && this._playerComponent.play();
+            })), this._playerComponent.addEventListener(PlayerEventEnum.OnChange, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                array(spec.data).forEach((data => {
+                    var _a, _b;
+                    null === (_b = null === (_a = this._option) || void 0 === _a ? void 0 : _a.globalInstance) || void 0 === _b || _b.updateData(data.id, data.values);
+                })), this.event.emit(ChartEvent.playerChange, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(PlayerEventEnum.OnBackward, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(ChartEvent.playerBackward, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(PlayerEventEnum.OnForward, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(ChartEvent.playerForward, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(PlayerEventEnum.OnPlay, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(ChartEvent.playerPlay, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(PlayerEventEnum.OnPause, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(ChartEvent.playerPause, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            }));
+        };
+    }
+    get orient() {
+        return this._orient;
+    }
+    get layoutOrient() {
+        return this._orient;
+    }
+    set layoutOrient(v) {
+        this._orient = v;
+    }
+    setAttrFromSpec() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        super.setAttrFromSpec(), this._orient = null !== (_a = this._spec.orient) && void 0 !== _a ? _a : "bottom", 
+        this._specs = null !== (_b = this._spec.specs) && void 0 !== _b ? _b : [], this._direction = null !== (_c = this._spec.direction) && void 0 !== _c ? _c : "default", 
+        this._alternate = null !== (_d = this._spec.alternate) && void 0 !== _d && _d, this._dx = null !== (_e = this._spec.dx) && void 0 !== _e ? _e : 0, 
+        this._dy = null !== (_f = this._spec.dy) && void 0 !== _f ? _f : 0, this._position = null !== (_g = this._spec.position) && void 0 !== _g ? _g : "middle";
+    }
+    setLayoutStartPosition(pos) {
+        if (super.setLayoutStartPosition(pos), isValidNumber(pos.x)) {
+            const offsetX = isVertical(this._orient) ? pos.x + this._sliderExceededSize() / 2 : pos.x;
+            this._playerComponent && this._playerComponent.setAttribute("x", offsetX);
+        }
+        if (isValidNumber(pos.y)) {
+            const offsetY = isHorizontal(this._orient) ? pos.y + this._sliderExceededSize() / 2 : pos.y;
+            this._playerComponent && this._playerComponent.setAttribute("y", offsetY);
+        }
+    }
+    boundsInRect(rect, fullSpace) {
+        this._width = this._computeWidth(rect), this._height = this._computeHeight(rect), 
+        this._dx = this._computeDx(fullSpace), this._dy = this._computeDy(fullSpace);
+        const bounds = this._computeLayoutRect(rect, this._width, this._height);
+        return this._createOrUpdatePlayerComponent(), bounds;
+    }
+    changeRegions(regions) {}
+    onRender(ctx) {}
+    clear() {
+        super.clear(), this._playerComponent = null;
+    }
+    reInit() {
+        super.reInit(), this.initTheme();
+    }
+    initTheme(theme) {
+        super._initTheme(theme), this._spec = merge({}, this._theme, this._originalSpec);
+    }
+    _computeLayoutRect(rect, width, height) {
+        switch (this._orient) {
+          case "top":
+          case "left":
+            return {
+                x1: 0,
+                y1: 0,
+                x2: width,
+                y2: height
+            };
+
+          case "right":
+            return {
+                x1: rect.width - width,
+                y1: 0,
+                x2: rect.width,
+                y2: rect.height
+            };
+
+          default:
+            return {
+                x1: 0,
+                y1: rect.height - height,
+                x2: rect.width,
+                y2: rect.height
+            };
+        }
+    }
+    _computeWidth(rect) {
+        return isNumber(this._spec.width) ? Math.min(rect.width, Number(this._spec.width)) : isVertical(this._orient) ? this._maxSize() : rect.width;
+    }
+    _computeHeight(rect) {
+        return isNumber(this._spec.height) ? (this._height = this._spec.height, Math.min(rect.height, Number(this._spec.height))) : isHorizontal(this._orient) ? this._maxSize() : rect.height;
+    }
+    _computeDx(rect) {
+        return isVertical(this._orient) || "start" === this._position ? 0 : "middle" === this._position ? (rect.width - this._width) / 2 : rect.width - this._width;
+    }
+    _computeDy(rect) {
+        return isHorizontal(this._orient) || "start" === this._position ? 0 : "middle" === this._position ? (rect.height - this._height) / 2 : rect.height - this._height;
+    }
+}
+
+Player.createComponent = (spec, options) => {
+    const playerSpec = spec.player;
+    return isNil(playerSpec) || !1 === playerSpec.visible ? null : new Player(playerSpec, options);
+};
+//# sourceMappingURL=player.js.map

package/esm/component/player/player.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/player/player.ts"],"names":[],"mappings":"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","file":"player.js","sourcesContent":["import type { INode } from '@visactor/vrender';\nimport type { ContinuousPlayerAttributes, DiscretePlayerAttributes } from '@visactor/vrender-components';\n\n// eslint-disable-next-line no-duplicate-imports\nimport { DiscretePlayer, ContinuousPlayer, PlayerEventEnum } from '@visactor/vrender-components';\nimport { isNumber, array, isEqual, merge } from '@visactor/vutils';\n\nimport type { ILayoutRect, IModelRenderOption } from '../../model/interface';\nimport type { IRegion } from '../../region/interface';\nimport type { IComponentOption } from '../interface';\n\nimport type { DirectionType, IPlayer } from './interface';\nimport type { IComponent } from '../interface';\nimport type { IPoint, IOrientType } from '../../typings';\nimport type { IChartSpec, IDataValues } from '../..';\n\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../interface';\nimport { BaseComponent } from '../base';\nimport { isNil, isValidNumber } from '../../util';\nimport { transformContinuousSpecToAttrs, transformDiscreteSpecToAttrs } from './utils';\nimport { isHorizontal, isVertical } from './utils/orient';\nimport { ChartEvent, LayoutLevel, LayoutZIndex } from '../../constant';\n\nexport class Player extends BaseComponent implements IComponent {\n  layoutZIndex: number = LayoutZIndex.Player;\n  layoutLevel: number = LayoutLevel.Player;\n\n  type = ComponentTypeEnum.player;\n  specKey = 'player';\n  protected declare _spec: IPlayer;\n  private _orient: IOrientType = 'bottom';\n  private _specs: Partial<IChartSpec>[];\n\n  private _playerComponent: DiscretePlayer | ContinuousPlayer;\n  private _cacheAttrs: ContinuousPlayerAttributes | DiscretePlayerAttributes;\n\n  private _direction: DirectionType;\n  private _alternate: boolean;\n  private _dx: number;\n  private _dy: number;\n  private _width: number;\n  private _height: number;\n  private _position: 'start' | 'middle' | 'end';\n\n  get orient() {\n    return this._orient;\n  }\n\n  get layoutOrient() {\n    return this._orient;\n  }\n\n  set layoutOrient(v: IOrientType) {\n    this._orient = v;\n  }\n\n  static createComponent = (spec: IChartSpec, options: IComponentOption) => {\n    const playerSpec = spec.player as IPlayer;\n    if (isNil(playerSpec) || playerSpec.visible === false) {\n      return null;\n    }\n    return new Player(playerSpec, options);\n  };\n\n  /**\n   * 设置Attr\n   */\n  setAttrFromSpec() {\n    super.setAttrFromSpec();\n    this._orient = this._spec.orient ?? 'bottom';\n    this._specs = this._spec.specs ?? [];\n    this._direction = this._spec.direction ?? 'default';\n    this._alternate = this._spec.alternate ?? false;\n    this._dx = this._spec.dx ?? 0;\n    this._dy = this._spec.dy ?? 0;\n    this._position = this._spec.position ?? 'middle';\n  }\n\n  /**\n   * 计算组件位置(布局的左上角起点)\n   * @param pos\n   */\n  setLayoutStartPosition(pos: Partial<IPoint>) {\n    super.setLayoutStartPosition(pos);\n    if (isValidNumber(pos.x)) {\n      const offsetX = isVertical(this._orient) ? pos.x + this._sliderExceededSize() / 2 : pos.x;\n      this._playerComponent && this._playerComponent.setAttribute('x', offsetX);\n    }\n    if (isValidNumber(pos.y)) {\n      const offsetY = isHorizontal(this._orient) ? pos.y + this._sliderExceededSize() / 2 : pos.y;\n      this._playerComponent && this._playerComponent.setAttribute('y', offsetY);\n    }\n  }\n\n  /**\n   * 计算组件占用的bound box\n   * @param rect\n   * @returns\n   */\n  boundsInRect(rect: ILayoutRect, fullSpace: ILayoutRect) {\n    this._width = this._computeWidth(rect);\n    this._height = this._computeHeight(rect);\n    this._dx = this._computeDx(fullSpace);\n    this._dy = this._computeDy(fullSpace);\n\n    const bounds = this._computeLayoutRect(rect, this._width, this._height);\n\n    this._createOrUpdatePlayerComponent();\n\n    return bounds;\n  }\n\n  changeRegions(regions: IRegion[]): void {\n    // do nothing\n  }\n\n  onRender(ctx: IModelRenderOption): void {\n    // do nothing\n  }\n\n  clear(): void {\n    super.clear();\n    this._playerComponent = null;\n  }\n\n  reInit() {\n    super.reInit();\n    this.initTheme();\n  }\n\n  protected initTheme(theme?: any) {\n    super._initTheme(theme);\n    this._spec = merge({}, this._theme, this._originalSpec);\n  }\n\n  /**\n   * 播放器属性\n   */\n  private _getPlayerAttrs = () => {\n    const type = this._spec.type;\n    const layoutAttrs = {\n      size: {\n        width: this._width,\n        height: this._height\n      },\n      dx: this._spec.dx ?? 0 + this._dx,\n      dy: this._spec.dy ?? 0 + this._dy\n    };\n    // 离散类型Attrs\n    if (type === 'discrete') {\n      return { ...transformDiscreteSpecToAttrs(this._spec, this._specs), ...layoutAttrs };\n    }\n    // 连续类型Attrs\n    return { ...transformContinuousSpecToAttrs(this._spec, this._specs), ...layoutAttrs };\n  };\n\n  /**\n   * 创建或更新播放器组件\n   */\n  private _createOrUpdatePlayerComponent = () => {\n    const attrs = { ...this._getPlayerAttrs() };\n    const container = this.getContainer();\n    if (this._playerComponent) {\n      if (!isEqual(attrs, this._cacheAttrs)) {\n        this._cacheAttrs = attrs;\n        this._playerComponent.setAttributes(attrs);\n      }\n    } else {\n      if (attrs.type === 'discrete') {\n        this._playerComponent = new DiscretePlayer(attrs);\n      } else {\n        this._playerComponent = new ContinuousPlayer(attrs);\n      }\n\n      this._cacheAttrs = attrs;\n      this._playerComponent.name = `player`;\n\n      container.add(this._playerComponent as unknown as INode);\n\n      this._initEvent();\n    }\n  };\n\n  /**\n   * 计算起点\n   */\n  private _computeLayoutRect(rect: ILayoutRect, width: number, height: number) {\n    switch (this._orient) {\n      case 'top': {\n        return { x1: 0, y1: 0, x2: width, y2: height };\n      }\n      case 'right': {\n        return { x1: rect.width - width, y1: 0, x2: rect.width, y2: rect.height };\n      }\n      case 'left': {\n        return { x1: 0, y1: 0, x2: width, y2: height };\n      }\n      case 'bottom':\n      default: {\n        return { x1: 0, y1: rect.height - height, x2: rect.width, y2: rect.height };\n      }\n    }\n  }\n\n  /**\n   * 计算组件宽度\n   */\n  private _computeWidth(rect: ILayoutRect) {\n    // 若设置的是数值则直接返回\n    if (isNumber(this._spec.width)) {\n      return Math.min(rect.width, Number(this._spec.width));\n    }\n\n    if (isVertical(this._orient)) {\n      return this._maxSize();\n    }\n    return rect.width;\n  }\n\n  /**\n   * 计算组件高度\n   */\n  private _computeHeight(rect: ILayoutRect) {\n    // 若设置的是数值则直接返回\n    if (isNumber(this._spec.height)) {\n      this._height = this._spec.height;\n      return Math.min(rect.height, Number(this._spec.height));\n    }\n\n    if (isHorizontal(this._orient)) {\n      return this._maxSize();\n    }\n    return rect.height;\n  }\n\n  /**\n   * 计算x方向的偏移, 用于实现对齐\n   */\n  private _computeDx(rect: ILayoutRect) {\n    // 垂直时, x不偏移\n    if (isVertical(this._orient)) {\n      return 0;\n    }\n\n    // start\n    if (this._position === 'start') {\n      return 0;\n    }\n    // middle\n    else if (this._position === 'middle') {\n      return (rect.width - this._width) / 2;\n    }\n    // end\n    return rect.width - this._width;\n  }\n\n  /**\n   * 计算y方向的偏移, 用于实现对齐\n   */\n  private _computeDy(rect: ILayoutRect) {\n    // 水平时, y不偏移\n    if (isHorizontal(this._orient)) {\n      return 0;\n    }\n\n    // start\n    if (this._position === 'start') {\n      return 0;\n    }\n    // middle\n    else if (this._position === 'middle') {\n      return (rect.height - this._height) / 2;\n    }\n\n    // end\n    return rect.height - this._height;\n  }\n\n  /**\n   * 播放器宽度取计算子组件中最高的一个\n   */\n  private _maxSize = () => {\n    return Math.max(\n      ...array(this._spec.controller.start?.style?.size),\n      ...array(this._spec.controller.pause?.style?.size),\n      ...array(this._spec.controller.backward?.style?.size),\n      ...array(this._spec.controller.forward?.style?.size),\n      (isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) ?? 10\n    );\n  };\n\n  /**\n   * 滑动条超过按钮的高度\n   */\n  private _sliderExceededSize = () => {\n    const sliderHeight =\n      (isVertical(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) ?? 10;\n    const controllersHeight = Math.max(\n      ...array(this._spec.controller.start?.style?.size),\n      ...array(this._spec.controller.pause?.style?.size),\n      ...array(this._spec.controller.backward?.style?.size),\n      ...array(this._spec.controller.forward?.style?.size)\n    );\n    if (sliderHeight >= controllersHeight) {\n      return sliderHeight - controllersHeight;\n    }\n    return 0;\n  };\n\n  /**\n   * 事件\n   */\n  private _initEvent = () => {\n    // 自动播放\n    this._option.globalInstance.on(ChartEvent.rendered, () => {\n      if (this._spec.auto) {\n        this._playerComponent.play();\n      }\n    });\n\n    // 循环播放 与 交替方向\n    this._playerComponent.addEventListener(PlayerEventEnum.OnEnd, () => {\n      this.event.emit(ChartEvent.playerEnd, { model: this });\n\n      // 交替方向, 仅离散轴支持\n      if (this._alternate && this._spec.type === 'discrete') {\n        this._direction = this._direction === 'default' ? 'reverse' : 'default';\n        this._playerComponent.setAttributes({\n          direction: this._direction,\n          dataIndex: this._direction === 'reverse' ? this._specs.length - 2 : 1\n        });\n      }\n\n      // 循环播放\n      if (this._spec.loop) {\n        this._playerComponent.play();\n      }\n    });\n\n    // 数据更新\n    this._playerComponent.addEventListener(PlayerEventEnum.OnChange, (e: { detail: { index: number } }) => {\n      // 更新data\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      (array(spec.data) as IDataValues[]).forEach(data => {\n        this._option?.globalInstance?.updateData(data.id, data.values);\n      });\n\n      this.event.emit(ChartEvent.playerChange, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 后退\n    this._playerComponent.addEventListener(PlayerEventEnum.OnBackward, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerBackward, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 前进\n    this._playerComponent.addEventListener(PlayerEventEnum.OnForward, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerForward, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 播放\n    this._playerComponent.addEventListener(PlayerEventEnum.OnPlay, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerPlay, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n\n    // 暂停\n    this._playerComponent.addEventListener(PlayerEventEnum.OnPause, (e: { detail: { index: number } }) => {\n      const { index } = e.detail;\n      const spec = this._specs[index];\n      this.event.emit(ChartEvent.playerPause, {\n        model: this,\n        value: {\n          spec: spec,\n          index: index,\n          specs: this._specs\n        }\n      });\n    });\n  };\n}\n"]}

package/esm/component/player/utils/index.d.ts

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

package/esm/component/player/utils/index.js

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

package/esm/component/player/utils/index.js.map

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

package/esm/component/player/utils/orient.d.ts

@@ -0,0 +1,3 @@
+import type { IOrientType } from '../../../typings';
+export declare const isVertical: (orient: IOrientType) => boolean;
+export declare const isHorizontal: (orient: IOrientType) => boolean;

package/esm/component/player/utils/orient.js

@@ -0,0 +1,4 @@
+export const isVertical = orient => "left" === orient || "right" === orient;
+
+export const isHorizontal = orient => "top" === orient || "bottom" === orient;
+//# sourceMappingURL=orient.js.map

package/esm/component/player/utils/orient.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/player/utils/orient.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAmB,EAAE,EAAE,CAAC,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK,OAAO,CAAC;AAE3F,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAmB,EAAE,EAAE,CAAC,MAAM,KAAK,KAAK,IAAI,MAAM,KAAK,QAAQ,CAAC","file":"orient.js","sourcesContent":["import type { IOrientType } from '../../../typings';\n\nexport const isVertical = (orient: IOrientType) => orient === 'left' || orient === 'right';\n\nexport const isHorizontal = (orient: IOrientType) => orient === 'top' || orient === 'bottom';\n"]}

package/esm/component/player/utils/transform.d.ts

@@ -0,0 +1,4 @@
+import type { ContinuousPlayerAttributes, DiscretePlayerAttributes, Datum } from '@visactor/vrender-components';
+import type { IPlayer } from '../interface';
+export declare const transformContinuousSpecToAttrs: (spec: IPlayer, data: Datum[]) => ContinuousPlayerAttributes;
+export declare const transformDiscreteSpecToAttrs: (spec: IPlayer, data: Datum[]) => DiscretePlayerAttributes;

package/esm/component/player/utils/transform.js

@@ -0,0 +1,44 @@
+import { transformToGraphic } from "../../../util/style";
+
+const rectToAttribute = markSpec => {
+    var _a, _b, _c, _d;
+    const result = Object.assign({}, markSpec);
+    return markSpec.cornerRadius ? result.borderRadius = markSpec.cornerRadius : (markSpec.cornerRadiusBottomLeft || markSpec.cornerRadiusBottomRight || markSpec.cornerRadiusTopLeft || markSpec.cornerRadiusTopRight) && (result.borderRadius = [ null !== (_a = null == markSpec ? void 0 : markSpec.cornerRadiusTopLeft) && void 0 !== _a ? _a : 0, null !== (_b = null == markSpec ? void 0 : markSpec.cornerRadiusTopRight) && void 0 !== _b ? _b : 0, null !== (_c = null == markSpec ? void 0 : markSpec.cornerRadiusBottomRight) && void 0 !== _c ? _c : 0, null !== (_d = null == markSpec ? void 0 : markSpec.cornerRadiusBottomLeft) && void 0 !== _d ? _d : 0 ]), 
+    transformToGraphic(result);
+}, symbolToAttribute = markSpec => {
+    const result = Object.assign({}, markSpec);
+    return transformToGraphic(result);
+}, baseToAttribute = spec => Object.assign(Object.assign({}, spec), {
+    style: Object.assign({}, transformToGraphic(spec.style))
+}), transformToAttrs = spec => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    const trackStyle = rectToAttribute(null !== (_b = null === (_a = null == spec ? void 0 : spec.slider) || void 0 === _a ? void 0 : _a.trackStyle) && void 0 !== _b ? _b : {}), railStyle = rectToAttribute(null !== (_d = null === (_c = null == spec ? void 0 : spec.slider) || void 0 === _c ? void 0 : _c.railStyle) && void 0 !== _d ? _d : {}), handlerStyle = symbolToAttribute(null !== (_f = null === (_e = null == spec ? void 0 : spec.slider) || void 0 === _e ? void 0 : _e.handlerStyle) && void 0 !== _f ? _f : {}), start = baseToAttribute(null !== (_h = null === (_g = null == spec ? void 0 : spec.controller) || void 0 === _g ? void 0 : _g.start) && void 0 !== _h ? _h : {}), pause = baseToAttribute(null !== (_k = null === (_j = null == spec ? void 0 : spec.controller) || void 0 === _j ? void 0 : _j.pause) && void 0 !== _k ? _k : {}), backward = baseToAttribute(null !== (_m = null === (_l = null == spec ? void 0 : spec.controller) || void 0 === _l ? void 0 : _l.backward) && void 0 !== _m ? _m : {}), forward = baseToAttribute(null !== (_p = null === (_o = null == spec ? void 0 : spec.controller) || void 0 === _o ? void 0 : _o.forward) && void 0 !== _p ? _p : {});
+    return Object.assign(Object.assign({}, spec), {
+        direction: spec.direction,
+        interval: spec.interval,
+        visible: spec.visible,
+        orient: spec.orient,
+        slider: Object.assign(Object.assign({}, spec.slider), {
+            trackStyle: trackStyle,
+            railStyle: railStyle,
+            handlerStyle: handlerStyle
+        }),
+        controller: Object.assign(Object.assign({}, spec.controller), {
+            start: start,
+            pause: pause,
+            backward: backward,
+            forward: forward
+        })
+    });
+};
+
+export const transformContinuousSpecToAttrs = (spec, data) => Object.assign(Object.assign({}, transformToAttrs(spec)), {
+    data: data,
+    type: "continuous"
+});
+
+export const transformDiscreteSpecToAttrs = (spec, data) => Object.assign(Object.assign({}, transformToAttrs(spec)), {
+    data: data,
+    type: "discrete"
+});
+//# sourceMappingURL=transform.js.map

package/esm/component/player/utils/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/player/utils/transform.ts"],"names":[],"mappings":"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","file":"transform.js","sourcesContent":["import type { ContinuousPlayerAttributes, DiscretePlayerAttributes, Datum } from '@visactor/vrender-components';\nimport type { IPlayer } from '../interface';\nimport type { IRectGraphicAttribute, ISymbolGraphicAttribute } from '@visactor/vrender';\nimport type { IRectMarkSpec, ISymbolMarkSpec } from '../../../typings';\nimport { transformToGraphic } from '../../../util/style';\nimport type { BaseGraphicAttributes } from '@visactor/vrender-components/es/core/type';\n\n/**\n * IRectMarkSpec => IRectGraphicAttribute\n */\nconst rectToAttribute = (markSpec: IRectMarkSpec): IRectGraphicAttribute => {\n  const result: IRectGraphicAttribute = {\n    ...(markSpec as unknown as IRectGraphicAttribute)\n  };\n\n  // TODO: 是否要迁移到transformToGraphic ?\n  if (markSpec.cornerRadius) {\n    result.borderRadius = markSpec.cornerRadius;\n  } else if (\n    markSpec.cornerRadiusBottomLeft ||\n    markSpec.cornerRadiusBottomRight ||\n    markSpec.cornerRadiusTopLeft ||\n    markSpec.cornerRadiusTopRight\n  ) {\n    result.borderRadius = [\n      markSpec?.cornerRadiusTopLeft ?? 0,\n      markSpec?.cornerRadiusTopRight ?? 0,\n      markSpec?.cornerRadiusBottomRight ?? 0,\n      markSpec?.cornerRadiusBottomLeft ?? 0\n    ];\n  }\n\n  return transformToGraphic(result) as IRectGraphicAttribute;\n};\n\n/**\n * ISymbolMarkSpec => ISymbolGraphicAttribute\n */\nconst symbolToAttribute = (markSpec: ISymbolMarkSpec): ISymbolGraphicAttribute => {\n  const result: ISymbolGraphicAttribute = {\n    ...(markSpec as unknown as ISymbolGraphicAttribute)\n  };\n\n  return transformToGraphic(result) as ISymbolGraphicAttribute;\n};\n\nconst baseToAttribute = <T>(spec: BaseGraphicAttributes<T>) => {\n  const result: BaseGraphicAttributes<T> = {\n    ...spec,\n    style: {\n      ...transformToGraphic(spec.style)\n    }\n  };\n  return result;\n};\n\nconst transformToAttrs = (spec: IPlayer) => {\n  // slider\n  const trackStyle = rectToAttribute(spec?.slider?.trackStyle ?? {});\n  const railStyle = rectToAttribute(spec?.slider?.railStyle ?? {});\n  const handlerStyle = symbolToAttribute(spec?.slider?.handlerStyle ?? {});\n\n  // controllers\n  const start = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.start ?? {});\n  const pause = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.pause ?? {});\n  const backward = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.backward ?? {});\n  const forward = baseToAttribute<ISymbolMarkSpec>(spec?.controller?.forward ?? {});\n\n  return {\n    ...spec,\n    direction: spec.direction,\n    interval: spec.interval,\n    visible: spec.visible,\n    orient: spec.orient,\n    slider: {\n      ...spec.slider,\n      trackStyle: trackStyle,\n      railStyle: railStyle,\n      handlerStyle: handlerStyle\n    },\n    controller: {\n      ...spec.controller,\n      start: start,\n      pause: pause,\n      backward: backward,\n      forward: forward\n    }\n  };\n};\n\n/**\n * 连续型播放器spec转换为Attrs\n */\nexport const transformContinuousSpecToAttrs = (spec: IPlayer, data: Datum[]): ContinuousPlayerAttributes => ({\n  ...(transformToAttrs(spec) as any),\n  data,\n  type: 'continuous'\n});\n\nexport const transformDiscreteSpecToAttrs = (spec: IPlayer, data: Datum[]): DiscretePlayerAttributes => ({\n  ...(transformToAttrs(spec) as any),\n  data,\n  type: 'discrete'\n});\n"]}

package/esm/component/title/index.d.ts

@@ -0,0 +1,2 @@
+export * from './title';
+export * from './interface';

package/esm/component/title/index.js

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

package/esm/component/title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/title/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC","file":"index.js","sourcesContent":["export * from './title';\nexport * from './interface';\n"]}

package/esm/component/title/interface/index.d.ts

@@ -0,0 +1,2 @@
+export * from './spec';
+export * from './theme';

package/esm/component/title/interface/index.js

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

package/esm/component/title/interface/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/title/interface/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC","file":"index.js","sourcesContent":["export * from './spec';\nexport * from './theme';\n"]}

package/esm/component/title/interface/spec.d.ts

@@ -0,0 +1,49 @@
+import type { SceneNodeMap } from '../../../compile/interface';
+import type { IComponent } from '../../interface';
+import type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';
+import type { IModelSpec } from '../../../model/interface';
+import type { IOrientType, IPadding, StringOrNumber } from '../../../typings';
+export interface ITitleSpec extends Omit<IModelSpec, 'orient'> {
+    visible?: boolean;
+    orient?: IOrientType;
+    text: Text | Text[];
+    subtext?: Text | Text[];
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    innerPadding?: IPadding | number | number[];
+    align?: string;
+    verticalAlign?: string;
+    textStyle?: {
+        width?: number;
+        height?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute>;
+    subtextStyle?: {
+        width?: number;
+        height?: number;
+        align?: string;
+        verticalAlign?: string;
+        wordBreak?: RichTextWordBreak;
+        maxLineWidth?: number;
+        heightLimit?: number;
+        lineClamp?: number;
+        character?: IRichTextCharacter[];
+    } & Partial<ITextGraphicAttribute>;
+}
+export type Text = StringOrNumber;
+export type ITitle = IComponent;
+type ITitleComponents = 'title';
+export type TitleSceneNodeMap = SceneNodeMap<ITitleComponents>;
+export {};

package/esm/component/title/interface/spec.js

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

package/esm/component/title/interface/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/title/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { SceneNodeMap } from '../../../compile/interface';\nimport type { IComponent } from '../../interface';\nimport type { ITextGraphicAttribute, IRichTextCharacter, RichTextWordBreak } from '@visactor/vrender';\nimport type { IModelSpec } from '../../../model/interface';\nimport type { IOrientType, IPadding, StringOrNumber } from '../../../typings';\n\nexport interface ITitleSpec extends Omit<IModelSpec, 'orient'> {\n  /**\n   * 是否显示标题\n   */\n  visible?: boolean;\n  /**\n   * Title位置\n   * @default 'top'\n   */\n  orient?: IOrientType;\n  /**\n   * 主标题内容\n   */\n  text: Text | Text[];\n  /**\n   * 副标题内容\n   */\n  subtext?: Text | Text[];\n  /**\n   * 标题左上角x坐标像素值\n   */\n  x?: number;\n  /**\n   * 标题左上角y坐标像素值\n   */\n  y?: number;\n  /**\n   * 标题宽度\n   */\n  width?: number;\n  /**\n   * 标题高度\n   */\n  height?: number;\n  /**\n   * 最小宽度，像素值\n   */\n  minWidth?: number;\n  /**\n   * 最大宽度，像素值。当文字超过最大宽度时，会自动省略。\n   */\n  maxWidth?: number;\n  /**\n   * 最小高度，像素值\n   */\n  minHeight?: number;\n  /**\n   * 最大高度，像素值\n   */\n  maxHeight?: number;\n  /**\n   * 标题的边距留白\n   */\n  innerPadding?: IPadding | number | number[];\n  /**\n   * 文字水平对齐方式\n   * 'left' | 'center' | 'right'\n   */\n  align?: string;\n  /**\n   * 文字垂直对齐方式\n   * 'top' | 'middle' | 'bottom'\n   */\n  verticalAlign?: string;\n  /**\n   * 主标题样式\n   */\n  textStyle?: {\n    width?: number;\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n  /**\n   * 副标题样式\n   */\n  subtextStyle?: {\n    /** 指定宽度 */\n    width?: number;\n    /** 指定高度 */\n    height?: number;\n    /**\n     * 文字水平对齐方式\n     * 'left' | 'center' | 'right'\n     */\n    align?: string;\n    /**\n     * 文字垂直对齐方式\n     * 'top' | 'middle' | 'bottom'\n     */\n    verticalAlign?: string;\n    /**\n     * 折行方式\n     * 'break-word' | 'break-all'\n     */\n    wordBreak?: RichTextWordBreak;\n    /**\n     * 按照宽度限制自动折行或显示省略号(maxLineWidth)\n     * 默认设置为title宽度\n     */\n    maxLineWidth?: number;\n    /**\n     * 高度限制控制显示内容及省略号(heightLimit)\n     */\n    heightLimit?: number;\n    /**\n     * 按照行数限制显示内容及省略号(lineClamp)\n     */\n    lineClamp?: number;\n    /**\n     * 富文本配置\n     */\n    character?: IRichTextCharacter[];\n  } & Partial<ITextGraphicAttribute>;\n}\n\nexport type Text = StringOrNumber;\n\nexport type ITitle = IComponent;\n\ntype ITitleComponents = 'title';\n\nexport type TitleSceneNodeMap = SceneNodeMap<ITitleComponents>;\n"]}

package/esm/component/title/interface/theme.d.ts

@@ -0,0 +1,17 @@
+import type { StringOrNumber } from '../../../typings';
+import type { TextAlign, TextBaseLine } from '../../../typings/visual';
+export interface ITitleTextTheme {
+    width?: number;
+    height?: number;
+    fontFamily?: string;
+    fontSize?: number;
+    fontColor?: string;
+    fontWeight?: StringOrNumber;
+    textAlign?: TextAlign;
+    textBaseline?: TextBaseLine;
+    lineHeight?: number;
+}
+export interface ITitleTheme {
+    textStyle: ITitleTextTheme;
+    subtextStyle: ITitleTextTheme;
+}

package/esm/component/title/interface/theme.js

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

package/esm/component/title/interface/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/title/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { StringOrNumber } from '../../../typings';\nimport type { TextAlign, TextBaseLine } from '../../../typings/visual';\nexport interface ITitleTextTheme {\n  /** 主（副）标题宽度 */\n  width?: number;\n  /** 主（副）标题高度 */\n  height?: number;\n  /** 字体 */\n  fontFamily?: string;\n  /** 字体大小 */\n  fontSize?: number;\n  /** 字体颜色 */\n  fontColor?: string;\n  /** 字重 */\n  fontWeight?: StringOrNumber;\n  /** 对齐方式 */\n  textAlign?: TextAlign;\n  /** 字体基线 */\n  textBaseline?: TextBaseLine;\n  /** 行高 */\n  lineHeight?: number;\n}\n\nexport interface ITitleTheme {\n  /** 主标题样式 */\n  textStyle: ITitleTextTheme;\n  /** 副标题样式 */\n  subtextStyle: ITitleTextTheme;\n}\n"]}

package/esm/component/title/title.d.ts

@@ -0,0 +1,48 @@
+import { BaseComponent } from '../base';
+import { ComponentTypeEnum } from '../interface';
+import type { IComponentOption } from '../interface';
+import type { ITitle, ITitleSpec, ITitleTheme } from './interface';
+import type { IRegion } from '../../region/interface';
+import type { ILayoutRect } from '../../model/interface';
+import type { IPoint, IOrientType } from '../../typings';
+import type { LayoutItem } from '../../model/layout-item';
+export declare class Title extends BaseComponent implements ITitle {
+    static type: ComponentTypeEnum;
+    layoutType: LayoutItem['layoutType'];
+    layoutZIndex: LayoutItem['layoutZIndex'];
+    layoutLevel: number;
+    protected _spec: ITitleSpec;
+    protected _theme: ITitleTheme;
+    protected _orient: IOrientType;
+    private _titleComponent;
+    private _cacheAttrs;
+    get orient(): IOrientType;
+    get layoutOrient(): IOrientType;
+    set layoutOrient(v: IOrientType);
+    constructor(spec: ITitleSpec, options: IComponentOption);
+    static createComponent(spec: any, options: IComponentOption): Title | Title[];
+    protected _initTheme(theme?: any): void;
+    onRender(ctx: any): void;
+    updateSpec(spec: any): {
+        change: boolean;
+        reMake: boolean;
+        reRender: boolean;
+        reSize: boolean;
+        reCompile: boolean;
+    };
+    changeRegions(regions: IRegion[]): void;
+    update(ctx: IComponentOption): void;
+    resize(ctx: IComponentOption): void;
+    setLayoutStartPosition(pos: Partial<IPoint>): void;
+    boundsInRect(rect: ILayoutRect): {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+    };
+    private _getTitleLayoutRect;
+    private _getTitleAttrs;
+    private _createOrUpdateTitleComponent;
+    clear(): void;
+    reInit(): void;
+}