@visactor/vchart-extension 2.1.0-alpha.13 → 2.1.0-alpha.15

package/cjs/charts/storyline/storyline-transformer.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.StorylineChartSpecTransformer = void 0;
+
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./layouts/common"), clock_1 = require("./layouts/clock"), default_1 = require("./layouts/default"), landscape_1 = require("./layouts/landscape"), portrait_1 = require("./layouts/portrait"), dome_1 = require("./layouts/dome"), bowl_1 = require("./layouts/bowl");
+
+class StorylineChartSpecTransformer extends vchart_1.CommonChartSpecTransformer {
+    transformSpec(spec) {
+        var _a;
+        applyDefaultPadding(spec);
+        const storylineSpec = Object.assign(Object.assign({}, spec), {
+            data: [ ...null !== (_a = spec.data) && void 0 !== _a ? _a : [] ]
+        });
+        spec.type = "common", spec.data = [], spec.series = [], spec.axes = [], spec.customMark = buildStorylineMarks(storylineSpec), 
+        delete spec.layout, delete spec.title, super.transformSpec(spec);
+    }
+}
+
+exports.StorylineChartSpecTransformer = StorylineChartSpecTransformer;
+
+const applyDefaultPadding = spec => {
+    var _a, _b, _c, _d;
+    const DEFAULT_OTHER = 20, p = spec.padding;
+    if (null != p) if ("number" != typeof p) if (Array.isArray(p)) {
+        const [t = DEFAULT_OTHER, r = DEFAULT_OTHER, b, l = DEFAULT_OTHER] = p;
+        spec.padding = [ t, r, null != b ? b : 100, l ];
+    } else "object" == typeof p && (spec.padding = {
+        top: null !== (_a = p.top) && void 0 !== _a ? _a : DEFAULT_OTHER,
+        right: null !== (_b = p.right) && void 0 !== _b ? _b : DEFAULT_OTHER,
+        bottom: null !== (_c = p.bottom) && void 0 !== _c ? _c : 100,
+        left: null !== (_d = p.left) && void 0 !== _d ? _d : DEFAULT_OTHER
+    }); else spec.padding = [ p, p, Math.max(p, 100), p ]; else spec.padding = [ DEFAULT_OTHER, DEFAULT_OTHER, 100, DEFAULT_OTHER ];
+}, buildStorylineMarks = spec => {
+    var _a;
+    const lineMark = buildLineMark(spec), blockMarks = (null !== (_a = spec.data) && void 0 !== _a ? _a : []).map(((block, index) => buildBlockMark(spec, block, index)));
+    if ((0, common_1.isLandscape)(spec)) return [ ...blockMarks, lineMark ].filter(Boolean);
+    if ((0, common_1.isPortrait)(spec)) return [ lineMark, ...blockMarks ].filter(Boolean);
+    if ((0, common_1.isDome)(spec)) {
+        return [ (0, dome_1.buildDomeCenterImageMark)(spec), (0, dome_1.buildDomeArcMark)(spec), ...blockMarks ].filter(Boolean);
+    }
+    if ((0, common_1.isBowl)(spec)) {
+        return [ (0, bowl_1.buildBowlCenterImageMark)(spec), (0, bowl_1.buildBowlArcMark)(spec), ...blockMarks ].filter(Boolean);
+    }
+    if ((0, common_1.isClock)(spec)) {
+        const ringsMark = (0, clock_1.buildClockArcMark)(spec), centerImageMark = (0, clock_1.buildClockCenterImageMark)(spec);
+        return [ ringsMark, ...blockMarks, centerImageMark ].filter(Boolean);
+    }
+    return [ lineMark, ...blockMarks ].filter(Boolean);
+}, buildLineMark = spec => {
+    var _a, _b, _c;
+    return !1 === (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible) || (null !== (_c = null === (_b = spec.data) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0) <= 1 ? null : (0, 
+    common_1.isLandscape)(spec) ? (0, landscape_1.buildLandscapeConnectingCurve)(spec) : (0, 
+    common_1.isPortrait)(spec) ? (0, portrait_1.buildPortraitAxisMark)(spec) : (0, default_1.buildDefaultLineMark)(spec);
+}, buildBlockMark = (spec, block, index) => (0, common_1.isLandscape)(spec) ? (0, 
+landscape_1.buildLandscapeBlockMark)(spec, block, index) : (0, common_1.isPortrait)(spec) ? (0, 
+portrait_1.buildPortraitBlockMark)(spec, block, index) : (0, common_1.isDome)(spec) ? (0, 
+dome_1.buildDomeBlockMark)(spec, block, index) : (0, common_1.isBowl)(spec) ? (0, 
+bowl_1.buildBowlBlockMark)(spec, block, index) : (0, common_1.isClock)(spec) ? (0, 
+clock_1.buildClockBlockMark)(spec, block, index) : (0, default_1.buildDefaultBlockMark)(spec, block, index);
+//# sourceMappingURL=storyline-transformer.js.map

package/cjs/charts/storyline/storyline-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/storyline-transformer.ts"],"names":[],"mappings":";;;AAAA,6CAA4F;AAE5F,6CAAoF;AACpF,2CAAoG;AACpG,+CAAgF;AAChF,mDAA6F;AAC7F,iDAAmF;AACnF,yCAAgG;AAChG,yCAAgG;AAEhG,MAAa,6BAA8B,SAAQ,mCAA+B;IAChF,aAAa,CAAC,IAAS;;QACrB,mBAAmB,CAAC,IAAI,CAAC,CAAC;QAC1B,MAAM,aAAa,GAAG,gCACjB,IAAI,KACP,IAAI,EAAE,CAAC,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GACX,CAAC;QAEpB,IAAI,CAAC,IAAI,GAAG,QAAe,CAAC;QAC5B,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,UAAU,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;QACrD,OAAO,IAAI,CAAC,MAAM,CAAC;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC;QAClB,KAAK,CAAC,aAAa,CAAC,IAAW,CAAC,CAAC;IACnC,CAAC;CACF;AAjBD,sEAiBC;AAOD,MAAM,mBAAmB,GAAG,CAAC,IAAS,EAAE,EAAE;;IACxC,MAAM,cAAc,GAAG,GAAG,CAAC;IAC3B,MAAM,aAAa,GAAG,EAAE,CAAC;IACzB,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC;IACvB,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE;QACjC,IAAI,CAAC,OAAO,GAAG,CAAC,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC;QAC7E,OAAO;KACR;IACD,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACzB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;QACtD,OAAO;KACR;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QACpB,MAAM,CAAC,CAAC,GAAG,aAAa,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC;QACvE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,aAAD,CAAC,cAAD,CAAC,GAAI,cAAc,EAAE,CAAC,CAAC,CAAC;QAC9C,OAAO;KACR;IACD,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACzB,IAAI,CAAC,OAAO,GAAG;YACb,GAAG,EAAE,MAAA,CAAC,CAAC,GAAG,mCAAI,aAAa;YAC3B,KAAK,EAAE,MAAA,CAAC,CAAC,KAAK,mCAAI,aAAa;YAC/B,MAAM,EAAE,MAAA,CAAC,CAAC,MAAM,mCAAI,cAAc;YAClC,IAAI,EAAE,MAAA,CAAC,CAAC,IAAI,mCAAI,aAAa;SAC9B,CAAC;KACH;AACH,CAAC,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,IAAoB,EAAE,EAAE;;IACnD,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,UAAU,GAAG,CAAC,MAAA,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE/F,IAAI,IAAA,oBAAW,EAAC,IAAI,CAAC,EAAE;QACrB,OAAO,CAAC,GAAG,UAAU,EAAE,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/E;IAED,IAAI,IAAA,mBAAU,EAAC,IAAI,CAAC,EAAE;QACpB,OAAO,CAAC,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/E;IAGD,IAAI,IAAA,eAAM,EAAC,IAAI,CAAC,EAAE;QAChB,MAAM,eAAe,GAAG,IAAA,+BAAwB,EAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,IAAA,uBAAgB,EAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/F;IAED,IAAI,IAAA,eAAM,EAAC,IAAI,CAAC,EAAE;QAChB,MAAM,eAAe,GAAG,IAAA,+BAAwB,EAAC,IAAI,CAAC,CAAC;QACvD,MAAM,OAAO,GAAG,IAAA,uBAAgB,EAAC,IAAI,CAAC,CAAC;QACvC,OAAO,CAAC,eAAe,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KAC/F;IAED,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;QACjB,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,eAAe,GAAG,IAAA,iCAAyB,EAAC,IAAI,CAAC,CAAC;QACxD,OAAO,CAAC,SAAS,EAAE,GAAG,UAAU,EAAE,eAAe,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;KACjG;IACD,OAAO,CAAC,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC,MAAM,CAAC,OAAO,CAA8B,CAAC;AAChF,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,IAAoB,EAAkC,EAAE;;IAC7E,IAAI,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,OAAO,MAAK,KAAK,IAAI,CAAC,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,CAAC,CAAC,IAAI,CAAC,EAAE;QACjE,OAAO,IAAI,CAAC;KACb;IACD,IAAI,IAAA,oBAAW,EAAC,IAAI,CAAC,EAAE;QACrB,OAAO,IAAA,yCAA6B,EAAC,IAAI,CAAC,CAAC;KAC5C;IACD,IAAI,IAAA,mBAAU,EAAC,IAAI,CAAC,EAAE;QACpB,OAAO,IAAA,gCAAqB,EAAC,IAAI,CAAC,CAAC;KACpC;IACD,OAAO,IAAA,8BAAoB,EAAC,IAAI,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,IAAoB,EAAE,KAAsB,EAAE,KAAa,EAA2B,EAAE;IAC9G,IAAI,IAAA,oBAAW,EAAC,IAAI,CAAC,EAAE;QACrB,OAAO,IAAA,mCAAuB,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KACpD;IACD,IAAI,IAAA,mBAAU,EAAC,IAAI,CAAC,EAAE;QACpB,OAAO,IAAA,iCAAsB,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KACnD;IACD,IAAI,IAAA,eAAM,EAAC,IAAI,CAAC,EAAE;QAChB,OAAO,IAAA,yBAAkB,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KAC/C;IACD,IAAI,IAAA,eAAM,EAAC,IAAI,CAAC,EAAE;QAChB,OAAO,IAAA,yBAAkB,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KAC/C;IACD,IAAI,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE;QACjB,OAAO,IAAA,2BAAmB,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;KAChD;IAED,OAAO,IAAA,+BAAqB,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;AACnD,CAAC,CAAC","file":"storyline-transformer.js","sourcesContent":["import { CommonChartSpecTransformer, type IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from './interface';\nimport { isBowl, isClock, isDome, isLandscape, isPortrait } from './layouts/common';\nimport { buildClockArcMark, buildClockBlockMark, buildClockCenterImageMark } from './layouts/clock';\nimport { buildDefaultBlockMark, buildDefaultLineMark } from './layouts/default';\nimport { buildLandscapeBlockMark, buildLandscapeConnectingCurve } from './layouts/landscape';\nimport { buildPortraitAxisMark, buildPortraitBlockMark } from './layouts/portrait';\nimport { buildDomeArcMark, buildDomeBlockMark, buildDomeCenterImageMark } from './layouts/dome';\nimport { buildBowlArcMark, buildBowlBlockMark, buildBowlCenterImageMark } from './layouts/bowl';\n\nexport class StorylineChartSpecTransformer extends CommonChartSpecTransformer<any> {\n  transformSpec(spec: any): void {\n    applyDefaultPadding(spec);\n    const storylineSpec = {\n      ...spec,\n      data: [...(spec.data ?? [])]\n    } as IStorylineSpec;\n\n    spec.type = 'common' as any;\n    spec.data = [];\n    spec.series = [];\n    spec.axes = [];\n    spec.customMark = buildStorylineMarks(storylineSpec);\n    delete spec.layout;\n    delete spec.title;\n    super.transformSpec(spec as any);\n  }\n}\n\n/**\n * 图表默认 padding：所有 storyline 布局底部默认留 100px，\n * 给 dome 的 centerImage / 其它布局的引导线留出呼吸空间。\n * 用户在 spec.padding 中显式指定的值会被保留，仅在缺省时生效。\n */\nconst applyDefaultPadding = (spec: any) => {\n  const DEFAULT_BOTTOM = 100;\n  const DEFAULT_OTHER = 20;\n  const p = spec.padding;\n  if (p === undefined || p === null) {\n    spec.padding = [DEFAULT_OTHER, DEFAULT_OTHER, DEFAULT_BOTTOM, DEFAULT_OTHER];\n    return;\n  }\n  if (typeof p === 'number') {\n    spec.padding = [p, p, Math.max(p, DEFAULT_BOTTOM), p];\n    return;\n  }\n  if (Array.isArray(p)) {\n    const [t = DEFAULT_OTHER, r = DEFAULT_OTHER, b, l = DEFAULT_OTHER] = p;\n    spec.padding = [t, r, b ?? DEFAULT_BOTTOM, l];\n    return;\n  }\n  if (typeof p === 'object') {\n    spec.padding = {\n      top: p.top ?? DEFAULT_OTHER,\n      right: p.right ?? DEFAULT_OTHER,\n      bottom: p.bottom ?? DEFAULT_BOTTOM,\n      left: p.left ?? DEFAULT_OTHER\n    };\n  }\n};\n\nconst buildStorylineMarks = (spec: IStorylineSpec) => {\n  const lineMark = buildLineMark(spec);\n  const blockMarks = (spec.data ?? []).map((block, index) => buildBlockMark(spec, block, index));\n  // landscape：连接曲线绘制在所有 block 之上，避免被 image 遮挡\n  if (isLandscape(spec)) {\n    return [...blockMarks, lineMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // portrait：lineMark 是中轴 rect，作为底层背景先绘制\n  if (isPortrait(spec)) {\n    return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // dome：先绘制 centerImage（最底层视觉锚点），再绘制贯穿 block 的弧线，最后绘制 block；\n  // dome 不绘制 block 之间默认的连接线\n  if (isDome(spec)) {\n    const centerImageMark = buildDomeCenterImageMark(spec);\n    const arcMark = buildDomeArcMark(spec);\n    return [centerImageMark, arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // bowl：dome 的上下镜像 —— centerImage 贴顶，弧线 + block 在下方\n  if (isBowl(spec)) {\n    const centerImageMark = buildBowlCenterImageMark(spec);\n    const arcMark = buildBowlArcMark(spec);\n    return [centerImageMark, arcMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  // clock：辐射式信息盘 —— 圆环骨架 + 径向分隔线 → centerImage（盘心）→ blocks（楔形 + 外圈文字）\n  if (isClock(spec)) {\n    const ringsMark = buildClockArcMark(spec);\n    const centerImageMark = buildClockCenterImageMark(spec);\n    return [ringsMark, ...blockMarks, centerImageMark].filter(Boolean) as IExtensionGroupMarkSpec[];\n  }\n  return [lineMark, ...blockMarks].filter(Boolean) as IExtensionGroupMarkSpec[];\n};\n\nconst buildLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n    return null;\n  }\n  if (isLandscape(spec)) {\n    return buildLandscapeConnectingCurve(spec);\n  }\n  if (isPortrait(spec)) {\n    return buildPortraitAxisMark(spec);\n  }\n  return buildDefaultLineMark(spec);\n};\n\nconst buildBlockMark = (spec: IStorylineSpec, block: IStorylineBlock, index: number): IExtensionGroupMarkSpec => {\n  if (isLandscape(spec)) {\n    return buildLandscapeBlockMark(spec, block, index);\n  }\n  if (isPortrait(spec)) {\n    return buildPortraitBlockMark(spec, block, index);\n  }\n  if (isDome(spec)) {\n    return buildDomeBlockMark(spec, block, index);\n  }\n  if (isBowl(spec)) {\n    return buildBowlBlockMark(spec, block, index);\n  }\n  if (isClock(spec)) {\n    return buildClockBlockMark(spec, block, index);\n  }\n\n  return buildDefaultBlockMark(spec, block, index);\n};\n"]}

package/cjs/charts/storyline/storyline.d.ts

@@ -0,0 +1,16 @@
+import { BaseChart, VChart } from '@visactor/vchart';
+import type { IStorylineSpec } from './interface';
+import { StorylineChartSpecTransformer } from './storyline-transformer';
+export declare class StorylineChart<T extends IStorylineSpec = IStorylineSpec> extends BaseChart<Omit<T, 'data' | 'title' | 'layout'>> {
+    type: string;
+    static type: string;
+    static readonly view: string;
+    _spec: T;
+    static readonly transformerConstructor: typeof StorylineChartSpecTransformer;
+    readonly transformerConstructor: typeof StorylineChartSpecTransformer;
+    init(): void;
+    protected isValid(): boolean;
+}
+export declare const registerStorylineChart: (option?: {
+    VChart?: typeof VChart;
+}) => void;

package/cjs/charts/storyline/storyline.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.registerStorylineChart = exports.StorylineChart = void 0;
+
+const vchart_1 = require("@visactor/vchart"), storyline_transformer_1 = require("./storyline-transformer");
+
+class StorylineChart extends vchart_1.BaseChart {
+    constructor() {
+        super(...arguments), this.type = "storyline", this.transformerConstructor = storyline_transformer_1.StorylineChartSpecTransformer;
+    }
+    init() {
+        this.isValid() && super.init();
+    }
+    isValid() {
+        var _a, _b;
+        const {data: data} = this._spec;
+        return !!Array.isArray(data) || (null === (_b = (_a = this._option).onError) || void 0 === _b || _b.call(_a, "Data is required and should be an array for storyline chart"), 
+        !1);
+    }
+}
+
+exports.StorylineChart = StorylineChart, StorylineChart.type = "storyline", StorylineChart.view = "singleDefault", 
+StorylineChart.transformerConstructor = storyline_transformer_1.StorylineChartSpecTransformer;
+
+const registerStorylineChart = option => {
+    (0, vchart_1.registerCommonChart)(), (0, vchart_1.registerCustomMark)(), (0, vchart_1.registerGroupMark)(), 
+    (0, vchart_1.registerRectMark)(), (0, vchart_1.registerTextMark)(), (0, vchart_1.registerImageMark)(), 
+    (0, vchart_1.registerLineMark)(), (0, vchart_1.registerPathMark)(), (0, vchart_1.registerArcMark)();
+    const vchartConstructor = (null == option ? void 0 : option.VChart) || vchart_1.VChart;
+    vchartConstructor && vchartConstructor.useChart([ StorylineChart ]);
+};
+
+exports.registerStorylineChart = registerStorylineChart;
+//# sourceMappingURL=storyline.js.map

package/cjs/charts/storyline/storyline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/storyline.ts"],"names":[],"mappings":";;;AAAA,6CAY0B;AAE1B,mEAAwE;AAExE,MAAa,cAA0D,SAAQ,kBAE9E;IAFD;;QAGE,SAAI,GAAG,WAAW,CAAC;QAOV,2BAAsB,GAAG,qDAA6B,CAAC;IAiBlE,CAAC;IAfC,IAAI;QACF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE;YACnB,OAAO;SACR;QACD,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAES,OAAO;;QACf,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,OAAO,mDAAG,6DAA6D,CAAC,CAAC;YACtF,OAAO,KAAK,CAAC;SACd;QACD,OAAO,IAAI,CAAC;IACd,CAAC;;AA1BH,wCA2BC;AAvBQ,mBAAI,GAAG,WAAW,CAAC;AACV,mBAAI,GAAW,eAAe,CAAC;AAI/B,qCAAsB,GAAG,qDAA6B,CAAC;AAoBlE,MAAM,sBAAsB,GAAG,CAAC,MAAmC,EAAE,EAAE;IAC5E,IAAA,4BAAmB,GAAE,CAAC;IACtB,IAAA,2BAAkB,GAAE,CAAC;IACrB,IAAA,0BAAiB,GAAE,CAAC;IACpB,IAAA,yBAAgB,GAAE,CAAC;IACnB,IAAA,yBAAgB,GAAE,CAAC;IACnB,IAAA,0BAAiB,GAAE,CAAC;IACpB,IAAA,yBAAgB,GAAE,CAAC;IACnB,IAAA,yBAAgB,GAAE,CAAC;IACnB,IAAA,wBAAe,GAAE,CAAC;IAElB,MAAM,iBAAiB,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,KAAI,eAAM,CAAC;IACnD,IAAI,iBAAiB,EAAE;QACrB,iBAAiB,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;KAC9C;AACH,CAAC,CAAC;AAfW,QAAA,sBAAsB,0BAejC","file":"storyline.js","sourcesContent":["import {\n  BaseChart,\n  VChart,\n  registerArcMark,\n  registerCommonChart,\n  registerCustomMark,\n  registerGroupMark,\n  registerImageMark,\n  registerLineMark,\n  registerPathMark,\n  registerRectMark,\n  registerTextMark\n} from '@visactor/vchart';\nimport type { IStorylineSpec } from './interface';\nimport { StorylineChartSpecTransformer } from './storyline-transformer';\n\nexport class StorylineChart<T extends IStorylineSpec = IStorylineSpec> extends BaseChart<\n  Omit<T, 'data' | 'title' | 'layout'>\n> {\n  type = 'storyline';\n  static type = 'storyline';\n  static readonly view: string = 'singleDefault';\n\n  declare _spec: T;\n\n  static readonly transformerConstructor = StorylineChartSpecTransformer;\n  readonly transformerConstructor = StorylineChartSpecTransformer;\n\n  init() {\n    if (!this.isValid()) {\n      return;\n    }\n    super.init();\n  }\n\n  protected isValid() {\n    const { data } = this._spec;\n    if (!Array.isArray(data)) {\n      this._option.onError?.('Data is required and should be an array for storyline chart');\n      return false;\n    }\n    return true;\n  }\n}\n\nexport const registerStorylineChart = (option?: { VChart?: typeof VChart }) => {\n  registerCommonChart();\n  registerCustomMark();\n  registerGroupMark();\n  registerRectMark();\n  registerTextMark();\n  registerImageMark();\n  registerLineMark();\n  registerPathMark();\n  registerArcMark();\n\n  const vchartConstructor = option?.VChart || VChart;\n  if (vchartConstructor) {\n    vchartConstructor.useChart([StorylineChart]);\n  }\n};\n"]}

package/cjs/index.d.ts

@@ -17,6 +17,7 @@ export * from './charts/pictogram';
 export * from './charts/image-cloud';
 export * from './charts/candlestick';
 export * from './charts/timeline';
+export * from './charts/storyline';
 export * from './components/series-break';
 export * from './components/bar-link';
 export * from './components/series-label';

package/cjs/index.js

@@ -36,8 +36,8 @@ Object.defineProperty(exports, "register3DPlugin", {
     }
 }), __exportStar(require("./charts/pictogram"), exports), __exportStar(require("./charts/image-cloud"), exports), 
 __exportStar(require("./charts/candlestick"), exports), __exportStar(require("./charts/timeline"), exports), 
-__exportStar(require("./components/series-break"), exports), __exportStar(require("./components/bar-link"), exports), 
-__exportStar(require("./components/series-label"), exports), __exportStar(require("./components/map-label"), exports), 
-__exportStar(require("./components/regression-line"), exports), __exportStar(require("./components/scatter-regression-line"), exports), 
-__exportStar(require("./components/bar-regression-line"), exports), __exportStar(require("./components/histogram-regression-line"), exports), 
-__exportStar(require("./components/extension-mark-sync-state"), exports);
+__exportStar(require("./charts/storyline"), exports), __exportStar(require("./components/series-break"), exports), 
+__exportStar(require("./components/bar-link"), exports), __exportStar(require("./components/series-label"), exports), 
+__exportStar(require("./components/map-label"), exports), __exportStar(require("./components/regression-line"), exports), 
+__exportStar(require("./components/scatter-regression-line"), exports), __exportStar(require("./components/bar-regression-line"), exports), 
+__exportStar(require("./components/histogram-regression-line"), exports), __exportStar(require("./components/extension-mark-sync-state"), exports);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mEAAiD;AACjD,qEAAmD;AACnD,6DAA2C;AAC3C,uFAAqE;AACrE,qFAAmE;AACnE,yFAAuE;AAEvE,kDAAgC;AAChC,qDAAmC;AACnC,wDAAsC;AACtC,kDAAgC;AAChC,mEAAiD;AACjD,yDAAuC;AACvC,mDAAiC;AACjC,2DAAyC;AACzC,6CAAsD;AAA7C,0GAAA,gBAAgB,OAAA;AACzB,qDAAmC;AACnC,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAElC,4DAA0C;AAC1C,wDAAsC;AACtC,4DAA0C;AAC1C,yDAAuC;AACvC,+DAA6C;AAC7C,uEAAqD;AACrD,mEAAiD;AACjD,yEAAuD;AACvD,yEAAuD","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\nexport * from './charts/sequence-scatter-link/sequence-scatter-link';\nexport * from './charts/sequence-scatter-kde/sequence-scatter-kde';\nexport * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';\n\nexport * from './charts/bar-3d';\nexport * from './charts/funnel-3d';\nexport * from './charts/histogram-3d';\nexport * from './charts/pie-3d';\nexport * from './charts/combination-candlestick';\nexport * from './charts/word-cloud-3d';\nexport * from './charts/axis-3d';\nexport * from './charts/range-column-3d';\nexport { register3DPlugin } from './charts/3d/plugin';\nexport * from './charts/pictogram';\nexport * from './charts/image-cloud';\nexport * from './charts/candlestick';\nexport * from './charts/timeline';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\nexport * from './components/map-label';\nexport * from './components/regression-line';\nexport * from './components/scatter-regression-line';\nexport * from './components/bar-regression-line';\nexport * from './components/histogram-regression-line';\nexport * from './components/extension-mark-sync-state';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,mEAAiD;AACjD,qEAAmD;AACnD,6DAA2C;AAC3C,uFAAqE;AACrE,qFAAmE;AACnE,yFAAuE;AAEvE,kDAAgC;AAChC,qDAAmC;AACnC,wDAAsC;AACtC,kDAAgC;AAChC,mEAAiD;AACjD,yDAAuC;AACvC,mDAAiC;AACjC,2DAAyC;AACzC,6CAAsD;AAA7C,0GAAA,gBAAgB,OAAA;AACzB,qDAAmC;AACnC,uDAAqC;AACrC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AAEnC,4DAA0C;AAC1C,wDAAsC;AACtC,4DAA0C;AAC1C,yDAAuC;AACvC,+DAA6C;AAC7C,uEAAqD;AACrD,mEAAiD;AACjD,yEAAuD;AACvD,yEAAuD","file":"index.js","sourcesContent":["export * from './charts/ranking-bar/ranking-bar';\nexport * from './charts/ranking-list/ranking-list';\nexport * from './charts/conversion-funnel';\nexport * from './charts/sequence-scatter-link/sequence-scatter-link';\nexport * from './charts/sequence-scatter-kde/sequence-scatter-kde';\nexport * from './charts/sequence-scatter-pixel/sequence-scatter-pixel';\n\nexport * from './charts/bar-3d';\nexport * from './charts/funnel-3d';\nexport * from './charts/histogram-3d';\nexport * from './charts/pie-3d';\nexport * from './charts/combination-candlestick';\nexport * from './charts/word-cloud-3d';\nexport * from './charts/axis-3d';\nexport * from './charts/range-column-3d';\nexport { register3DPlugin } from './charts/3d/plugin';\nexport * from './charts/pictogram';\nexport * from './charts/image-cloud';\nexport * from './charts/candlestick';\nexport * from './charts/timeline';\nexport * from './charts/storyline';\n\nexport * from './components/series-break';\nexport * from './components/bar-link';\nexport * from './components/series-label';\nexport * from './components/map-label';\nexport * from './components/regression-line';\nexport * from './components/scatter-regression-line';\nexport * from './components/bar-regression-line';\nexport * from './components/histogram-regression-line';\nexport * from './components/extension-mark-sync-state';\n"]}

package/esm/charts/storyline/index.d.ts

@@ -0,0 +1,4 @@
+export * from './interface';
+export * from './layout';
+export * from './storyline';
+export * from './storyline-transformer';

package/esm/charts/storyline/index.js

@@ -0,0 +1,8 @@
+export * from "./interface";
+
+export * from "./layout";
+
+export * from "./storyline";
+
+export * from "./storyline-transformer";
+//# sourceMappingURL=index.js.map

package/esm/charts/storyline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './layout';\nexport * from './storyline';\nexport * from './storyline-transformer';\n"]}

package/esm/charts/storyline/interface.d.ts

@@ -0,0 +1,59 @@
+import type { IChartSpec, IComposedTextMarkSpec, IImageMarkSpec, IMarkSpec, IPathMarkSpec, IRectMarkSpec, ITextMarkSpec, StringOrNumber } from '@visactor/vchart';
+export type StorylineLayoutType = 'clock' | 'bowl' | 'dome' | 'left-wing' | 'right-wing' | 'landscape' | 'portrait' | 'up-ladder' | 'down-ladder' | 'pulse' | 'spiral';
+export type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';
+export type StorylineLineType = 'line' | 'polyline' | 'curve';
+export interface IStorylineBlock {
+    id?: StringOrNumber;
+    title?: string;
+    content?: string | string[];
+    image?: string | HTMLImageElement | HTMLCanvasElement;
+    datum?: unknown;
+}
+export interface IStorylineLayoutOptions {
+    type: StorylineLayoutType;
+    padding?: number | [number, number, number, number];
+    radiusRatio?: number;
+    startAngle?: number;
+    endAngle?: number;
+}
+export interface IStorylineBlockSpec {
+    width?: number;
+    widthRatio?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
+    padding?: number | [number, number, number, number];
+    gap?: number;
+    style?: Partial<IRectMarkSpec>;
+}
+export interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {
+    width?: number;
+    height?: number;
+    position?: StorylineImagePosition;
+    gap?: number;
+}
+export interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {
+    width?: number;
+    height?: number;
+    visible?: boolean;
+    image?: string | HTMLImageElement | HTMLCanvasElement;
+}
+export interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {
+    visible?: boolean;
+    type?: StorylineLineType;
+    showArrow?: boolean;
+    arrowSize?: number;
+    distance?: number;
+}
+export interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {
+    type: 'storyline';
+    data: IStorylineBlock[];
+    layout?: StorylineLayoutType | IStorylineLayoutOptions;
+    block?: IStorylineBlockSpec;
+    title?: IMarkSpec<ITextMarkSpec>;
+    content?: IMarkSpec<IComposedTextMarkSpec>;
+    image?: IStorylineImageSpec;
+    centerImage?: IStorylineCenterImageSpec;
+    line?: IStorylineLineSpec;
+    themeColor?: string;
+}

package/esm/charts/storyline/interface.js

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

package/esm/charts/storyline/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  IChartSpec,\n  IComposedTextMarkSpec,\n  IImageMarkSpec,\n  IMarkSpec,\n  IPathMarkSpec,\n  IRectMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '@visactor/vchart';\n\nexport type StorylineLayoutType =\n  | 'clock'\n  | 'bowl'\n  | 'dome'\n  | 'left-wing'\n  | 'right-wing'\n  | 'landscape'\n  | 'portrait'\n  | 'up-ladder'\n  | 'down-ladder'\n  | 'pulse'\n  | 'spiral';\n\nexport type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';\nexport type StorylineLineType = 'line' | 'polyline' | 'curve';\n\nexport interface IStorylineBlock {\n  id?: StringOrNumber;\n  title?: string;\n  content?: string | string[];\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n  datum?: unknown;\n}\n\nexport interface IStorylineLayoutOptions {\n  type: StorylineLayoutType;\n  /**\n   * 边缘留白，支持单值或 [top, right, bottom, left]。\n   */\n  padding?: number | [number, number, number, number];\n  /**\n   * 对 circular/arc 布局生效，控制半径占可用空间的比例。\n   */\n  radiusRatio?: number;\n  /**\n   * 对 circular/arc 布局生效，角度单位为度。\n   */\n  startAngle?: number;\n  /**\n   * 对 circular/arc 布局生效，角度单位为度。\n   */\n  endAngle?: number;\n}\n\nexport interface IStorylineBlockSpec {\n  width?: number;\n  widthRatio?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  height?: number;\n  padding?: number | [number, number, number, number];\n  gap?: number;\n  style?: Partial<IRectMarkSpec>;\n}\n\nexport interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {\n  width?: number;\n  height?: number;\n  position?: StorylineImagePosition;\n  gap?: number;\n}\n\nexport interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {\n  width?: number;\n  height?: number;\n  visible?: boolean;\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n}\n\nexport interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {\n  visible?: boolean;\n  type?: StorylineLineType;\n  showArrow?: boolean;\n  arrowSize?: number;\n  /**\n   * 连接线和 block 边缘之间的距离。\n   */\n  distance?: number;\n}\n\nexport interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {\n  type: 'storyline';\n  data: IStorylineBlock[];\n  layout?: StorylineLayoutType | IStorylineLayoutOptions;\n  block?: IStorylineBlockSpec;\n  title?: IMarkSpec<ITextMarkSpec>;\n  content?: IMarkSpec<IComposedTextMarkSpec>;\n  image?: IStorylineImageSpec;\n  centerImage?: IStorylineCenterImageSpec;\n  line?: IStorylineLineSpec;\n  themeColor?: string;\n}\n"]}

package/esm/charts/storyline/layout.d.ts

@@ -0,0 +1,53 @@
+import type { IStorylineBlock, IStorylineLayoutOptions, StorylineLayoutType } from './interface';
+export interface StorylineSize {
+    width: number;
+    height: number;
+}
+export interface StorylinePadding {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface StorylinePoint {
+    x: number;
+    y: number;
+}
+export interface StorylineBlockPosition extends StorylinePoint, StorylineSize {
+    id: string | number;
+    index: number;
+    datum: IStorylineBlock;
+    center: StorylinePoint;
+}
+export interface StorylineLinkPosition {
+    from: StorylineBlockPosition;
+    to: StorylineBlockPosition;
+    start: StorylinePoint;
+    end: StorylinePoint;
+    points: StorylinePoint[];
+}
+export interface StorylineCircleGuide {
+    center: StorylinePoint;
+    radius: number;
+}
+export interface StorylineLayoutResult {
+    blocks: StorylineBlockPosition[];
+    links: StorylineLinkPosition[];
+    circleGuide?: StorylineCircleGuide;
+}
+export interface StorylineComputeOptions {
+    layout: StorylineLayoutType | IStorylineLayoutOptions | undefined;
+    viewBox: StorylineSize;
+    block: StorylineSize;
+    gap?: number;
+    padding?: number | [number, number, number, number];
+    lineDistance?: number;
+}
+export declare const normalizePadding: (padding?: number | [
+    number,
+    number,
+    number,
+    number
+]) => StorylinePadding;
+export declare const normalizeLayout: (layout?: StorylineLayoutType | IStorylineLayoutOptions) => IStorylineLayoutOptions;
+export declare const computeStorylineLayout: (data: IStorylineBlock[], options: StorylineComputeOptions) => StorylineLayoutResult;

package/esm/charts/storyline/layout.js

@@ -0,0 +1,205 @@
+const DEFAULT_LAYOUT = "landscape", DEFAULT_PADDING = 24;
+
+export const normalizePadding = padding => {
+    var _a, _b, _c, _d;
+    if (Array.isArray(padding)) return {
+        top: null !== (_a = padding[0]) && void 0 !== _a ? _a : 0,
+        right: null !== (_b = padding[1]) && void 0 !== _b ? _b : 0,
+        bottom: null !== (_c = padding[2]) && void 0 !== _c ? _c : 0,
+        left: null !== (_d = padding[3]) && void 0 !== _d ? _d : 0
+    };
+    const value = null != padding ? padding : 24;
+    return {
+        top: value,
+        right: value,
+        bottom: value,
+        left: value
+    };
+};
+
+export const normalizeLayout = layout => layout ? "string" == typeof layout ? {
+    type: layout
+} : layout : {
+    type: "landscape"
+};
+
+export const computeStorylineLayout = (data, options) => {
+    var _a, _b, _c;
+    const layout = normalizeLayout(options.layout), padding = normalizePadding(null !== (_a = layout.padding) && void 0 !== _a ? _a : options.padding), gap = null !== (_b = options.gap) && void 0 !== _b ? _b : 40, lineDistance = null !== (_c = options.lineDistance) && void 0 !== _c ? _c : 8, blocks = computeBlockPositions(data, layout, options.viewBox, options.block, padding, gap), circleGuide = "clock" === layout.type ? computeClockCircleGuide(options.viewBox, options.block, padding, layout) : void 0;
+    return {
+        blocks: blocks,
+        links: computeLinks(blocks, lineDistance),
+        circleGuide: circleGuide
+    };
+};
+
+const computeBlockPositions = (data, layout, viewBox, block, padding, gap) => {
+    const count = data.length;
+    if (!count) return [];
+    const inner = {
+        x: padding.left,
+        y: padding.top,
+        width: Math.max(viewBox.width - padding.left - padding.right, block.width),
+        height: Math.max(viewBox.height - padding.top - padding.bottom, block.height)
+    }, center = {
+        x: inner.x + inner.width / 2,
+        y: inner.y + inner.height / 2
+    };
+    let centers;
+    switch (layout.type) {
+      case "portrait":
+        centers = lineCenters(count, center.x, inner.y + block.height / 2, center.x, inner.y + inner.height - block.height / 2);
+        break;
+
+      case "up-ladder":
+        centers = lineCenters(count, inner.x + block.width / 2, inner.y + inner.height - block.height / 2, inner.x + inner.width - block.width / 2, inner.y + block.height / 2);
+        break;
+
+      case "down-ladder":
+        centers = lineCenters(count, inner.x + block.width / 2, inner.y + block.height / 2, inner.x + inner.width - block.width / 2, inner.y + inner.height - block.height / 2);
+        break;
+
+      case "pulse":
+        centers = alternatingHorizontalCenters(count, inner, block, gap);
+        break;
+
+      case "spiral":
+        centers = alternatingVerticalCenters(count, inner, block, gap);
+        break;
+
+      case "clock":
+        centers = circularCenters(count, viewBox, block, padding, layout);
+        break;
+
+      case "bowl":
+        centers = arcCenters(count, inner, block, layout, 200, 340);
+        break;
+
+      case "dome":
+        centers = arcCenters(count, inner, block, layout, 160, 20);
+        break;
+
+      case "left-wing":
+        centers = arcCenters(count, inner, block, layout, 250, 110);
+        break;
+
+      case "right-wing":
+        centers = arcCenters(count, inner, block, layout, -70, 70);
+        break;
+
+      default:
+        centers = lineCenters(count, inner.x + block.width / 2, center.y, inner.x + inner.width - block.width / 2, center.y);
+    }
+    return centers.map(((point, index) => {
+        var _a, _b;
+        return {
+            id: null !== (_b = null === (_a = data[index]) || void 0 === _a ? void 0 : _a.id) && void 0 !== _b ? _b : index,
+            index: index,
+            datum: data[index],
+            width: block.width,
+            height: block.height,
+            x: point.x - block.width / 2,
+            y: point.y - block.height / 2,
+            center: point
+        };
+    }));
+}, lineCenters = (count, x0, y0, x1, y1) => 1 === count ? [ {
+    x: (x0 + x1) / 2,
+    y: (y0 + y1) / 2
+} ] : Array.from({
+    length: count
+}, ((_, index) => {
+    const t = index / (count - 1);
+    return {
+        x: x0 + (x1 - x0) * t,
+        y: y0 + (y1 - y0) * t
+    };
+})), alternatingHorizontalCenters = (count, inner, block, gap) => {
+    const baseY = inner.y + inner.height / 2, offset = Math.min(Math.max(.65 * block.height + gap / 2, 0), Math.max((inner.height - block.height) / 2, 0));
+    return lineCenters(count, inner.x + block.width / 2, baseY, inner.x + inner.width - block.width / 2, baseY).map(((point, index) => ({
+        x: point.x,
+        y: point.y + (index % 2 == 0 ? -offset : offset)
+    })));
+}, alternatingVerticalCenters = (count, inner, block, gap) => {
+    const baseX = inner.x + inner.width / 2, offset = Math.min(Math.max(.65 * block.width + gap / 2, 0), Math.max((inner.width - block.width) / 2, 0));
+    return lineCenters(count, baseX, inner.y + block.height / 2, baseX, inner.y + inner.height - block.height / 2).map(((point, index) => ({
+        x: point.x + (index % 2 == 0 ? -offset : offset),
+        y: point.y
+    })));
+}, circularCenters = (count, viewBox, block, padding, layout) => {
+    var _a;
+    const guide = computeClockCircleGuide(viewBox, block, padding, layout), startAngle = null !== (_a = layout.startAngle) && void 0 !== _a ? _a : -90;
+    if (1 === count) {
+        const angle = degreeToRadian(startAngle);
+        return [ {
+            x: guide.center.x + Math.cos(angle) * guide.radius,
+            y: guide.center.y + Math.sin(angle) * guide.radius
+        } ];
+    }
+    return Array.from({
+        length: count
+    }, ((_, index) => {
+        const angle = degreeToRadian(startAngle + 360 * index / count);
+        return {
+            x: guide.center.x + Math.cos(angle) * guide.radius,
+            y: guide.center.y + Math.sin(angle) * guide.radius
+        };
+    }));
+}, computeClockCircleGuide = (viewBox, block, padding, layout) => {
+    var _a;
+    const innerWidth = Math.max(viewBox.width - padding.left - padding.right, 1), innerHeight = Math.max(viewBox.height - padding.top - padding.bottom, 1), center = {
+        x: padding.left + innerWidth / 2,
+        y: padding.top + innerHeight / 2
+    }, ratio = null !== (_a = layout.radiusRatio) && void 0 !== _a ? _a : .7, maxRadius = Math.max(Math.min(innerWidth - block.width, innerHeight - block.height) / 2, 1);
+    return {
+        center: center,
+        radius: Math.max(1, maxRadius * ratio)
+    };
+}, arcCenters = (count, inner, block, layout, fallbackStartAngle, fallbackEndAngle, defaultRatio = .88) => {
+    var _a, _b, _c, _d, _e;
+    const startAngle = null !== (_b = null !== (_a = layout.startAngle) && void 0 !== _a ? _a : fallbackStartAngle) && void 0 !== _b ? _b : -90, endAngle = null !== (_d = null !== (_c = layout.endAngle) && void 0 !== _c ? _c : fallbackEndAngle) && void 0 !== _d ? _d : 270, ratio = null !== (_e = layout.radiusRatio) && void 0 !== _e ? _e : defaultRatio, rx = Math.max((inner.width - block.width) / 2, 1) * ratio, ry = Math.max((inner.height - block.height) / 2, 1) * ratio, center_x = inner.x + inner.width / 2, center_y = inner.y + inner.height / 2;
+    if (1 === count) {
+        const angle = degreeToRadian((startAngle + endAngle) / 2);
+        return [ {
+            x: center_x + Math.cos(angle) * rx,
+            y: center_y + Math.sin(angle) * ry
+        } ];
+    }
+    return Array.from({
+        length: count
+    }, ((_, index) => {
+        const t = index / (count - 1), angle = degreeToRadian(startAngle + angleDelta(startAngle, endAngle) * t);
+        return {
+            x: center_x + Math.cos(angle) * rx,
+            y: center_y + Math.sin(angle) * ry
+        };
+    }));
+}, angleDelta = (startAngle, endAngle) => {
+    const delta = endAngle - startAngle;
+    return Math.abs(delta) >= 360 ? 360 : delta;
+}, degreeToRadian = degree => degree / 180 * Math.PI, computeLinks = (blocks, distance) => {
+    const links = [];
+    for (let i = 0; i < blocks.length - 1; i++) {
+        const from = blocks[i], to = blocks[i + 1], start = pointOnBlockEdge(from, to.center, distance), end = pointOnBlockEdge(to, from.center, distance);
+        links.push({
+            from: from,
+            to: to,
+            start: start,
+            end: end,
+            points: [ start, end ]
+        });
+    }
+    return links;
+}, pointOnBlockEdge = (block, toward, distance) => {
+    const dx = toward.x - block.center.x, dy = toward.y - block.center.y;
+    if (0 === dx && 0 === dy) return {
+        x: block.center.x,
+        y: block.center.y
+    };
+    const scaleX = 0 === dx ? Number.POSITIVE_INFINITY : block.width / 2 / Math.abs(dx), scaleY = 0 === dy ? Number.POSITIVE_INFINITY : block.height / 2 / Math.abs(dy), scale = Math.min(scaleX, scaleY), length = Math.sqrt(dx * dx + dy * dy) || 1;
+    return {
+        x: block.center.x + dx * scale + dx / length * distance,
+        y: block.center.y + dy * scale + dy / length * distance
+    };
+};
+//# sourceMappingURL=layout.js.map

package/esm/charts/storyline/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layout.ts"],"names":[],"mappings":"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","file":"layout.js","sourcesContent":["import type { IStorylineBlock, IStorylineLayoutOptions, StorylineLayoutType } from './interface';\n\nexport interface StorylineSize {\n  width: number;\n  height: number;\n}\n\nexport interface StorylinePadding {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}\n\nexport interface StorylinePoint {\n  x: number;\n  y: number;\n}\n\nexport interface StorylineBlockPosition extends StorylinePoint, StorylineSize {\n  id: string | number;\n  index: number;\n  datum: IStorylineBlock;\n  center: StorylinePoint;\n}\n\nexport interface StorylineLinkPosition {\n  from: StorylineBlockPosition;\n  to: StorylineBlockPosition;\n  start: StorylinePoint;\n  end: StorylinePoint;\n  points: StorylinePoint[];\n}\n\nexport interface StorylineCircleGuide {\n  center: StorylinePoint;\n  radius: number;\n}\n\nexport interface StorylineLayoutResult {\n  blocks: StorylineBlockPosition[];\n  links: StorylineLinkPosition[];\n  circleGuide?: StorylineCircleGuide;\n}\n\nexport interface StorylineComputeOptions {\n  layout: StorylineLayoutType | IStorylineLayoutOptions | undefined;\n  viewBox: StorylineSize;\n  block: StorylineSize;\n  gap?: number;\n  padding?: number | [number, number, number, number];\n  lineDistance?: number;\n}\n\nconst DEFAULT_LAYOUT: StorylineLayoutType = 'landscape';\nconst DEFAULT_PADDING = 24;\n\nexport const normalizePadding = (padding?: number | [number, number, number, number]): StorylinePadding => {\n  if (Array.isArray(padding)) {\n    return {\n      top: padding[0] ?? 0,\n      right: padding[1] ?? 0,\n      bottom: padding[2] ?? 0,\n      left: padding[3] ?? 0\n    };\n  }\n  const value = padding ?? DEFAULT_PADDING;\n  return { top: value, right: value, bottom: value, left: value };\n};\n\nexport const normalizeLayout = (layout?: StorylineLayoutType | IStorylineLayoutOptions): IStorylineLayoutOptions => {\n  if (!layout) {\n    return { type: DEFAULT_LAYOUT };\n  }\n  if (typeof layout === 'string') {\n    return { type: layout };\n  }\n  return layout;\n};\n\nexport const computeStorylineLayout = (\n  data: IStorylineBlock[],\n  options: StorylineComputeOptions\n): StorylineLayoutResult => {\n  const layout = normalizeLayout(options.layout);\n  const padding = normalizePadding(layout.padding ?? options.padding);\n  const gap = options.gap ?? 40;\n  const lineDistance = options.lineDistance ?? 8;\n  const blocks = computeBlockPositions(data, layout, options.viewBox, options.block, padding, gap);\n  const circleGuide =\n    layout.type === 'clock' ? computeClockCircleGuide(options.viewBox, options.block, padding, layout) : undefined;\n  return {\n    blocks,\n    links: computeLinks(blocks, lineDistance),\n    circleGuide\n  };\n};\n\nconst computeBlockPositions = (\n  data: IStorylineBlock[],\n  layout: IStorylineLayoutOptions,\n  viewBox: StorylineSize,\n  block: StorylineSize,\n  padding: StorylinePadding,\n  gap: number\n): StorylineBlockPosition[] => {\n  const count = data.length;\n  if (!count) {\n    return [];\n  }\n\n  const inner = {\n    x: padding.left,\n    y: padding.top,\n    width: Math.max(viewBox.width - padding.left - padding.right, block.width),\n    height: Math.max(viewBox.height - padding.top - padding.bottom, block.height)\n  };\n  const center = {\n    x: inner.x + inner.width / 2,\n    y: inner.y + inner.height / 2\n  };\n\n  let centers: StorylinePoint[];\n  switch (layout.type) {\n    case 'portrait':\n      centers = lineCenters(\n        count,\n        center.x,\n        inner.y + block.height / 2,\n        center.x,\n        inner.y + inner.height - block.height / 2\n      );\n      break;\n    case 'up-ladder':\n      centers = lineCenters(\n        count,\n        inner.x + block.width / 2,\n        inner.y + inner.height - block.height / 2,\n        inner.x + inner.width - block.width / 2,\n        inner.y + block.height / 2\n      );\n      break;\n    case 'down-ladder':\n      centers = lineCenters(\n        count,\n        inner.x + block.width / 2,\n        inner.y + block.height / 2,\n        inner.x + inner.width - block.width / 2,\n        inner.y + inner.height - block.height / 2\n      );\n      break;\n    case 'pulse':\n      centers = alternatingHorizontalCenters(count, inner, block, gap);\n      break;\n    case 'spiral':\n      centers = alternatingVerticalCenters(count, inner, block, gap);\n      break;\n    case 'clock':\n      centers = circularCenters(count, viewBox, block, padding, layout);\n      break;\n    case 'bowl':\n      centers = arcCenters(count, inner, block, layout, 200, 340);\n      break;\n    case 'dome':\n      centers = arcCenters(count, inner, block, layout, 160, 20);\n      break;\n    case 'left-wing':\n      centers = arcCenters(count, inner, block, layout, 250, 110);\n      break;\n    case 'right-wing':\n      centers = arcCenters(count, inner, block, layout, -70, 70);\n      break;\n    case 'landscape':\n    default:\n      centers = lineCenters(\n        count,\n        inner.x + block.width / 2,\n        center.y,\n        inner.x + inner.width - block.width / 2,\n        center.y\n      );\n      break;\n  }\n\n  return centers.map((point, index) => ({\n    id: data[index]?.id ?? index,\n    index,\n    datum: data[index],\n    width: block.width,\n    height: block.height,\n    x: point.x - block.width / 2,\n    y: point.y - block.height / 2,\n    center: point\n  }));\n};\n\nconst lineCenters = (count: number, x0: number, y0: number, x1: number, y1: number): StorylinePoint[] => {\n  if (count === 1) {\n    return [{ x: (x0 + x1) / 2, y: (y0 + y1) / 2 }];\n  }\n  return Array.from({ length: count }, (_, index) => {\n    const t = index / (count - 1);\n    return {\n      x: x0 + (x1 - x0) * t,\n      y: y0 + (y1 - y0) * t\n    };\n  });\n};\n\nconst alternatingHorizontalCenters = (\n  count: number,\n  inner: { x: number; y: number; width: number; height: number },\n  block: StorylineSize,\n  gap: number\n) => {\n  const baseY = inner.y + inner.height / 2;\n  const offset = Math.min(Math.max(block.height * 0.65 + gap / 2, 0), Math.max((inner.height - block.height) / 2, 0));\n  const points = lineCenters(count, inner.x + block.width / 2, baseY, inner.x + inner.width - block.width / 2, baseY);\n  return points.map((point, index) => ({\n    x: point.x,\n    y: point.y + (index % 2 === 0 ? -offset : offset)\n  }));\n};\n\nconst alternatingVerticalCenters = (\n  count: number,\n  inner: { x: number; y: number; width: number; height: number },\n  block: StorylineSize,\n  gap: number\n) => {\n  const baseX = inner.x + inner.width / 2;\n  const offset = Math.min(Math.max(block.width * 0.65 + gap / 2, 0), Math.max((inner.width - block.width) / 2, 0));\n  const points = lineCenters(\n    count,\n    baseX,\n    inner.y + block.height / 2,\n    baseX,\n    inner.y + inner.height - block.height / 2\n  );\n  return points.map((point, index) => ({\n    x: point.x + (index % 2 === 0 ? -offset : offset),\n    y: point.y\n  }));\n};\n\nconst circularCenters = (\n  count: number,\n  viewBox: StorylineSize,\n  block: StorylineSize,\n  padding: StorylinePadding,\n  layout: IStorylineLayoutOptions\n) => {\n  const guide = computeClockCircleGuide(viewBox, block, padding, layout);\n  const startAngle = layout.startAngle ?? -90;\n  const delta = 360;\n\n  if (count === 1) {\n    const angle = degreeToRadian(startAngle);\n    return [\n      {\n        x: guide.center.x + Math.cos(angle) * guide.radius,\n        y: guide.center.y + Math.sin(angle) * guide.radius\n      }\n    ];\n  }\n\n  return Array.from({ length: count }, (_, index) => {\n    const angle = degreeToRadian(startAngle + (delta * index) / count);\n    return {\n      x: guide.center.x + Math.cos(angle) * guide.radius,\n      y: guide.center.y + Math.sin(angle) * guide.radius\n    };\n  });\n};\n\nconst computeClockCircleGuide = (\n  viewBox: StorylineSize,\n  block: StorylineSize,\n  padding: StorylinePadding,\n  layout: IStorylineLayoutOptions\n): StorylineCircleGuide => {\n  const innerWidth = Math.max(viewBox.width - padding.left - padding.right, 1);\n  const innerHeight = Math.max(viewBox.height - padding.top - padding.bottom, 1);\n  const center = {\n    x: padding.left + innerWidth / 2,\n    y: padding.top + innerHeight / 2\n  };\n  const ratio = layout.radiusRatio ?? 0.7;\n  const maxRadius = Math.max(Math.min(innerWidth - block.width, innerHeight - block.height) / 2, 1);\n\n  return {\n    center,\n    radius: Math.max(1, maxRadius * ratio)\n  };\n};\n\nconst arcCenters = (\n  count: number,\n  inner: { x: number; y: number; width: number; height: number },\n  block: StorylineSize,\n  layout: IStorylineLayoutOptions,\n  fallbackStartAngle?: number,\n  fallbackEndAngle?: number,\n  defaultRatio = 0.88\n) => {\n  const startAngle = layout.startAngle ?? fallbackStartAngle ?? -90;\n  const endAngle = layout.endAngle ?? fallbackEndAngle ?? 270;\n  const ratio = layout.radiusRatio ?? defaultRatio;\n  const rx = Math.max((inner.width - block.width) / 2, 1) * ratio;\n  const ry = Math.max((inner.height - block.height) / 2, 1) * ratio;\n  const center = {\n    x: inner.x + inner.width / 2,\n    y: inner.y + inner.height / 2\n  };\n\n  if (count === 1) {\n    const angle = degreeToRadian((startAngle + endAngle) / 2);\n    return [{ x: center.x + Math.cos(angle) * rx, y: center.y + Math.sin(angle) * ry }];\n  }\n\n  return Array.from({ length: count }, (_, index) => {\n    const t = index / (count - 1);\n    const angle = degreeToRadian(startAngle + angleDelta(startAngle, endAngle) * t);\n    return {\n      x: center.x + Math.cos(angle) * rx,\n      y: center.y + Math.sin(angle) * ry\n    };\n  });\n};\n\nconst angleDelta = (startAngle: number, endAngle: number) => {\n  const delta = endAngle - startAngle;\n  return Math.abs(delta) >= 360 ? 360 : delta;\n};\n\nconst degreeToRadian = (degree: number) => (degree / 180) * Math.PI;\n\nconst computeLinks = (blocks: StorylineBlockPosition[], distance: number): StorylineLinkPosition[] => {\n  const links: StorylineLinkPosition[] = [];\n  for (let i = 0; i < blocks.length - 1; i++) {\n    const from = blocks[i];\n    const to = blocks[i + 1];\n    const start = pointOnBlockEdge(from, to.center, distance);\n    const end = pointOnBlockEdge(to, from.center, distance);\n    links.push({\n      from,\n      to,\n      start,\n      end,\n      points: [start, end]\n    });\n  }\n  return links;\n};\n\nconst pointOnBlockEdge = (block: StorylineBlockPosition, toward: StorylinePoint, distance: number): StorylinePoint => {\n  const dx = toward.x - block.center.x;\n  const dy = toward.y - block.center.y;\n  if (dx === 0 && dy === 0) {\n    return { x: block.center.x, y: block.center.y };\n  }\n  const scaleX = dx === 0 ? Number.POSITIVE_INFINITY : block.width / 2 / Math.abs(dx);\n  const scaleY = dy === 0 ? Number.POSITIVE_INFINITY : block.height / 2 / Math.abs(dy);\n  const scale = Math.min(scaleX, scaleY);\n  const length = Math.sqrt(dx * dx + dy * dy) || 1;\n  return {\n    x: block.center.x + dx * scale + (dx / length) * distance,\n    y: block.center.y + dy * scale + (dy / length) * distance\n  };\n};\n"]}

package/esm/charts/storyline/layouts/bowl.d.ts

@@ -0,0 +1,5 @@
+import type { IExtensionGroupMarkSpec } from '@visactor/vchart';
+import type { IStorylineBlock, IStorylineSpec } from '../interface';
+export declare const buildBowlArcMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
+export declare const buildBowlCenterImageMark: (spec: IStorylineSpec) => IExtensionGroupMarkSpec | null;
+export declare const buildBowlBlockMark: (spec: IStorylineSpec, block: IStorylineBlock, index: number) => IExtensionGroupMarkSpec;