@visactor/vstory 0.0.2 → 0.0.4-alpha.1

package/cjs/template/base-template.d.ts

@@ -1,13 +0,0 @@
-import type VChart from '@visactor/vchart';
-import type { IContext } from '../interface/type';
-export declare abstract class Template {
-    spec: Record<string, any>;
-    protected _chartInstance: VChart;
-    vchartInstance(): VChart;
-    constructor(spec: Record<string, any>);
-    protected abstract isValid(): boolean;
-    protected abstract setUp(): Record<string, any>;
-    abstract render(context: Partial<IContext>): void;
-    onRenderEnd(context: Partial<IContext>): void;
-    release(): void;
-}

package/cjs/template/base-template.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.Template = void 0;
-
-class Template {
-    vchartInstance() {
-        return this._chartInstance;
-    }
-    constructor(spec) {
-        this.spec = spec;
-    }
-    onRenderEnd(context) {}
-    release() {
-        this._chartInstance.release(), this._chartInstance = null;
-    }
-}
-
-exports.Template = Template;
-//# sourceMappingURL=base-template.js.map

package/cjs/template/base-template.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/template/base-template.ts"],"names":[],"mappings":";;;AAMA,MAAsB,QAAQ;IAG5B,cAAc;QACZ,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IAID,YAAY,IAAyB;QACnC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IACnB,CAAC;IAQD,WAAW,CAAC,OAA0B;IAUtC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAG7B,CAAC;CACF;AArCD,4BAqCC","file":"base-template.js","sourcesContent":["import type VChart from '@visactor/vchart';\nimport type { IContext } from '../interface/type';\nimport { IGraphic } from '@visactor/vrender';\nimport { TaskManager } from '../task';\nimport { forEachGraphicItem } from '../util/vrender-api';\n\nexport abstract class Template {\n  declare spec: Record<string, any>;\n  protected _chartInstance: VChart;\n  vchartInstance() {\n    return this._chartInstance;\n  }\n\n  // protected _graphicAnimationManager = new Map<IGraphic, TaskManager>();\n\n  constructor(spec: Record<string, any>) {\n    this.spec = spec;\n  }\n\n  protected abstract isValid(): boolean;\n\n  protected abstract setUp(): Record<string, any>;\n\n  abstract render(context: Partial<IContext>): void;\n\n  onRenderEnd(context: Partial<IContext>) {\n    // const { stage } = context;\n    // if (stage && this._chartInstance) {\n    //   forEachGraphicItem(stage as unknown as IGraphic, graphic => {\n    //     if (!this._graphicAnimationManager.get(graphic)) {\n    //       const manager = new TaskManager();\n    //       this._graphicAnimationManager.set(graphic, manager);\n    //     }\n    //   });\n    // }\n  }\n\n  release() {\n    this._chartInstance.release();\n    this._chartInstance = null;\n    // this._graphicAnimationManager.clear();\n    // this._graphicAnimationManager = null;\n  }\n}\n"]}

package/cjs/template/charts/simple-chart.d.ts

@@ -1,8 +0,0 @@
-import { IContext } from '../../interface/type';
-import { Template } from '../base-template';
-export declare const CHART_TYPES: string[];
-export declare class Bar extends Template {
-    protected isValid(): boolean;
-    protected setUp(): Record<string, any>;
-    render(context?: Partial<IContext>): void;
-}

package/cjs/template/charts/simple-chart.js

@@ -1,38 +0,0 @@
-"use strict";
-
-var __importDefault = this && this.__importDefault || function(mod) {
-    return mod && mod.__esModule ? mod : {
-        default: mod
-    };
-};
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.Bar = exports.CHART_TYPES = void 0;
-
-const vchart_1 = __importDefault(require("@visactor/vchart")), base_template_1 = require("../base-template");
-
-exports.CHART_TYPES = [ "line", "bar" ];
-
-class Bar extends base_template_1.Template {
-    isValid() {
-        const {xField: xField, yField: yField, data: data} = this.spec;
-        if (!xField || !yField) throw new Error("Missing config: `xField`,`yField`");
-        if (!data) throw new Error("Missing data");
-        return !0;
-    }
-    setUp() {
-        return this.spec && (this.spec.background = "rgba(0,0,0,0)"), this.spec;
-    }
-    render(context = {}) {
-        const spec = this.setUp();
-        spec && context.dom && (this._chartInstance = new vchart_1.default(spec, {
-            dom: context.dom,
-            stage: context.stage,
-            renderCanvas: context.canvas
-        }), this._chartInstance && this._chartInstance.renderSync());
-    }
-}
-
-exports.Bar = Bar;
-//# sourceMappingURL=simple-chart.js.map

package/cjs/template/charts/simple-chart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/template/charts/simple-chart.ts"],"names":[],"mappings":";;;;;;AAAA,8DAAsD;AAEtD,oDAA4C;AAG/B,QAAA,WAAW,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE3C,MAAa,GAAI,SAAQ,wBAAQ;IACrB,OAAO;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3C,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE;YACtB,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;SACtD;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;SACjC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAES,KAAK;QACb,IAAI,IAAI,CAAC,IAAI,EAAE;YAEb,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC;SACxC;QACD,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,MAAM,CAAC,UAA6B,EAAE;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAI,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE;YACvB,IAAI,CAAC,cAAc,GAAG,IAAI,gBAAM,CAAC,IAAkB,EAAE;gBACnD,GAAG,EAAE,OAAO,CAAC,GAAG;gBAChB,KAAK,EAAE,OAAO,CAAC,KAAK;gBACpB,YAAY,EAAE,OAAO,CAAC,MAAM;aAC7B,CAAC,CAAC;YACH,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;aAElC;SACF;IACH,CAAC;CACF;AAlCD,kBAkCC","file":"simple-chart.js","sourcesContent":["import VChart, { IChartSpec } from '@visactor/vchart';\nimport { IContext } from '../../interface/type';\nimport { Template } from '../base-template';\n\n// TODO: 动态生成\nexport const CHART_TYPES = ['line', 'bar'];\n\nexport class Bar extends Template {\n  protected isValid() {\n    const { xField, yField, data } = this.spec;\n    if (!xField || !yField) {\n      throw new Error('Missing config: `xField`,`yField`');\n    }\n    if (!data) {\n      throw new Error('Missing data');\n    }\n    return true;\n  }\n\n  protected setUp() {\n    if (this.spec) {\n      // TODO chart 会绘制整个background\n      this.spec.background = 'rgba(0,0,0,0)';\n    }\n    return this.spec;\n  }\n\n  render(context: Partial<IContext> = {}) {\n    const spec = this.setUp();\n    if (spec && context.dom) {\n      this._chartInstance = new VChart(spec as IChartSpec, {\n        dom: context.dom,\n        stage: context.stage,\n        renderCanvas: context.canvas\n      });\n      if (this._chartInstance) {\n        this._chartInstance.renderSync();\n        // this.onRenderEnd(context);\n      }\n    }\n  }\n}\n"]}

package/cjs/template/ranking-bar/interface.d.ts

@@ -1,41 +0,0 @@
-import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';
-export type IRankingBarData = any[];
-export interface IPlayConfig {
-    interval?: number;
-}
-export interface IRankingBarSpec extends IPlayConfig {
-    data: IRankingBarData;
-    timeField: string;
-    xField: string;
-    yField: string;
-    topN?: number;
-    bar?: {
-        padding?: number;
-        cornerRadius?: number;
-    };
-    color?: Record<string, string>;
-    icon?: Record<string, string>;
-    iconPosition?: 'bar-end' | 'bar-start' | 'axis';
-    iconShape?: 'circle' | 'rect';
-    background?: string;
-    label?: {
-        visible?: boolean;
-        style?: ITextGraphicAttribute;
-    };
-    nameLabel?: ITextGraphicAttribute & {
-        visible?: boolean;
-        position?: 'bar-end' | 'bar-start';
-        style?: ITextGraphicAttribute;
-    };
-    timeLabel?: ITextGraphicAttribute;
-    xAxis?: {
-        label?: ITextGraphicAttribute;
-        domainLine?: ILineGraphicAttribute;
-        grid?: ILineGraphicAttribute;
-    };
-    yAxis?: {
-        label?: ITextGraphicAttribute;
-        domainLine?: ILineGraphicAttribute;
-        grid?: ILineGraphicAttribute;
-    };
-}

package/cjs/template/ranking-bar/interface.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/template/ranking-bar/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type { ILineGraphicAttribute, ITextGraphicAttribute } from '@visactor/vrender';\n\nexport type IRankingBarData = any[];\n\nexport interface IPlayConfig {\n  interval?: number; // 单位毫秒\n}\n\nexport interface IRankingBarSpec extends IPlayConfig {\n  data: IRankingBarData;\n\n  timeField: string;\n  xField: string;\n  yField: string;\n\n  topN?: number;\n\n  bar?: {\n    padding?: number;\n    cornerRadius?: number;\n  };\n\n  color?: Record<string, string>;\n\n  icon?: Record<string, string>;\n\n  iconPosition?: 'bar-end' | 'bar-start' | 'axis';\n\n  iconShape?: 'circle' | 'rect';\n\n  background?: string;\n\n  label?: {\n    visible?: boolean;\n    style?: ITextGraphicAttribute;\n  };\n\n  nameLabel?: ITextGraphicAttribute & {\n    visible?: boolean;\n    position?: 'bar-end' | 'bar-start';\n    style?: ITextGraphicAttribute;\n  };\n\n  timeLabel?: ITextGraphicAttribute;\n\n  xAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n\n  yAxis?: {\n    label?: ITextGraphicAttribute;\n    domainLine?: ILineGraphicAttribute;\n    grid?: ILineGraphicAttribute;\n  };\n}\n"]}

package/cjs/template/ranking-bar/ranking-bar.d.ts

@@ -1,16 +0,0 @@
-import { IContext } from 'src/interface/type';
-import { IRankingBarSpec } from './interface';
-import { VChart } from '@visactor/vchart';
-import { Template } from '../base-template';
-export declare class RankingBar extends Template {
-    spec: IRankingBarSpec;
-    protected _chartInstance: VChart;
-    protected _timeNodes: string[];
-    protected _timeData: Map<string, any[]>;
-    constructor(spec: IRankingBarSpec);
-    protected init(): void;
-    protected isValid(): boolean;
-    protected setUp(): import("@visactor/vchart").ICommonChartSpec;
-    render(context?: Partial<IContext>): void;
-    release(): void;
-}

package/cjs/template/ranking-bar/ranking-bar.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.RankingBar = void 0;
-
-const vchart_1 = require("@visactor/vchart"), spec_parser_1 = require("./spec-parser"), base_template_1 = require("../base-template");
-
-class RankingBar extends base_template_1.Template {
-    constructor(spec) {
-        super(spec), this.init();
-    }
-    init() {
-        this.isValid() && (this._timeData = new Map, this._timeNodes = []);
-    }
-    isValid() {
-        const {xField: xField, yField: yField, timeField: timeField, data: data} = this.spec;
-        if (!xField || !yField || !timeField) throw new Error("Missing config: `xField`,`yField`, `timeField`");
-        if (!data) throw new Error("Missing data");
-        return !0;
-    }
-    setUp() {
-        const {vchartSpec: vchartSpec} = (0, spec_parser_1.specParser)(this.spec);
-        return vchartSpec;
-    }
-    render(context = {}) {
-        const spec = this.setUp();
-        spec && context.dom && (this._chartInstance = new vchart_1.VChart(spec, {
-            dom: context.dom,
-            stage: context.stage
-        }), this._chartInstance && (this._chartInstance.renderSync(), this.onRenderEnd(context)));
-    }
-    release() {
-        super.release(), this._timeData = null, this._timeNodes = null;
-    }
-}
-
-exports.RankingBar = RankingBar;
-//# sourceMappingURL=ranking-bar.js.map

package/cjs/template/ranking-bar/ranking-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/template/ranking-bar/ranking-bar.ts"],"names":[],"mappings":";;;AAEA,6CAA0C;AAC1C,+CAA2C;AAC3C,oDAA4C;AAE5C,MAAa,UAAW,SAAQ,wBAAQ;IAQtC,YAAY,IAAqB;QAC/B,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAES,IAAI;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;IACvB,CAAC;IAES,OAAO;QACf,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;QACtD,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE;YACpC,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;SACnE;QACD,IAAI,CAAC,IAAI,EAAE;YACT,MAAM,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;SACjC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAES,KAAK;QACb,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAU,EAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,MAAM,CAAC,UAA6B,EAAE;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC1B,IAAI,IAAI,IAAI,OAAO,CAAC,GAAG,EAAE;YACvB,IAAI,CAAC,cAAc,GAAG,IAAI,eAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;YACnF,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE,CAAC;gBACjC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;aAC3B;SACF;IACH,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACzB,CAAC;CACF;AArDD,gCAqDC","file":"ranking-bar.js","sourcesContent":["import { IContext } from 'src/interface/type';\nimport { IRankingBarSpec } from './interface';\nimport { VChart } from '@visactor/vchart';\nimport { specParser } from './spec-parser';\nimport { Template } from '../base-template';\n\nexport class RankingBar extends Template {\n  declare spec: IRankingBarSpec;\n\n  protected _chartInstance: VChart;\n\n  protected _timeNodes: string[];\n  protected _timeData: Map<string, any[]>;\n\n  constructor(spec: IRankingBarSpec) {\n    super(spec);\n    this.init();\n  }\n\n  protected init() {\n    if (!this.isValid()) {\n      return;\n    }\n    this._timeData = new Map();\n    this._timeNodes = [];\n  }\n\n  protected isValid() {\n    const { xField, yField, timeField, data } = this.spec;\n    if (!xField || !yField || !timeField) {\n      throw new Error('Missing config: `xField`,`yField`, `timeField`');\n    }\n    if (!data) {\n      throw new Error('Missing data');\n    }\n    return true;\n  }\n\n  protected setUp() {\n    const { vchartSpec } = specParser(this.spec);\n    return vchartSpec;\n  }\n\n  render(context: Partial<IContext> = {}) {\n    const spec = this.setUp();\n    if (spec && context.dom) {\n      this._chartInstance = new VChart(spec, { dom: context.dom, stage: context.stage });\n      if (this._chartInstance) {\n        this._chartInstance.renderSync();\n        this.onRenderEnd(context);\n      }\n    }\n  }\n\n  release() {\n    super.release();\n    this._timeData = null;\n    this._timeNodes = null;\n  }\n}\n"]}

package/cjs/template/ranking-bar/spec-parser.d.ts

@@ -1,7 +0,0 @@
-import type { IRankingBarSpec } from 'src/template/ranking-bar/interface';
-import type { ICommonChartSpec } from '@visactor/vchart';
-export declare function specParser(spec: IRankingBarSpec): {
-    timeData: Map<any, any>;
-    timeNodes: Set<string>;
-    vchartSpec: ICommonChartSpec;
-};

package/cjs/template/ranking-bar/spec-parser.js

@@ -1,319 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-    value: !0
-}), exports.specParser = void 0;
-
-const vutils_1 = require("@visactor/vutils");
-
-function specParser(spec) {
-    const {xField: xField, yField: yField, timeField: timeField, data: data, topN: topN = 10, icon: icon, interval: userInterval} = spec, timeNodes = new Set, timeData = new Map;
-    data.sort(((d1, d2) => Number(d2[xField]) - Number(d1[xField]))), data.forEach((d => {
-        const time = d[timeField];
-        (0, vutils_1.isValid)(time) && timeNodes.add(time), timeData.has(time) || timeData.set(time, []);
-        const currentData = timeData.get(time);
-        if (currentData.length < topN) {
-            const _d = Object.assign({}, d);
-            icon && icon[_d[yField]] && (_d.icon = icon[_d[yField]]), currentData.push(_d);
-        }
-    }));
-    const interval = userInterval || 1e3, exchangeDuration = Math.min(interval, 500), vchartSpec = templateSpec(spec, {
-        timeNodes: Array.from(timeNodes).sort(),
-        timeData: timeData
-    }, {
-        interval: interval,
-        exchangeDuration: exchangeDuration
-    });
-    return console.log(vchartSpec), {
-        timeData: timeData,
-        timeNodes: timeNodes,
-        vchartSpec: vchartSpec
-    };
-}
-
-function templateSpec({xField: xField, yField: yField, color: color, icon: icon, iconPosition: iconPosition, iconShape: iconShape, timeLabel: timeLabel, label: label, nameLabel: nameLabel, xAxis: xAxis, yAxis: yAxis}, data, {interval: interval, exchangeDuration: exchangeDuration}) {
-    const {timeData: timeData, timeNodes: timeNodes} = data, spec = {
-        type: "common",
-        data: [ {
-            id: "timeData",
-            values: timeData.get(timeNodes[0])
-        }, {
-            id: "time",
-            values: [ {
-                time: timeNodes[0]
-            } ]
-        } ],
-        color: {
-            specified: Object.assign({}, color)
-        },
-        region: [ {
-            clip: !0
-        } ],
-        series: [ {
-            type: "bar",
-            id: "ranking-bar",
-            dataId: "timeData",
-            direction: "horizontal",
-            yField: yField,
-            xField: xField,
-            seriesField: yField,
-            extensionMark: [],
-            label: labelSpec(label, Object.assign(Object.assign({}, nameLabel), {
-                yField: yField
-            }), {
-                interval: interval,
-                exchangeDuration: exchangeDuration
-            })
-        } ],
-        axes: axisSpec(xAxis, yAxis),
-        player: {
-            type: "continuous",
-            auto: !0,
-            loop: !1,
-            interval: interval,
-            specs: timeNodes.map((time => ({
-                data: [ {
-                    id: "timeData",
-                    values: timeData.get(time)
-                }, {
-                    id: "time",
-                    values: [ {
-                        time: time
-                    } ]
-                } ]
-            })))
-        },
-        tooltip: {
-            visible: !1
-        },
-        customMark: [],
-        animationAppear: !1,
-        animationUpdate: {
-            bar: [ {
-                type: "update",
-                options: {
-                    excludeChannels: [ "y" ]
-                },
-                easing: "linear",
-                duration: interval
-            }, {
-                channel: [ "y" ],
-                easing: "circInOut",
-                duration: exchangeDuration
-            } ],
-            axis: {
-                duration: interval,
-                easing: "linear"
-            }
-        },
-        animationEnter: {
-            bar: [ {
-                type: "moveIn",
-                duration: exchangeDuration,
-                easing: "cubicInOut",
-                options: {
-                    direction: "y",
-                    orient: "negative",
-                    point: (datum, element, param, ctx) => ({
-                        y: param.groupHeight + element.getBounds().height()
-                    })
-                }
-            } ]
-        },
-        animationExit: {
-            bar: [ {
-                type: "moveOut",
-                duration: exchangeDuration,
-                easing: "cubicInOut",
-                options: {
-                    direction: "y",
-                    orient: "negative"
-                }
-            } ]
-        }
-    };
-    if (timeLabel && !1 === timeLabel.visible || spec.customMark.push(timeLabelSpec()), 
-    icon) {
-        const icon = iconSpec(iconPosition, iconShape, {
-            interval: interval,
-            exchangeDuration: exchangeDuration
-        });
-        spec.series[0].extensionMark.push(icon);
-    }
-    return spec;
-}
-
-function labelSpec(label = {}, nameLabel, {interval: interval, exchangeDuration: exchangeDuration}) {
-    var _a, _b, _c, _e;
-    const spec = [];
-    return !1 !== label.visible && spec.push({
-        visible: !0,
-        overlap: !1,
-        style: Object.assign({
-            fill: "rgb(64, 64, 64)"
-        }, label.style),
-        smartInvert: {
-            fillStrategy: (null === (_a = label.style) || void 0 === _a ? void 0 : _a.fill) ? "null" : void 0,
-            strokeStrategy: (null === (_b = label.style) || void 0 === _b ? void 0 : _b.stroke) ? "null" : void 0
-        },
-        animationUpdate: [ {
-            duration: exchangeDuration,
-            easing: "cubicInOut",
-            channel: [ "y" ]
-        }, {
-            options: {
-                excludeChannels: [ "y" ]
-            },
-            easing: "linear",
-            duration: interval
-        } ]
-    }), nameLabel.visible && spec.push({
-        visible: !0,
-        overlap: !1,
-        style: Object.assign({}, nameLabel.style),
-        smartInvert: {
-            fillStrategy: (null === (_c = nameLabel.style) || void 0 === _c ? void 0 : _c.fill) ? "null" : void 0,
-            strokeStrategy: (null === (_e = nameLabel.style) || void 0 === _e ? void 0 : _e.stroke) ? "null" : void 0
-        },
-        position: "bar-end" === nameLabel.position ? "inside-right" : "inside-left",
-        formatter: `{${nameLabel.yField}}`,
-        animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration)
-    }), spec;
-}
-
-function axisSpec(xAxis = {}, yAxis = {}) {
-    const leftAxis = {
-        orient: "left",
-        type: "band",
-        inverse: !0,
-        label: {
-            style: yAxis.label
-        },
-        domainLine: {
-            style: yAxis.domainLine
-        },
-        grid: {
-            style: yAxis.grid
-        }
-    }, bottomAxis = {
-        orient: "bottom",
-        type: "linear",
-        nice: !1,
-        animation: !0,
-        label: {
-            style: xAxis.label
-        },
-        domainLine: {
-            style: xAxis.domainLine
-        },
-        grid: {
-            style: xAxis.grid
-        },
-        innerOffset: {
-            right: "10%"
-        }
-    };
-    return xAxis.label && (bottomAxis.label = xAxis.label), [ leftAxis, bottomAxis ];
-}
-
-function timeLabelSpec() {
-    return {
-        type: "text",
-        dataId: "time",
-        style: {
-            textBaseline: "bottom",
-            fontSize: 200,
-            textAlign: "end",
-            fontWeight: 600,
-            text: datum => datum.time,
-            x: (datum, ctx) => {
-                var _a;
-                return (null === (_a = ctx.vchart.getChart().getCanvasRect()) || void 0 === _a ? void 0 : _a.width) - 50;
-            },
-            y: (datum, ctx) => {
-                var _a;
-                return (null === (_a = ctx.vchart.getChart().getCanvasRect()) || void 0 === _a ? void 0 : _a.height) - 80;
-            },
-            fill: "grey",
-            fillOpacity: .5
-        }
-    };
-}
-
-function iconSpec(iconPosition = "bar-end", iconShape = "circle", {interval: interval, exchangeDuration: exchangeDuration}) {
-    return {
-        type: "symbol",
-        dataId: "timeData",
-        style: {
-            symbolType: iconShape,
-            stroke: "white",
-            lineWidth: 1,
-            size: (data, ctx) => {
-                var _a, _b;
-                const vchart = ctx.vchart, series = null === (_a = vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesInIndex(0)[0];
-                if (vchart && series) {
-                    const bandwidth = null !== (_b = series.getYAxisHelper().getBandwidth(0)) && void 0 !== _b ? _b : 0;
-                    return Math.max(bandwidth - 4, 0);
-                }
-            },
-            background: data => data.icon,
-            x: (data, ctx) => {
-                var _a, _b;
-                const vchart = ctx.vchart, series = null === (_a = vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesInIndex(0)[0];
-                if (vchart && series) {
-                    const bandwidth = null !== (_b = series.getYAxisHelper().getBandwidth(0)) && void 0 !== _b ? _b : 0;
-                    return "bar-start" === iconPosition ? bandwidth / 2 : "axis" === iconPosition ? -bandwidth / 2 : series.dataToPositionX(data) - bandwidth / 2;
-                }
-            },
-            y: (data, ctx) => {
-                var _a, _b;
-                const vchart = ctx.vchart, series = null === (_a = vchart.getChart()) || void 0 === _a ? void 0 : _a.getSeriesInIndex(0)[0];
-                if (vchart && series) {
-                    const bandwidth = null !== (_b = series.getYAxisHelper().getBandwidth(0)) && void 0 !== _b ? _b : 0;
-                    return series.dataToPositionY(data) + bandwidth / 2;
-                }
-            },
-            scaleY: "rect" === iconShape ? 1.2 : 1
-        },
-        animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration),
-        animationEnter: [ {
-            type: "moveIn",
-            duration: exchangeDuration,
-            easing: "cubicInOut",
-            options: {
-                direction: "y",
-                orient: "negative",
-                point: (datum, element, param) => ({
-                    y: param.groupHeight + element.getBounds().height()
-                })
-            }
-        } ],
-        animationExit: [ {
-            type: "moveOut",
-            duration: exchangeDuration,
-            easing: "cubicInOut",
-            options: {
-                direction: "y",
-                orient: "negative"
-            }
-        } ]
-    };
-}
-
-function customMarkUpdateAnimation(duration, exchangeDuration) {
-    return [ {
-        duration: exchangeDuration,
-        easing: "cubicInOut",
-        channel: [ "y" ]
-    }, {
-        options: {
-            excludeChannels: [ "y" ]
-        },
-        channel: [ "x", "x2", "x1" ],
-        easing: "linear",
-        duration: duration
-    } ];
-}
-
-exports.specParser = specParser;
-//# sourceMappingURL=spec-parser.js.map

package/cjs/template/ranking-bar/spec-parser.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/template/ranking-bar/spec-parser.ts"],"names":[],"mappings":"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","file":"spec-parser.js","sourcesContent":["import type { IRankingBarSpec } from 'src/template/ranking-bar/interface';\nimport type { ICartesianAxisSpec, ICommonChartSpec, ILabelSpec } from '@visactor/vchart';\nimport { isValid } from '@visactor/vutils';\n\nexport function specParser(spec: IRankingBarSpec) {\n  const { xField, yField, timeField, data, topN = 10, icon, interval: userInterval } = spec;\n\n  // 数据处理\n  const timeNodes = new Set<string>();\n  const timeData = new Map();\n\n  data.sort((d1, d2) => Number(d2[xField]) - Number(d1[xField]));\n\n  data.forEach(d => {\n    const time = d[timeField];\n    if (isValid(time)) {\n      timeNodes.add(time);\n    }\n    if (!timeData.has(time)) {\n      timeData.set(time, []);\n    }\n    const currentData = timeData.get(time);\n    if (currentData.length < topN) {\n      const _d = { ...d };\n      if (icon && icon[_d[yField]]) {\n        _d['icon'] = icon[_d[yField]];\n      }\n      currentData.push(_d);\n    }\n  });\n\n  const interval = userInterval ? userInterval : 1000;\n  const exchangeDuration = Math.min(interval, 500);\n\n  // 配置处理\n  const vchartSpec = templateSpec(\n    spec,\n    { timeNodes: Array.from(timeNodes).sort(), timeData },\n    { interval, exchangeDuration }\n  );\n  console.log(vchartSpec);\n  return { timeData, timeNodes, vchartSpec };\n}\n\nfunction templateSpec(\n  { xField, yField, color, icon, iconPosition, iconShape, timeLabel, label, nameLabel, xAxis, yAxis }: IRankingBarSpec,\n  data: { timeNodes: string[]; timeData: Map<string, any> },\n  { interval, exchangeDuration }: any\n): ICommonChartSpec {\n  const { timeData, timeNodes } = data;\n  const spec: ICommonChartSpec = {\n    type: 'common',\n    data: [\n      {\n        id: 'timeData',\n        values: timeData.get(timeNodes[0])\n      },\n      {\n        id: 'time',\n        values: [{ time: timeNodes[0] }]\n      }\n    ],\n    // @ts-ignore\n    color: {\n      specified: {\n        ...color\n      }\n    },\n    region: [{ clip: true }],\n    series: [\n      {\n        type: 'bar',\n        id: 'ranking-bar',\n        dataId: 'timeData',\n        direction: 'horizontal',\n        yField,\n        xField,\n        seriesField: yField,\n        extensionMark: [],\n        label: labelSpec(label, { ...nameLabel, yField }, { interval, exchangeDuration }) as any\n      }\n    ],\n    axes: axisSpec(xAxis, yAxis),\n    player: {\n      type: 'continuous',\n      // visible: false,\n      auto: true,\n      loop: false,\n      interval,\n      // slider: { visible: false },\n      // controller: { visible: false },\n      specs: timeNodes.map(time => ({\n        data: [\n          { id: 'timeData', values: timeData.get(time) },\n          { id: 'time', values: [{ time }] }\n        ]\n      }))\n    },\n    tooltip: { visible: false },\n    customMark: [],\n    animationAppear: false,\n    animationUpdate: {\n      bar: [\n        {\n          type: 'update',\n          options: { excludeChannels: ['y'] },\n          easing: 'linear',\n          duration: interval\n        },\n        {\n          channel: ['y'],\n          easing: 'circInOut',\n          duration: exchangeDuration\n        }\n      ],\n      axis: {\n        duration: interval,\n        easing: 'linear'\n      }\n    },\n    animationEnter: {\n      bar: [\n        {\n          type: 'moveIn',\n          duration: exchangeDuration,\n          easing: 'cubicInOut',\n          options: {\n            direction: 'y',\n            orient: 'negative',\n            point: (datum: any, element: any, param: any, ctx: any) => {\n              return {\n                y: param.groupHeight + element.getBounds().height()\n              };\n            }\n          }\n        }\n      ]\n    },\n    animationExit: {\n      bar: [\n        {\n          type: 'moveOut',\n          duration: exchangeDuration,\n          easing: 'cubicInOut',\n          options: {\n            direction: 'y',\n            orient: 'negative'\n          }\n        }\n      ]\n    }\n  };\n  if (!timeLabel || timeLabel.visible !== false) {\n    spec.customMark.push(timeLabelSpec() as any);\n  }\n  if (icon) {\n    const icon = iconSpec(iconPosition, iconShape, { interval, exchangeDuration });\n    spec.series[0].extensionMark.push(icon as any);\n  }\n  return spec;\n}\n\nfunction labelSpec(\n  label: IRankingBarSpec['label'] = {},\n  nameLabel: IRankingBarSpec['nameLabel'] & { yField: string },\n  { interval, exchangeDuration }: any\n) {\n  const spec: ILabelSpec[] = [];\n\n  if (label.visible !== false) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      style: {\n        // @ts-ignore\n        fill: `rgb(64, 64, 64)`,\n        ...label.style\n      },\n      smartInvert: {\n        fillStrategy: label.style?.fill ? 'null' : undefined,\n        strokeStrategy: label.style?.stroke ? 'null' : undefined\n      },\n      animationUpdate: [\n        {\n          duration: exchangeDuration,\n          easing: 'cubicInOut',\n          channel: ['y']\n        },\n        {\n          options: { excludeChannels: ['y'] },\n          easing: 'linear',\n          duration: interval\n        }\n      ]\n    });\n  }\n\n  if (nameLabel.visible) {\n    spec.push({\n      visible: true,\n      overlap: false,\n      // @ts-ignore\n      style: {\n        ...nameLabel.style\n      },\n      smartInvert: {\n        fillStrategy: nameLabel.style?.fill ? 'null' : undefined,\n        strokeStrategy: nameLabel.style?.stroke ? 'null' : undefined\n      },\n      position: nameLabel.position === 'bar-end' ? 'inside-right' : 'inside-left',\n      formatter: `{${nameLabel.yField}}`,\n      animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration)\n    });\n  }\n\n  return spec;\n}\n\nfunction axisSpec(xAxis: IRankingBarSpec['xAxis'] = {}, yAxis: IRankingBarSpec['yAxis'] = {}) {\n  const leftAxis: ICartesianAxisSpec = {\n    orient: 'left',\n    type: 'band',\n    inverse: true,\n    // @ts-ignore\n    label: { style: yAxis.label },\n    domainLine: { style: yAxis.domainLine },\n    // @ts-ignore\n    grid: { style: yAxis.grid }\n  };\n  const bottomAxis: ICartesianAxisSpec = {\n    orient: 'bottom',\n    type: 'linear',\n    nice: false,\n    animation: true,\n    // @ts-ignore\n    label: { style: xAxis.label },\n    domainLine: { style: xAxis.domainLine },\n    // @ts-ignore\n    grid: { style: xAxis.grid },\n    // @ts-ignore\n    innerOffset: { right: '10%' }\n  };\n\n  if (xAxis.label) {\n    bottomAxis.label = xAxis.label;\n  }\n  return [leftAxis, bottomAxis];\n}\n\nfunction timeLabelSpec() {\n  return {\n    type: 'text',\n    dataId: 'time',\n    style: {\n      textBaseline: 'bottom',\n      fontSize: 200,\n      textAlign: 'end',\n      fontWeight: 600,\n      text: (datum: any) => datum.time,\n      x: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getCanvasRect()?.width - 50;\n      },\n      y: (datum: any, ctx: any) => {\n        return ctx.vchart.getChart().getCanvasRect()?.height - 80;\n      },\n      fill: 'grey',\n      fillOpacity: 0.5\n    }\n  };\n}\n\nfunction iconSpec(\n  iconPosition: IRankingBarSpec['iconPosition'] = 'bar-end',\n  iconShape: IRankingBarSpec['iconShape'] = 'circle',\n  { interval, exchangeDuration }: any\n) {\n  return {\n    type: 'symbol',\n    dataId: 'timeData',\n    style: {\n      symbolType: iconShape,\n      stroke: 'white',\n      lineWidth: 1,\n      size: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return Math.max(bandwidth - 4, 0);\n        }\n      },\n      background: (data: any) => data.icon,\n      // globalZIndex 有bug，会有动画闪烁和报错\n      // globalZIndex: 1, // 否则会被 region 区域 clip\n      x: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          if (iconPosition === 'bar-start') {\n            return bandwidth / 2;\n          } else if (iconPosition === 'axis') {\n            return -bandwidth / 2;\n          } else {\n            return series.dataToPositionX(data) - bandwidth / 2;\n          }\n        }\n      },\n      y: (data: any, ctx: any) => {\n        const vchart = ctx.vchart;\n        const series = vchart.getChart()?.getSeriesInIndex(0)[0];\n        if (vchart && series) {\n          const bandwidth = series.getYAxisHelper().getBandwidth(0) ?? 0;\n          return series.dataToPositionY(data) + bandwidth / 2;\n        }\n      },\n      scaleY: iconShape === 'rect' ? 1.2 : 1\n    },\n    animationUpdate: customMarkUpdateAnimation(interval, exchangeDuration),\n    animationEnter: [\n      {\n        type: 'moveIn',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative',\n          point: (datum: any, element: any, param: any) => {\n            return {\n              y: param.groupHeight + element.getBounds().height()\n            };\n          }\n        }\n      }\n    ],\n    animationExit: [\n      {\n        type: 'moveOut',\n        duration: exchangeDuration,\n        easing: 'cubicInOut',\n        options: {\n          direction: 'y',\n          orient: 'negative'\n        }\n      }\n    ]\n  };\n}\n\nfunction customMarkUpdateAnimation(duration: number, exchangeDuration: number) {\n  return [\n    {\n      duration: exchangeDuration,\n      easing: 'cubicInOut',\n      channel: ['y']\n    },\n    {\n      options: { excludeChannels: ['y'] },\n      channel: ['x', 'x2', 'x1'],\n      easing: 'linear',\n      duration\n    }\n  ];\n}\n"]}

package/es/component/title.d.ts

@@ -1,18 +0,0 @@
-import type { IAnimate as IVRenderAnimate } from '@visactor/vrender';
-import { GraphicAnimate } from '../animate/animate';
-import type { Title } from '@visactor/vrender-components';
-import type { IContext } from '../interface/type';
-import { Action } from '../scene/action';
-import type { TaskCb } from '../task';
-export declare function textWriter(title: Title, duration: number): Action;
-export declare class TextWriter extends GraphicAnimate {
-    protected _title: Title;
-    getEntity(): Title;
-    protected _duration: number;
-    protected _mainAnimate: IVRenderAnimate;
-    protected _subAnimate: IVRenderAnimate;
-    constructor(title: Title, duration: number);
-    run(context: Partial<IContext>): void;
-    runCb(cb: TaskCb): void;
-}
-export { Title } from '@visactor/vrender-components';

package/es/component/title.js

@@ -1,42 +0,0 @@
-import { InputText } from "@visactor/vrender";
-
-import { GraphicAnimate } from "../animate/animate";
-
-import { Action } from "../scene/action";
-
-export function textWriter(title, duration) {
-    const _textWriter = new TextWriter(title, duration);
-    return new Action(_textWriter, ((_textWriter, context) => {
-        context && context.stage && (context.stage.defaultLayer.add(_textWriter.getEntity()), 
-        _textWriter.run());
-    }));
-}
-
-export class TextWriter extends GraphicAnimate {
-    getEntity() {
-        return this._title;
-    }
-    constructor(title, duration) {
-        super(null), this._title = title, this._duration = duration;
-    }
-    run(context) {
-        if (this._title && this._duration > 0) {
-            const {_subtitle: subtitle, _mainTitle: mainTitle} = this._title;
-            mainTitle && (this._mainAnimate = mainTitle.animate().play(new InputText({
-                text: ""
-            }, {
-                text: mainTitle.attribute.text[0]
-            }, this._duration, "linear"))), subtitle && (this._subAnimate = subtitle.animate().play(new InputText({
-                text: ""
-            }, {
-                text: subtitle.attribute.text
-            }, this._duration, "linear")));
-        }
-    }
-    runCb(cb) {
-        this._mainAnimate && this._mainAnimate.runCb(cb), this._subAnimate && this._subAnimate.runCb(cb);
-    }
-}
-
-export { Title } from "@visactor/vrender-components";
-//# sourceMappingURL=title.js.map

package/es/component/title.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/component/title.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGzC,MAAM,UAAU,UAAU,CAAC,KAAY,EAAE,QAAgB;IACvD,MAAM,WAAW,GAAG,IAAI,UAAU,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACpD,OAAO,IAAI,MAAM,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,EAAE;QACtD,IAAI,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE;YAC5B,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,CAAC;YACxD,WAAW,CAAC,GAAG,EAAE,CAAC;SACnB;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AAED,MAAM,OAAO,UAAW,SAAQ,cAAc;IAE5C,SAAS;QACP,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAMD,YAAY,KAAY,EAAE,QAAgB;QACxC,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC5B,CAAC;IAED,GAAG,CAAC,OAA0B;QAC5B,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,GAAG,CAAC,EAAE;YAErC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC;YACnE,IAAI,SAAS,EAAE;gBACb,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAC1C,IAAI,SAAS,CACX,EAAE,IAAI,EAAE,EAAE,EAAE,EACZ;oBACE,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;iBAClC,EACD,IAAI,CAAC,SAAS,EACd,QAAQ,CACT,CACF,CAAC;aACH;YACD,IAAI,QAAQ,EAAE;gBACZ,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,CACxC,IAAI,SAAS,CACX,EAAE,IAAI,EAAE,EAAE,EAAE,EACZ;oBACE,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI;iBAC9B,EACD,IAAI,CAAC,SAAS,EACd,QAAQ,CACT,CACF,CAAC;aACH;SACF;IACH,CAAC;IAED,KAAK,CAAC,EAAU;QACd,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAC5B;IACH,CAAC;CACF;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC","file":"title.js","sourcesContent":["import type { IAnimate as IVRenderAnimate } from '@visactor/vrender';\nimport { InputText } from '@visactor/vrender';\nimport { GraphicAnimate } from '../animate/animate';\nimport type { Title } from '@visactor/vrender-components';\nimport type { IContext } from '../interface/type';\nimport { Action } from '../scene/action';\nimport type { TaskCb } from '../task';\n\nexport function textWriter(title: Title, duration: number) {\n  const _textWriter = new TextWriter(title, duration);\n  return new Action(_textWriter, (_textWriter, context) => {\n    if (context && context.stage) {\n      context.stage.defaultLayer.add(_textWriter.getEntity());\n      _textWriter.run();\n    }\n  });\n}\n\nexport class TextWriter extends GraphicAnimate {\n  protected _title: Title;\n  getEntity() {\n    return this._title;\n  }\n  protected _duration: number;\n\n  protected _mainAnimate: IVRenderAnimate;\n  protected _subAnimate: IVRenderAnimate;\n\n  constructor(title: Title, duration: number) {\n    super(null);\n    this._title = title;\n    this._duration = duration;\n  }\n\n  run(context: Partial<IContext>): void {\n    if (this._title && this._duration > 0) {\n      // @ts-ignore\n      const { _subtitle: subtitle, _mainTitle: mainTitle } = this._title;\n      if (mainTitle) {\n        this._mainAnimate = mainTitle.animate().play(\n          new InputText(\n            { text: '' },\n            {\n              text: mainTitle.attribute.text[0]\n            },\n            this._duration,\n            'linear'\n          )\n        );\n      }\n      if (subtitle) {\n        this._subAnimate = subtitle.animate().play(\n          new InputText(\n            { text: '' },\n            {\n              text: subtitle.attribute.text\n            },\n            this._duration,\n            'linear'\n          )\n        );\n      }\n    }\n  }\n\n  runCb(cb: TaskCb): void {\n    if (this._mainAnimate) {\n      this._mainAnimate.runCb(cb);\n    }\n\n    if (this._subAnimate) {\n      this._subAnimate.runCb(cb);\n    }\n  }\n}\n\nexport { Title } from '@visactor/vrender-components';\n"]}

package/es/dsl/story-chart/component/title.js

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