@visactor/vchart-extension 2.1.0-alpha.17 → 2.1.0-alpha.18

package/esm/charts/storyline/layouts/clock.js

@@ -1,240 +0,0 @@
-import { LayoutZIndex } from "@visactor/vchart";
-
-import { buildRichContent, getRegionGeometry, getThemeColor, normalizePadding, withAlpha } from "./common";
-
-const CLOCK_CENTER_RADIUS_RATIO = .5, CLOCK_CENTER_IMAGE_INSET_RATIO = .86, CLOCK_ORBIT_RATIO = .58, CLOCK_DOT_RATIO = .58, CLOCK_TEXT_INNER_RATIO = .7, CLOCK_TEXT_MAX_WIDTH = 200, CLOCK_DOT_DIAMETER_RATIO = .24, CLOCK_LEAD_LINE_GAP = 6, CLOCK_TEXT_GAP_FROM_LEAD = 8, CLOCK_ORBIT_DASH = [ 4, 4 ], CLOCK_TITLE_FONT_SIZE = 18, CLOCK_TITLE_LINE_HEIGHT = 24, CLOCK_CONTENT_FONT_SIZE = 11, CLOCK_CONTENT_LINE_HEIGHT = 15, getClockGeometry = (spec, ctx) => {
-    var _a, _b, _c;
-    const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx), padding = 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), cx = startX + padding.left + innerWidth / 2, cy = startY + padding.top + innerHeight / 2, R = Math.max(Math.min(innerWidth, innerHeight) / 2, 1), count = null !== (_c = null === (_b = spec.data) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0;
-    return {
-        cx: cx,
-        cy: cy,
-        R: R,
-        count: count,
-        step: count > 0 ? 2 * Math.PI / count : 0
-    };
-}, getClockBlockAngle = (geom, index) => -Math.PI / 2 + geom.step * (index + .5), polar = (cx, cy, r, angle) => ({
-    x: cx + Math.cos(angle) * r,
-    y: cy + Math.sin(angle) * r
-}), isOnLeftHalf = angle => Math.cos(angle) < 0;
-
-export const buildClockCenterImageMark = spec => {
-    var _a, _b, _c, _e;
-    if (!1 === (null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.visible)) return null;
-    const themeColor = getThemeColor(spec), hasImage = !!(null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.image);
-    return {
-        type: "group",
-        name: "storyline-clock-center",
-        zIndex: LayoutZIndex.Mark + 2,
-        children: [ {
-            type: "symbol",
-            name: "storyline-clock-center-halo",
-            interactive: !1,
-            style: {
-                x: (_d, ctx) => getClockGeometry(spec, ctx).cx,
-                y: (_d, ctx) => getClockGeometry(spec, ctx).cy,
-                size: (_d, ctx) => .5 * getClockGeometry(spec, ctx).R * 2.16,
-                symbolType: "circle",
-                fill: withAlpha(themeColor, .28),
-                stroke: "transparent"
-            }
-        }, hasImage ? {
-            type: "image",
-            name: "storyline-clock-center-image",
-            interactive: !1,
-            style: Object.assign({
-                x: (_d, ctx) => {
-                    const g = getClockGeometry(spec, ctx);
-                    return g.cx - .5 * g.R * .86;
-                },
-                y: (_d, ctx) => {
-                    const g = getClockGeometry(spec, ctx);
-                    return g.cy - .5 * g.R * .86;
-                },
-                width: (_d, ctx) => .5 * getClockGeometry(spec, ctx).R * .86 * 2,
-                height: (_d, ctx) => .5 * getClockGeometry(spec, ctx).R * .86 * 2,
-                image: null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.image,
-                repeatX: "no-repeat",
-                repeatY: "no-repeat",
-                imageMode: "cover",
-                imagePosition: "center",
-                anchor: (_d, ctx) => {
-                    const g = getClockGeometry(spec, ctx);
-                    return [ g.cx, g.cy ];
-                },
-                dx: (_d, ctx) => {
-                    var _a, _b;
-                    const rectW = .5 * getClockGeometry(spec, ctx).R * .86 * 2, userWidth = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.width;
-                    return (rectW - ("number" == typeof userWidth ? userWidth : rectW)) / 2;
-                },
-                dy: (_d, ctx) => {
-                    var _a, _b;
-                    const rectH = .5 * getClockGeometry(spec, ctx).R * .86 * 2, userHeight = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.height;
-                    return (rectH - ("number" == typeof userHeight ? userHeight : rectH)) / 2;
-                }
-            }, null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.style)
-        } : {
-            type: "symbol",
-            name: "storyline-clock-center-placeholder",
-            interactive: !1,
-            style: {
-                x: (_d, ctx) => getClockGeometry(spec, ctx).cx,
-                y: (_d, ctx) => getClockGeometry(spec, ctx).cy,
-                size: (_d, ctx) => .5 * getClockGeometry(spec, ctx).R * 2,
-                symbolType: "circle",
-                fill: "#ffffff",
-                stroke: themeColor,
-                lineWidth: 2
-            }
-        } ].filter(Boolean)
-    };
-};
-
-export const buildClockArcMark = spec => {
-    const themeColor = getThemeColor(spec);
-    return {
-        type: "group",
-        name: "storyline-clock-orbit",
-        zIndex: LayoutZIndex.Mark,
-        children: [ {
-            type: "path",
-            name: "storyline-clock-orbit-path",
-            interactive: !1,
-            style: {
-                path: (_d, ctx) => {
-                    const g = getClockGeometry(spec, ctx), r = .58 * g.R;
-                    return [ `M ${(g.cx + r).toFixed(2)} ${g.cy.toFixed(2)}`, `A ${r.toFixed(2)} ${r.toFixed(2)} 0 1 1 ${(g.cx - r).toFixed(2)} ${g.cy.toFixed(2)}`, `A ${r.toFixed(2)} ${r.toFixed(2)} 0 1 1 ${(g.cx + r).toFixed(2)} ${g.cy.toFixed(2)}` ].join(" ");
-                },
-                stroke: withAlpha(themeColor, .7),
-                lineWidth: 1,
-                lineDash: CLOCK_ORBIT_DASH,
-                fill: "transparent",
-                fillOpacity: 0
-            }
-        } ]
-    };
-};
-
-const getClockDotCenter = (spec, ctx, index) => {
-    const g = getClockGeometry(spec, ctx), angle = getClockBlockAngle(g, index), r = .58 * g.R;
-    return Object.assign(Object.assign({}, polar(g.cx, g.cy, r, angle)), {
-        diameter: .24 * g.R,
-        angle: angle
-    });
-}, getClockLeadLine = (spec, ctx, index) => {
-    const g = getClockGeometry(spec, ctx), angle = getClockBlockAngle(g, index), dotR = .24 * g.R / 2;
-    return {
-        start: polar(g.cx, g.cy, .58 * g.R + dotR + 6, angle),
-        end: polar(g.cx, g.cy, .7 * g.R - 8, angle)
-    };
-}, getClockTextRect = (spec, ctx, index) => {
-    var _a;
-    const g = getClockGeometry(spec, ctx), {width: regionWidth, startX: startX} = getRegionGeometry(ctx), padding = normalizePadding(null === (_a = spec.block) || void 0 === _a ? void 0 : _a.padding), angle = getClockBlockAngle(g, index), onLeft = isOnLeftHalf(angle), rInner = .7 * g.R, innerPoint = polar(g.cx, g.cy, rInner, angle), leftEdge = startX + padding.left, rightEdge = startX + regionWidth - padding.right, width = onLeft ? Math.min(Math.max(innerPoint.x - leftEdge, 80), 200) : Math.min(Math.max(rightEdge - innerPoint.x, 80), 200);
-    return {
-        x: innerPoint.x,
-        y: innerPoint.y,
-        width: width,
-        onLeft: onLeft,
-        anchorY: innerPoint.y
-    };
-};
-
-export const buildClockBlockMark = (spec, block, index) => {
-    var _a, _b, _c;
-    const hasImage = !!block.image, themeColor = getThemeColor(spec), contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], children = [ {
-        type: "path",
-        name: `storyline-clock-lead-${index}`,
-        interactive: !1,
-        style: {
-            path: (_d, ctx) => {
-                const {start: start, end: end} = getClockLeadLine(spec, ctx, index);
-                return `M ${start.x.toFixed(2)} ${start.y.toFixed(2)} L ${end.x.toFixed(2)} ${end.y.toFixed(2)}`;
-            },
-            stroke: withAlpha(themeColor, .7),
-            lineWidth: 1,
-            lineDash: [ 3, 3 ],
-            fill: "transparent",
-            fillOpacity: 0
-        }
-    }, hasImage ? {
-        type: "image",
-        name: `storyline-clock-dot-${index}`,
-        interactive: !1,
-        style: {
-            x: (_d, ctx) => {
-                const dot = getClockDotCenter(spec, ctx, index);
-                return dot.x - dot.diameter / 2;
-            },
-            y: (_d, ctx) => {
-                const dot = getClockDotCenter(spec, ctx, index);
-                return dot.y - dot.diameter / 2;
-            },
-            width: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter,
-            height: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter,
-            image: block.image,
-            repeatX: "no-repeat",
-            repeatY: "no-repeat",
-            imageMode: "cover",
-            imagePosition: "center"
-        }
-    } : {
-        type: "symbol",
-        name: `storyline-clock-dot-${index}`,
-        interactive: !1,
-        style: {
-            x: (_d, ctx) => getClockDotCenter(spec, ctx, index).x,
-            y: (_d, ctx) => getClockDotCenter(spec, ctx, index).y,
-            size: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter,
-            symbolType: "circle",
-            fill: themeColor,
-            stroke: "#ffffff",
-            lineWidth: 1.5
-        }
-    }, block.title ? Object.assign(Object.assign({
-        type: "text",
-        name: `storyline-clock-title-${index}`,
-        interactive: !1
-    }, spec.title), {
-        style: Object.assign({
-            x: (_d, ctx) => getClockTextRect(spec, ctx, index).x,
-            y: (_d, ctx) => getClockTextRect(spec, ctx, index).anchorY - 24,
-            text: block.title,
-            maxLineWidth: (_d, ctx) => getClockTextRect(spec, ctx, index).width,
-            fontSize: 18,
-            lineHeight: 24,
-            fontWeight: "bold",
-            fill: themeColor,
-            stroke: "#fff",
-            lineWidth: 5,
-            lineJoin: "round",
-            textAlign: (_d, ctx) => getClockTextRect(spec, ctx, index).onLeft ? "right" : "left",
-            textBaseline: "top"
-        }, null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style)
-    }) : null, contentText.length ? Object.assign(Object.assign({
-        type: "text",
-        name: `storyline-clock-content-${index}`,
-        interactive: !1
-    }, spec.content), {
-        textType: "rich",
-        style: Object.assign({
-            x: (_d, ctx) => getClockTextRect(spec, ctx, index).x,
-            y: (_d, ctx) => getClockTextRect(spec, ctx, index).anchorY + 4,
-            width: (_d, ctx) => getClockTextRect(spec, ctx, index).width,
-            maxLineWidth: (_d, ctx) => getClockTextRect(spec, ctx, index).width,
-            text: buildRichContent(contentText, spec),
-            fontSize: 11,
-            lineHeight: 15,
-            fill: "#3a3f4d",
-            textAlign: (_d, ctx) => getClockTextRect(spec, ctx, index).onLeft ? "right" : "left",
-            textBaseline: "top",
-            wordBreak: "break-word"
-        }, null === (_b = spec.content) || void 0 === _b ? void 0 : _b.style)
-    }) : null ];
-    return {
-        type: "group",
-        id: `storyline-block-${null !== (_c = block.id) && void 0 !== _c ? _c : index}`,
-        name: `storyline-block-${index}`,
-        zIndex: LayoutZIndex.Mark + 1,
-        children: children.filter(Boolean)
-    };
-};
-//# sourceMappingURL=clock.js.map

package/esm/charts/storyline/layouts/clock.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/storyline/layouts/clock.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAGL,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,gBAAgB,EAChB,SAAS,EACV,MAAM,UAAU,CAAC;AAuBlB,MAAM,yBAAyB,GAAG,GAAG,CAAC;AACtC,MAAM,8BAA8B,GAAG,IAAI,CAAC;AAC5C,MAAM,iBAAiB,GAAG,IAAI,CAAC;AAC/B,MAAM,eAAe,GAAG,IAAI,CAAC;AAC7B,MAAM,sBAAsB,GAAG,GAAG,CAAC;AACnC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAGjC,MAAM,wBAAwB,GAAG,IAAI,CAAC;AACtC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,wBAAwB,GAAG,CAAC,CAAC;AACnC,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAGhC,MAAM,qBAAqB,GAAG,EAAE,CAAC;AACjC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,uBAAuB,GAAG,EAAE,CAAC;AACnC,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAYrC,MAAM,gBAAgB,GAAG,CAAC,IAAoB,EAAE,GAAkB,EAAiB,EAAE;;IACnF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACrE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACvE,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,GAAG,UAAU,GAAG,CAAC,CAAC;IAClD,MAAM,EAAE,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG,GAAG,WAAW,GAAG,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7D,MAAM,KAAK,GAAG,MAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,mCAAI,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACpC,CAAC,CAAC;AAOF,MAAM,kBAAkB,GAAG,CAAC,IAAmB,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC;AAE5G,MAAM,KAAK,GAAG,CAAC,EAAU,EAAE,EAAU,EAAE,CAAS,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC;IACnE,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;IAC3B,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC;CAC5B,CAAC,CAAC;AAMH,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AAI5D,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,IAAoB,EAAkC,EAAE;;IAChG,IAAI,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,OAAO,MAAK,KAAK,EAAE;QACvC,OAAO,IAAI,CAAC;KACb;IACD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,MAAA,IAAI,CAAC,WAAW,0CAAE,KAAK,CAAA,CAAC;IAC3C,OAAO;QACL,IAAI,EAAE,OAAc;QACpB,IAAI,EAAE,wBAAwB;QAC9B,MAAM,EAAE,YAAY,CAAC,IAAI,GAAG,CAAC;QAC7B,QAAQ,EAAE;YAER;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,6BAA6B;gBACnC,WAAW,EAAE,KAAK;gBAClB,KAAK,EAAE;oBACL,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE;oBACtE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE;oBACtE,IAAI,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;wBACxC,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;wBACtC,OAAO,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,IAAI,CAAC;oBAChD,CAAC;oBACD,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC;oBACjC,MAAM,EAAE,aAAa;iBACtB;aAC2B;YAC9B,QAAQ;gBACN,CAAC,CAAE;oBACC,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,8BAA8B;oBACpC,WAAW,EAAE,KAAK;oBAClB,KAAK,kBACH,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;4BACrC,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;4BACtC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,8BAA8B,CAAC;wBACjF,CAAC,EACD,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;4BACrC,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;4BACtC,OAAO,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,8BAA8B,CAAC;wBACjF,CAAC,EACD,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CACzC,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,8BAA8B,GAAG,CAAC,EAChG,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAC1C,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,8BAA8B,GAAG,CAAC,EAChG,KAAK,EAAE,MAAA,IAAI,CAAC,WAAW,0CAAE,KAAK,EAC9B,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,OAAO,EAClB,aAAa,EAAE,QAAQ,EAEvB,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;4BAC1C,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;4BACtC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;wBACtB,CAAC,EAED,EAAE,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;;4BACtC,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;4BACtC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,8BAA8B,GAAG,CAAC,CAAC;4BACnF,MAAM,SAAS,GAAG,MAAC,MAAA,IAAI,CAAC,WAAW,0CAAE,KAAwC,0CAAE,KAAK,CAAC;4BACrF,MAAM,CAAC,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;4BAC5D,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;wBACzB,CAAC,EACD,EAAE,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;;4BACtC,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;4BACtC,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,8BAA8B,GAAG,CAAC,CAAC;4BACnF,MAAM,UAAU,GAAG,MAAC,MAAA,IAAI,CAAC,WAAW,0CAAE,KAAyC,0CAAE,MAAM,CAAC;4BACxF,MAAM,CAAC,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;4BAC9D,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;wBACzB,CAAC,IACE,MAAA,IAAI,CAAC,WAAW,0CAAE,KAAK,CAC3B;iBAC2B;gBAChC,CAAC,CAAE;oBACC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,oCAAoC;oBAC1C,WAAW,EAAE,KAAK;oBAClB,KAAK,EAAE;wBACL,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE;wBACtE,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,EAAE;wBACtE,IAAI,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,yBAAyB,GAAG,CAAC;wBACxG,UAAU,EAAE,QAAQ;wBACpB,IAAI,EAAE,SAAS;wBACf,MAAM,EAAE,UAAU;wBAClB,SAAS,EAAE,CAAC;qBACb;iBAC4B;SACpC,CAAC,MAAM,CAAC,OAAO,CAA2B;KAC5C,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAkC,EAAE;IACxF,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,SAAS,GAAG,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;QACpD,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QACtC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,iBAAiB,CAAC;QAClC,OAAO;YACL,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YAC/C,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACrF,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;SACtF,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,OAAc;QACpB,IAAI,EAAE,uBAAuB;QAC7B,MAAM,EAAE,YAAY,CAAC,IAAI;QACzB,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,4BAA4B;gBAClC,WAAW,EAAE,KAAK;gBAClB,KAAK,EAAE;oBACL,IAAI,EAAE,SAAS;oBACf,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,GAAG,CAAC;oBAClC,SAAS,EAAE,CAAC;oBACZ,QAAQ,EAAE,gBAAgB;oBAC1B,IAAI,EAAE,aAAa;oBACnB,WAAW,EAAE,CAAC;iBACf;aACyB;SAC7B;KACF,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAE,GAAkB,EAAE,KAAa,EAAE,EAAE;IACpF,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC;IAChC,uCAAY,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,KAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,wBAAwB,EAAE,KAAK,IAAG;AAC7F,CAAC,CAAC;AAKF,MAAM,gBAAgB,GAAG,CAAC,IAAoB,EAAE,GAAkB,EAAE,KAAa,EAAE,EAAE;IACnF,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACtC,MAAM,KAAK,GAAG,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;IAClD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,eAAe,GAAG,IAAI,GAAG,mBAAmB,EAAE,KAAK,CAAC,CAAC;IAC3F,MAAM,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,sBAAsB,GAAG,wBAAwB,EAAE,KAAK,CAAC,CAAC;IAC9F,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;AACxB,CAAC,CAAC;AASF,MAAM,gBAAgB,GAAG,CAAC,IAAoB,EAAE,GAAkB,EAAE,KAAa,EAAE,EAAE;;IACnF,MAAM,CAAC,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACtC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC9D,MAAM,OAAO,GAAG,gBAAgB,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,OAAO,CAAC,CAAC;IACtD,MAAM,KAAK,GAAG,kBAAkB,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,MAAM,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC;IAC5C,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IAEpD,MAAM,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IACvC,MAAM,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC;IACvD,MAAM,KAAK,GAAG,MAAM;QAClB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,GAAG,QAAQ,EAAE,EAAE,CAAC,EAAE,oBAAoB,CAAC;QACvE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,UAAU,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,oBAAoB,CAAC,CAAC;IAC3E,OAAO,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC;AACpF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,IAAoB,EACpB,KAAsB,EACtB,KAAa,EACY,EAAE;;IAC3B,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAExG,MAAM,QAAQ,GAAG,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;QACnD,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1D,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACnG,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAoC;QAEhD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,wBAAwB,KAAK,EAAE;YACrC,WAAW,EAAE,KAAK;YAClB,KAAK,EAAE;gBACL,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE,SAAS,CAAC,UAAU,EAAE,GAAG,CAAC;gBAClC,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;gBAChB,IAAI,EAAE,aAAa;gBACnB,WAAW,EAAE,CAAC;aACf;SACyB;QAE5B,QAAQ;YACN,CAAC,CAAE;gBACC,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,uBAAuB,KAAK,EAAE;gBACpC,WAAW,EAAE,KAAK;gBAClB,KAAK,EAAE;oBACL,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;wBACrC,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;wBAChD,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC;oBAClC,CAAC;oBACD,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE;wBACrC,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;wBAChD,OAAO,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC;oBAClC,CAAC;oBACD,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,QAAQ;oBACxF,MAAM,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,QAAQ;oBACzF,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,OAAO,EAAE,WAAW;oBACpB,OAAO,EAAE,WAAW;oBACpB,SAAS,EAAE,OAAO;oBAClB,aAAa,EAAE,QAAQ;iBACxB;aAC2B;YAChC,CAAC,CAAE;gBACC,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,uBAAuB,KAAK,EAAE;gBACpC,WAAW,EAAE,KAAK;gBAClB,KAAK,EAAE;oBACL,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;oBAC7E,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;oBAC7E,IAAI,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,iBAAiB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,QAAQ;oBACvF,UAAU,EAAE,QAAQ;oBACpB,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,SAAS;oBACjB,SAAS,EAAE,GAAG;iBACf;aAC4B;QAEnC,KAAK,CAAC,KAAK;YACT,CAAC,CAAE,8BACC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,yBAAyB,KAAK,EAAE,EACtC,WAAW,EAAE,KAAK,IACf,IAAI,CAAC,KAAK,KACb,KAAK,kBACH,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,EAC5E,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CACrC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,GAAG,uBAAuB,EACtE,IAAI,EAAE,KAAK,CAAC,KAAK,EACjB,YAAY,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,KAAK,EAC3F,QAAQ,EAAE,qBAAqB,EAC/B,UAAU,EAAE,uBAAuB,EACnC,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,EACZ,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAC7C,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC9D,YAAY,EAAE,KAAK,IAChB,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,IAEK;YAC/B,CAAC,CAAC,IAAI;QAER,WAAW,CAAC,MAAM;YAChB,CAAC,CAAE,8BACC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,2BAA2B,KAAK,EAAE,EACxC,WAAW,EAAE,KAAK,IACf,IAAI,CAAC,OAAO,KACf,QAAQ,EAAE,MAAM,EAChB,KAAK,kBACH,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,EAC5E,CAAC,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,OAAO,GAAG,CAAC,EACtF,KAAK,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,KAAK,EACpF,YAAY,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAAC,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,KAAK,EAC3F,IAAI,EAAE,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,EACzC,QAAQ,EAAE,uBAAuB,EACjC,UAAU,EAAE,yBAAyB,EACrC,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,EAAW,EAAE,GAAkB,EAAE,EAAE,CAC7C,gBAAgB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC9D,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,YAAY,IACpB,MAAA,IAAI,CAAC,OAAO,0CAAE,KAAK,IAEG;YAC/B,CAAC,CAAC,IAAI;KACT,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,OAAc;QACpB,EAAE,EAAE,mBAAmB,MAAA,KAAK,CAAC,EAAE,mCAAI,KAAK,EAAE;QAC1C,IAAI,EAAE,mBAAmB,KAAK,EAAE;QAChC,MAAM,EAAE,YAAY,CAAC,IAAI,GAAG,CAAC;QAC7B,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,CAA2B;KAC7D,CAAC;AACJ,CAAC,CAAC","file":"clock.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  buildRichContent,\n  getRegionGeometry,\n  getThemeColor,\n  normalizePadding,\n  withAlpha\n} from './common';\n\n/**\n * clock 布局：环绕式时间线（orbit timeline）\n *\n * 视觉结构（参考报刊版式）：\n *\n *                      ┌──────── 外侧文字段（title + content）─────────┐\n *                      │                                                 │\n *           ●●●        │           ┌───── 虚线轨道圆环 ─────┐            │\n *      圆形 dot ──────引线──────┤                          │\n *                      │           │     ◎ centerImage     │\n *                      │           │     （大圆人像）      │\n *                      │           └───────────────────────┘\n *                      └─────────────────────────────────────────────┘\n *\n * - centerImage：圆形大图，位于版面中心\n * - 虚线轨道：紧贴 centerImage 外侧的圆环，提供时间线的视觉骨架\n * - 每个 block 由 1 个圆形小图（dot）压在轨道上，外加一段从 dot 引出的 title + content 文字\n * - block 沿轨道环绕分布（默认 360°）；左半圆 block 文字 right-align，右半圆 block 文字 left-align\n */\n\n// ===== 半径配置（按可用半径的比例划分各圈层）=====\nconst CLOCK_CENTER_RADIUS_RATIO = 0.5; // 中心圆半径\nconst CLOCK_CENTER_IMAGE_INSET_RATIO = 0.86; // centerImage 相对中心圆的尺寸比例（留出环形空隙）\nconst CLOCK_ORBIT_RATIO = 0.58; // 虚线轨道半径\nconst CLOCK_DOT_RATIO = 0.58; // 圆形小图（dot）中心所在半径（与轨道重合）\nconst CLOCK_TEXT_INNER_RATIO = 0.7; // block 文字段起始半径\nconst CLOCK_TEXT_MAX_WIDTH = 200; // 文字段最大宽度，避免靠近正上/正下的 block 占满整个画布半宽\n\n// ===== 元素尺寸 =====\nconst CLOCK_DOT_DIAMETER_RATIO = 0.24; // dot 直径相对 R\nconst CLOCK_LEAD_LINE_GAP = 6; // dot 到引线起点的间距 px\nconst CLOCK_TEXT_GAP_FROM_LEAD = 8; // 引线到文字的间距 px\nconst CLOCK_ORBIT_DASH = [4, 4];\n\n// ===== 文字 =====\nconst CLOCK_TITLE_FONT_SIZE = 18;\nconst CLOCK_TITLE_LINE_HEIGHT = 24;\nconst CLOCK_CONTENT_FONT_SIZE = 11;\nconst CLOCK_CONTENT_LINE_HEIGHT = 15;\n\n// ===== 几何 =====\n\ntype ClockGeometry = {\n  cx: number;\n  cy: number;\n  R: number; // 整盘外半径\n  count: number;\n  step: number;\n};\n\nconst getClockGeometry = (spec: IStorylineSpec, ctx: LayoutContext): ClockGeometry => {\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 cx = startX + padding.left + innerWidth / 2;\n  const cy = startY + padding.top + innerHeight / 2;\n  const R = Math.max(Math.min(innerWidth, innerHeight) / 2, 1);\n  const count = spec.data?.length ?? 0;\n  const step = count > 0 ? (Math.PI * 2) / count : 0;\n  return { cx, cy, R, count, step };\n};\n\n/**\n * 第 index 个 block 在轨道上的角度。\n * - 0° = 正上方（12 点钟）\n * - 顺时针递增\n */\nconst getClockBlockAngle = (geom: ClockGeometry, index: number) => -Math.PI / 2 + geom.step * (index + 0.5);\n\nconst polar = (cx: number, cy: number, r: number, angle: number) => ({\n  x: cx + Math.cos(angle) * r,\n  y: cy + Math.sin(angle) * r\n});\n\n/**\n * 判断 block 在版面左半边还是右半边。\n * 用于决定 block 文字的对齐方向（左半边 right-align，右半边 left-align）。\n */\nconst isOnLeftHalf = (angle: number) => Math.cos(angle) < 0;\n\n// ===== 中心圆 =====\n\nexport const buildClockCenterImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  if (spec.centerImage?.visible === false) {\n    return null;\n  }\n  const themeColor = getThemeColor(spec);\n  const hasImage = !!spec.centerImage?.image;\n  return {\n    type: 'group' as any,\n    name: 'storyline-clock-center',\n    zIndex: LayoutZIndex.Mark + 2,\n    children: [\n      // centerImage 背后的高亮光晕（主题色透明色，营造\"焦点\"效果）\n      {\n        type: 'symbol',\n        name: 'storyline-clock-center-halo',\n        interactive: false,\n        style: {\n          x: (_d: unknown, ctx: LayoutContext) => getClockGeometry(spec, ctx).cx,\n          y: (_d: unknown, ctx: LayoutContext) => getClockGeometry(spec, ctx).cy,\n          size: (_d: unknown, ctx: LayoutContext) => {\n            const g = getClockGeometry(spec, ctx);\n            return g.R * CLOCK_CENTER_RADIUS_RATIO * 2.16;\n          },\n          symbolType: 'circle',\n          fill: withAlpha(themeColor, 0.28),\n          stroke: 'transparent'\n        }\n      } as ICustomMarkSpec<'symbol'>,\n      hasImage\n        ? ({\n            type: 'image',\n            name: 'storyline-clock-center-image',\n            interactive: false,\n            style: {\n              x: (_d: unknown, ctx: LayoutContext) => {\n                const g = getClockGeometry(spec, ctx);\n                return g.cx - g.R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO;\n              },\n              y: (_d: unknown, ctx: LayoutContext) => {\n                const g = getClockGeometry(spec, ctx);\n                return g.cy - g.R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO;\n              },\n              width: (_d: unknown, ctx: LayoutContext) =>\n                getClockGeometry(spec, ctx).R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO * 2,\n              height: (_d: unknown, ctx: LayoutContext) =>\n                getClockGeometry(spec, ctx).R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO * 2,\n              image: spec.centerImage?.image,\n              repeatX: 'no-repeat',\n              repeatY: 'no-repeat',\n              imageMode: 'cover',\n              imagePosition: 'center',\n              // 默认锚点设为 image 中心，让 scaleX/scaleY 从中心缩放\n              anchor: (_d: unknown, ctx: LayoutContext) => {\n                const g = getClockGeometry(spec, ctx);\n                return [g.cx, g.cy];\n              },\n              // 若用户在 style 里覆盖了 width/height，自动追加 dx/dy 让图片仍以 rect 中心为中心\n              dx: (_d: unknown, ctx: LayoutContext) => {\n                const g = getClockGeometry(spec, ctx);\n                const rectW = g.R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO * 2;\n                const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n                const w = typeof userWidth === 'number' ? userWidth : rectW;\n                return (rectW - w) / 2;\n              },\n              dy: (_d: unknown, ctx: LayoutContext) => {\n                const g = getClockGeometry(spec, ctx);\n                const rectH = g.R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO * 2;\n                const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n                const h = typeof userHeight === 'number' ? userHeight : rectH;\n                return (rectH - h) / 2;\n              },\n              ...spec.centerImage?.style\n            }\n          } as ICustomMarkSpec<'image'>)\n        : ({\n            type: 'symbol',\n            name: 'storyline-clock-center-placeholder',\n            interactive: false,\n            style: {\n              x: (_d: unknown, ctx: LayoutContext) => getClockGeometry(spec, ctx).cx,\n              y: (_d: unknown, ctx: LayoutContext) => getClockGeometry(spec, ctx).cy,\n              size: (_d: unknown, ctx: LayoutContext) => getClockGeometry(spec, ctx).R * CLOCK_CENTER_RADIUS_RATIO * 2,\n              symbolType: 'circle',\n              fill: '#ffffff',\n              stroke: themeColor,\n              lineWidth: 2\n            }\n          } as ICustomMarkSpec<'symbol'>)\n    ].filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n\n// ===== 虚线轨道 =====\n\n/**\n * 紧贴 centerImage 外侧的虚线圆环轨道。\n */\nexport const buildClockArcMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n  const themeColor = getThemeColor(spec);\n\n  const orbitPath = (_d: unknown, ctx: LayoutContext) => {\n    const g = getClockGeometry(spec, ctx);\n    const r = g.R * CLOCK_ORBIT_RATIO;\n    return [\n      `M ${(g.cx + r).toFixed(2)} ${g.cy.toFixed(2)}`,\n      `A ${r.toFixed(2)} ${r.toFixed(2)} 0 1 1 ${(g.cx - r).toFixed(2)} ${g.cy.toFixed(2)}`,\n      `A ${r.toFixed(2)} ${r.toFixed(2)} 0 1 1 ${(g.cx + r).toFixed(2)} ${g.cy.toFixed(2)}`\n    ].join(' ');\n  };\n\n  return {\n    type: 'group' as any,\n    name: 'storyline-clock-orbit',\n    zIndex: LayoutZIndex.Mark,\n    children: [\n      {\n        type: 'path',\n        name: 'storyline-clock-orbit-path',\n        interactive: false,\n        style: {\n          path: orbitPath,\n          stroke: withAlpha(themeColor, 0.7),\n          lineWidth: 1,\n          lineDash: CLOCK_ORBIT_DASH,\n          fill: 'transparent',\n          fillOpacity: 0\n        }\n      } as ICustomMarkSpec<'path'>\n    ]\n  };\n};\n\n// ===== block：dot + 引线 + 文字段 =====\n\nconst getClockDotCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n  const g = getClockGeometry(spec, ctx);\n  const angle = getClockBlockAngle(g, index);\n  const r = g.R * CLOCK_DOT_RATIO;\n  return { ...polar(g.cx, g.cy, r, angle), diameter: g.R * CLOCK_DOT_DIAMETER_RATIO, angle };\n};\n\n/**\n * 引线（dot 外缘 → 文字段内边）的两个端点。\n */\nconst getClockLeadLine = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n  const g = getClockGeometry(spec, ctx);\n  const angle = getClockBlockAngle(g, index);\n  const dotR = (g.R * CLOCK_DOT_DIAMETER_RATIO) / 2;\n  const start = polar(g.cx, g.cy, g.R * CLOCK_DOT_RATIO + dotR + CLOCK_LEAD_LINE_GAP, angle);\n  const end = polar(g.cx, g.cy, g.R * CLOCK_TEXT_INNER_RATIO - CLOCK_TEXT_GAP_FROM_LEAD, angle);\n  return { start, end };\n};\n\n/**\n * block 文字段的矩形（中心 + 宽高 + 对齐）。\n * 文字段沿水平方向从 dot 一侧外延：\n *   - 左半圆：文字右对齐，向左延伸至画布左边界（含 padding）\n *   - 右半圆：文字左对齐，向右延伸至画布右边界（含 padding）\n * 这样所有 block 的可用宽度都是一致的\"画布半宽 - 中心圆半径\"，避免出现窄文字。\n */\nconst getClockTextRect = (spec: IStorylineSpec, ctx: LayoutContext, index: number) => {\n  const g = getClockGeometry(spec, ctx);\n  const { width: regionWidth, startX } = getRegionGeometry(ctx);\n  const padding = normalizePadding(spec.block?.padding);\n  const angle = getClockBlockAngle(g, index);\n  const onLeft = isOnLeftHalf(angle);\n  // 文字段从 dot 外侧的 inner ring 处开始水平延展\n  const rInner = g.R * CLOCK_TEXT_INNER_RATIO;\n  const innerPoint = polar(g.cx, g.cy, rInner, angle);\n  // 画布水平边界（含 padding）\n  const leftEdge = startX + padding.left;\n  const rightEdge = startX + regionWidth - padding.right;\n  const width = onLeft\n    ? Math.min(Math.max(innerPoint.x - leftEdge, 80), CLOCK_TEXT_MAX_WIDTH)\n    : Math.min(Math.max(rightEdge - innerPoint.x, 80), CLOCK_TEXT_MAX_WIDTH);\n  return { x: innerPoint.x, y: innerPoint.y, width, onLeft, anchorY: innerPoint.y };\n};\n\nexport const buildClockBlockMark = (\n  spec: IStorylineSpec,\n  block: IStorylineBlock,\n  index: number\n): IExtensionGroupMarkSpec => {\n  const hasImage = !!block.image;\n  const themeColor = getThemeColor(spec);\n  const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n\n  const leadPath = (_d: unknown, ctx: LayoutContext) => {\n    const { start, end } = getClockLeadLine(spec, ctx, index);\n    return `M ${start.x.toFixed(2)} ${start.y.toFixed(2)} L ${end.x.toFixed(2)} ${end.y.toFixed(2)}`;\n  };\n\n  const children: (ICustomMarkSpec<any> | null)[] = [\n    // 引线：从 dot 外缘到文字段内边\n    {\n      type: 'path',\n      name: `storyline-clock-lead-${index}`,\n      interactive: false,\n      style: {\n        path: leadPath,\n        stroke: withAlpha(themeColor, 0.7),\n        lineWidth: 1,\n        lineDash: [3, 3],\n        fill: 'transparent',\n        fillOpacity: 0\n      }\n    } as ICustomMarkSpec<'path'>,\n    // 圆形小图（dot）：压在轨道上，作为时间锚点\n    hasImage\n      ? ({\n          type: 'image',\n          name: `storyline-clock-dot-${index}`,\n          interactive: false,\n          style: {\n            x: (_d: unknown, ctx: LayoutContext) => {\n              const dot = getClockDotCenter(spec, ctx, index);\n              return dot.x - dot.diameter / 2;\n            },\n            y: (_d: unknown, ctx: LayoutContext) => {\n              const dot = getClockDotCenter(spec, ctx, index);\n              return dot.y - dot.diameter / 2;\n            },\n            width: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).diameter,\n            height: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).diameter,\n            image: block.image,\n            repeatX: 'no-repeat',\n            repeatY: 'no-repeat',\n            imageMode: 'cover',\n            imagePosition: 'center'\n          }\n        } as ICustomMarkSpec<'image'>)\n      : ({\n          type: 'symbol',\n          name: `storyline-clock-dot-${index}`,\n          interactive: false,\n          style: {\n            x: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).x,\n            y: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).y,\n            size: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).diameter,\n            symbolType: 'circle',\n            fill: themeColor,\n            stroke: '#ffffff',\n            lineWidth: 1.5\n          }\n        } as ICustomMarkSpec<'symbol'>),\n    // title：文字段的第一行\n    block.title\n      ? ({\n          type: 'text',\n          name: `storyline-clock-title-${index}`,\n          interactive: false,\n          ...spec.title,\n          style: {\n            x: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).x,\n            y: (_d: unknown, ctx: LayoutContext) =>\n              getClockTextRect(spec, ctx, index).anchorY - CLOCK_TITLE_LINE_HEIGHT,\n            text: block.title,\n            maxLineWidth: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).width,\n            fontSize: CLOCK_TITLE_FONT_SIZE,\n            lineHeight: CLOCK_TITLE_LINE_HEIGHT,\n            fontWeight: 'bold',\n            fill: themeColor,\n            stroke: '#fff',\n            lineWidth: 5,\n            lineJoin: 'round',\n            textAlign: (_d: unknown, ctx: LayoutContext) =>\n              getClockTextRect(spec, ctx, index).onLeft ? 'right' : 'left',\n            textBaseline: 'top',\n            ...spec.title?.style\n          }\n        } as ICustomMarkSpec<'text'>)\n      : null,\n    // content：富文本，title 下方\n    contentText.length\n      ? ({\n          type: 'text',\n          name: `storyline-clock-content-${index}`,\n          interactive: false,\n          ...spec.content,\n          textType: 'rich',\n          style: {\n            x: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).x,\n            y: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).anchorY + 4,\n            width: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).width,\n            maxLineWidth: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).width,\n            text: buildRichContent(contentText, spec),\n            fontSize: CLOCK_CONTENT_FONT_SIZE,\n            lineHeight: CLOCK_CONTENT_LINE_HEIGHT,\n            fill: '#3a3f4d',\n            textAlign: (_d: unknown, ctx: LayoutContext) =>\n              getClockTextRect(spec, ctx, index).onLeft ? 'right' : 'left',\n            textBaseline: 'top',\n            wordBreak: 'break-word',\n            ...spec.content?.style\n          }\n        } as ICustomMarkSpec<'text'>)\n      : null\n  ];\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    children: children.filter(Boolean) as ICustomMarkSpec<any>[]\n  };\n};\n"]}

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

@@ -1,89 +0,0 @@
-import type { ICustomMarkSpec } from '@visactor/vchart';
-import type { IStorylineBlock, IStorylineSpec, StorylineImagePosition } from '../interface';
-import { normalizeLayout, normalizePadding, type StorylineLayoutResult, type StorylinePoint } from '../layout';
-export type LayoutContext = {
-    chart?: {
-        getAllRegions?: () => {
-            getLayoutRect?: () => {
-                width?: number;
-                height?: number;
-            };
-            getLayoutStartPoint?: () => {
-                x?: number;
-                y?: number;
-            };
-        }[];
-        getLayoutRect?: () => {
-            width?: number;
-            height?: number;
-        };
-    };
-    getLayoutBounds?: () => {
-        width?: () => number;
-        height?: () => number;
-    };
-};
-export declare const DEFAULT_BLOCK_WIDTH = 180;
-export declare const DEFAULT_BLOCK_HEIGHT = 112;
-export declare const DEFAULT_BLOCK_WIDTH_RATIO = 0.24;
-export declare const DEFAULT_BLOCK_GAP = 36;
-export declare const DEFAULT_IMAGE_WIDTH = 48;
-export declare const DEFAULT_IMAGE_HEIGHT = 48;
-export declare const DEFAULT_IMAGE_GAP = 10;
-export declare const DEFAULT_THEME_COLOR = "#e8543d";
-export declare const isLandscape: (spec: IStorylineSpec) => boolean;
-export declare const isPortrait: (spec: IStorylineSpec) => boolean;
-export declare const isClock: (spec: IStorylineSpec) => boolean;
-export declare const isArc: (spec: IStorylineSpec) => boolean;
-export declare const isWing: (spec: IStorylineSpec) => boolean;
-export declare const isLadder: (spec: IStorylineSpec) => boolean;
-export declare const getThemeColor: (spec: IStorylineSpec) => string;
-export declare const withAlpha: (color: string, alpha: number) => string;
-export declare const resolveBlockWidth: (spec: IStorylineSpec, viewWidth: number) => number;
-export declare const getRegionGeometry: (ctx: LayoutContext) => {
-    width: number;
-    height: number;
-    startX: number;
-    startY: number;
-};
-export declare const getLayout: (spec: IStorylineSpec, ctx: LayoutContext) => StorylineLayoutResult;
-export declare const buildRichContent: (contentText: string[], spec: IStorylineSpec) => {
-    type: "rich";
-    text: {
-        text: string;
-        fontSize: number;
-        lineHeight: number;
-        fill: string;
-    }[];
-};
-export declare const omitImageLayoutSpec: (imageSpec: IStorylineSpec['image']) => {
-    showBackground?: boolean;
-    id?: import("@visactor/vchart").StringOrNumber;
-    interactive?: boolean;
-    zIndex?: number;
-    visible?: boolean;
-    style?: import("@visactor/vchart").ConvertToMarkStyleSpec<import("@visactor/vchart").IImageMarkSpec>;
-    state?: import("@visactor/vchart").IMarkStateFullSpec<import("@visactor/vchart").IImageMarkSpec>;
-    stateSort?: (stateA: string, stateB: string) => number;
-    support3d?: boolean;
-    customShape?: (datum: any[], attrs: any, path: import("@visactor/vrender-core").ICustomPath2D) => import("@visactor/vrender-core").ICustomPath2D;
-    large?: boolean;
-    largeThreshold?: number;
-    progressiveStep?: number;
-    progressiveThreshold?: number;
-};
-export declare const getImageBox: (position: StorylineImagePosition, blockWidth: number, blockHeight: number, padding: ReturnType<typeof normalizePadding>, width: number, height: number, _gap: number, visible: boolean) => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export declare const getTextBox: (position: StorylineImagePosition, blockWidth: number, blockHeight: number, padding: ReturnType<typeof normalizePadding>, imageWidth: number, imageHeight: number, imageGap: number, hasImage: boolean) => {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export declare const buildSmoothCurvePath: (points: StorylinePoint[]) => string;
-export { normalizeLayout, normalizePadding };
-export type { IStorylineBlock, ICustomMarkSpec, StorylinePoint };

package/esm/charts/storyline/layouts/common.js

@@ -1,257 +0,0 @@
-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;
-};
-
-import { computeStorylineLayout, normalizeLayout, normalizePadding } from "../layout";
-
-export const DEFAULT_BLOCK_WIDTH = 180;
-
-export const DEFAULT_BLOCK_HEIGHT = 112;
-
-export const DEFAULT_BLOCK_WIDTH_RATIO = .24;
-
-export const DEFAULT_BLOCK_GAP = 36;
-
-export const DEFAULT_IMAGE_WIDTH = 48;
-
-export const DEFAULT_IMAGE_HEIGHT = 48;
-
-export const DEFAULT_IMAGE_GAP = 10;
-
-export const DEFAULT_THEME_COLOR = "#e8543d";
-
-export const isLandscape = spec => "landscape" === normalizeLayout(spec.layout).type;
-
-export const isPortrait = spec => "portrait" === normalizeLayout(spec.layout).type;
-
-export const isClock = spec => "clock" === normalizeLayout(spec.layout).type;
-
-export const isArc = spec => "arc" === normalizeLayout(spec.layout).type;
-
-export const isWing = spec => "wing" === normalizeLayout(spec.layout).type;
-
-export const isLadder = spec => "ladder" === normalizeLayout(spec.layout).type;
-
-export const getThemeColor = spec => {
-    var _a;
-    return null !== (_a = spec.themeColor) && void 0 !== _a ? _a : "#e8543d";
-};
-
-export const withAlpha = (color, alpha) => {
-    const safeAlpha = Math.max(0, Math.min(1, alpha));
-    if (!color) return `rgba(0, 0, 0, ${safeAlpha})`;
-    const trimmed = color.trim();
-    if (trimmed.startsWith("#")) {
-        let hex = trimmed.slice(1);
-        if (3 !== hex.length && 4 !== hex.length || (hex = hex.split("").map((ch => ch + ch)).join("")), 
-        6 === hex.length || 8 === hex.length) {
-            return `rgba(${parseInt(hex.slice(0, 2), 16)}, ${parseInt(hex.slice(2, 4), 16)}, ${parseInt(hex.slice(4, 6), 16)}, ${safeAlpha})`;
-        }
-    }
-    const rgbMatch = trimmed.match(/^rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i);
-    return rgbMatch ? `rgba(${rgbMatch[1]}, ${rgbMatch[2]}, ${rgbMatch[3]}, ${safeAlpha})` : trimmed;
-};
-
-export const resolveBlockWidth = (spec, viewWidth) => {
-    var _a, _b, _c, _d, _e, _f, _g;
-    if (null === (_a = spec.block) || void 0 === _a ? void 0 : _a.width) return spec.block.width;
-    const ratio = null !== (_c = null === (_b = spec.block) || void 0 === _b ? void 0 : _b.widthRatio) && void 0 !== _c ? _c : .24, minWidth = null !== (_e = null === (_d = spec.block) || void 0 === _d ? void 0 : _d.minWidth) && void 0 !== _e ? _e : 180, maxWidth = null !== (_g = null === (_f = spec.block) || void 0 === _f ? void 0 : _f.maxWidth) && void 0 !== _g ? _g : Math.max(minWidth, 320);
-    return Math.max(minWidth, Math.min(maxWidth, Math.round(viewWidth * ratio)));
-};
-
-export const getRegionGeometry = ctx => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
-    const region = null === (_c = null === (_b = null === (_a = ctx.chart) || void 0 === _a ? void 0 : _a.getAllRegions) || void 0 === _b ? void 0 : _b.call(_a)) || void 0 === _c ? void 0 : _c[0], regionRect = null === (_d = null == region ? void 0 : region.getLayoutRect) || void 0 === _d ? void 0 : _d.call(region), regionStart = null === (_e = null == region ? void 0 : region.getLayoutStartPoint) || void 0 === _e ? void 0 : _e.call(region), chartRect = null === (_g = null === (_f = ctx.chart) || void 0 === _f ? void 0 : _f.getLayoutRect) || void 0 === _g ? void 0 : _g.call(_f), bounds = null === (_h = ctx.getLayoutBounds) || void 0 === _h ? void 0 : _h.call(ctx);
-    return {
-        width: Math.max(null !== (_m = null !== (_k = null !== (_j = null == regionRect ? void 0 : regionRect.width) && void 0 !== _j ? _j : null == chartRect ? void 0 : chartRect.width) && void 0 !== _k ? _k : null === (_l = null == bounds ? void 0 : bounds.width) || void 0 === _l ? void 0 : _l.call(bounds)) && void 0 !== _m ? _m : 0, 1),
-        height: Math.max(null !== (_r = null !== (_p = null !== (_o = null == regionRect ? void 0 : regionRect.height) && void 0 !== _o ? _o : null == chartRect ? void 0 : chartRect.height) && void 0 !== _p ? _p : null === (_q = null == bounds ? void 0 : bounds.height) || void 0 === _q ? void 0 : _q.call(bounds)) && void 0 !== _r ? _r : 0, 1),
-        startX: null !== (_s = null == regionStart ? void 0 : regionStart.x) && void 0 !== _s ? _s : 0,
-        startY: null !== (_t = null == regionStart ? void 0 : regionStart.y) && void 0 !== _t ? _t : 0
-    };
-};
-
-export const getLayout = (spec, ctx) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-    const {width: width, height: height, startX: startX, startY: startY} = getRegionGeometry(ctx);
-    let blockWidth = resolveBlockWidth(spec, width), blockHeight = null !== (_b = null === (_a = spec.block) || void 0 === _a ? void 0 : _a.height) && void 0 !== _b ? _b : 112;
-    if (isLandscape(spec) && !(null === (_c = spec.block) || void 0 === _c ? void 0 : _c.width)) {
-        const count = null !== (_e = null === (_d = spec.data) || void 0 === _d ? void 0 : _d.length) && void 0 !== _e ? _e : 0;
-        if (count > 0) {
-            const padding = normalizePadding(null === (_f = spec.block) || void 0 === _f ? void 0 : _f.padding), LANDSCAPE_IMAGE_MIN_WIDTH = 80, adaptive = (Math.max(width - padding.left - padding.right, 1) - 40 * Math.max(count - 1, 0)) / count;
-            blockWidth = Math.max(LANDSCAPE_IMAGE_MIN_WIDTH, Math.floor(adaptive));
-        }
-    }
-    if (isPortrait(spec) && !(null === (_g = spec.block) || void 0 === _g ? void 0 : _g.height)) {
-        const count = null !== (_j = null === (_h = spec.data) || void 0 === _h ? void 0 : _h.length) && void 0 !== _j ? _j : 0;
-        if (count > 0) {
-            const padding = normalizePadding(null === (_k = spec.block) || void 0 === _k ? void 0 : _k.padding), innerHeight = Math.max(height - padding.top - padding.bottom, 1);
-            blockHeight = Math.max(160, Math.floor(innerHeight / count));
-        }
-    }
-    const result = computeStorylineLayout(null !== (_l = spec.data) && void 0 !== _l ? _l : [], {
-        layout: spec.layout,
-        viewBox: {
-            width: width,
-            height: height
-        },
-        block: {
-            width: blockWidth,
-            height: blockHeight
-        },
-        gap: null !== (_o = null === (_m = spec.block) || void 0 === _m ? void 0 : _m.gap) && void 0 !== _o ? _o : 36,
-        padding: null === (_p = spec.block) || void 0 === _p ? void 0 : _p.padding,
-        lineDistance: null === (_q = spec.line) || void 0 === _q ? void 0 : _q.distance
-    });
-    return startX || startY ? Object.assign(Object.assign({}, result), {
-        blocks: result.blocks.map((block => Object.assign(Object.assign({}, block), {
-            x: block.x + startX,
-            y: block.y + startY,
-            center: {
-                x: block.center.x + startX,
-                y: block.center.y + startY
-            }
-        }))),
-        links: result.links.map((link => Object.assign(Object.assign({}, link), {
-            start: {
-                x: link.start.x + startX,
-                y: link.start.y + startY
-            },
-            end: {
-                x: link.end.x + startX,
-                y: link.end.y + startY
-            },
-            points: link.points.map((point => ({
-                x: point.x + startX,
-                y: point.y + startY
-            })))
-        })))
-    }) : result;
-};
-
-export const buildRichContent = (contentText, spec) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const fontSize = Number(null !== (_c = null === (_b = null === (_a = spec.content) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fontSize) && void 0 !== _c ? _c : 12), lineHeight = Number(null !== (_f = null === (_e = null === (_d = spec.content) || void 0 === _d ? void 0 : _d.style) || void 0 === _e ? void 0 : _e.lineHeight) && void 0 !== _f ? _f : 18), fill = null !== (_j = null === (_h = null === (_g = spec.content) || void 0 === _g ? void 0 : _g.style) || void 0 === _h ? void 0 : _h.fill) && void 0 !== _j ? _j : "#596173";
-    return {
-        type: "rich",
-        text: contentText.reduce(((result, paragraph, index) => {
-            const suffix = index === contentText.length - 1 ? "" : "\n";
-            return result.push({
-                text: `${paragraph}${suffix}`,
-                fontSize: fontSize,
-                lineHeight: lineHeight,
-                fill: fill
-            }), result;
-        }), [])
-    };
-};
-
-export const omitImageLayoutSpec = imageSpec => {
-    if (!imageSpec) return {};
-    const {width: _width, height: _height, position: _position, gap: _gap} = imageSpec;
-    return __rest(imageSpec, [ "width", "height", "position", "gap" ]);
-};
-
-export const getImageBox = (position, blockWidth, blockHeight, padding, width, height, _gap, visible) => {
-    if (!visible) return {
-        x: padding.left,
-        y: padding.top,
-        width: 0,
-        height: 0
-    };
-    switch (position) {
-      case "left":
-        return {
-            x: padding.left,
-            y: (blockHeight - height) / 2,
-            width: width,
-            height: height
-        };
-
-      case "right":
-        return {
-            x: blockWidth - padding.right - width,
-            y: (blockHeight - height) / 2,
-            width: width,
-            height: height
-        };
-
-      case "bottom":
-        return {
-            x: (blockWidth - width) / 2,
-            y: blockHeight - padding.bottom - height,
-            width: width,
-            height: height
-        };
-
-      default:
-        return {
-            x: (blockWidth - width) / 2,
-            y: padding.top,
-            width: width,
-            height: height
-        };
-    }
-};
-
-export const getTextBox = (position, blockWidth, blockHeight, padding, imageWidth, imageHeight, imageGap, hasImage) => {
-    if (!hasImage) return {
-        x: padding.left,
-        y: padding.top,
-        width: blockWidth - padding.left - padding.right,
-        height: blockHeight - padding.top - padding.bottom
-    };
-    switch (position) {
-      case "left":
-        return {
-            x: padding.left + imageWidth + imageGap,
-            y: padding.top,
-            width: blockWidth - padding.left - padding.right - imageWidth - imageGap,
-            height: blockHeight - padding.top - padding.bottom
-        };
-
-      case "right":
-        return {
-            x: padding.left,
-            y: padding.top,
-            width: blockWidth - padding.left - padding.right - imageWidth - imageGap,
-            height: blockHeight - padding.top - padding.bottom
-        };
-
-      case "bottom":
-        return {
-            x: padding.left,
-            y: padding.top,
-            width: blockWidth - padding.left - padding.right,
-            height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap
-        };
-
-      default:
-        return {
-            x: padding.left,
-            y: padding.top + imageHeight + imageGap,
-            width: blockWidth - padding.left - padding.right,
-            height: blockHeight - padding.top - padding.bottom - imageHeight - imageGap
-        };
-    }
-};
-
-export const buildSmoothCurvePath = points => {
-    var _a, _b;
-    if (points.length < 2) return "";
-    if (2 === points.length) return `M ${points[0].x} ${points[0].y} L ${points[1].x} ${points[1].y}`;
-    let d = `M ${points[0].x} ${points[0].y}`;
-    for (let i = 0; i < points.length - 1; i++) {
-        const p0 = null !== (_a = points[i - 1]) && void 0 !== _a ? _a : points[i], p1 = points[i], p2 = points[i + 1], p3 = null !== (_b = points[i + 2]) && void 0 !== _b ? _b : p2;
-        d += ` C ${p1.x + (p2.x - p0.x) / 6} ${p1.y + (p2.y - p0.y) / 6}, ${p2.x - (p3.x - p1.x) / 6} ${p2.y - (p3.y - p1.y) / 6}, ${p2.x} ${p2.y}`;
-    }
-    return d;
-};
-
-export { normalizeLayout, normalizePadding };
-//# sourceMappingURL=common.js.map