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

package/cjs/charts/storyline/layouts/default.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var __rest = this && this.__rest || function(s, e) {
+    var t = {};
+    for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+    if (null != s && "function" == typeof Object.getOwnPropertySymbols) {
+        var i = 0;
+        for (p = Object.getOwnPropertySymbols(s); i < p.length; i++) e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
+    }
+    return t;
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.buildDefaultBlockMark = exports.buildDefaultLineMark = void 0;
+
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), buildDefaultLineMark = spec => {
+    var _a, _b, _c, _d;
+    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 : {
+        type: "group",
+        name: "storyline-links",
+        zIndex: vchart_1.LayoutZIndex.Mark,
+        children: (null !== (_d = spec.data) && void 0 !== _d ? _d : []).slice(1).map(((_, index) => {
+            var _a;
+            const _b = null !== (_a = spec.line) && void 0 !== _a ? _a : {}, {style: style = {}, type: type = "line", showArrow: showArrow = !1, arrowSize: arrowSize = 8} = _b, rest = __rest(_b, [ "style", "type", "showArrow", "arrowSize" ]);
+            return Object.assign(Object.assign({
+                type: "path",
+                name: `storyline-link-${index}`,
+                interactive: !1
+            }, rest), {
+                style: Object.assign(Object.assign({
+                    stroke: "#8a94a6",
+                    lineWidth: 1.5,
+                    fill: "transparent",
+                    fillOpacity: 0
+                }, style), {
+                    path: (_datum, ctx) => {
+                        const link = (0, common_1.getLayout)(spec, ctx).links[index];
+                        return link ? buildLinkPath(link.points, type, showArrow, arrowSize) : "";
+                    }
+                })
+            });
+        }))
+    };
+};
+
+exports.buildDefaultLineMark = buildDefaultLineMark;
+
+const getDefaultBlockMetrics = (spec, ctx, index) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
+    const block = (0, common_1.getLayout)(spec, ctx).blocks[index], padding = (0, common_1.normalizePadding)(null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding) && void 0 !== _b ? _b : 12), imagePosition = null !== (_d = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.position) && void 0 !== _d ? _d : "top", imageWidth = null !== (_f = null === (_e = spec.image) || void 0 === _e ? void 0 : _e.width) && void 0 !== _f ? _f : common_1.DEFAULT_IMAGE_WIDTH, imageHeight = null !== (_h = null === (_g = spec.image) || void 0 === _g ? void 0 : _g.height) && void 0 !== _h ? _h : common_1.DEFAULT_IMAGE_HEIGHT, imageGap = null !== (_k = null === (_j = spec.image) || void 0 === _j ? void 0 : _j.gap) && void 0 !== _k ? _k : common_1.DEFAULT_IMAGE_GAP, hasImage = !!(null === (_m = null === (_l = spec.data) || void 0 === _l ? void 0 : _l[index]) || void 0 === _m ? void 0 : _m.image), titleFontSize = Number(null !== (_q = null === (_p = null === (_o = spec.title) || void 0 === _o ? void 0 : _o.style) || void 0 === _p ? void 0 : _p.fontSize) && void 0 !== _q ? _q : 14), titleLineHeight = Number(null !== (_t = null === (_s = null === (_r = spec.title) || void 0 === _r ? void 0 : _r.style) || void 0 === _s ? void 0 : _s.lineHeight) && void 0 !== _t ? _t : Math.round(1.35 * titleFontSize)), titleHeight = (null === (_v = null === (_u = spec.data) || void 0 === _u ? void 0 : _u[index]) || void 0 === _v ? void 0 : _v.title) ? titleLineHeight : 0, blockWidth = null !== (_w = null == block ? void 0 : block.width) && void 0 !== _w ? _w : (0, 
+    common_1.resolveBlockWidth)(spec, 0), blockHeight = null !== (_z = null !== (_x = null == block ? void 0 : block.height) && void 0 !== _x ? _x : null === (_y = spec.block) || void 0 === _y ? void 0 : _y.height) && void 0 !== _z ? _z : common_1.DEFAULT_BLOCK_HEIGHT, imageBox = (0, 
+    common_1.getImageBox)(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), textBox = (0, 
+    common_1.getTextBox)(imagePosition, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage), contentGap = (null === (_1 = null === (_0 = spec.data) || void 0 === _0 ? void 0 : _0[index]) || void 0 === _1 ? void 0 : _1.title) ? 8 : 0;
+    return {
+        block: {
+            width: blockWidth,
+            height: blockHeight
+        },
+        imageBox: imageBox,
+        textBox: textBox,
+        contentBox: {
+            y: textBox.y + titleHeight + contentGap,
+            height: Math.max(0, textBox.height - titleHeight - contentGap)
+        }
+    };
+}, buildDefaultBlockMark = (spec, block, index) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 14), titleLineHeight = Number(null !== (_f = null === (_e = null === (_d = spec.title) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.lineHeight) && void 0 !== _f ? _f : Math.round(1.35 * titleFontSize));
+    return {
+        type: "group",
+        id: `storyline-block-${null !== (_g = block.id) && void 0 !== _g ? _g : index}`,
+        name: `storyline-block-${index}`,
+        zIndex: vchart_1.LayoutZIndex.Mark + 1,
+        style: {
+            x: (_datum, ctx) => {
+                var _a, _b;
+                return null !== (_b = null === (_a = (0, common_1.getLayout)(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.x) && void 0 !== _b ? _b : 0;
+            },
+            y: (_datum, ctx) => {
+                var _a, _b;
+                return null !== (_b = null === (_a = (0, common_1.getLayout)(spec, ctx).blocks[index]) || void 0 === _a ? void 0 : _a.y) && void 0 !== _b ? _b : 0;
+            },
+            width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.width,
+            height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.height
+        },
+        children: [ {
+            type: "rect",
+            name: `storyline-block-bg-${index}`,
+            interactive: !1,
+            style: Object.assign({
+                x: 0,
+                y: 0,
+                width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.width,
+                height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).block.height,
+                cornerRadius: 8,
+                fill: "#ffffff",
+                stroke: "#d7dce5",
+                lineWidth: 1,
+                shadowBlur: 6,
+                shadowColor: "rgba(0, 0, 0, 0.08)"
+            }, null === (_h = spec.block) || void 0 === _h ? void 0 : _h.style)
+        }, hasImage ? Object.assign(Object.assign({
+            type: "image",
+            name: `storyline-block-image-${index}`,
+            interactive: !1
+        }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
+            style: Object.assign({
+                x: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.x,
+                y: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.y,
+                width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.width,
+                height: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).imageBox.height,
+                image: block.image,
+                cornerRadius: 6
+            }, null === (_j = spec.image) || void 0 === _j ? void 0 : _j.style)
+        }) : null, block.title ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-title-${index}`,
+            interactive: !1
+        }, spec.title), {
+            style: Object.assign({
+                x: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,
+                y: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.y,
+                text: block.title,
+                maxLineWidth: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
+                fontSize: titleFontSize,
+                lineHeight: titleLineHeight,
+                fontWeight: "bold",
+                fill: "#1f2430",
+                textAlign: "left",
+                textBaseline: "top"
+            }, null === (_k = spec.title) || void 0 === _k ? void 0 : _k.style)
+        }) : null, contentText.length ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-content-${index}`,
+            interactive: !1
+        }, spec.content), {
+            textType: "rich",
+            style: Object.assign({
+                x: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,
+                y: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).contentBox.y,
+                width: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
+                text: (0, common_1.buildRichContent)(contentText, spec),
+                maxLineWidth: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,
+                fontSize: 12,
+                lineHeight: 18,
+                heightLimit: (_datum, ctx) => getDefaultBlockMetrics(spec, ctx, index).contentBox.height,
+                textAlign: "left",
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#596173"
+            }, null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style)
+        }) : null ].filter(Boolean)
+    };
+};
+
+exports.buildDefaultBlockMark = buildDefaultBlockMark;
+
+const buildLinkPath = (points, type, showArrow, arrowSize) => {
+    const start = points[0], end = points[points.length - 1];
+    if (!start || !end) return "";
+    let path;
+    if ("curve" === type) {
+        const dx = end.x - start.x, dy = end.y - start.y, curve = Math.max(Math.min(.22 * Math.sqrt(dx * dx + dy * dy), 80), 24);
+        path = `M ${start.x} ${start.y} C ${start.x + dx / 2} ${start.y - curve} ${end.x - dx / 2} ${end.y + curve} ${end.x} ${end.y}`;
+    } else if ("polyline" === type) {
+        const mid = {
+            x: (start.x + end.x) / 2,
+            y: (start.y + end.y) / 2
+        };
+        path = `M ${start.x} ${start.y} L ${mid.x} ${start.y} L ${mid.x} ${end.y} L ${end.x} ${end.y}`;
+    } else path = `M ${start.x} ${start.y} L ${end.x} ${end.y}`;
+    return showArrow ? `${path} ${buildArrowPath(start, end, arrowSize)}` : path;
+}, buildArrowPath = (start, end, size) => {
+    const angle = Math.atan2(end.y - start.y, end.x - start.x), left_x = end.x - Math.cos(angle - Math.PI / 6) * size, left_y = end.y - Math.sin(angle - Math.PI / 6) * size, right_x = end.x - Math.cos(angle + Math.PI / 6) * size, right_y = end.y - Math.sin(angle + Math.PI / 6) * size;
+    return `M ${left_x} ${left_y} L ${end.x} ${end.y} L ${right_x} ${right_y}`;
+};
+//# sourceMappingURL=default.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/default.ts"],"names":[],"mappings":"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","file":"default.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec, StorylineLineType } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  type StorylinePoint,\n  DEFAULT_BLOCK_HEIGHT,\n  DEFAULT_IMAGE_WIDTH,\n  DEFAULT_IMAGE_HEIGHT,\n  DEFAULT_IMAGE_GAP,\n  buildRichContent,\n  getImageBox,\n  getLayout,\n  getTextBox,\n  normalizePadding,\n  omitImageLayoutSpec,\n  resolveBlockWidth\n} from './common';\n\n/**\n * 默认布局：rect block（image + title + content） + 普通 link mark。\n */\n\nexport const buildDefaultLineMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible === false || (spec.data?.length ?? 0) <= 1) {\n    return null;\n  }\n\n  return {\n    type: 'group' as any,\n    name: 'storyline-links',\n    zIndex: LayoutZIndex.Mark,\n    children: (spec.data ?? []).slice(1).map((_, index) => {\n      const { style = {}, type = 'line', showArrow = false, arrowSize = 8, ...rest } = spec.line ?? {};\n      return {\n        type: 'path',\n        name: `storyline-link-${index}`,\n        interactive: false,\n        ...rest,\n        style: {\n          stroke: '#8a94a6',\n          lineWidth: 1.5,\n          fill: 'transparent',\n          fillOpacity: 0,\n          ...style,\n          path: (_datum: unknown, ctx: LayoutContext) => {\n            const link = getLayout(spec, ctx).links[index];\n            if (!link) {\n              return '';\n            }\n            return buildLinkPath(link.points, type, showArrow, arrowSize);\n          }\n        }\n      } as ICustomMarkSpec<'path'>;\n    })\n  };\n};\n\nconst getDefaultBlockMetrics = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n  const block = getLayout(spec, ctx).blocks[index];\n  const padding = normalizePadding(spec.block?.padding ?? 12);\n  const imagePosition = spec.image?.position ?? 'top';\n  const imageWidth = spec.image?.width ?? DEFAULT_IMAGE_WIDTH;\n  const imageHeight = spec.image?.height ?? DEFAULT_IMAGE_HEIGHT;\n  const imageGap = spec.image?.gap ?? DEFAULT_IMAGE_GAP;\n  const hasImage = !!spec.data?.[index]?.image;\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n  const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n  const titleHeight = spec.data?.[index]?.title ? titleLineHeight : 0;\n  const blockWidth = block?.width ?? resolveBlockWidth(spec, 0);\n  const blockHeight = block?.height ?? spec.block?.height ?? DEFAULT_BLOCK_HEIGHT;\n  const imageBox = getImageBox(\n    imagePosition,\n    blockWidth,\n    blockHeight,\n    padding,\n    imageWidth,\n    imageHeight,\n    imageGap,\n    hasImage\n  );\n  const textBox = getTextBox(\n    imagePosition,\n    blockWidth,\n    blockHeight,\n    padding,\n    imageWidth,\n    imageHeight,\n    imageGap,\n    hasImage\n  );\n  const contentGap = spec.data?.[index]?.title ? 8 : 0;\n\n  return {\n    block: {\n      width: blockWidth,\n      height: blockHeight\n    },\n    imageBox,\n    textBox,\n    contentBox: {\n      y: textBox.y + titleHeight + contentGap,\n      height: Math.max(0, textBox.height - titleHeight - contentGap)\n    }\n  };\n};\n\nexport const buildDefaultBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n  const titleLineHeight = Number((spec.title?.style as any)?.lineHeight ?? Math.round(titleFontSize * 1.35));\n\n  return {\n    type: 'group' as any,\n    id: `storyline-block-${block.id ?? index}`,\n    name: `storyline-block-${index}`,\n    zIndex: LayoutZIndex.Mark + 1,\n    style: {\n      x: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.x ?? 0,\n      y: (_datum: unknown, ctx: LayoutContext) => getLayout(spec, ctx).blocks[index]?.y ?? 0,\n      width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n      height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height\n    },\n    children: [\n      {\n        type: 'rect',\n        name: `storyline-block-bg-${index}`,\n        interactive: false,\n        style: {\n          x: 0,\n          y: 0,\n          width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.width,\n          height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).block.height,\n          cornerRadius: 8,\n          fill: '#ffffff',\n          stroke: '#d7dce5',\n          lineWidth: 1,\n          shadowBlur: 6,\n          shadowColor: 'rgba(0, 0, 0, 0.08)',\n          ...spec.block?.style\n        }\n      },\n      hasImage\n        ? ({\n            type: 'image',\n            name: `storyline-block-image-${index}`,\n            interactive: false,\n            ...omitImageLayoutSpec(spec.image),\n            style: {\n              x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.x,\n              y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.y,\n              width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.width,\n              height: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).imageBox.height,\n              image: block.image,\n              cornerRadius: 6,\n              ...spec.image?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : null,\n      block.title\n        ? ({\n            type: 'text',\n            name: `storyline-block-title-${index}`,\n            interactive: false,\n            ...spec.title,\n            style: {\n              x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n              y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.y,\n              text: block.title,\n              maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n                getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n              fontSize: titleFontSize,\n              lineHeight: titleLineHeight,\n              fontWeight: 'bold',\n              fill: '#1f2430',\n              textAlign: 'left',\n              textBaseline: 'top',\n              ...spec.title?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null,\n      contentText.length\n        ? ({\n            type: 'text',\n            name: `storyline-block-content-${index}`,\n            interactive: false,\n            ...spec.content,\n            textType: 'rich',\n            style: {\n              x: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.x,\n              y: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).contentBox.y,\n              width: (_datum: unknown, ctx: LayoutContext) => getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n              text: buildRichContent(contentText, spec),\n              maxLineWidth: (_datum: unknown, ctx: LayoutContext) =>\n                getDefaultBlockMetrics(spec, ctx, index).textBox.width,\n              fontSize: 12,\n              lineHeight: 18,\n              heightLimit: (_datum: unknown, ctx: LayoutContext) =>\n                getDefaultBlockMetrics(spec, ctx, index).contentBox.height,\n              textAlign: 'left',\n              textBaseline: 'top',\n              wordBreak: 'break-word',\n              ellipsis: '...',\n              fill: '#596173',\n              ...spec.content?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n\nconst buildLinkPath = (\n  points: StorylinePoint[],\n  type: StorylineLineType,\n  showArrow: boolean,\n  arrowSize: number\n): string => {\n  const start = points[0];\n  const end = points[points.length - 1];\n  if (!start || !end) {\n    return '';\n  }\n  let path: string;\n  if (type === 'curve') {\n    const dx = end.x - start.x;\n    const dy = end.y - start.y;\n    const curve = Math.max(Math.min(Math.sqrt(dx * dx + dy * dy) * 0.22, 80), 24);\n    path =\n      `M ${start.x} ${start.y} ` +\n      `C ${start.x + dx / 2} ${start.y - curve} ${end.x - dx / 2} ${end.y + curve} ${end.x} ${end.y}`;\n  } else if (type === 'polyline') {\n    const mid = { x: (start.x + end.x) / 2, y: (start.y + end.y) / 2 };\n    path = `M ${start.x} ${start.y} L ${mid.x} ${start.y} L ${mid.x} ${end.y} L ${end.x} ${end.y}`;\n  } else {\n    path = `M ${start.x} ${start.y} L ${end.x} ${end.y}`;\n  }\n\n  if (!showArrow) {\n    return path;\n  }\n  return `${path} ${buildArrowPath(start, end, arrowSize)}`;\n};\n\nconst buildArrowPath = (start: StorylinePoint, end: StorylinePoint, size: number) => {\n  const angle = Math.atan2(end.y - start.y, end.x - start.x);\n  const left = {\n    x: end.x - Math.cos(angle - Math.PI / 6) * size,\n    y: end.y - Math.sin(angle - Math.PI / 6) * size\n  };\n  const right = {\n    x: end.x - Math.cos(angle + Math.PI / 6) * size,\n    y: end.y - Math.sin(angle + Math.PI / 6) * size\n  };\n  return `M ${left.x} ${left.y} L ${end.x} ${end.y} L ${right.x} ${right.y}`;\n};\n"]}

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

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

package/cjs/charts/storyline/layouts/dome.js

@@ -0,0 +1,286 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), exports.buildDomeBlockMark = exports.buildDomeCenterImageMark = exports.buildDomeArcMark = void 0;
+
+const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), DOME_BLOCK_IMAGE_SIZE = 140, DOME_TEXT_GAP_FROM_IMAGE = 10, DOME_TITLE_LINE_HEIGHT = 19, DOME_CONTENT_LINE_HEIGHT = 17, DOME_CONTENT_FONT_SIZE = 12, DOME_TEXT_BOX_HEIGHT = 300, DOME_TITLE_TO_CONTENT_GAP = 4, DOME_TEXT_LEFT_PADDING = 20, DOME_CENTER_IMAGE_WIDTH_RATIO = .32, DOME_CENTER_IMAGE_HEIGHT_RATIO = .32, DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE = 300, getDomeCenterImageRect = (spec, ctx) => {
+    var _a, _b, _c, _e, _f;
+    const {width: width, height: height, startX: startX, startY: startY} = (0, common_1.getRegionGeometry)(ctx), padding = (0, 
+    common_1.normalizePadding)(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerWidth = Math.max(width - padding.left - padding.right, 1), innerHeight = Math.max(height - padding.top - padding.bottom, 1), w = Math.max(null !== (_c = null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.width) && void 0 !== _c ? _c : .32 * innerWidth, 80), h = Math.max(null !== (_f = null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.height) && void 0 !== _f ? _f : .32 * innerHeight, 60);
+    return {
+        x: startX + padding.left + innerWidth / 2 - w / 2,
+        y: startY + padding.top + innerHeight - h,
+        width: w,
+        height: h
+    };
+}, getDomeArcGeometry = (spec, ctx) => {
+    var _a, _b, _c, _e;
+    const {width: width, startX: startX} = (0, common_1.getRegionGeometry)(ctx), blockPadding = (0, 
+    common_1.normalizePadding)(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), innerWidth = Math.max(width - blockPadding.left - blockPadding.right, 1), blockWidth = (0, 
+    common_1.resolveBlockWidth)(spec, width), layoutOpt = (0, common_1.normalizeLayout)(spec.layout), startAngle = null !== (_b = layoutOpt.startAngle) && void 0 !== _b ? _b : 200, endAngle = null !== (_c = layoutOpt.endAngle) && void 0 !== _c ? _c : 340, ratio = null !== (_e = layoutOpt.radiusRatio) && void 0 !== _e ? _e : .88, rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio, centerRect = getDomeCenterImageRect(spec, ctx), centerTop = centerRect.y, centerBottom = centerRect.y + centerRect.height, sinStart = Math.sin(startAngle / 180 * Math.PI), denom = Math.max(1 + sinStart, .05), ry = (centerRect.height + 300) / denom, cy = centerBottom - ry * sinStart;
+    return {
+        cx: startX + blockPadding.left + innerWidth / 2,
+        cy: cy,
+        rx: rx,
+        ry: ry,
+        startAngle: startAngle,
+        endAngle: endAngle,
+        centerTop: centerTop,
+        centerBottom: centerBottom
+    };
+}, getDomeBlockCenter = (spec, ctx, index) => {
+    var _a, _b, _c, _e;
+    const arc = getDomeArcGeometry(spec, ctx), count = null !== (_b = null === (_a = spec.data) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
+    if (count <= 0) return {
+        x: arc.cx,
+        y: arc.cy
+    };
+    const t = 1 === count ? .5 : index / (count - 1), angle = (arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180 * Math.PI, px = arc.cx + Math.cos(angle) * arc.rx, py = arc.cy + Math.sin(angle) * arc.ry, nxRaw = Math.cos(angle) / arc.rx, nyRaw = Math.sin(angle) / arc.ry, nLen = Math.hypot(nxRaw, nyRaw) || 1, nx = nxRaw / nLen, ny = nyRaw / nLen, offset = (null !== (_e = null === (_c = spec.image) || void 0 === _c ? void 0 : _c.height) && void 0 !== _e ? _e : 140) / 2;
+    return {
+        x: px + nx * offset,
+        y: py + ny * offset
+    };
+}, buildDomeArcMark = spec => {
+    var _a;
+    if (!0 !== (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible)) return null;
+    const themeColor = (0, common_1.getThemeColor)(spec);
+    return {
+        type: "group",
+        name: "storyline-dome-arc",
+        zIndex: vchart_1.LayoutZIndex.Mark,
+        children: [ {
+            type: "path",
+            name: "storyline-dome-arc-path",
+            interactive: !1,
+            style: {
+                stroke: themeColor,
+                lineWidth: 2,
+                lineCap: "round",
+                fill: "transparent",
+                fillOpacity: 0,
+                path: (_d, ctx) => {
+                    const arc = getDomeArcGeometry(spec, ctx), span = arc.endAngle - arc.startAngle, segments = [];
+                    for (let i = 0; i <= 64; i++) {
+                        const t = i / 64, angle = (arc.startAngle + span * t) / 180 * Math.PI, x = arc.cx + Math.cos(angle) * arc.rx, y = arc.cy + Math.sin(angle) * arc.ry;
+                        segments.push(`${0 === i ? "M" : "L"} ${x.toFixed(2)} ${y.toFixed(2)}`);
+                    }
+                    return segments.join(" ");
+                }
+            }
+        } ]
+    };
+};
+
+exports.buildDomeArcMark = buildDomeArcMark;
+
+const buildDomeCenterImageMark = spec => {
+    var _a, _b, _c, _e;
+    if (!(!1 !== (null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.visible))) return null;
+    const themeColor = (0, common_1.getThemeColor)(spec), hasImage = !!(null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.image), symbolGradient = {
+        gradient: "linear",
+        x0: .5,
+        y0: 0,
+        x1: .5,
+        y1: 1,
+        stops: [ {
+            offset: 0,
+            color: (0, common_1.withAlpha)(themeColor, .15)
+        }, {
+            offset: 1,
+            color: themeColor
+        } ]
+    };
+    return {
+        type: "group",
+        name: "storyline-dome-center",
+        zIndex: vchart_1.LayoutZIndex.Mark,
+        children: [ {
+            type: "symbol",
+            name: "storyline-dome-center-symbol",
+            interactive: !1,
+            style: {
+                x: (_d, ctx) => {
+                    const r = getDomeCenterImageRect(spec, ctx);
+                    return r.x + r.width / 2;
+                },
+                y: (_d, ctx) => {
+                    const r = getDomeCenterImageRect(spec, ctx);
+                    return r.y + r.height / 2;
+                },
+                size: (_d, ctx) => {
+                    const r = getDomeCenterImageRect(spec, ctx);
+                    return 1.1 * Math.max(r.width, r.height);
+                },
+                symbolType: "circle",
+                fill: symbolGradient,
+                stroke: themeColor,
+                lineWidth: 2
+            }
+        }, {
+            type: "rect",
+            name: "storyline-dome-center-rect",
+            interactive: !1,
+            style: {
+                x: (_d, ctx) => getDomeCenterImageRect(spec, ctx).x,
+                y: (_d, ctx) => getDomeCenterImageRect(spec, ctx).y,
+                width: (_d, ctx) => getDomeCenterImageRect(spec, ctx).width,
+                height: (_d, ctx) => getDomeCenterImageRect(spec, ctx).height,
+                cornerRadius: 12,
+                fill: "#ffffff",
+                stroke: themeColor,
+                lineWidth: 2
+            }
+        }, hasImage ? Object.assign(Object.assign({
+            type: "image",
+            name: "storyline-dome-center-image",
+            interactive: !1
+        }, spec.centerImage), {
+            style: Object.assign({
+                x: (_d, ctx) => getDomeCenterImageRect(spec, ctx).x,
+                y: (_d, ctx) => getDomeCenterImageRect(spec, ctx).y,
+                width: (_d, ctx) => getDomeCenterImageRect(spec, ctx).width,
+                height: (_d, ctx) => getDomeCenterImageRect(spec, ctx).height,
+                image: null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.image,
+                cornerRadius: 12,
+                repeatX: "no-repeat",
+                repeatY: "no-repeat",
+                imageMode: "cover",
+                imagePosition: "center"
+            }, null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.style)
+        }) : null ].filter(Boolean)
+    };
+};
+
+exports.buildDomeCenterImageMark = buildDomeCenterImageMark;
+
+const getDomeBlockMetrics = spec => {
+    var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    const titleFontSize = Number(null !== (_c = null === (_b = null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 14), titleLineHeight = Number(null !== (_g = null === (_f = null === (_e = spec.title) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.lineHeight) && void 0 !== _g ? _g : Math.max(19, Math.round(1.35 * titleFontSize))), contentFontSize = Number(null !== (_k = null === (_j = null === (_h = spec.content) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.fontSize) && void 0 !== _k ? _k : 12), contentLineHeight = Number(null !== (_o = null === (_m = null === (_l = spec.content) || void 0 === _l ? void 0 : _l.style) || void 0 === _m ? void 0 : _m.lineHeight) && void 0 !== _o ? _o : 17), contentHeight = Math.max(300 - titleLineHeight - 4, contentLineHeight), imageWidth = null !== (_q = null === (_p = spec.image) || void 0 === _p ? void 0 : _p.width) && void 0 !== _q ? _q : 140, imageHeight = null !== (_s = null === (_r = spec.image) || void 0 === _r ? void 0 : _r.height) && void 0 !== _s ? _s : 140, imageBox = {
+        x: -imageWidth / 2,
+        y: -imageHeight / 2,
+        width: imageWidth,
+        height: imageHeight
+    }, textBox = {
+        x: -imageWidth / 2 + 20,
+        y: imageBox.y - 10 - 300,
+        width: imageWidth - 20,
+        height: 300
+    };
+    return {
+        titleFontSize: titleFontSize,
+        titleLineHeight: titleLineHeight,
+        contentFontSize: contentFontSize,
+        contentLineHeight: contentLineHeight,
+        imageBox: imageBox,
+        textBox: textBox,
+        contentBox: {
+            x: textBox.x,
+            y: textBox.y + titleLineHeight + 4,
+            width: textBox.width,
+            height: contentHeight
+        }
+    };
+}, buildDomeBlockMark = (spec, block, index) => {
+    var _a, _b, _c, _e;
+    const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], themeColor = (0, 
+    common_1.getThemeColor)(spec), metrics = getDomeBlockMetrics(spec);
+    return {
+        type: "group",
+        id: `storyline-block-${null !== (_a = block.id) && void 0 !== _a ? _a : index}`,
+        name: `storyline-block-${index}`,
+        zIndex: vchart_1.LayoutZIndex.Mark + 1,
+        style: {
+            x: (_d, ctx) => getDomeBlockCenter(spec, ctx, index).x,
+            y: (_d, ctx) => getDomeBlockCenter(spec, ctx, index).y
+        },
+        children: [ {
+            type: "rect",
+            name: `storyline-block-connector-${index}`,
+            interactive: !1,
+            style: {
+                x: metrics.imageBox.x,
+                y: metrics.textBox.y,
+                width: 2,
+                height: Math.max(metrics.imageBox.y - metrics.textBox.y, 0),
+                fill: themeColor,
+                fillOpacity: .6
+            }
+        }, hasImage ? Object.assign(Object.assign({
+            type: "image",
+            name: `storyline-block-image-${index}`,
+            interactive: !1
+        }, (0, common_1.omitImageLayoutSpec)(spec.image)), {
+            style: Object.assign({
+                x: metrics.imageBox.x,
+                y: metrics.imageBox.y,
+                width: metrics.imageBox.width,
+                height: metrics.imageBox.height,
+                image: block.image,
+                cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,
+                repeatX: "no-repeat",
+                repeatY: "no-repeat",
+                imageMode: "cover",
+                imagePosition: "center",
+                stroke: themeColor,
+                lineWidth: 2
+            }, null === (_b = spec.image) || void 0 === _b ? void 0 : _b.style)
+        }) : {
+            type: "rect",
+            name: `storyline-block-image-bg-${index}`,
+            interactive: !1,
+            style: {
+                x: metrics.imageBox.x,
+                y: metrics.imageBox.y,
+                width: metrics.imageBox.width,
+                height: metrics.imageBox.height,
+                cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,
+                fill: "#ffffff",
+                stroke: themeColor,
+                lineWidth: 2
+            }
+        }, block.title ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-title-${index}`,
+            interactive: !1
+        }, spec.title), {
+            style: Object.assign({
+                x: metrics.textBox.x,
+                y: metrics.textBox.y,
+                text: block.title,
+                maxLineWidth: metrics.textBox.width,
+                fontSize: metrics.titleFontSize,
+                lineHeight: metrics.titleLineHeight,
+                fontWeight: "bold",
+                fill: "#1f2430",
+                textAlign: "left",
+                textBaseline: "top"
+            }, null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style)
+        }) : null, contentText.length ? Object.assign(Object.assign({
+            type: "text",
+            name: `storyline-block-content-${index}`,
+            interactive: !1
+        }, spec.content), {
+            textType: "rich",
+            style: Object.assign({
+                x: metrics.contentBox.x,
+                y: metrics.contentBox.y,
+                width: metrics.contentBox.width,
+                height: metrics.contentBox.height,
+                maxLineWidth: metrics.contentBox.width,
+                heightLimit: metrics.contentBox.height,
+                text: (0, common_1.buildRichContent)(contentText, spec),
+                fontSize: 12,
+                lineHeight: 17,
+                textAlign: "left",
+                textBaseline: "top",
+                wordBreak: "break-word",
+                ellipsis: "...",
+                fill: "#596173"
+            }, null === (_e = spec.content) || void 0 === _e ? void 0 : _e.style)
+        }) : null ].filter(Boolean)
+    };
+};
+
+exports.buildDomeBlockMark = buildDomeBlockMark;
+//# sourceMappingURL=dome.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/layouts/dome.ts"],"names":[],"mappings":"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","file":"dome.js","sourcesContent":["import type { IExtensionGroupMarkSpec } from '@visactor/vchart';\nimport { LayoutZIndex } from '@visactor/vchart';\nimport type { IStorylineBlock, IStorylineSpec } from '../interface';\nimport {\n  type ICustomMarkSpec,\n  type LayoutContext,\n  type StorylinePoint,\n  buildRichContent,\n  getRegionGeometry,\n  getThemeColor,\n  normalizeLayout,\n  normalizePadding,\n  omitImageLayoutSpec,\n  resolveBlockWidth,\n  withAlpha\n} from './common';\n\n// dome 布局：弧形排列 + 底部 centerImage\n// image 默认为圆形，DOME_BLOCK_IMAGE_SIZE 即圆的直径\nconst DOME_BLOCK_IMAGE_SIZE = 140;\nconst DOME_TEXT_GAP_FROM_IMAGE = 10;\nconst DOME_TITLE_LINE_HEIGHT = 19;\nconst DOME_CONTENT_LINE_HEIGHT = 17;\nconst DOME_CONTENT_FONT_SIZE = 12;\n// title + content 区域总高度（默认 400px，溢出由富文本 heightLimit + ellipsis 自动截断）\nconst DOME_TEXT_BOX_HEIGHT = 300;\nconst DOME_TITLE_TO_CONTENT_GAP = 4;\n// 引导线与 title/content 之间的水平间距\nconst DOME_TEXT_LEFT_PADDING = 20;\nconst DOME_CENTER_IMAGE_WIDTH_RATIO = 0.32;\nconst DOME_CENTER_IMAGE_HEIGHT_RATIO = 0.32;\n// 弧线最高点（视觉上的顶点）距离 centerImage 顶部的距离\nconst DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE = 300;\n\n/**\n * 计算 dome 布局 centerImage 的 box：水平居中、垂直贴底（位于 inner 区域底部）。\n */\nconst getDomeCenterImageRect = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, height, startX, startY } = getRegionGeometry(ctx);\n  const padding = normalizePadding(spec.block?.padding);\n  const innerWidth = Math.max(width - padding.left - padding.right, 1);\n  const innerHeight = Math.max(height - padding.top - padding.bottom, 1);\n  const w = Math.max(spec.centerImage?.width ?? innerWidth * DOME_CENTER_IMAGE_WIDTH_RATIO, 80);\n  const h = Math.max(spec.centerImage?.height ?? innerHeight * DOME_CENTER_IMAGE_HEIGHT_RATIO, 60);\n  const cx = startX + padding.left + innerWidth / 2;\n  // 紧贴底部，仅保留 spec.block.padding.bottom 的留白\n  const top = startY + padding.top + innerHeight - h;\n  return { x: cx - w / 2, y: top, width: w, height: h };\n};\n\n/**\n * 计算 dome 弧线的几何参数：\n * - cx / rx / startAngle / endAngle 与 layout.ts 中 arcCenters 一致；\n * - cy 与 ry 由两条对齐约束反推：\n *   1) 弧线起/终点 y == centerImage 底部\n *   2) 弧线最高点 y == centerImage 顶部 - DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE\n *\n * 解方程：\n *   cy + ry * sin(startAngle) = centerImageBottom\n *   cy - ry                   = centerImageTop - GAP\n * → ry = (centerImageHeight + GAP) / (1 + sin(startAngle))\n *   cy = centerImageBottom - ry * sin(startAngle)\n *\n * 仅当 sin(startAngle) ∈ [-1, 0) 时（即 startAngle 在 (180°, 360°) 区间，碗形），\n * 该方程组有合理正解。\n */\nconst getDomeArcGeometry = (spec: IStorylineSpec, ctx: LayoutContext) => {\n  const { width, startX } = getRegionGeometry(ctx);\n  const blockPadding = normalizePadding(spec.block?.padding);\n  const innerWidth = Math.max(width - blockPadding.left - blockPadding.right, 1);\n  const blockWidth = resolveBlockWidth(spec, width);\n  const layoutOpt = normalizeLayout(spec.layout);\n  const startAngle = layoutOpt.startAngle ?? 200;\n  const endAngle = layoutOpt.endAngle ?? 340;\n  const ratio = layoutOpt.radiusRatio ?? 0.88;\n  const rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio;\n  const centerRect = getDomeCenterImageRect(spec, ctx);\n  const centerTop = centerRect.y;\n  const centerBottom = centerRect.y + centerRect.height;\n  const sinStart = Math.sin((startAngle / 180) * Math.PI);\n  // sinStart 接近 -1 时 ry → ∞；这里限制下界以防 startAngle 配置异常\n  const denom = Math.max(1 + sinStart, 0.05);\n  const ry = (centerRect.height + DOME_ARC_TOP_GAP_FROM_CENTER_IMAGE) / denom;\n  const cy = centerBottom - ry * sinStart;\n  return {\n    cx: startX + blockPadding.left + innerWidth / 2,\n    cy,\n    rx,\n    ry,\n    startAngle,\n    endAngle,\n    // 调试/对齐用：上下两个对齐参考点\n    centerTop,\n    centerBottom\n  };\n};\n\n/**\n * 在 do me 新弧线上按 index 采样 block 中心，与 arc 完全同步。\n * 同时让 block 沿弧线径向向外偏移 imageHeight/2，\n * 使 image 内边贴在弧线上，image + text 整体位于弧线外侧。\n */\nconst getDomeBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n  const arc = getDomeArcGeometry(spec, ctx);\n  const count = spec.data?.length ?? 0;\n  if (count <= 0) {\n    return { x: arc.cx, y: arc.cy };\n  }\n  const t = count === 1 ? 0.5 : index / (count - 1);\n  const angle = ((arc.startAngle + (arc.endAngle - arc.startAngle) * t) / 180) * Math.PI;\n  const px = arc.cx + Math.cos(angle) * arc.rx;\n  const py = arc.cy + Math.sin(angle) * arc.ry;\n  // 椭圆在 (px,py) 处的外法向量 ∝ (cos(angle)/rx, sin(angle)/ry)\n  const nxRaw = Math.cos(angle) / arc.rx;\n  const nyRaw = Math.sin(angle) / arc.ry;\n  const nLen = Math.hypot(nxRaw, nyRaw) || 1;\n  const nx = nxRaw / nLen;\n  const ny = nyRaw / nLen;\n  const imageHeight = spec.image?.height ?? DOME_BLOCK_IMAGE_SIZE;\n  const offset = imageHeight / 2;\n  return { x: px + nx * offset, y: py + ny * offset };\n};\n\n/**\n * 贯穿所有 block 的半圆弧线 mark（path 通过沿椭圆采样实现，\n * 与 dome block 的弧形布局完全重合）\n *\n * 默认不展示，仅当用户在 spec.line.visible 显式置为 true 时才渲染。\n */\nexport const buildDomeArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.line?.visible !== true) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  return {\n    type: 'group' as any,\n    name: 'storyline-dome-arc',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      {\n        type: 'path',\n        name: 'storyline-dome-arc-path',\n        interactive: false,\n        style: {\n          stroke: themeColor,\n          lineWidth: 2,\n          lineCap: 'round',\n          fill: 'transparent',\n          fillOpacity: 0,\n          path: (_d: unknown, ctx: LayoutContext) => {\n            const arc = getDomeArcGeometry(spec, ctx);\n            const span = arc.endAngle - arc.startAngle;\n            const samples = 64;\n            const segments: string[] = [];\n            for (let i = 0; i <= samples; i++) {\n              const t = i / samples;\n              const angle = ((arc.startAngle + span * t) / 180) * Math.PI;\n              const x = arc.cx + Math.cos(angle) * arc.rx;\n              const y = arc.cy + Math.sin(angle) * arc.ry;\n              segments.push(`${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`);\n            }\n            return segments.join(' ');\n          }\n        }\n      } as ICustomMarkSpec<'path'>\n    ]\n  };\n};\n\nexport const buildDomeCenterImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  const visible = spec.centerImage?.visible !== false;\n  if (!visible) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  const hasImage = !!spec.centerImage?.image;\n  // 主题色生成的线性渐变（顶部偏淡 → 底部主题色），作为 centerImage 位置的 symbol 填充\n  const symbolGradient = {\n    gradient: 'linear',\n    x0: 0.5,\n    y0: 0,\n    x1: 0.5,\n    y1: 1,\n    stops: [\n      { offset: 0, color: withAlpha(themeColor, 0.15) },\n      { offset: 1, color: themeColor }\n    ]\n  };\n  return {\n    type: 'group' as any,\n    name: 'storyline-dome-center',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      // 默认 symbol：位于 centerImage 的位置，外径略大于 centerImage（填充渐变作为视觉底盘）\n      {\n        type: 'symbol',\n        name: 'storyline-dome-center-symbol',\n        interactive: false,\n        style: {\n          x: (_d: unknown, ctx: LayoutContext) => {\n            const r = getDomeCenterImageRect(spec, ctx);\n            return r.x + r.width / 2;\n          },\n          y: (_d: unknown, ctx: LayoutContext) => {\n            const r = getDomeCenterImageRect(spec, ctx);\n            return r.y + r.height / 2;\n          },\n          size: (_d: unknown, ctx: LayoutContext) => {\n            const r = getDomeCenterImageRect(spec, ctx);\n            // symbol 直径略大于 centerImage 较短边，形成\"圆形底盘\"\n            return Math.max(r.width, r.height) * 1.1;\n          },\n          symbolType: 'circle',\n          fill: symbolGradient,\n          stroke: themeColor,\n          lineWidth: 2\n        }\n      } as ICustomMarkSpec<'symbol'>,\n      {\n        type: 'rect',\n        name: 'storyline-dome-center-rect',\n        interactive: false,\n        style: {\n          x: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).x,\n          y: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).y,\n          width: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).width,\n          height: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).height,\n          cornerRadius: 12,\n          fill: '#ffffff',\n          stroke: themeColor,\n          lineWidth: 2\n        }\n      } as ICustomMarkSpec<'rect'>,\n      hasImage\n        ? ({\n            type: 'image',\n            name: 'storyline-dome-center-image',\n            interactive: false,\n            ...spec.centerImage,\n            style: {\n              x: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).x,\n              y: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).y,\n              width: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).width,\n              height: (_d: unknown, ctx: LayoutContext) => getDomeCenterImageRect(spec, ctx).height,\n              image: spec.centerImage?.image,\n              cornerRadius: 12,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center',\n              ...spec.centerImage?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n\nconst getDomeBlockMetrics = (spec: IStorylineSpec) => {\n  const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 14);\n  const titleLineHeight = Number(\n    (spec.title?.style as any)?.lineHeight ?? Math.max(DOME_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n  );\n  const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? DOME_CONTENT_FONT_SIZE);\n  const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? DOME_CONTENT_LINE_HEIGHT);\n  const titleToContentGap = DOME_TITLE_TO_CONTENT_GAP;\n  // text 区域总高度固定为 DOME_TEXT_BOX_HEIGHT，content 占除 title 与间距外的全部高度\n  const textHeight = DOME_TEXT_BOX_HEIGHT;\n  const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n  const imageWidth = spec.image?.width ?? DOME_BLOCK_IMAGE_SIZE;\n  const imageHeight = spec.image?.height ?? DOME_BLOCK_IMAGE_SIZE;\n\n  // image 位于 block 中心下半部分，title/content 在 image 上方\n  const imageBox = {\n    x: -imageWidth / 2,\n    y: -imageHeight / 2,\n    width: imageWidth,\n    height: imageHeight\n  };\n  const textBox = {\n    x: -imageWidth / 2 + DOME_TEXT_LEFT_PADDING,\n    y: imageBox.y - DOME_TEXT_GAP_FROM_IMAGE - textHeight,\n    width: imageWidth - DOME_TEXT_LEFT_PADDING,\n    height: textHeight\n  };\n  const contentBox = {\n    x: textBox.x,\n    y: textBox.y + titleLineHeight + titleToContentGap,\n    width: textBox.width,\n    height: contentHeight\n  };\n  return {\n    titleFontSize,\n    titleLineHeight,\n    contentFontSize,\n    contentLineHeight,\n    imageBox,\n    textBox,\n    contentBox\n  };\n};\n\nexport const buildDomeBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n  const themeColor = getThemeColor(spec);\n  const metrics = getDomeBlockMetrics(spec);\n\n  return {\n    type: 'group' as any,\n    id: `storyline-block-${block.id ?? index}`,\n    name: `storyline-block-${index}`,\n    zIndex: LayoutZIndex.Mark + 1,\n    style: {\n      x: (_d: unknown, ctx: LayoutContext) => getDomeBlockCenter(spec, ctx, index).x,\n      y: (_d: unknown, ctx: LayoutContext) => getDomeBlockCenter(spec, ctx, index).y\n    },\n    children: [\n      // title / content 左侧的垂直引导线（贯穿 text + image 顶部，与文字保持 padding）\n      {\n        type: 'rect',\n        name: `storyline-block-connector-${index}`,\n        interactive: false,\n        style: {\n          x: metrics.imageBox.x,\n          y: metrics.textBox.y,\n          width: 2,\n          height: Math.max(metrics.imageBox.y - metrics.textBox.y, 0),\n          fill: themeColor,\n          fillOpacity: 0.6\n        }\n      } as ICustomMarkSpec<'rect'>,\n      hasImage\n        ? ({\n            type: 'image',\n            name: `storyline-block-image-${index}`,\n            interactive: false,\n            ...omitImageLayoutSpec(spec.image),\n            style: {\n              x: metrics.imageBox.x,\n              y: metrics.imageBox.y,\n              width: metrics.imageBox.width,\n              height: metrics.imageBox.height,\n              image: block.image,\n              // 圆形裁剪：cornerRadius = min(w,h) / 2\n              cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center',\n              stroke: themeColor,\n              lineWidth: 2,\n              ...spec.image?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : ({\n            type: 'rect',\n            name: `storyline-block-image-bg-${index}`,\n            interactive: false,\n            style: {\n              x: metrics.imageBox.x,\n              y: metrics.imageBox.y,\n              width: metrics.imageBox.width,\n              height: metrics.imageBox.height,\n              cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,\n              fill: '#ffffff',\n              stroke: themeColor,\n              lineWidth: 2\n            }\n          } as ICustomMarkSpec<'rect'>),\n      block.title\n        ? ({\n            type: 'text',\n            name: `storyline-block-title-${index}`,\n            interactive: false,\n            ...spec.title,\n            style: {\n              x: metrics.textBox.x,\n              y: metrics.textBox.y,\n              text: block.title,\n              maxLineWidth: metrics.textBox.width,\n              fontSize: metrics.titleFontSize,\n              lineHeight: metrics.titleLineHeight,\n              fontWeight: 'bold',\n              fill: '#1f2430',\n              textAlign: 'left',\n              textBaseline: 'top',\n              ...spec.title?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null,\n      contentText.length\n        ? ({\n            type: 'text',\n            name: `storyline-block-content-${index}`,\n            interactive: false,\n            ...spec.content,\n            textType: 'rich',\n            style: {\n              x: metrics.contentBox.x,\n              y: metrics.contentBox.y,\n              width: metrics.contentBox.width,\n              height: metrics.contentBox.height,\n              maxLineWidth: metrics.contentBox.width,\n              heightLimit: metrics.contentBox.height,\n              text: buildRichContent(contentText, spec),\n              fontSize: DOME_CONTENT_FONT_SIZE,\n              lineHeight: DOME_CONTENT_LINE_HEIGHT,\n              textAlign: 'left',\n              textBaseline: 'top',\n              wordBreak: 'break-word',\n              ellipsis: '...',\n              fill: '#596173',\n              ...spec.content?.style\n            }\n          } as ICustomMarkSpec<'text'>)\n        : null\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n"]}

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

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