@visactor/vchart 0.0.1-alpha.0

package/cjs/component/marker/mark-point/mark-point.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.MarkPoint = void 0;
+
+const vdataset_1 = require("@visactor/vdataset"), util_1 = require("../../../util"), interface_1 = require("../../interface"), aggregation_1 = require("../../../data/transforms/aggregation"), utils_1 = require("../utils"), register_1 = require("../../../data/register"), vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), style_1 = require("../../../util/style"), base_marker_1 = require("../base-marker"), constant_1 = require("../../../constant");
+
+class MarkPoint extends base_marker_1.BaseMarker {
+    constructor() {
+        super(...arguments), this.type = interface_1.ComponentTypeEnum.markPoint, this.name = interface_1.ComponentTypeEnum.markPoint, 
+        this.layoutZIndex = constant_1.LayoutZIndex.MarkPoint;
+    }
+    static createComponent(spec, options) {
+        const markPointSpec = spec.markPoint || options.defaultSpec;
+        if ((0, util_1.isNil)(markPointSpec)) return;
+        if (!(0, util_1.isArray)(markPointSpec) && !1 !== markPointSpec.visible) return new MarkPoint(markPointSpec, Object.assign(Object.assign({}, options), {
+            specKey: MarkPoint.speckey
+        }));
+        const markPoints = [];
+        return markPointSpec.forEach(((m, i) => {
+            !1 !== m.visible && markPoints.push(new MarkPoint(m, Object.assign(Object.assign({}, options), {
+                specIndex: i,
+                specKey: MarkPoint.speckey
+            })));
+        })), markPoints;
+    }
+    _createMarkerComponent() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3;
+        const markPoint = new vrender_components_1.MarkPoint({
+            zIndex: this.layoutZIndex,
+            position: {
+                x: 0,
+                y: 0
+            },
+            itemLine: Object.assign({
+                lineStyle: (0, style_1.transformToGraphic)(null === (_b = null === (_a = this._spec.itemLine) || void 0 === _a ? void 0 : _a.line) || void 0 === _b ? void 0 : _b.style)
+            }, this._spec.itemLine),
+            itemContent: Object.assign({
+                symbolStyle: (0, style_1.transformToGraphic)(null === (_d = null === (_c = this._spec.itemContent) || void 0 === _c ? void 0 : _c.symbol) || void 0 === _d ? void 0 : _d.style),
+                imageStyle: null === (_f = null === (_e = this._spec.itemContent) || void 0 === _e ? void 0 : _e.image) || void 0 === _f ? void 0 : _f.style,
+                textStyle: Object.assign(Object.assign({}, null === (_g = this._spec.itemContent) || void 0 === _g ? void 0 : _g.text), {
+                    padding: null === (_k = null === (_j = null === (_h = this._spec.itemContent) || void 0 === _h ? void 0 : _h.text) || void 0 === _j ? void 0 : _j.labelBackground) || void 0 === _k ? void 0 : _k.padding,
+                    shape: Object.assign(Object.assign({}, (0, style_1.transformToGraphic)(null === (_m = null === (_l = this._spec.itemContent) || void 0 === _l ? void 0 : _l.text) || void 0 === _m ? void 0 : _m.shape)), {
+                        visible: null !== (_r = null === (_q = null === (_p = null === (_o = this._spec.itemContent) || void 0 === _o ? void 0 : _o.text) || void 0 === _p ? void 0 : _p.shape) || void 0 === _q ? void 0 : _q.visible) && void 0 !== _r && _r
+                    }),
+                    panel: Object.assign(Object.assign({}, (0, style_1.transformToGraphic)(null === (_u = null === (_t = null === (_s = this._spec.itemContent) || void 0 === _s ? void 0 : _s.text) || void 0 === _t ? void 0 : _t.labelBackground) || void 0 === _u ? void 0 : _u.style)), {
+                        visible: null === (_y = null === (_x = null === (_w = null === (_v = this._spec.itemContent) || void 0 === _v ? void 0 : _v.text) || void 0 === _w ? void 0 : _w.labelBackground) || void 0 === _x ? void 0 : _x.visible) || void 0 === _y || _y
+                    }),
+                    textStyle: (0, style_1.transformToGraphic)(null === (_0 = null === (_z = this._spec.itemContent) || void 0 === _z ? void 0 : _z.text) || void 0 === _0 ? void 0 : _0.style)
+                }),
+                richTextStyle: null === (_2 = null === (_1 = this._spec.itemContent) || void 0 === _1 ? void 0 : _1.richText) || void 0 === _2 ? void 0 : _2.style
+            }, this._spec.itemContent)
+        });
+        this._markerComponent = markPoint, this._markerComponent.name = "markPoint", this._markerComponent.id = null !== (_3 = this._spec.id) && void 0 !== _3 ? _3 : `markPoint-${this.id}`, 
+        this.getContainer().add(this._markerComponent);
+    }
+    _markerLayout() {
+        const spec = this._spec, data = this._markerData, relativeSeries = this._relativeSeries, isPositionLayout = "position" in spec;
+        let point;
+        "coordinate" in spec ? point = (0, utils_1.coordinateLayout)(data, relativeSeries)[0] : isPositionLayout && (point = spec.position), 
+        this._markerComponent.setAttributes({
+            position: point
+        });
+    }
+    _initDataView() {
+        const spec = this._spec, relativeSeries = this._relativeSeries;
+        if (!(0, vutils_1.isValid)(spec.coordinate)) return;
+        (0, register_1.registerDataSetInstanceTransform)(this._option.dataSet, "markerAggregation", aggregation_1.markerAggregation);
+        const options = this._processSpecCoo(spec), data = new vdataset_1.DataView(this._option.dataSet);
+        data.parse([ relativeSeries.getViewData() ], {
+            type: "dataview"
+        }), data.transform({
+            type: "markerAggregation",
+            options: options
+        }), data.target.on("change", (() => {
+            this._markerLayout();
+        })), this._markerData = data;
+    }
+}
+
+exports.MarkPoint = MarkPoint, MarkPoint.type = interface_1.ComponentTypeEnum.markPoint, 
+MarkPoint.speckey = "markPoint";
+//# sourceMappingURL=mark-point.js.map

package/cjs/component/marker/mark-point/mark-point.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/marker/mark-point/mark-point.ts"],"names":[],"mappings":"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","file":"mark-point.js","sourcesContent":["import { DataView } from '@visactor/vdataset';\nimport type { IMarkPoint, IMarkPointSpec, IMarkPointTheme } from './interface';\nimport { isNil, isArray } from '../../../util';\nimport type { IComponentOption } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { ComponentTypeEnum } from '../../interface';\n// eslint-disable-next-line no-duplicate-imports\nimport { markerAggregation } from '../../../data/transforms/aggregation';\nimport { coordinateLayout } from '../utils';\nimport { registerDataSetInstanceTransform } from '../../../data/register';\nimport { MarkPoint as MarkPointComponent } from '@visactor/vrender-components';\nimport type { IPointLike } from '@visactor/vutils';\nimport { isValid } from '@visactor/vutils';\nimport { transformToGraphic } from '../../../util/style';\nimport { BaseMarker } from '../base-marker';\nimport { LayoutZIndex } from '../../../constant';\nimport type { LayoutItem } from '../../../model/layout-item';\nimport type { INode } from '@visactor/vrender';\n\nexport class MarkPoint extends BaseMarker implements IMarkPoint {\n  static type = ComponentTypeEnum.markPoint;\n  type = ComponentTypeEnum.markPoint;\n  name: string = ComponentTypeEnum.markPoint;\n\n  layoutZIndex: LayoutItem['layoutZIndex'] = LayoutZIndex.MarkPoint;\n\n  static speckey = 'markPoint';\n\n  protected declare _spec: IMarkPointSpec & IMarkPointTheme;\n  protected declare _theme: IMarkPointTheme;\n\n  // markPoint组件\n  protected declare _markerComponent: MarkPointComponent;\n\n  static createComponent(spec: any, options: IComponentOption) {\n    const markPointSpec = spec.markPoint || options.defaultSpec;\n    if (isNil(markPointSpec)) {\n      return undefined;\n    }\n    if (!isArray(markPointSpec) && markPointSpec.visible !== false) {\n      return new MarkPoint(markPointSpec, { ...options, specKey: MarkPoint.speckey });\n    }\n    const markPoints: MarkPoint[] = [];\n    markPointSpec.forEach((m: any, i: number) => {\n      if (m.visible !== false) {\n        markPoints.push(new MarkPoint(m, { ...options, specIndex: i, specKey: MarkPoint.speckey }));\n      }\n    });\n    return markPoints;\n  }\n\n  protected _createMarkerComponent() {\n    const markPoint = new MarkPointComponent({\n      zIndex: this.layoutZIndex,\n      position: { x: 0, y: 0 },\n      itemLine: {\n        lineStyle: transformToGraphic(this._spec.itemLine?.line?.style),\n        ...this._spec.itemLine\n      },\n      itemContent: {\n        symbolStyle: transformToGraphic(this._spec.itemContent?.symbol?.style),\n        imageStyle: this._spec.itemContent?.image?.style,\n        textStyle: {\n          ...this._spec.itemContent?.text,\n          padding: this._spec.itemContent?.text?.labelBackground?.padding,\n          shape: {\n            ...transformToGraphic(this._spec.itemContent?.text?.shape),\n            visible: this._spec.itemContent?.text?.shape?.visible ?? false\n          },\n          panel: {\n            ...transformToGraphic(this._spec.itemContent?.text?.labelBackground?.style),\n            visible: this._spec.itemContent?.text?.labelBackground?.visible ?? true\n          },\n          textStyle: transformToGraphic(this._spec.itemContent?.text?.style)\n        },\n        richTextStyle: this._spec.itemContent?.richText?.style,\n        ...this._spec.itemContent\n      }\n    });\n    this._markerComponent = markPoint;\n    this._markerComponent.name = 'markPoint';\n    this._markerComponent.id = this._spec.id ?? `markPoint-${this.id}`;\n    this.getContainer().add(this._markerComponent as unknown as INode);\n  }\n\n  protected _markerLayout() {\n    const spec = this._spec;\n    const data = this._markerData;\n    const relativeSeries = this._relativeSeries;\n    const isCoordinateLayout = 'coordinate' in spec;\n    const isPositionLayout = 'position' in spec;\n\n    let point: IPointLike;\n    if (isCoordinateLayout) {\n      point = coordinateLayout(data, relativeSeries)[0];\n    } else if (isPositionLayout) {\n      point = spec.position;\n    }\n    this._markerComponent.setAttributes({\n      position: point\n    });\n  }\n\n  protected _initDataView(): void {\n    const spec = this._spec as any;\n    const relativeSeries = this._relativeSeries;\n    const isCoordinateProcess = isValid(spec.coordinate);\n    if (!isCoordinateProcess) {\n      return;\n    }\n\n    registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);\n\n    const options = this._processSpecCoo(spec);\n\n    const data = new DataView(this._option.dataSet);\n    data.parse([relativeSeries.getViewData()], {\n      type: 'dataview'\n    });\n    data.transform({\n      type: 'markerAggregation',\n      options\n    });\n\n    data.target.on('change', () => {\n      this._markerLayout();\n    });\n    this._markerData = data;\n  }\n}\n"]}

package/cjs/component/marker/utils.d.ts

@@ -0,0 +1,6 @@
+import type { ICartesianSeries } from '../../series/interface';
+import type { DataView } from '@visactor/vdataset';
+import type { IPointLike } from '@visactor/vutils';
+export declare function xLayout(data: DataView, startRelativeSeries: ICartesianSeries, endRelativeSeries: ICartesianSeries, relativeSeries: ICartesianSeries): [IPointLike, IPointLike][];
+export declare function yLayout(data: DataView, startRelativeSeries: ICartesianSeries, endRelativeSeries: ICartesianSeries, relativeSeries: ICartesianSeries): [IPointLike, IPointLike][];
+export declare function coordinateLayout(data: DataView, relativeSeries: ICartesianSeries): IPointLike[];

package/cjs/component/marker/utils.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.coordinateLayout = exports.yLayout = exports.xLayout = void 0;
+
+const vutils_1 = require("@visactor/vutils");
+
+function xLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries) {
+    const regionStart = startRelativeSeries.getRegion(), regionStartLayoutStartPoint = regionStart.getLayoutStartPoint(), regionEnd = endRelativeSeries.getRegion(), regionEndLayoutStartPoint = regionEnd.getLayoutStartPoint(), lines = [];
+    return (data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData).forEach((datum => {
+        var _a, _b;
+        if ((0, vutils_1.isValid)(datum.x)) {
+            (0, vutils_1.isNumber)(datum.x) && (null === (_b = null == relativeSeries ? void 0 : (_a = relativeSeries.getXAxisHelper()).setExtendDomain) || void 0 === _b || _b.call(_a, "marker_xAxis_extend", datum.x));
+            const x = relativeSeries.getXAxisHelper().dataToPosition([ datum.x ]) + regionStartLayoutStartPoint.x, y = Math.max(regionStartLayoutStartPoint.y + regionStart.getLayoutRect().height, regionEndLayoutStartPoint.y + regionEnd.getLayoutRect().height), y1 = Math.min(regionStartLayoutStartPoint.y, regionEndLayoutStartPoint.y);
+            lines.push([ {
+                x: x,
+                y: y
+            }, {
+                x: x,
+                y: y1
+            } ]);
+        }
+    })), lines;
+}
+
+function yLayout(data, startRelativeSeries, endRelativeSeries, relativeSeries) {
+    const regionStart = startRelativeSeries.getRegion(), regionStartLayoutStartPoint = regionStart.getLayoutStartPoint(), regionEnd = endRelativeSeries.getRegion(), regionEndLayoutStartPoint = regionEnd.getLayoutStartPoint(), lines = [];
+    return (data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData).forEach((datum => {
+        var _a, _b;
+        if ((0, vutils_1.isValid)(datum.y)) {
+            (0, vutils_1.isNumber)(datum.y) && (null === (_b = null === (_a = relativeSeries.getYAxisHelper()) || void 0 === _a ? void 0 : _a.setExtendDomain) || void 0 === _b || _b.call(_a, "marker_yAxis_extend", datum.y));
+            const x = Math.min(regionStartLayoutStartPoint.x, regionEndLayoutStartPoint.x), y = relativeSeries.getYAxisHelper().dataToPosition([ datum.y ]) + regionStartLayoutStartPoint.y, x1 = Math.max(regionStartLayoutStartPoint.x + regionStart.getLayoutRect().width, regionEndLayoutStartPoint.x + regionEnd.getLayoutRect().width);
+            lines.push([ {
+                x: x,
+                y: y
+            }, {
+                x: x1,
+                y: y
+            } ]);
+        }
+    })), lines;
+}
+
+function coordinateLayout(data, relativeSeries) {
+    const points = [];
+    return (data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData).forEach((datum => {
+        var _a, _b, _c, _d;
+        const refRelativeSeries = (null == datum ? void 0 : datum.getRefRelativeSeries) ? datum.getRefRelativeSeries() : relativeSeries, regionStartLayoutStartPoint = refRelativeSeries.getRegion().getLayoutStartPoint();
+        (0, vutils_1.isNumber)(datum.x) && (null === (_b = null === (_a = refRelativeSeries.getXAxisHelper()) || void 0 === _a ? void 0 : _a.setExtendDomain) || void 0 === _b || _b.call(_a, "marker_xAxis_extend", datum.x)), 
+        (0, vutils_1.isNumber)(datum.y) && (null === (_d = null === (_c = refRelativeSeries.getYAxisHelper()) || void 0 === _c ? void 0 : _c.setExtendDomain) || void 0 === _d || _d.call(_c, "marker_yAxis_extend", datum.y)), 
+        points.push({
+            x: refRelativeSeries.getXAxisHelper().dataToPosition([ datum.x ]) + regionStartLayoutStartPoint.x,
+            y: refRelativeSeries.getYAxisHelper().dataToPosition([ datum.y ]) + regionStartLayoutStartPoint.y
+        });
+    })), points;
+}
+
+exports.xLayout = xLayout, exports.yLayout = yLayout, exports.coordinateLayout = coordinateLayout;
+//# sourceMappingURL=utils.js.map

package/cjs/component/marker/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/marker/utils.ts"],"names":[],"mappings":"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","file":"utils.js","sourcesContent":["import type { ICartesianSeries } from '../../series/interface';\nimport type { DataView } from '@visactor/vdataset';\nimport type { IPointLike } from '@visactor/vutils';\n// eslint-disable-next-line no-duplicate-imports\nimport { isValid, isNumber } from '@visactor/vutils';\n\nexport function xLayout(\n  data: DataView,\n  startRelativeSeries: ICartesianSeries,\n  endRelativeSeries: ICartesianSeries,\n  relativeSeries: ICartesianSeries\n) {\n  const regionStart = startRelativeSeries.getRegion();\n  const regionStartLayoutStartPoint = regionStart.getLayoutStartPoint();\n  const regionEnd = endRelativeSeries.getRegion();\n  const regionEndLayoutStartPoint = regionEnd.getLayoutStartPoint();\n\n  const lines: [IPointLike, IPointLike][] = [];\n  const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n  dataPoints.forEach((datum: IPointLike) => {\n    if (isValid(datum.x)) {\n      isNumber(datum.x) && relativeSeries?.getXAxisHelper().setExtendDomain?.('marker_xAxis_extend', datum.x);\n      const x = relativeSeries.getXAxisHelper().dataToPosition([datum.x]) + regionStartLayoutStartPoint.x;\n      const y = Math.max(\n        regionStartLayoutStartPoint.y + regionStart.getLayoutRect().height,\n        regionEndLayoutStartPoint.y + regionEnd.getLayoutRect().height\n      );\n      const y1 = Math.min(regionStartLayoutStartPoint.y, regionEndLayoutStartPoint.y);\n      lines.push([\n        {\n          x: x,\n          y: y\n        },\n        {\n          x: x,\n          y: y1\n        }\n      ]);\n    }\n  });\n\n  return lines;\n}\n\nexport function yLayout(\n  data: DataView,\n  startRelativeSeries: ICartesianSeries,\n  endRelativeSeries: ICartesianSeries,\n  relativeSeries: ICartesianSeries\n) {\n  const regionStart = startRelativeSeries.getRegion();\n  const regionStartLayoutStartPoint = regionStart.getLayoutStartPoint();\n  const regionEnd = endRelativeSeries.getRegion();\n  const regionEndLayoutStartPoint = regionEnd.getLayoutStartPoint();\n\n  const lines: [IPointLike, IPointLike][] = [];\n  const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n  dataPoints.forEach((datum: IPointLike) => {\n    if (isValid(datum.y)) {\n      isNumber(datum.y) && relativeSeries.getYAxisHelper()?.setExtendDomain?.('marker_yAxis_extend', datum.y);\n      const x = Math.min(regionStartLayoutStartPoint.x, regionEndLayoutStartPoint.x);\n      const y = relativeSeries.getYAxisHelper().dataToPosition([datum.y]) + regionStartLayoutStartPoint.y;\n      const x1 = Math.max(\n        regionStartLayoutStartPoint.x + regionStart.getLayoutRect().width,\n        regionEndLayoutStartPoint.x + regionEnd.getLayoutRect().width\n      );\n      lines.push([\n        {\n          x: x,\n          y: y\n        },\n        {\n          x: x1,\n          y: y\n        }\n      ]);\n    }\n  });\n\n  return lines;\n}\n\nexport function coordinateLayout(data: DataView, relativeSeries: ICartesianSeries) {\n  const points: IPointLike[] = [];\n  const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;\n  dataPoints.forEach(\n    (datum: {\n      x: string | number | null;\n      y: string | number | null;\n      getRefRelativeSeries?: () => ICartesianSeries;\n    }) => {\n      const refRelativeSeries = datum?.getRefRelativeSeries ? datum.getRefRelativeSeries() : relativeSeries;\n      const regionStart = refRelativeSeries.getRegion();\n      const regionStartLayoutStartPoint = regionStart.getLayoutStartPoint();\n      isNumber(datum.x) &&\n        refRelativeSeries.getXAxisHelper()?.setExtendDomain?.('marker_xAxis_extend', datum.x as number);\n      isNumber(datum.y) &&\n        refRelativeSeries.getYAxisHelper()?.setExtendDomain?.('marker_yAxis_extend', datum.y as number);\n      points.push({\n        x: refRelativeSeries.getXAxisHelper().dataToPosition([datum.x]) + regionStartLayoutStartPoint.x,\n        y: refRelativeSeries.getYAxisHelper().dataToPosition([datum.y]) + regionStartLayoutStartPoint.y\n      });\n    }\n  );\n  return points;\n}\n"]}

package/cjs/component/player/index.d.ts

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

package/cjs/component/player/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./player"), exports), __exportStar(require("./interface"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/player/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/player/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,8CAA4B","file":"index.js","sourcesContent":["export * from './player';\nexport * from './interface';\n"]}

package/cjs/component/player/interface/index.d.ts

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

package/cjs/component/player/interface/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./spec"), exports), __exportStar(require("./theme"), exports);
+//# sourceMappingURL=index.js.map

package/cjs/component/player/interface/index.js.map

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

package/cjs/component/player/interface/spec.d.ts

@@ -0,0 +1,17 @@
+import type { IChartSpec } from '../../../typings/spec';
+import type { IPlayerTheme } from './theme';
+export interface IPlayerField {
+    playerField?: string;
+}
+export interface IPlayer extends IPlayerTheme {
+    type?: PlayerType;
+    auto?: boolean;
+    loop?: boolean;
+    interval?: number;
+    totalDuration?: number;
+    direction?: DirectionType;
+    alternate?: boolean;
+    specs?: Partial<Omit<IChartSpec, 'player'>>[];
+}
+export type PlayerType = 'continuous' | 'discrete';
+export type DirectionType = 'default' | 'reverse';

package/cjs/component/player/interface/spec.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=spec.js.map

package/cjs/component/player/interface/spec.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/player/interface/spec.ts"],"names":[],"mappings":"","file":"spec.js","sourcesContent":["import type { IChartSpec } from '../../../typings/spec';\nimport type { IPlayerTheme } from './theme';\n\nexport interface IPlayerField {\n  playerField?: string;\n}\n\nexport interface IPlayer extends IPlayerTheme {\n  /**\n   * 播放器类型\n   * @default 'continuous'\n   */\n  type?: PlayerType;\n\n  /**\n   * 自动播放\n   * @default true\n   */\n  auto?: boolean;\n\n  /**\n   * 循环播放\n   * @default false\n   */\n  loop?: boolean;\n\n  /**\n   * 播放间隔\n   * @default 1000\n   * @description 该配置与totalDuration互斥, 若配置播放间隔, 则会重新计算总时长.\n   */\n  interval?: number;\n\n  /**\n   * 播放总时长\n   * @default undefined\n   * @description 该配置与interval互斥, 若配置总时长, 则会重新计算播放间隔.\n   * ! 感觉这个配置, 不是很有必要.\n   */\n  totalDuration?: number;\n\n  /**\n   * 播放方向\n   * @default 'default'\n   * @description 离散轴支持三种播放方向, 连续型仅支持'default'.\n   */\n  direction?: DirectionType;\n\n  /**\n   * 交替方向\n   * @default false\n   * @description 下一次播放时更换方向\n   */\n  alternate?: boolean;\n\n  /**\n   * TODO: 移除此配置, 转移到外层的specsPlayer.\n   * 播放器每一项的图表配置\n   * @default []\n   * @description 每一个spec会merge外层的spec\n   */\n  specs?: Partial<Omit<IChartSpec, 'player'>>[];\n}\n\n/**\n * 播放器类型\n * 连续 | 离散.\n */\nexport type PlayerType = 'continuous' | 'discrete';\n\n/**\n * 播放方向\n * default 默认的\n * reverse 反方向\n */\nexport type DirectionType = 'default' | 'reverse';\n"]}

package/cjs/component/player/interface/theme.d.ts

@@ -0,0 +1,31 @@
+import type { ControllerLayout, OrientType } from '@visactor/vrender-components';
+import type { ISymbolMarkSpec, IRectMarkSpec } from '../../../typings';
+import type { BaseGraphicAttributes } from '@visactor/vrender-components/es/core/type';
+export interface IPlayerTheme {
+    visible?: boolean;
+    dx?: number;
+    dy?: number;
+    width?: number;
+    height?: number;
+    position?: 'start' | 'middle' | 'end';
+    orient?: OrientType;
+    slider?: IPlayerSlider;
+    controller?: IPlayerController;
+}
+export type PlayerAlignType = 'start' | 'middle' | 'end';
+export interface IPlayerSlider {
+    visible?: boolean;
+    space?: number;
+    dx?: number;
+    dy?: number;
+    railStyle?: IRectMarkSpec;
+    trackStyle?: IRectMarkSpec;
+    handlerStyle?: ISymbolMarkSpec;
+}
+export interface IPlayerController {
+    visible?: boolean;
+    start?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;
+    pause?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;
+    backward?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;
+    forward?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;
+}

package/cjs/component/player/interface/theme.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=theme.js.map

package/cjs/component/player/interface/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component/player/interface/theme.ts"],"names":[],"mappings":"","file":"theme.js","sourcesContent":["import type { ControllerLayout, OrientType } from '@visactor/vrender-components';\nimport type { ISymbolMarkSpec, IRectMarkSpec } from '../../../typings';\nimport type { BaseGraphicAttributes } from '@visactor/vrender-components/es/core/type';\n\nexport interface IPlayerTheme {\n  /**\n   * 组件显隐配置\n   * @default true\n   */\n  visible?: boolean;\n\n  /**\n   * x方向偏移\n   * @default 0\n   */\n  dx?: number;\n  /**\n   * y方向偏移\n   * @default 0\n   */\n  dy?: number;\n\n  /**\n   * 组件宽度\n   */\n  width?: number;\n\n  /**\n   * 组件高度\n   */\n  height?: number;\n\n  /**\n   * 对齐方式\n   */\n  position?: 'start' | 'middle' | 'end';\n\n  /**\n   * 组件位置\n   * @default bottom\n   */\n  orient?: OrientType;\n\n  /**\n   * 滑动条\n   */\n  slider?: IPlayerSlider;\n\n  /**\n   * 控制器\n   */\n  controller?: IPlayerController;\n}\n\n/**\n * 播放器对齐方式\n */\nexport type PlayerAlignType = 'start' | 'middle' | 'end';\n\n/**\n * 播放器滑动条\n */\nexport interface IPlayerSlider {\n  /**\n   * 显隐控制\n   * @default true\n   */\n  visible?: boolean;\n\n  /**\n   * 与前一个元素的间隔\n   */\n  space?: number;\n\n  /**\n   * x方向的偏移\n   * @default 0\n   */\n  dx?: number;\n\n  /**\n   * y方向的偏移\n   * @default 0\n   */\n  dy?: number;\n\n  /**\n   * 滑动轨道样式\n   */\n  railStyle?: IRectMarkSpec;\n\n  /**\n   * 滑动轨迹样式\n   */\n  trackStyle?: IRectMarkSpec;\n\n  /**\n   * 滑动手柄样式\n   */\n  handlerStyle?: ISymbolMarkSpec;\n}\n\n/**\n * 控制器\n */\nexport interface IPlayerController {\n  /**\n   * 显隐控制\n   * @default true\n   */\n  visible?: boolean;\n\n  /**\n   * 开始按钮\n   */\n  start?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;\n\n  /**\n   * 暂停按钮\n   */\n  pause?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;\n\n  /**\n   * 后退按钮\n   */\n  backward?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;\n\n  /**\n   * 前进按钮\n   */\n  forward?: Partial<ControllerLayout & BaseGraphicAttributes<ISymbolMarkSpec>>;\n}\n"]}

package/cjs/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/cjs/component/player/player.js

@@ -0,0 +1,204 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.Player = void 0;
+
+const vrender_components_1 = require("@visactor/vrender-components"), vutils_1 = require("@visactor/vutils"), interface_1 = require("../interface"), base_1 = require("../base"), util_1 = require("../../util"), utils_1 = require("./utils"), orient_1 = require("./utils/orient"), constant_1 = require("../../constant");
+
+class Player extends base_1.BaseComponent {
+    constructor() {
+        super(...arguments), this.layoutZIndex = constant_1.LayoutZIndex.Player, this.layoutLevel = constant_1.LayoutLevel.Player, 
+        this.type = interface_1.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({}, (0, utils_1.transformDiscreteSpecToAttrs)(this._spec, this._specs)), layoutAttrs) : Object.assign(Object.assign({}, (0, 
+            utils_1.transformContinuousSpecToAttrs)(this._spec, this._specs)), layoutAttrs);
+        }, this._createOrUpdatePlayerComponent = () => {
+            const attrs = Object.assign({}, this._getPlayerAttrs()), container = this.getContainer();
+            this._playerComponent ? (0, vutils_1.isEqual)(attrs, this._cacheAttrs) || (this._cacheAttrs = attrs, 
+            this._playerComponent.setAttributes(attrs)) : ("discrete" === attrs.type ? this._playerComponent = new vrender_components_1.DiscretePlayer(attrs) : this._playerComponent = new vrender_components_1.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(...(0, vutils_1.array)(null === (_b = null === (_a = this._spec.controller.start) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.size), ...(0, 
+            vutils_1.array)(null === (_d = null === (_c = this._spec.controller.pause) || void 0 === _c ? void 0 : _c.style) || void 0 === _d ? void 0 : _d.size), ...(0, 
+            vutils_1.array)(null === (_f = null === (_e = this._spec.controller.backward) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.size), ...(0, 
+            vutils_1.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 = (0, 
+            orient_1.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 = (0, orient_1.isVertical)(this._orient) ? this._spec.slider.railStyle.width : this._spec.slider.railStyle.height) && void 0 !== _a ? _a : 10, controllersHeight = Math.max(...(0, 
+            vutils_1.array)(null === (_c = null === (_b = this._spec.controller.start) || void 0 === _b ? void 0 : _b.style) || void 0 === _c ? void 0 : _c.size), ...(0, 
+            vutils_1.array)(null === (_e = null === (_d = this._spec.controller.pause) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.size), ...(0, 
+            vutils_1.array)(null === (_g = null === (_f = this._spec.controller.backward) || void 0 === _f ? void 0 : _f.style) || void 0 === _g ? void 0 : _g.size), ...(0, 
+            vutils_1.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(constant_1.ChartEvent.rendered, (() => {
+                this._spec.auto && this._playerComponent.play();
+            })), this._playerComponent.addEventListener(vrender_components_1.PlayerEventEnum.OnEnd, (() => {
+                this.event.emit(constant_1.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(vrender_components_1.PlayerEventEnum.OnChange, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                (0, vutils_1.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(constant_1.ChartEvent.playerChange, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(vrender_components_1.PlayerEventEnum.OnBackward, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(constant_1.ChartEvent.playerBackward, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(vrender_components_1.PlayerEventEnum.OnForward, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(constant_1.ChartEvent.playerForward, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(vrender_components_1.PlayerEventEnum.OnPlay, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(constant_1.ChartEvent.playerPlay, {
+                    model: this,
+                    value: {
+                        spec: spec,
+                        index: index,
+                        specs: this._specs
+                    }
+                });
+            })), this._playerComponent.addEventListener(vrender_components_1.PlayerEventEnum.OnPause, (e => {
+                const {index: index} = e.detail, spec = this._specs[index];
+                this.event.emit(constant_1.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), (0, util_1.isValidNumber)(pos.x)) {
+            const offsetX = (0, orient_1.isVertical)(this._orient) ? pos.x + this._sliderExceededSize() / 2 : pos.x;
+            this._playerComponent && this._playerComponent.setAttribute("x", offsetX);
+        }
+        if ((0, util_1.isValidNumber)(pos.y)) {
+            const offsetY = (0, orient_1.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 = (0, vutils_1.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 (0, vutils_1.isNumber)(this._spec.width) ? Math.min(rect.width, Number(this._spec.width)) : (0, 
+        orient_1.isVertical)(this._orient) ? this._maxSize() : rect.width;
+    }
+    _computeHeight(rect) {
+        return (0, vutils_1.isNumber)(this._spec.height) ? (this._height = this._spec.height, 
+        Math.min(rect.height, Number(this._spec.height))) : (0, orient_1.isHorizontal)(this._orient) ? this._maxSize() : rect.height;
+    }
+    _computeDx(rect) {
+        return (0, orient_1.isVertical)(this._orient) || "start" === this._position ? 0 : "middle" === this._position ? (rect.width - this._width) / 2 : rect.width - this._width;
+    }
+    _computeDy(rect) {
+        return (0, orient_1.isHorizontal)(this._orient) || "start" === this._position ? 0 : "middle" === this._position ? (rect.height - this._height) / 2 : rect.height - this._height;
+    }
+}
+
+exports.Player = Player, Player.createComponent = (spec, options) => {
+    const playerSpec = spec.player;
+    return (0, util_1.isNil)(playerSpec) || !1 === playerSpec.visible ? null : new Player(playerSpec, options);
+};
+//# sourceMappingURL=player.js.map