@visactor/vchart-extension 2.1.0-alpha.15 → 2.1.0-alpha.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +551 -363
- package/build/index.min.js +2 -2
- package/cjs/charts/axis-3d/index.js +2 -1
- package/cjs/charts/axis-3d/linear-axis.js +1 -2
- package/cjs/charts/bar-3d/chart-spec-transformer.js +1 -1
- package/cjs/charts/bar-3d/chart.js +1 -1
- package/cjs/charts/bar-3d/constant.js +1 -1
- package/cjs/charts/bar-3d/index.js +1 -1
- package/cjs/charts/bar-3d/interface.js +1 -2
- package/cjs/charts/bar-3d/series-spec-transformer.js +1 -1
- package/cjs/charts/bar-3d/series.js +1 -1
- package/cjs/charts/bar-3d/theme.js +1 -1
- package/cjs/charts/candlestick/candlestick-transformer.js +1 -1
- package/cjs/charts/candlestick/candlestick.js +1 -1
- package/cjs/charts/candlestick/index.js +1 -1
- package/cjs/charts/candlestick/interface.js +1 -1
- package/cjs/charts/candlestick/util.js +1 -1
- package/cjs/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
- package/cjs/charts/combination-candlestick/combination-candlestick.js +1 -1
- package/cjs/charts/combination-candlestick/constant.js +1 -1
- package/cjs/charts/combination-candlestick/index.js +1 -1
- package/cjs/charts/combination-candlestick/interface.js +1 -1
- package/cjs/charts/conversion-funnel/arrow-data-transform.js +1 -2
- package/cjs/charts/conversion-funnel/constants.js +1 -1
- package/cjs/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
- package/cjs/charts/conversion-funnel/conversion-funnel.js +1 -1
- package/cjs/charts/conversion-funnel/index.js +1 -1
- package/cjs/charts/conversion-funnel/interface.js +1 -1
- package/cjs/charts/conversion-funnel/util.js +1 -1
- package/cjs/charts/funnel-3d/chart.js +1 -1
- package/cjs/charts/funnel-3d/constant.js +1 -1
- package/cjs/charts/funnel-3d/index.js +1 -1
- package/cjs/charts/funnel-3d/interface.js +1 -1
- package/cjs/charts/funnel-3d/series-spec-transformer.js +1 -1
- package/cjs/charts/funnel-3d/series.js +1 -1
- package/cjs/charts/funnel-3d/theme.js +1 -1
- package/cjs/charts/histogram-3d/chart.js +1 -1
- package/cjs/charts/storyline/interface.d.ts +9 -1
- package/cjs/charts/storyline/interface.js.map +1 -1
- package/cjs/charts/storyline/layout.js +25 -32
- package/cjs/charts/storyline/layout.js.map +1 -1
- package/cjs/charts/storyline/layouts/arc.d.ts +5 -0
- package/cjs/charts/storyline/layouts/{dome.js → arc.js} +69 -60
- package/cjs/charts/storyline/layouts/arc.js.map +1 -0
- package/cjs/charts/storyline/layouts/clock.js +23 -10
- package/cjs/charts/storyline/layouts/clock.js.map +1 -1
- package/cjs/charts/storyline/layouts/common.d.ts +4 -2
- package/cjs/charts/storyline/layouts/common.js +9 -5
- package/cjs/charts/storyline/layouts/common.js.map +1 -1
- package/cjs/charts/storyline/layouts/default.js +6 -4
- package/cjs/charts/storyline/layouts/default.js.map +1 -1
- package/cjs/charts/storyline/layouts/ladder.d.ts +5 -0
- package/cjs/charts/storyline/layouts/ladder.js +205 -0
- package/cjs/charts/storyline/layouts/ladder.js.map +1 -0
- package/cjs/charts/storyline/layouts/landscape.js +5 -3
- package/cjs/charts/storyline/layouts/landscape.js.map +1 -1
- package/cjs/charts/storyline/layouts/portrait.js +16 -42
- package/cjs/charts/storyline/layouts/portrait.js.map +1 -1
- package/cjs/charts/storyline/layouts/{bowl.d.ts → wing.d.ts} +2 -3
- package/cjs/charts/storyline/layouts/wing.js +215 -0
- package/cjs/charts/storyline/layouts/wing.js.map +1 -0
- package/cjs/charts/storyline/storyline-transformer.js +34 -18
- package/cjs/charts/storyline/storyline-transformer.js.map +1 -1
- package/cjs/components/bar-link/bar-link.js +1 -1
- package/cjs/components/bar-link/constant.js +1 -1
- package/cjs/components/bar-link/index.js +1 -1
- package/cjs/components/bar-link/type.js +1 -1
- package/cjs/components/bar-link/util.js +1 -1
- package/cjs/components/bar-regression-line/index.js +1 -1
- package/cjs/components/bar-regression-line/type.js +1 -1
- package/cjs/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
- package/cjs/components/extension-mark-sync-state/index.js +1 -1
- package/cjs/components/extension-mark-sync-state/type.js +1 -1
- package/cjs/components/histogram-regression-line/index.js +1 -1
- package/cjs/components/histogram-regression-line/type.js +2 -1
- package/cjs/components/map-label/index.js +1 -1
- package/cjs/components/map-label/layout.js +1 -1
- package/cjs/components/map-label/map-label-transformer.js +1 -1
- package/cjs/components/map-label/map-label.js +1 -1
- package/cjs/components/map-label/theme.js +1 -1
- package/cjs/components/map-label/type.js +1 -1
- package/cjs/components/regression-line/index.js +1 -1
- package/cjs/components/regression-line/regression-line.js +1 -1
- package/cjs/components/regression-line/type.js +1 -1
- package/cjs/components/scatter-regression-line/index.js +1 -1
- package/cjs/components/scatter-regression-line/type.js +1 -1
- package/cjs/components/series-break/constant.js +1 -1
- package/cjs/components/series-break/index.js +1 -1
- package/cjs/components/series-break/series-break.js +1 -1
- package/cjs/components/series-break/type.js +1 -1
- package/cjs/components/series-break/util.js +2 -1
- package/cjs/components/series-label/constant.js +1 -1
- package/cjs/components/series-label/index.js +1 -1
- package/cjs/components/series-label/series-label.js +1 -1
- package/cjs/components/series-label/type.js +1 -1
- package/cjs/components/series-label/util.js +1 -1
- package/esm/charts/axis-3d/index.js +2 -1
- package/esm/charts/axis-3d/linear-axis.js +1 -2
- package/esm/charts/bar-3d/chart-spec-transformer.js +1 -1
- package/esm/charts/bar-3d/chart.js +1 -1
- package/esm/charts/bar-3d/constant.js +1 -1
- package/esm/charts/bar-3d/index.js +1 -1
- package/esm/charts/bar-3d/interface.js +1 -2
- package/esm/charts/bar-3d/series-spec-transformer.js +1 -1
- package/esm/charts/bar-3d/series.js +1 -1
- package/esm/charts/bar-3d/theme.js +1 -1
- package/esm/charts/candlestick/candlestick-transformer.js +1 -1
- package/esm/charts/candlestick/candlestick.js +1 -1
- package/esm/charts/candlestick/index.js +1 -1
- package/esm/charts/candlestick/interface.js +1 -1
- package/esm/charts/candlestick/util.js +1 -1
- package/esm/charts/combination-candlestick/combination-candlestick-transformer.js +1 -1
- package/esm/charts/combination-candlestick/combination-candlestick.js +1 -1
- package/esm/charts/combination-candlestick/constant.js +1 -1
- package/esm/charts/combination-candlestick/index.js +1 -1
- package/esm/charts/combination-candlestick/interface.js +1 -1
- package/esm/charts/conversion-funnel/arrow-data-transform.js +1 -2
- package/esm/charts/conversion-funnel/constants.js +1 -1
- package/esm/charts/conversion-funnel/conversion-funnel-transformer.js +1 -1
- package/esm/charts/conversion-funnel/conversion-funnel.js +1 -1
- package/esm/charts/conversion-funnel/index.js +1 -1
- package/esm/charts/conversion-funnel/interface.js +1 -1
- package/esm/charts/conversion-funnel/util.js +1 -1
- package/esm/charts/funnel-3d/chart.js +1 -1
- package/esm/charts/funnel-3d/constant.js +1 -1
- package/esm/charts/funnel-3d/index.js +1 -1
- package/esm/charts/funnel-3d/interface.js +1 -1
- package/esm/charts/funnel-3d/series-spec-transformer.js +1 -1
- package/esm/charts/funnel-3d/series.js +1 -1
- package/esm/charts/funnel-3d/theme.js +1 -1
- package/esm/charts/histogram-3d/chart.js +1 -1
- package/esm/charts/storyline/interface.d.ts +9 -1
- package/esm/charts/storyline/interface.js.map +1 -1
- package/esm/charts/storyline/layout.js +25 -32
- package/esm/charts/storyline/layout.js.map +1 -1
- package/esm/charts/storyline/layouts/arc.d.ts +5 -0
- package/esm/charts/storyline/layouts/{bowl.js → arc.js} +64 -56
- package/esm/charts/storyline/layouts/arc.js.map +1 -0
- package/esm/charts/storyline/layouts/clock.js +23 -10
- package/esm/charts/storyline/layouts/clock.js.map +1 -1
- package/esm/charts/storyline/layouts/common.d.ts +4 -2
- package/esm/charts/storyline/layouts/common.js +4 -2
- package/esm/charts/storyline/layouts/common.js.map +1 -1
- package/esm/charts/storyline/layouts/default.js +6 -4
- package/esm/charts/storyline/layouts/default.js.map +1 -1
- package/esm/charts/storyline/layouts/ladder.d.ts +5 -0
- package/esm/charts/storyline/layouts/ladder.js +196 -0
- package/esm/charts/storyline/layouts/ladder.js.map +1 -0
- package/esm/charts/storyline/layouts/landscape.js +5 -3
- package/esm/charts/storyline/layouts/landscape.js.map +1 -1
- package/esm/charts/storyline/layouts/portrait.js +16 -42
- package/esm/charts/storyline/layouts/portrait.js.map +1 -1
- package/esm/charts/storyline/layouts/{bowl.d.ts → wing.d.ts} +2 -3
- package/esm/charts/storyline/layouts/wing.js +210 -0
- package/esm/charts/storyline/layouts/wing.js.map +1 -0
- package/esm/charts/storyline/storyline-transformer.js +32 -17
- package/esm/charts/storyline/storyline-transformer.js.map +1 -1
- package/esm/components/bar-link/bar-link.js +1 -1
- package/esm/components/bar-link/constant.js +1 -1
- package/esm/components/bar-link/index.js +1 -1
- package/esm/components/bar-link/type.js +1 -1
- package/esm/components/bar-link/util.js +1 -1
- package/esm/components/bar-regression-line/index.js +1 -1
- package/esm/components/bar-regression-line/type.js +1 -1
- package/esm/components/extension-mark-sync-state/extension-mark-sync-state.js +1 -1
- package/esm/components/extension-mark-sync-state/index.js +1 -1
- package/esm/components/extension-mark-sync-state/type.js +1 -1
- package/esm/components/histogram-regression-line/index.js +1 -1
- package/esm/components/histogram-regression-line/type.js +2 -1
- package/esm/components/map-label/index.js +1 -1
- package/esm/components/map-label/layout.js +1 -1
- package/esm/components/map-label/map-label-transformer.js +1 -1
- package/esm/components/map-label/map-label.js +1 -1
- package/esm/components/map-label/theme.js +1 -1
- package/esm/components/map-label/type.js +1 -1
- package/esm/components/regression-line/index.js +1 -1
- package/esm/components/regression-line/regression-line.js +1 -1
- package/esm/components/regression-line/type.js +1 -1
- package/esm/components/scatter-regression-line/index.js +1 -1
- package/esm/components/scatter-regression-line/type.js +1 -1
- package/esm/components/series-break/constant.js +1 -1
- package/esm/components/series-break/index.js +1 -1
- package/esm/components/series-break/series-break.js +1 -1
- package/esm/components/series-break/type.js +1 -1
- package/esm/components/series-break/util.js +2 -1
- package/esm/components/series-label/constant.js +1 -1
- package/esm/components/series-label/index.js +1 -1
- package/esm/components/series-label/series-label.js +1 -1
- package/esm/components/series-label/type.js +1 -1
- package/esm/components/series-label/util.js +1 -1
- package/package.json +4 -4
- package/cjs/charts/storyline/layouts/bowl.js +0 -286
- package/cjs/charts/storyline/layouts/bowl.js.map +0 -1
- package/cjs/charts/storyline/layouts/dome.d.ts +0 -5
- package/cjs/charts/storyline/layouts/dome.js.map +0 -1
- package/esm/charts/storyline/layouts/bowl.js.map +0 -1
- package/esm/charts/storyline/layouts/dome.d.ts +0 -5
- package/esm/charts/storyline/layouts/dome.js +0 -278
- package/esm/charts/storyline/layouts/dome.js.map +0 -1
|
@@ -2,23 +2,32 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: !0
|
|
5
|
-
}), exports.
|
|
5
|
+
}), exports.buildArcBlockMark = exports.buildArcCenterImageMark = exports.buildArcMark = void 0;
|
|
6
6
|
|
|
7
|
-
const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"),
|
|
7
|
+
const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), ARC_BLOCK_IMAGE_SIZE = 140, ARC_TEXT_GAP_FROM_IMAGE = 10, ARC_TITLE_LINE_HEIGHT = 19, ARC_CONTENT_LINE_HEIGHT = 17, ARC_CONTENT_FONT_SIZE = 12, ARC_TEXT_BOX_HEIGHT = 240, ARC_TITLE_TO_CONTENT_GAP = 4, ARC_TEXT_LEFT_PADDING = 20, ARC_TEXT_BOX_MIN_WIDTH = 200, ARC_CENTER_IMAGE_SIZE_RATIO = .4, ARC_GAP_FROM_CENTER_IMAGE = 200, isDownArc = spec => "down" === (0,
|
|
8
|
+
common_1.normalizeLayout)(spec.layout).direction, getArcCenterImageRect = (spec, ctx) => {
|
|
8
9
|
var _a, _b, _c, _e, _f;
|
|
9
10
|
const {width: width, height: height, startX: startX, startY: startY} = (0, common_1.getRegionGeometry)(ctx), padding = (0,
|
|
10
|
-
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 :
|
|
11
|
+
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), baseSize = .4 * Math.min(innerWidth, innerHeight), w = Math.max(null !== (_c = null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.width) && void 0 !== _c ? _c : baseSize, 80), h = Math.max(null !== (_f = null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.height) && void 0 !== _f ? _f : baseSize, 80);
|
|
11
12
|
return {
|
|
12
13
|
x: startX + padding.left + innerWidth / 2 - w / 2,
|
|
13
|
-
y: startY + padding.top + innerHeight - h,
|
|
14
|
+
y: isDownArc(spec) ? startY + padding.top : startY + padding.top + innerHeight - h,
|
|
14
15
|
width: w,
|
|
15
16
|
height: h
|
|
16
17
|
};
|
|
17
|
-
},
|
|
18
|
+
}, getArcGeometry = (spec, ctx) => {
|
|
18
19
|
var _a, _b, _c, _e;
|
|
19
20
|
const {width: width, startX: startX} = (0, common_1.getRegionGeometry)(ctx), blockPadding = (0,
|
|
20
21
|
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,
|
|
21
|
-
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 =
|
|
22
|
+
common_1.resolveBlockWidth)(spec, width), layoutOpt = (0, common_1.normalizeLayout)(spec.layout), isDown = "down" === layoutOpt.direction, startAngle = null !== (_b = layoutOpt.startAngle) && void 0 !== _b ? _b : isDown ? 20 : 200, endAngle = null !== (_c = layoutOpt.endAngle) && void 0 !== _c ? _c : isDown ? 160 : 340, ratio = null !== (_e = layoutOpt.radiusRatio) && void 0 !== _e ? _e : .88, rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio, centerRect = getArcCenterImageRect(spec, ctx), centerTop = centerRect.y, centerBottom = centerRect.y + centerRect.height, sinStart = Math.sin(startAngle / 180 * Math.PI);
|
|
23
|
+
let cy, ry;
|
|
24
|
+
if (isDown) {
|
|
25
|
+
const denom = Math.max(1 - sinStart, .05);
|
|
26
|
+
ry = (centerRect.height + 200) / denom, cy = centerTop - ry * sinStart;
|
|
27
|
+
} else {
|
|
28
|
+
const denom = Math.max(1 + sinStart, .05);
|
|
29
|
+
ry = (centerRect.height + 200) / denom, cy = centerBottom - ry * sinStart;
|
|
30
|
+
}
|
|
22
31
|
return {
|
|
23
32
|
cx: startX + blockPadding.left + innerWidth / 2,
|
|
24
33
|
cy: cy,
|
|
@@ -29,9 +38,9 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), DO
|
|
|
29
38
|
centerTop: centerTop,
|
|
30
39
|
centerBottom: centerBottom
|
|
31
40
|
};
|
|
32
|
-
},
|
|
41
|
+
}, getArcBlockCenter = (spec, ctx, index) => {
|
|
33
42
|
var _a, _b, _c, _e;
|
|
34
|
-
const arc =
|
|
43
|
+
const arc = getArcGeometry(spec, ctx), count = null !== (_b = null === (_a = spec.data) || void 0 === _a ? void 0 : _a.length) && void 0 !== _b ? _b : 0;
|
|
35
44
|
if (count <= 0) return {
|
|
36
45
|
x: arc.cx,
|
|
37
46
|
y: arc.cy
|
|
@@ -41,17 +50,17 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), DO
|
|
|
41
50
|
x: px + nx * offset,
|
|
42
51
|
y: py + ny * offset
|
|
43
52
|
};
|
|
44
|
-
},
|
|
53
|
+
}, buildArcMark = spec => {
|
|
45
54
|
var _a;
|
|
46
55
|
if (!0 !== (null === (_a = spec.line) || void 0 === _a ? void 0 : _a.visible)) return null;
|
|
47
56
|
const themeColor = (0, common_1.getThemeColor)(spec);
|
|
48
57
|
return {
|
|
49
58
|
type: "group",
|
|
50
|
-
name: "storyline-
|
|
59
|
+
name: "storyline-arc",
|
|
51
60
|
zIndex: vchart_1.LayoutZIndex.Mark,
|
|
52
61
|
children: [ {
|
|
53
62
|
type: "path",
|
|
54
|
-
name: "storyline-
|
|
63
|
+
name: "storyline-arc-path",
|
|
55
64
|
interactive: !1,
|
|
56
65
|
style: {
|
|
57
66
|
stroke: themeColor,
|
|
@@ -60,7 +69,7 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), DO
|
|
|
60
69
|
fill: "transparent",
|
|
61
70
|
fillOpacity: 0,
|
|
62
71
|
path: (_d, ctx) => {
|
|
63
|
-
const arc =
|
|
72
|
+
const arc = getArcGeometry(spec, ctx), span = arc.endAngle - arc.startAngle, segments = [];
|
|
64
73
|
for (let i = 0; i <= 64; i++) {
|
|
65
74
|
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;
|
|
66
75
|
segments.push(`${0 === i ? "M" : "L"} ${x.toFixed(2)} ${y.toFixed(2)}`);
|
|
@@ -72,9 +81,9 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), DO
|
|
|
72
81
|
};
|
|
73
82
|
};
|
|
74
83
|
|
|
75
|
-
exports.
|
|
84
|
+
exports.buildArcMark = buildArcMark;
|
|
76
85
|
|
|
77
|
-
const
|
|
86
|
+
const buildArcCenterImageMark = spec => {
|
|
78
87
|
var _a, _b, _c, _e;
|
|
79
88
|
if (!(!1 !== (null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.visible))) return null;
|
|
80
89
|
const themeColor = (0, common_1.getThemeColor)(spec), hasImage = !!(null === (_b = spec.centerImage) || void 0 === _b ? void 0 : _b.image), symbolGradient = {
|
|
@@ -93,23 +102,23 @@ const buildDomeCenterImageMark = spec => {
|
|
|
93
102
|
};
|
|
94
103
|
return {
|
|
95
104
|
type: "group",
|
|
96
|
-
name: "storyline-
|
|
105
|
+
name: "storyline-arc-center",
|
|
97
106
|
zIndex: vchart_1.LayoutZIndex.Mark,
|
|
98
107
|
children: [ {
|
|
99
108
|
type: "symbol",
|
|
100
|
-
name: "storyline-
|
|
109
|
+
name: "storyline-arc-center-symbol",
|
|
101
110
|
interactive: !1,
|
|
102
111
|
style: {
|
|
103
112
|
x: (_d, ctx) => {
|
|
104
|
-
const r =
|
|
113
|
+
const r = getArcCenterImageRect(spec, ctx);
|
|
105
114
|
return r.x + r.width / 2;
|
|
106
115
|
},
|
|
107
116
|
y: (_d, ctx) => {
|
|
108
|
-
const r =
|
|
117
|
+
const r = getArcCenterImageRect(spec, ctx);
|
|
109
118
|
return r.y + r.height / 2;
|
|
110
119
|
},
|
|
111
120
|
size: (_d, ctx) => {
|
|
112
|
-
const r =
|
|
121
|
+
const r = getArcCenterImageRect(spec, ctx);
|
|
113
122
|
return 1.1 * Math.max(r.width, r.height);
|
|
114
123
|
},
|
|
115
124
|
symbolType: "circle",
|
|
@@ -117,55 +126,54 @@ const buildDomeCenterImageMark = spec => {
|
|
|
117
126
|
stroke: themeColor,
|
|
118
127
|
lineWidth: 2
|
|
119
128
|
}
|
|
120
|
-
}, {
|
|
121
|
-
type: "rect",
|
|
122
|
-
name: "storyline-dome-center-rect",
|
|
123
|
-
interactive: !1,
|
|
124
|
-
style: {
|
|
125
|
-
x: (_d, ctx) => getDomeCenterImageRect(spec, ctx).x,
|
|
126
|
-
y: (_d, ctx) => getDomeCenterImageRect(spec, ctx).y,
|
|
127
|
-
width: (_d, ctx) => getDomeCenterImageRect(spec, ctx).width,
|
|
128
|
-
height: (_d, ctx) => getDomeCenterImageRect(spec, ctx).height,
|
|
129
|
-
cornerRadius: 12,
|
|
130
|
-
fill: "#ffffff",
|
|
131
|
-
stroke: themeColor,
|
|
132
|
-
lineWidth: 2
|
|
133
|
-
}
|
|
134
129
|
}, hasImage ? Object.assign(Object.assign({
|
|
135
130
|
type: "image",
|
|
136
|
-
name: "storyline-
|
|
131
|
+
name: "storyline-arc-center-image",
|
|
137
132
|
interactive: !1
|
|
138
133
|
}, spec.centerImage), {
|
|
139
134
|
style: Object.assign({
|
|
140
|
-
x: (_d, ctx) =>
|
|
141
|
-
y: (_d, ctx) =>
|
|
142
|
-
width: (_d, ctx) =>
|
|
143
|
-
height: (_d, ctx) =>
|
|
135
|
+
x: (_d, ctx) => getArcCenterImageRect(spec, ctx).x,
|
|
136
|
+
y: (_d, ctx) => getArcCenterImageRect(spec, ctx).y,
|
|
137
|
+
width: (_d, ctx) => getArcCenterImageRect(spec, ctx).width,
|
|
138
|
+
height: (_d, ctx) => getArcCenterImageRect(spec, ctx).height,
|
|
144
139
|
image: null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.image,
|
|
145
|
-
cornerRadius: 12,
|
|
146
140
|
repeatX: "no-repeat",
|
|
147
141
|
repeatY: "no-repeat",
|
|
148
142
|
imageMode: "cover",
|
|
149
|
-
imagePosition: "center"
|
|
143
|
+
imagePosition: "center",
|
|
144
|
+
anchor: (_d, ctx) => {
|
|
145
|
+
const r = getArcCenterImageRect(spec, ctx);
|
|
146
|
+
return [ r.x + r.width / 2, r.y + r.height / 2 ];
|
|
147
|
+
},
|
|
148
|
+
dx: (_d, ctx) => {
|
|
149
|
+
var _a, _b;
|
|
150
|
+
const r = getArcCenterImageRect(spec, ctx), userWidth = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.width, w = "number" == typeof userWidth ? userWidth : r.width;
|
|
151
|
+
return (r.width - w) / 2;
|
|
152
|
+
},
|
|
153
|
+
dy: (_d, ctx) => {
|
|
154
|
+
var _a, _b;
|
|
155
|
+
const r = getArcCenterImageRect(spec, ctx), userHeight = null === (_b = null === (_a = spec.centerImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.height, h = "number" == typeof userHeight ? userHeight : r.height;
|
|
156
|
+
return (r.height - h) / 2;
|
|
157
|
+
}
|
|
150
158
|
}, null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.style)
|
|
151
159
|
}) : null ].filter(Boolean)
|
|
152
160
|
};
|
|
153
161
|
};
|
|
154
162
|
|
|
155
|
-
exports.
|
|
163
|
+
exports.buildArcCenterImageMark = buildArcCenterImageMark;
|
|
156
164
|
|
|
157
|
-
const
|
|
165
|
+
const getArcBlockMetrics = spec => {
|
|
158
166
|
var _a, _b, _c, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
|
|
159
|
-
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 :
|
|
167
|
+
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 : 18), 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(240 - 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, isDown = isDownArc(spec), imageBox = {
|
|
160
168
|
x: -imageWidth / 2,
|
|
161
169
|
y: -imageHeight / 2,
|
|
162
170
|
width: imageWidth,
|
|
163
171
|
height: imageHeight
|
|
164
|
-
}, textBox = {
|
|
172
|
+
}, textBoxWidth = Math.max(imageWidth - 20, 200), textBox = {
|
|
165
173
|
x: -imageWidth / 2 + 20,
|
|
166
|
-
y: imageBox.y - 10 -
|
|
167
|
-
width:
|
|
168
|
-
height:
|
|
174
|
+
y: isDown ? imageBox.y + imageHeight + 10 : imageBox.y - 10 - 240,
|
|
175
|
+
width: textBoxWidth,
|
|
176
|
+
height: 240
|
|
169
177
|
};
|
|
170
178
|
return {
|
|
171
179
|
titleFontSize: titleFontSize,
|
|
@@ -179,20 +187,21 @@ const getDomeBlockMetrics = spec => {
|
|
|
179
187
|
y: textBox.y + titleLineHeight + 4,
|
|
180
188
|
width: textBox.width,
|
|
181
189
|
height: contentHeight
|
|
182
|
-
}
|
|
190
|
+
},
|
|
191
|
+
isDown: isDown
|
|
183
192
|
};
|
|
184
|
-
},
|
|
193
|
+
}, buildArcBlockMark = (spec, block, index) => {
|
|
185
194
|
var _a, _b, _c, _e;
|
|
186
195
|
const hasImage = !!block.image, contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], themeColor = (0,
|
|
187
|
-
common_1.getThemeColor)(spec), metrics =
|
|
196
|
+
common_1.getThemeColor)(spec), metrics = getArcBlockMetrics(spec), connectorY = metrics.isDown ? metrics.imageBox.y + metrics.imageBox.height : metrics.textBox.y, connectorHeight = metrics.isDown ? Math.max(metrics.textBox.y + metrics.textBox.height - (metrics.imageBox.y + metrics.imageBox.height), 0) : Math.max(metrics.imageBox.y - metrics.textBox.y, 0);
|
|
188
197
|
return {
|
|
189
198
|
type: "group",
|
|
190
199
|
id: `storyline-block-${null !== (_a = block.id) && void 0 !== _a ? _a : index}`,
|
|
191
200
|
name: `storyline-block-${index}`,
|
|
192
201
|
zIndex: vchart_1.LayoutZIndex.Mark + 1,
|
|
193
202
|
style: {
|
|
194
|
-
x: (_d, ctx) =>
|
|
195
|
-
y: (_d, ctx) =>
|
|
203
|
+
x: (_d, ctx) => getArcBlockCenter(spec, ctx, index).x,
|
|
204
|
+
y: (_d, ctx) => getArcBlockCenter(spec, ctx, index).y
|
|
196
205
|
},
|
|
197
206
|
children: [ {
|
|
198
207
|
type: "rect",
|
|
@@ -200,9 +209,9 @@ const getDomeBlockMetrics = spec => {
|
|
|
200
209
|
interactive: !1,
|
|
201
210
|
style: {
|
|
202
211
|
x: metrics.imageBox.x,
|
|
203
|
-
y:
|
|
212
|
+
y: connectorY,
|
|
204
213
|
width: 2,
|
|
205
|
-
height:
|
|
214
|
+
height: connectorHeight,
|
|
206
215
|
fill: themeColor,
|
|
207
216
|
fillOpacity: .6
|
|
208
217
|
}
|
|
@@ -217,13 +226,10 @@ const getDomeBlockMetrics = spec => {
|
|
|
217
226
|
width: metrics.imageBox.width,
|
|
218
227
|
height: metrics.imageBox.height,
|
|
219
228
|
image: block.image,
|
|
220
|
-
cornerRadius: Math.min(metrics.imageBox.width, metrics.imageBox.height) / 2,
|
|
221
229
|
repeatX: "no-repeat",
|
|
222
230
|
repeatY: "no-repeat",
|
|
223
231
|
imageMode: "cover",
|
|
224
|
-
imagePosition: "center"
|
|
225
|
-
stroke: themeColor,
|
|
226
|
-
lineWidth: 2
|
|
232
|
+
imagePosition: "center"
|
|
227
233
|
}, null === (_b = spec.image) || void 0 === _b ? void 0 : _b.style)
|
|
228
234
|
}) : {
|
|
229
235
|
type: "rect",
|
|
@@ -253,6 +259,9 @@ const getDomeBlockMetrics = spec => {
|
|
|
253
259
|
lineHeight: metrics.titleLineHeight,
|
|
254
260
|
fontWeight: "bold",
|
|
255
261
|
fill: "#1f2430",
|
|
262
|
+
stroke: "#fff",
|
|
263
|
+
lineWidth: 5,
|
|
264
|
+
lineJoin: "round",
|
|
256
265
|
textAlign: "left",
|
|
257
266
|
textBaseline: "top"
|
|
258
267
|
}, null === (_c = spec.title) || void 0 === _c ? void 0 : _c.style)
|
|
@@ -282,5 +291,5 @@ const getDomeBlockMetrics = spec => {
|
|
|
282
291
|
};
|
|
283
292
|
};
|
|
284
293
|
|
|
285
|
-
exports.
|
|
286
|
-
//# sourceMappingURL=
|
|
294
|
+
exports.buildArcBlockMark = buildArcBlockMark;
|
|
295
|
+
//# sourceMappingURL=arc.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/charts/storyline/layouts/arc.ts"],"names":[],"mappings":"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","file":"arc.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// arc 布局:弧形排列 + centerImage(穹顶 / 碗形二合一)\n// - direction = 'up'(默认):穹顶 —— centerImage 贴底,弧线在 centerImage 上方\n// - direction = 'down':碗形 —— centerImage 贴顶,弧线在 centerImage 下方\n// image 默认为圆形,ARC_BLOCK_IMAGE_SIZE 即圆的直径\nconst ARC_BLOCK_IMAGE_SIZE = 140;\nconst ARC_TEXT_GAP_FROM_IMAGE = 10;\nconst ARC_TITLE_LINE_HEIGHT = 19;\nconst ARC_CONTENT_LINE_HEIGHT = 17;\nconst ARC_CONTENT_FONT_SIZE = 12;\n// title + content 区域总高度(默认 240px,溢出由富文本 heightLimit + ellipsis 自动截断)\nconst ARC_TEXT_BOX_HEIGHT = 240;\nconst ARC_TITLE_TO_CONTENT_GAP = 4;\n// 引导线与 title/content 之间的水平间距\nconst ARC_TEXT_LEFT_PADDING = 20;\n// title/content 区域的最小宽度,确保文字有足够展示空间,不受 image 宽度限制\nconst ARC_TEXT_BOX_MIN_WIDTH = 200;\n// centerImage 边长相对 inner 短边的比例(强制正方形,避免 cover 模式裁切图片)\nconst ARC_CENTER_IMAGE_SIZE_RATIO = 0.4;\n// 弧线最高/最低点距离 centerImage 顶部/底部的距离\nconst ARC_GAP_FROM_CENTER_IMAGE = 200;\n\nconst isDownArc = (spec: IStorylineSpec) => normalizeLayout(spec.layout).direction === 'down';\n\n/**\n * 计算 arc 布局 centerImage 的 box:水平居中。\n * - up(dome):垂直贴底(位于 inner 区域底部)\n * - down(bowl):垂直贴顶(位于 inner 区域顶部)\n */\nconst getArcCenterImageRect = (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 // 取 inner 短边作为基准,使 rect 始终为正方形(cover 模式下不会裁切方形图片)\n const baseSize = Math.min(innerWidth, innerHeight) * ARC_CENTER_IMAGE_SIZE_RATIO;\n const w = Math.max(spec.centerImage?.width ?? baseSize, 80);\n const h = Math.max(spec.centerImage?.height ?? baseSize, 80);\n const cx = startX + padding.left + innerWidth / 2;\n const isDown = isDownArc(spec);\n const top = isDown\n ? // bowl:紧贴顶部\n startY + padding.top\n : // dome:紧贴底部\n startY + padding.top + innerHeight - h;\n return { x: cx - w / 2, y: top, width: w, height: h };\n};\n\n/**\n * 计算 arc 弧线的几何参数:\n * - cx / rx / startAngle / endAngle 与 layout.ts 中 arcCenters 一致;\n * - cy 与 ry 由两条对齐约束反推,使弧线起/终点 y 与 centerImage 端面对齐,\n * 弧线极值点(顶点 / 底点)距离 centerImage 远端 ARC_GAP_FROM_CENTER_IMAGE。\n *\n * up(dome):startAngle = 200°、endAngle = 340°(弧线在 centerImage 上方)\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 * down(bowl):startAngle = 20°、endAngle = 160°(弧线在 centerImage 下方)\n * cy + ry * sin(startAngle) = centerImageTop\n * cy + ry = centerImageBottom + GAP\n * → ry = (GAP + centerImageHeight) / (1 - sin(startAngle))\n * cy = centerImageTop - ry * sin(startAngle)\n */\nconst getArcGeometry = (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 isDown = layoutOpt.direction === 'down';\n // 默认弧线起止角与 layout.ts 中一致\n const startAngle = layoutOpt.startAngle ?? (isDown ? 20 : 200);\n const endAngle = layoutOpt.endAngle ?? (isDown ? 160 : 340);\n const ratio = layoutOpt.radiusRatio ?? 0.88;\n const rx = Math.max((innerWidth - blockWidth) / 2, 1) * ratio;\n const centerRect = getArcCenterImageRect(spec, ctx);\n const centerTop = centerRect.y;\n const centerBottom = centerRect.y + centerRect.height;\n const sinStart = Math.sin((startAngle / 180) * Math.PI);\n let cy: number;\n let ry: number;\n if (isDown) {\n // bowl:sinStart 接近 1 时 ry → ∞;这里限制下界以防 startAngle 配置异常\n const denom = Math.max(1 - sinStart, 0.05);\n ry = (centerRect.height + ARC_GAP_FROM_CENTER_IMAGE) / denom;\n cy = centerTop - ry * sinStart;\n } else {\n // dome:sinStart 接近 -1 时 ry → ∞\n const denom = Math.max(1 + sinStart, 0.05);\n ry = (centerRect.height + ARC_GAP_FROM_CENTER_IMAGE) / denom;\n cy = centerBottom - ry * sinStart;\n }\n return {\n cx: startX + blockPadding.left + innerWidth / 2,\n cy,\n rx,\n ry,\n startAngle,\n endAngle,\n centerTop,\n centerBottom\n };\n};\n\n/**\n * 在 arc 弧线上按 index 采样 block 中心,与 arc 完全同步。\n * 同时让 block 沿弧线径向向外偏移 imageHeight/2,\n * 使 image 内边贴在弧线上,image + text 整体位于弧线外侧。\n */\nconst getArcBlockCenter = (spec: IStorylineSpec, ctx: LayoutContext, index: number): StorylinePoint => {\n const arc = getArcGeometry(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 ?? ARC_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 通过沿椭圆采样实现,与 arc block 的弧形布局完全重合)\n *\n * 默认不展示,仅当用户在 spec.line.visible 显式置为 true 时才渲染。\n */\nexport const buildArcMark = (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-arc',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'path',\n name: 'storyline-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 = getArcGeometry(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 buildArcCenterImageMark = (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-arc-center',\n zIndex: LayoutZIndex.Mark,\n children: [\n {\n type: 'symbol',\n name: 'storyline-arc-center-symbol',\n interactive: false,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => {\n const r = getArcCenterImageRect(spec, ctx);\n return r.x + r.width / 2;\n },\n y: (_d: unknown, ctx: LayoutContext) => {\n const r = getArcCenterImageRect(spec, ctx);\n return r.y + r.height / 2;\n },\n size: (_d: unknown, ctx: LayoutContext) => {\n const r = getArcCenterImageRect(spec, ctx);\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 hasImage\n ? ({\n type: 'image',\n name: 'storyline-arc-center-image',\n interactive: false,\n ...spec.centerImage,\n style: {\n x: (_d: unknown, ctx: LayoutContext) => getArcCenterImageRect(spec, ctx).x,\n y: (_d: unknown, ctx: LayoutContext) => getArcCenterImageRect(spec, ctx).y,\n width: (_d: unknown, ctx: LayoutContext) => getArcCenterImageRect(spec, ctx).width,\n height: (_d: unknown, ctx: LayoutContext) => getArcCenterImageRect(spec, ctx).height,\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 r = getArcCenterImageRect(spec, ctx);\n return [r.x + r.width / 2, r.y + r.height / 2];\n },\n // 若用户在 style 里覆盖了 width/height,自动追加 dx/dy 让图片仍以 rect 中心为中心\n dx: (_d: unknown, ctx: LayoutContext) => {\n const r = getArcCenterImageRect(spec, ctx);\n const userWidth = (spec.centerImage?.style as { width?: number } | undefined)?.width;\n const w = typeof userWidth === 'number' ? userWidth : r.width;\n return (r.width - w) / 2;\n },\n dy: (_d: unknown, ctx: LayoutContext) => {\n const r = getArcCenterImageRect(spec, ctx);\n const userHeight = (spec.centerImage?.style as { height?: number } | undefined)?.height;\n const h = typeof userHeight === 'number' ? userHeight : r.height;\n return (r.height - h) / 2;\n },\n ...spec.centerImage?.style\n }\n } as ICustomMarkSpec<'image'>)\n : null\n ].filter(Boolean) as ICustomMarkSpec<any>[]\n };\n};\n\nconst getArcBlockMetrics = (spec: IStorylineSpec) => {\n const titleFontSize = Number((spec.title?.style as any)?.fontSize ?? 18);\n const titleLineHeight = Number(\n (spec.title?.style as any)?.lineHeight ?? Math.max(ARC_TITLE_LINE_HEIGHT, Math.round(titleFontSize * 1.35))\n );\n const contentFontSize = Number((spec.content?.style as any)?.fontSize ?? ARC_CONTENT_FONT_SIZE);\n const contentLineHeight = Number((spec.content?.style as any)?.lineHeight ?? ARC_CONTENT_LINE_HEIGHT);\n const titleToContentGap = ARC_TITLE_TO_CONTENT_GAP;\n // text 区域总高度固定为 ARC_TEXT_BOX_HEIGHT,content 占除 title 与间距外的全部高度\n const textHeight = ARC_TEXT_BOX_HEIGHT;\n const contentHeight = Math.max(textHeight - titleLineHeight - titleToContentGap, contentLineHeight);\n\n const imageWidth = spec.image?.width ?? ARC_BLOCK_IMAGE_SIZE;\n const imageHeight = spec.image?.height ?? ARC_BLOCK_IMAGE_SIZE;\n\n const isDown = isDownArc(spec);\n\n // image 位于 block 中心,title/content:\n // - up(dome):在 image 上方;\n // - down(bowl):在 image 下方\n const imageBox = {\n x: -imageWidth / 2,\n y: -imageHeight / 2,\n width: imageWidth,\n height: imageHeight\n };\n const textBoxWidth = Math.max(imageWidth - ARC_TEXT_LEFT_PADDING, ARC_TEXT_BOX_MIN_WIDTH);\n const textBox = {\n x: -imageWidth / 2 + ARC_TEXT_LEFT_PADDING,\n y: isDown ? imageBox.y + imageHeight + ARC_TEXT_GAP_FROM_IMAGE : imageBox.y - ARC_TEXT_GAP_FROM_IMAGE - textHeight,\n width: textBoxWidth,\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 isDown\n };\n};\n\nexport const buildArcBlockMark = (\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 = getArcBlockMetrics(spec);\n\n // 引导线 rect:贯穿 image 端面 → text 远端\n // - up(dome):从 textBox.y 到 imageBox.y(text 在 image 上方)\n // - down(bowl):从 imageBox 底端 到 textBox 底端(text 在 image 下方)\n const connectorY = metrics.isDown ? metrics.imageBox.y + metrics.imageBox.height : metrics.textBox.y;\n const connectorHeight = metrics.isDown\n ? Math.max(metrics.textBox.y + metrics.textBox.height - (metrics.imageBox.y + metrics.imageBox.height), 0)\n : Math.max(metrics.imageBox.y - metrics.textBox.y, 0);\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) => getArcBlockCenter(spec, ctx, index).x,\n y: (_d: unknown, ctx: LayoutContext) => getArcBlockCenter(spec, ctx, index).y\n },\n children: [\n // title / content 左侧的垂直引导线\n {\n type: 'rect',\n name: `storyline-block-connector-${index}`,\n interactive: false,\n style: {\n x: metrics.imageBox.x,\n y: connectorY,\n width: 2,\n height: connectorHeight,\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 repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\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 stroke: '#fff',\n lineWidth: 5,\n lineJoin: 'round',\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: ARC_CONTENT_FONT_SIZE,\n lineHeight: ARC_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"]}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: !0
|
|
5
5
|
}), exports.buildClockBlockMark = exports.buildClockArcMark = exports.buildClockCenterImageMark = void 0;
|
|
6
6
|
|
|
7
|
-
const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), 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 =
|
|
7
|
+
const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), 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) => {
|
|
8
8
|
var _a, _b, _c;
|
|
9
9
|
const {width: width, height: height, startX: startX, startY: startY} = (0, common_1.getRegionGeometry)(ctx), padding = (0,
|
|
10
10
|
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), 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;
|
|
@@ -54,11 +54,24 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), CL
|
|
|
54
54
|
width: (_d, ctx) => .5 * getClockGeometry(spec, ctx).R * .86 * 2,
|
|
55
55
|
height: (_d, ctx) => .5 * getClockGeometry(spec, ctx).R * .86 * 2,
|
|
56
56
|
image: null === (_c = spec.centerImage) || void 0 === _c ? void 0 : _c.image,
|
|
57
|
-
cornerRadius: (_d, ctx) => .5 * getClockGeometry(spec, ctx).R * .86,
|
|
58
57
|
repeatX: "no-repeat",
|
|
59
58
|
repeatY: "no-repeat",
|
|
60
59
|
imageMode: "cover",
|
|
61
|
-
imagePosition: "center"
|
|
60
|
+
imagePosition: "center",
|
|
61
|
+
anchor: (_d, ctx) => {
|
|
62
|
+
const g = getClockGeometry(spec, ctx);
|
|
63
|
+
return [ g.cx, g.cy ];
|
|
64
|
+
},
|
|
65
|
+
dx: (_d, ctx) => {
|
|
66
|
+
var _a, _b;
|
|
67
|
+
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;
|
|
68
|
+
return (rectW - ("number" == typeof userWidth ? userWidth : rectW)) / 2;
|
|
69
|
+
},
|
|
70
|
+
dy: (_d, ctx) => {
|
|
71
|
+
var _a, _b;
|
|
72
|
+
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;
|
|
73
|
+
return (rectH - ("number" == typeof userHeight ? userHeight : rectH)) / 2;
|
|
74
|
+
}
|
|
62
75
|
}, null === (_e = spec.centerImage) || void 0 === _e ? void 0 : _e.style)
|
|
63
76
|
} : {
|
|
64
77
|
type: "symbol",
|
|
@@ -162,13 +175,10 @@ const getClockDotCenter = (spec, ctx, index) => {
|
|
|
162
175
|
width: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter,
|
|
163
176
|
height: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter,
|
|
164
177
|
image: block.image,
|
|
165
|
-
cornerRadius: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter / 2,
|
|
166
178
|
repeatX: "no-repeat",
|
|
167
179
|
repeatY: "no-repeat",
|
|
168
180
|
imageMode: "cover",
|
|
169
|
-
imagePosition: "center"
|
|
170
|
-
stroke: themeColor,
|
|
171
|
-
lineWidth: 2
|
|
181
|
+
imagePosition: "center"
|
|
172
182
|
}
|
|
173
183
|
} : {
|
|
174
184
|
type: "symbol",
|
|
@@ -190,13 +200,16 @@ const getClockDotCenter = (spec, ctx, index) => {
|
|
|
190
200
|
}, spec.title), {
|
|
191
201
|
style: Object.assign({
|
|
192
202
|
x: (_d, ctx) => getClockTextRect(spec, ctx, index).x,
|
|
193
|
-
y: (_d, ctx) => getClockTextRect(spec, ctx, index).anchorY -
|
|
203
|
+
y: (_d, ctx) => getClockTextRect(spec, ctx, index).anchorY - 24,
|
|
194
204
|
text: block.title,
|
|
195
205
|
maxLineWidth: (_d, ctx) => getClockTextRect(spec, ctx, index).width,
|
|
196
|
-
fontSize:
|
|
197
|
-
lineHeight:
|
|
206
|
+
fontSize: 18,
|
|
207
|
+
lineHeight: 24,
|
|
198
208
|
fontWeight: "bold",
|
|
199
209
|
fill: themeColor,
|
|
210
|
+
stroke: "#fff",
|
|
211
|
+
lineWidth: 5,
|
|
212
|
+
lineJoin: "round",
|
|
200
213
|
textAlign: (_d, ctx) => getClockTextRect(spec, ctx, index).onLeft ? "right" : "left",
|
|
201
214
|
textBaseline: "top"
|
|
202
215
|
}, null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/charts/storyline/layouts/clock.ts"],"names":[],"mappings":"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","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 = 13;\nconst CLOCK_TITLE_LINE_HEIGHT = 18;\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 cornerRadius: (_d: unknown, ctx: LayoutContext) =>\n getClockGeometry(spec, ctx).R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\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 cornerRadius: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).diameter / 2,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'cover',\n imagePosition: 'center',\n stroke: themeColor,\n lineWidth: 2\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 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"]}
|
|
1
|
+
{"version":3,"sources":["../src/charts/storyline/layouts/clock.ts"],"names":[],"mappings":"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","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"]}
|
|
@@ -34,8 +34,9 @@ export declare const DEFAULT_THEME_COLOR = "#e8543d";
|
|
|
34
34
|
export declare const isLandscape: (spec: IStorylineSpec) => boolean;
|
|
35
35
|
export declare const isPortrait: (spec: IStorylineSpec) => boolean;
|
|
36
36
|
export declare const isClock: (spec: IStorylineSpec) => boolean;
|
|
37
|
-
export declare const
|
|
38
|
-
export declare const
|
|
37
|
+
export declare const isArc: (spec: IStorylineSpec) => boolean;
|
|
38
|
+
export declare const isWing: (spec: IStorylineSpec) => boolean;
|
|
39
|
+
export declare const isLadder: (spec: IStorylineSpec) => boolean;
|
|
39
40
|
export declare const getThemeColor: (spec: IStorylineSpec) => string;
|
|
40
41
|
export declare const withAlpha: (color: string, alpha: number) => string;
|
|
41
42
|
export declare const resolveBlockWidth: (spec: IStorylineSpec, viewWidth: number) => number;
|
|
@@ -56,6 +57,7 @@ export declare const buildRichContent: (contentText: string[], spec: IStorylineS
|
|
|
56
57
|
}[];
|
|
57
58
|
};
|
|
58
59
|
export declare const omitImageLayoutSpec: (imageSpec: IStorylineSpec['image']) => {
|
|
60
|
+
showBackground?: boolean;
|
|
59
61
|
id?: import("@visactor/vchart").StringOrNumber;
|
|
60
62
|
interactive?: boolean;
|
|
61
63
|
zIndex?: number;
|