@visactor/vchart-extension 2.1.0-alpha.21 → 2.1.0-alpha.23
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 +526 -489
- 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 -1
- 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 -2
- 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 -1
- 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 -2
- 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 +2 -2
- package/cjs/charts/storyline/interface.js.map +1 -1
- package/cjs/charts/storyline/layouts/arc.d.ts +1 -1
- package/cjs/charts/storyline/layouts/arc.js +92 -111
- package/cjs/charts/storyline/layouts/arc.js.map +1 -1
- package/cjs/charts/storyline/layouts/clock.d.ts +1 -1
- package/cjs/charts/storyline/layouts/clock.js +47 -37
- package/cjs/charts/storyline/layouts/clock.js.map +1 -1
- package/cjs/charts/storyline/layouts/common.d.ts +56 -16
- package/cjs/charts/storyline/layouts/common.js +185 -40
- package/cjs/charts/storyline/layouts/common.js.map +1 -1
- package/cjs/charts/storyline/layouts/default.js +34 -28
- package/cjs/charts/storyline/layouts/default.js.map +1 -1
- package/cjs/charts/storyline/layouts/ladder.js +35 -28
- package/cjs/charts/storyline/layouts/ladder.js.map +1 -1
- package/cjs/charts/storyline/layouts/landscape.js +39 -34
- package/cjs/charts/storyline/layouts/landscape.js.map +1 -1
- package/cjs/charts/storyline/layouts/portrait.d.ts +2 -2
- package/cjs/charts/storyline/layouts/portrait.js +78 -65
- package/cjs/charts/storyline/layouts/portrait.js.map +1 -1
- package/cjs/charts/storyline/layouts/wing.d.ts +1 -0
- package/cjs/charts/storyline/layouts/wing.js +103 -54
- package/cjs/charts/storyline/layouts/wing.js.map +1 -1
- package/cjs/charts/storyline/storyline-transformer.js +18 -14
- 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 -1
- 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 -2
- 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 -1
- 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 -2
- 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 +2 -2
- package/esm/charts/storyline/interface.js.map +1 -1
- package/esm/charts/storyline/layouts/arc.d.ts +1 -1
- package/esm/charts/storyline/layouts/arc.js +86 -109
- package/esm/charts/storyline/layouts/arc.js.map +1 -1
- package/esm/charts/storyline/layouts/clock.d.ts +1 -1
- package/esm/charts/storyline/layouts/clock.js +45 -36
- package/esm/charts/storyline/layouts/clock.js.map +1 -1
- package/esm/charts/storyline/layouts/common.d.ts +56 -16
- package/esm/charts/storyline/layouts/common.js +168 -35
- package/esm/charts/storyline/layouts/common.js.map +1 -1
- package/esm/charts/storyline/layouts/default.js +30 -26
- package/esm/charts/storyline/layouts/default.js.map +1 -1
- package/esm/charts/storyline/layouts/ladder.js +30 -26
- package/esm/charts/storyline/layouts/ladder.js.map +1 -1
- package/esm/charts/storyline/layouts/landscape.js +35 -34
- package/esm/charts/storyline/layouts/landscape.js.map +1 -1
- package/esm/charts/storyline/layouts/portrait.d.ts +2 -2
- package/esm/charts/storyline/layouts/portrait.js +75 -68
- package/esm/charts/storyline/layouts/portrait.js.map +1 -1
- package/esm/charts/storyline/layouts/wing.d.ts +1 -0
- package/esm/charts/storyline/layouts/wing.js +97 -54
- package/esm/charts/storyline/layouts/wing.js.map +1 -1
- package/esm/charts/storyline/storyline-transformer.js +20 -18
- 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 +2 -2
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: !0
|
|
5
|
-
}), exports.buildClockBlockMark = exports.buildClockArcMark = exports.
|
|
5
|
+
}), exports.buildClockBlockMark = exports.buildClockArcMark = exports.buildClockTitleImageMark = void 0;
|
|
6
6
|
|
|
7
|
-
const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), CLOCK_CENTER_RADIUS_RATIO = .6, CLOCK_CENTER_IMAGE_INSET_RATIO = .9, CLOCK_ORBIT_RATIO = .68, CLOCK_DOT_RATIO = .68, CLOCK_TEXT_INNER_RATIO = .92, CLOCK_TEXT_MAX_WIDTH = 280, CLOCK_DOT_DIAMETER_RATIO = .32, CLOCK_LEAD_LINE_GAP = 6, CLOCK_TEXT_GAP_FROM_LEAD = 8, CLOCK_ORBIT_DASH = [ 4, 4 ], CLOCK_TITLE_FONT_SIZE = 22, CLOCK_TITLE_LINE_HEIGHT = 28, CLOCK_CONTENT_FONT_SIZE =
|
|
7
|
+
const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), CLOCK_CENTER_RADIUS_RATIO = .6, CLOCK_CENTER_IMAGE_INSET_RATIO = .9, CLOCK_ORBIT_RATIO = .68, CLOCK_DOT_RATIO = .68, CLOCK_TEXT_INNER_RATIO = .92, CLOCK_TEXT_MAX_WIDTH = 280, CLOCK_DOT_DIAMETER_RATIO = .32, CLOCK_LEAD_LINE_GAP = 6, CLOCK_TEXT_GAP_FROM_LEAD = 8, CLOCK_ORBIT_DASH = [ 4, 4 ], CLOCK_TITLE_FONT_SIZE = 22, CLOCK_TITLE_LINE_HEIGHT = 28, CLOCK_CONTENT_FONT_SIZE = 14, CLOCK_CONTENT_LINE_HEIGHT = 20, CLOCK_CONTENT_LINES = 4, 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
|
-
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, rMaxX = (innerWidth / 2 - 280) / .92, rMaxY = (innerHeight / 2 -
|
|
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, rMaxX = (innerWidth / 2 - 280) / .92, rMaxY = (innerHeight / 2 - 84) / .92, R = Math.max(Math.min(rMaxX, rMaxY), 1), count = null !== (_c = null === (_b = spec.data) || void 0 === _b ? void 0 : _b.length) && void 0 !== _c ? _c : 0;
|
|
11
11
|
return {
|
|
12
12
|
cx: cx,
|
|
13
13
|
cy: cy,
|
|
@@ -18,10 +18,10 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), CL
|
|
|
18
18
|
}, getClockBlockAngle = (geom, index) => -Math.PI / 2 + geom.step * (index + .5), polar = (cx, cy, r, angle) => ({
|
|
19
19
|
x: cx + Math.cos(angle) * r,
|
|
20
20
|
y: cy + Math.sin(angle) * r
|
|
21
|
-
}), isOnLeftHalf = angle => Math.cos(angle) < 0,
|
|
21
|
+
}), isOnLeftHalf = angle => Math.cos(angle) < 0, buildClockTitleImageMark = spec => {
|
|
22
22
|
var _a, _b, _c, _e;
|
|
23
|
-
if (!1 === (null === (_a = spec.
|
|
24
|
-
const themeColor = (0, common_1.getThemeColor)(spec), hasImage = !!(null === (_b = spec.
|
|
23
|
+
if (!1 === (null === (_a = spec.titleImage) || void 0 === _a ? void 0 : _a.visible)) return null;
|
|
24
|
+
const themeColor = (0, common_1.getThemeColor)(spec), hasImage = !!(null === (_b = spec.titleImage) || void 0 === _b ? void 0 : _b.image);
|
|
25
25
|
return {
|
|
26
26
|
type: "group",
|
|
27
27
|
name: "storyline-clock-center",
|
|
@@ -53,10 +53,10 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), CL
|
|
|
53
53
|
},
|
|
54
54
|
width: (_d, ctx) => .6 * getClockGeometry(spec, ctx).R * .9 * 2,
|
|
55
55
|
height: (_d, ctx) => .6 * getClockGeometry(spec, ctx).R * .9 * 2,
|
|
56
|
-
image: null === (_c = spec.
|
|
56
|
+
image: null === (_c = spec.titleImage) || void 0 === _c ? void 0 : _c.image,
|
|
57
57
|
repeatX: "no-repeat",
|
|
58
58
|
repeatY: "no-repeat",
|
|
59
|
-
imageMode: "
|
|
59
|
+
imageMode: "contain",
|
|
60
60
|
imagePosition: "center",
|
|
61
61
|
cornerRadius: (_d, ctx) => .6 * getClockGeometry(spec, ctx).R * .9,
|
|
62
62
|
anchor: (_d, ctx) => {
|
|
@@ -65,15 +65,15 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), CL
|
|
|
65
65
|
},
|
|
66
66
|
dx: (_d, ctx) => {
|
|
67
67
|
var _a, _b;
|
|
68
|
-
const rectW = .6 * getClockGeometry(spec, ctx).R * .9 * 2, userWidth = null === (_b = null === (_a = spec.
|
|
68
|
+
const rectW = .6 * getClockGeometry(spec, ctx).R * .9 * 2, userWidth = null === (_b = null === (_a = spec.titleImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.width;
|
|
69
69
|
return (rectW - ("number" == typeof userWidth ? userWidth : rectW)) / 2;
|
|
70
70
|
},
|
|
71
71
|
dy: (_d, ctx) => {
|
|
72
72
|
var _a, _b;
|
|
73
|
-
const rectH = .6 * getClockGeometry(spec, ctx).R * .9 * 2, userHeight = null === (_b = null === (_a = spec.
|
|
73
|
+
const rectH = .6 * getClockGeometry(spec, ctx).R * .9 * 2, userHeight = null === (_b = null === (_a = spec.titleImage) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.height;
|
|
74
74
|
return (rectH - ("number" == typeof userHeight ? userHeight : rectH)) / 2;
|
|
75
75
|
}
|
|
76
|
-
}, null === (_e = spec.
|
|
76
|
+
}, null === (_e = spec.titleImage) || void 0 === _e ? void 0 : _e.style)
|
|
77
77
|
} : {
|
|
78
78
|
type: "symbol",
|
|
79
79
|
name: "storyline-clock-center-placeholder",
|
|
@@ -91,7 +91,7 @@ const vchart_1 = require("@visactor/vchart"), common_1 = require("./common"), CL
|
|
|
91
91
|
};
|
|
92
92
|
};
|
|
93
93
|
|
|
94
|
-
exports.
|
|
94
|
+
exports.buildClockTitleImageMark = buildClockTitleImageMark;
|
|
95
95
|
|
|
96
96
|
const buildClockArcMark = spec => {
|
|
97
97
|
const themeColor = (0, common_1.getThemeColor)(spec);
|
|
@@ -144,9 +144,13 @@ const getClockDotCenter = (spec, ctx, index) => {
|
|
|
144
144
|
anchorY: innerPoint.y
|
|
145
145
|
};
|
|
146
146
|
}, buildClockBlockMark = (spec, block, index) => {
|
|
147
|
-
var _a, _b, _c;
|
|
147
|
+
var _a, _b, _c, _e;
|
|
148
148
|
const hasImage = !!block.image, themeColor = (0, common_1.getThemeColor)(spec), showImageBackground = (0,
|
|
149
|
-
common_1.shouldShowImageBackground)(spec), contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [],
|
|
149
|
+
common_1.shouldShowImageBackground)(spec), contentText = Array.isArray(block.content) ? block.content : block.content ? [ block.content ] : [], getTitleFontSize = ctx => (0,
|
|
150
|
+
common_1.resolveTitleFontSize)(spec, ctx, block.title, getClockTextRect(spec, ctx, index).width, 22, [ 8, 30 ]), getTitleLineHeight = ctx => {
|
|
151
|
+
var _a;
|
|
152
|
+
return (0, common_1.resolveAdaptiveLineHeight)(getTitleFontSize(ctx), null === (_a = spec.title) || void 0 === _a ? void 0 : _a.style, 28, 1.28);
|
|
153
|
+
}, children = [ {
|
|
150
154
|
type: "path",
|
|
151
155
|
name: `storyline-clock-lead-${index}`,
|
|
152
156
|
interactive: !1,
|
|
@@ -165,20 +169,18 @@ const getClockDotCenter = (spec, ctx, index) => {
|
|
|
165
169
|
type: "symbol",
|
|
166
170
|
name: `storyline-clock-dot-bg-${index}`,
|
|
167
171
|
interactive: !1,
|
|
168
|
-
style: {
|
|
172
|
+
style: Object.assign({
|
|
169
173
|
x: (_d, ctx) => getClockDotCenter(spec, ctx, index).x,
|
|
170
174
|
y: (_d, ctx) => getClockDotCenter(spec, ctx, index).y,
|
|
171
175
|
size: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter + 10,
|
|
172
|
-
symbolType: "circle"
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
lineWidth: 2
|
|
176
|
-
}
|
|
177
|
-
} : null, hasImage ? {
|
|
176
|
+
symbolType: "circle"
|
|
177
|
+
}, (0, common_1.getImageBackgroundStyle)(spec))
|
|
178
|
+
} : null, hasImage ? Object.assign(Object.assign({
|
|
178
179
|
type: "image",
|
|
179
180
|
name: `storyline-clock-dot-${index}`,
|
|
180
|
-
interactive: !1
|
|
181
|
-
|
|
181
|
+
interactive: !1
|
|
182
|
+
}, (0, common_1.omitImageLayoutSpec)(spec.image)), {
|
|
183
|
+
style: Object.assign({
|
|
182
184
|
x: (_d, ctx) => {
|
|
183
185
|
const dot = getClockDotCenter(spec, ctx, index);
|
|
184
186
|
return dot.x - dot.diameter / 2;
|
|
@@ -192,11 +194,11 @@ const getClockDotCenter = (spec, ctx, index) => {
|
|
|
192
194
|
image: block.image,
|
|
193
195
|
repeatX: "no-repeat",
|
|
194
196
|
repeatY: "no-repeat",
|
|
195
|
-
imageMode: "
|
|
197
|
+
imageMode: "contain",
|
|
196
198
|
imagePosition: "center",
|
|
197
199
|
cornerRadius: (_d, ctx) => getClockDotCenter(spec, ctx, index).diameter / 2
|
|
198
|
-
}
|
|
199
|
-
} : {
|
|
200
|
+
}, null === (_a = spec.image) || void 0 === _a ? void 0 : _a.style)
|
|
201
|
+
}) : {
|
|
200
202
|
type: "symbol",
|
|
201
203
|
name: `storyline-clock-dot-${index}`,
|
|
202
204
|
interactive: !1,
|
|
@@ -216,42 +218,50 @@ const getClockDotCenter = (spec, ctx, index) => {
|
|
|
216
218
|
}, spec.title), {
|
|
217
219
|
style: Object.assign({
|
|
218
220
|
x: (_d, ctx) => getClockTextRect(spec, ctx, index).x,
|
|
219
|
-
y: (_d, ctx) => getClockTextRect(spec, ctx, index).anchorY -
|
|
221
|
+
y: (_d, ctx) => getClockTextRect(spec, ctx, index).anchorY - getTitleLineHeight(ctx) * common_1.BLOCK_TITLE_MAX_LINES,
|
|
220
222
|
text: block.title,
|
|
221
223
|
maxLineWidth: (_d, ctx) => getClockTextRect(spec, ctx, index).width,
|
|
222
|
-
|
|
223
|
-
|
|
224
|
+
height: (_d, ctx) => getTitleLineHeight(ctx) * common_1.BLOCK_TITLE_MAX_LINES,
|
|
225
|
+
heightLimit: (_d, ctx) => getTitleLineHeight(ctx) * common_1.BLOCK_TITLE_MAX_LINES,
|
|
226
|
+
lineClamp: common_1.BLOCK_TITLE_MAX_LINES,
|
|
227
|
+
fontSize: (_d, ctx) => getTitleFontSize(ctx),
|
|
228
|
+
lineHeight: (_d, ctx) => getTitleLineHeight(ctx),
|
|
224
229
|
fontWeight: "bold",
|
|
225
230
|
fill: themeColor,
|
|
226
231
|
stroke: "#fff",
|
|
227
232
|
lineWidth: 5,
|
|
228
233
|
lineJoin: "round",
|
|
229
234
|
textAlign: (_d, ctx) => getClockTextRect(spec, ctx, index).onLeft ? "right" : "left",
|
|
230
|
-
textBaseline: "top"
|
|
231
|
-
|
|
235
|
+
textBaseline: "top",
|
|
236
|
+
whiteSpace: "normal",
|
|
237
|
+
wordBreak: "break-word",
|
|
238
|
+
ellipsis: "..."
|
|
239
|
+
}, null === (_b = spec.title) || void 0 === _b ? void 0 : _b.style)
|
|
232
240
|
}) : null, contentText.length ? Object.assign(Object.assign({
|
|
233
241
|
type: "text",
|
|
234
242
|
name: `storyline-clock-content-${index}`,
|
|
235
243
|
interactive: !1
|
|
236
244
|
}, spec.content), {
|
|
237
|
-
textType: "rich",
|
|
238
245
|
style: Object.assign({
|
|
239
246
|
x: (_d, ctx) => getClockTextRect(spec, ctx, index).x,
|
|
240
247
|
y: (_d, ctx) => getClockTextRect(spec, ctx, index).anchorY + 4,
|
|
241
248
|
width: (_d, ctx) => getClockTextRect(spec, ctx, index).width,
|
|
249
|
+
height: 80,
|
|
242
250
|
maxLineWidth: (_d, ctx) => getClockTextRect(spec, ctx, index).width,
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
251
|
+
heightLimit: 80,
|
|
252
|
+
text: (0, common_1.buildPlainContent)(contentText),
|
|
253
|
+
fontSize: 14,
|
|
254
|
+
lineHeight: 20,
|
|
246
255
|
fill: "#3a3f4d",
|
|
247
256
|
textAlign: (_d, ctx) => getClockTextRect(spec, ctx, index).onLeft ? "right" : "left",
|
|
248
257
|
textBaseline: "top",
|
|
258
|
+
whiteSpace: "normal",
|
|
249
259
|
wordBreak: "break-word"
|
|
250
|
-
}, null === (
|
|
260
|
+
}, null === (_c = spec.content) || void 0 === _c ? void 0 : _c.style)
|
|
251
261
|
}) : null ];
|
|
252
262
|
return {
|
|
253
263
|
type: "group",
|
|
254
|
-
id: `storyline-block-${null !== (
|
|
264
|
+
id: `storyline-block-${null !== (_e = block.id) && void 0 !== _e ? _e : index}`,
|
|
255
265
|
name: `storyline-block-${index}`,
|
|
256
266
|
zIndex: vchart_1.LayoutZIndex.Mark + 1,
|
|
257
267
|
children: children.filter(Boolean)
|
|
@@ -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 shouldShowImageBackground,\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.6; // 中心圆半径(更大)\nconst CLOCK_CENTER_IMAGE_INSET_RATIO = 0.9; // centerImage 相对中心圆的尺寸比例(留出环形空隙)\nconst CLOCK_ORBIT_RATIO = 0.68; // 虚线轨道半径\nconst CLOCK_DOT_RATIO = 0.68; // 圆形小图(dot)中心所在半径(与轨道重合)\nconst CLOCK_TEXT_INNER_RATIO = 0.92; // block 文字段起始半径(距离圆心更远)\nconst CLOCK_TEXT_MAX_WIDTH = 280; // 文字段最大宽度\n\n// ===== 元素尺寸 =====\nconst CLOCK_DOT_DIAMETER_RATIO = 0.32; // 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 = 22;\nconst CLOCK_TITLE_LINE_HEIGHT = 28;\nconst CLOCK_CONTENT_FONT_SIZE = 16;\nconst CLOCK_CONTENT_LINE_HEIGHT = 22;\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 // R 需要预留 text 向外延伸的空间:\n // - title 在 anchor 朝向圆心一侧(不占用外圈空间)\n // - content 在 anchor 远离圆心一侧,需要预留 content 的高度\n // - 水平方向:text 从 0.92R 向外延伸 CLOCK_TEXT_MAX_WIDTH\n const textReserveX = CLOCK_TEXT_MAX_WIDTH;\n const textReserveY = 4 + CLOCK_CONTENT_LINE_HEIGHT * 4;\n const rMaxX = (innerWidth / 2 - textReserveX) / CLOCK_TEXT_INNER_RATIO;\n const rMaxY = (innerHeight / 2 - textReserveY) / CLOCK_TEXT_INNER_RATIO;\n const R = Math.max(Math.min(rMaxX, rMaxY), 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 cornerRadius: (_d: unknown, ctx: LayoutContext) =>\n getClockGeometry(spec, ctx).R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO,\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 showImageBackground = shouldShowImageBackground(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 showImageBackground\n ? ({\n type: 'symbol',\n name: `storyline-clock-dot-bg-${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 + 10,\n symbolType: 'circle',\n fill: '#ffffff',\n stroke: themeColor,\n lineWidth: 2\n }\n } as ICustomMarkSpec<'symbol'>)\n : null,\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 cornerRadius: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).diameter / 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 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"]}
|
|
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 BLOCK_TITLE_MAX_LINES,\n buildPlainContent,\n getImageBackgroundStyle,\n getRegionGeometry,\n getThemeColor,\n normalizePadding,\n omitImageLayoutSpec,\n resolveAdaptiveLineHeight,\n resolveTitleFontSize,\n shouldShowImageBackground,\n withAlpha\n} from './common';\n\n/**\n * clock 布局:环绕式时间线(orbit timeline)\n *\n * 视觉结构(参考报刊版式):\n *\n * ┌──────── 外侧文字段(title + content)─────────┐\n * │ │\n * ●●● │ ┌───── 虚线轨道圆环 ─────┐ │\n * 圆形 dot ──────引线──────┤ │\n * │ │ ◎ titleImage │\n * │ │ (大圆人像) │\n * │ └───────────────────────┘\n * └─────────────────────────────────────────────┘\n *\n * - titleImage:可选中心图,位于版面中心\n * - 虚线轨道:紧贴中心区域外侧的圆环,提供时间线的视觉骨架\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.6; // 中心圆半径(更大)\nconst CLOCK_CENTER_IMAGE_INSET_RATIO = 0.9; // titleImage 相对中心圆的尺寸比例(留出环形空隙)\nconst CLOCK_ORBIT_RATIO = 0.68; // 虚线轨道半径\nconst CLOCK_DOT_RATIO = 0.68; // 圆形小图(dot)中心所在半径(与轨道重合)\nconst CLOCK_TEXT_INNER_RATIO = 0.92; // block 文字段起始半径(距离圆心更远)\nconst CLOCK_TEXT_MAX_WIDTH = 280; // 文字段最大宽度\n\n// ===== 元素尺寸 =====\nconst CLOCK_DOT_DIAMETER_RATIO = 0.32; // 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 = 22;\nconst CLOCK_TITLE_LINE_HEIGHT = 28;\nconst CLOCK_CONTENT_FONT_SIZE = 14;\nconst CLOCK_CONTENT_LINE_HEIGHT = 20;\nconst CLOCK_CONTENT_LINES = 4;\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 // R 需要预留 text 向外延伸的空间:\n // - title 在 anchor 朝向圆心一侧(不占用外圈空间)\n // - content 在 anchor 远离圆心一侧,需要预留 content 的高度\n // - 水平方向:text 从 0.92R 向外延伸 CLOCK_TEXT_MAX_WIDTH\n const textReserveX = CLOCK_TEXT_MAX_WIDTH;\n const textReserveY = 4 + CLOCK_CONTENT_LINE_HEIGHT * CLOCK_CONTENT_LINES;\n const rMaxX = (innerWidth / 2 - textReserveX) / CLOCK_TEXT_INNER_RATIO;\n const rMaxY = (innerHeight / 2 - textReserveY) / CLOCK_TEXT_INNER_RATIO;\n const R = Math.max(Math.min(rMaxX, rMaxY), 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 buildClockTitleImageMark = (spec: IStorylineSpec): IExtensionGroupMarkSpec | null => {\n if (spec.titleImage?.visible === false) {\n return null;\n }\n const themeColor = getThemeColor(spec);\n const hasImage = !!spec.titleImage?.image;\n return {\n type: 'group' as any,\n name: 'storyline-clock-center',\n zIndex: LayoutZIndex.Mark + 2,\n children: [\n // titleImage 背后的高亮光晕(主题色透明色,营造\"焦点\"效果)\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.titleImage?.image,\n repeatX: 'no-repeat',\n repeatY: 'no-repeat',\n imageMode: 'contain',\n imagePosition: 'center',\n cornerRadius: (_d: unknown, ctx: LayoutContext) =>\n getClockGeometry(spec, ctx).R * CLOCK_CENTER_RADIUS_RATIO * CLOCK_CENTER_IMAGE_INSET_RATIO,\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.titleImage?.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.titleImage?.style as { height?: number } | undefined)?.height;\n const h = typeof userHeight === 'number' ? userHeight : rectH;\n return (rectH - h) / 2;\n },\n ...spec.titleImage?.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 * 紧贴中心区域外侧的虚线圆环轨道。\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 showImageBackground = shouldShowImageBackground(spec);\n const contentText = Array.isArray(block.content) ? block.content : block.content ? [block.content] : [];\n const getTitleFontSize = (ctx: LayoutContext) =>\n resolveTitleFontSize(\n spec,\n ctx,\n block.title,\n getClockTextRect(spec, ctx, index).width,\n CLOCK_TITLE_FONT_SIZE,\n [8, 30]\n );\n const getTitleLineHeight = (ctx: LayoutContext) =>\n resolveAdaptiveLineHeight(getTitleFontSize(ctx), spec.title?.style as any, CLOCK_TITLE_LINE_HEIGHT, 1.28);\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 showImageBackground\n ? ({\n type: 'symbol',\n name: `storyline-clock-dot-bg-${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 + 10,\n symbolType: 'circle',\n ...getImageBackgroundStyle(spec)\n }\n } as ICustomMarkSpec<'symbol'>)\n : null,\n // 圆形小图(dot):压在轨道上,作为时间锚点\n hasImage\n ? ({\n type: 'image',\n name: `storyline-clock-dot-${index}`,\n interactive: false,\n ...omitImageLayoutSpec(spec.image),\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: 'contain',\n imagePosition: 'center',\n cornerRadius: (_d: unknown, ctx: LayoutContext) => getClockDotCenter(spec, ctx, index).diameter / 2,\n ...spec.image?.style\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 - getTitleLineHeight(ctx) * BLOCK_TITLE_MAX_LINES,\n text: block.title,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).width,\n height: (_d: unknown, ctx: LayoutContext) => getTitleLineHeight(ctx) * BLOCK_TITLE_MAX_LINES,\n heightLimit: (_d: unknown, ctx: LayoutContext) => getTitleLineHeight(ctx) * BLOCK_TITLE_MAX_LINES,\n lineClamp: BLOCK_TITLE_MAX_LINES,\n fontSize: (_d: unknown, ctx: LayoutContext) => getTitleFontSize(ctx),\n lineHeight: (_d: unknown, ctx: LayoutContext) => getTitleLineHeight(ctx),\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 whiteSpace: 'normal',\n wordBreak: 'break-word',\n ellipsis: '...',\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 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 height: CLOCK_CONTENT_LINE_HEIGHT * CLOCK_CONTENT_LINES,\n maxLineWidth: (_d: unknown, ctx: LayoutContext) => getClockTextRect(spec, ctx, index).width,\n heightLimit: CLOCK_CONTENT_LINE_HEIGHT * CLOCK_CONTENT_LINES,\n text: buildPlainContent(contentText),\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 whiteSpace: 'normal',\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,4 +1,4 @@
|
|
|
1
|
-
import type
|
|
1
|
+
import { type ICustomMarkSpec } from '@visactor/vchart';
|
|
2
2
|
import type { IStorylineBlock, IStorylineSpec, StorylineImagePosition } from '../interface';
|
|
3
3
|
import { normalizeLayout, normalizePadding, type StorylineLayoutResult, type StorylinePoint } from '../layout';
|
|
4
4
|
export type LayoutContext = {
|
|
@@ -31,6 +31,7 @@ export declare const DEFAULT_IMAGE_WIDTH = 48;
|
|
|
31
31
|
export declare const DEFAULT_IMAGE_HEIGHT = 48;
|
|
32
32
|
export declare const DEFAULT_IMAGE_GAP = 10;
|
|
33
33
|
export declare const DEFAULT_THEME_COLOR = "#e8543d";
|
|
34
|
+
export declare const BLOCK_TITLE_MAX_LINES = 2;
|
|
34
35
|
export declare const isLandscape: (spec: IStorylineSpec) => boolean;
|
|
35
36
|
export declare const isPortrait: (spec: IStorylineSpec) => boolean;
|
|
36
37
|
export declare const isClock: (spec: IStorylineSpec) => boolean;
|
|
@@ -39,6 +40,58 @@ export declare const isWing: (spec: IStorylineSpec) => boolean;
|
|
|
39
40
|
export declare const isLadder: (spec: IStorylineSpec) => boolean;
|
|
40
41
|
export declare const getThemeColor: (spec: IStorylineSpec) => string;
|
|
41
42
|
export declare const shouldShowImageBackground: (spec: IStorylineSpec) => boolean;
|
|
43
|
+
export declare const resolveAdaptiveLineHeight: (fontSize: number, style: Record<string, unknown> | undefined, fallback: number, ratio?: number) => number;
|
|
44
|
+
export declare const resolveTitleFontSize: (spec: IStorylineSpec, ctx: LayoutContext | undefined, title: string | undefined, boxWidth: number | undefined, fallback: number, range?: [number, number]) => number;
|
|
45
|
+
export declare const resolveMarkerFontSize: (spec: IStorylineSpec, ctx: LayoutContext, marker: string | undefined, boxHeight: number | undefined, fallback: number, range?: [number, number]) => number;
|
|
46
|
+
export declare const getImageBackgroundStyle: (spec: IStorylineSpec) => {
|
|
47
|
+
fill: {
|
|
48
|
+
gradient: string;
|
|
49
|
+
x0: number;
|
|
50
|
+
y0: number;
|
|
51
|
+
x1: number;
|
|
52
|
+
y1: number;
|
|
53
|
+
stops: {
|
|
54
|
+
offset: number;
|
|
55
|
+
color: string;
|
|
56
|
+
}[];
|
|
57
|
+
};
|
|
58
|
+
stroke: string;
|
|
59
|
+
lineWidth: number;
|
|
60
|
+
shadowColor: string;
|
|
61
|
+
shadowBlur: number;
|
|
62
|
+
shadowOffsetX: number;
|
|
63
|
+
shadowOffsetY: number;
|
|
64
|
+
};
|
|
65
|
+
export declare const getTitleImageSize: (spec: IStorylineSpec, width: number, height: number, options?: {
|
|
66
|
+
widthRatio?: number;
|
|
67
|
+
maxWidth?: number;
|
|
68
|
+
heightRatio?: number;
|
|
69
|
+
}) => {
|
|
70
|
+
width: number;
|
|
71
|
+
height: number;
|
|
72
|
+
};
|
|
73
|
+
export declare const getTitleImageReservedHeight: (spec: IStorylineSpec, width: number, height: number, options?: {
|
|
74
|
+
y?: number;
|
|
75
|
+
widthRatio?: number;
|
|
76
|
+
maxWidth?: number;
|
|
77
|
+
heightRatio?: number;
|
|
78
|
+
bottom?: number;
|
|
79
|
+
}) => number;
|
|
80
|
+
export declare const getChartGeometry: (ctx: LayoutContext, spec?: {
|
|
81
|
+
width?: number;
|
|
82
|
+
height?: number;
|
|
83
|
+
}) => {
|
|
84
|
+
width: number;
|
|
85
|
+
height: number;
|
|
86
|
+
startX: number;
|
|
87
|
+
startY: number;
|
|
88
|
+
};
|
|
89
|
+
export declare const buildTopTitleImageMark: (spec: IStorylineSpec, options?: {
|
|
90
|
+
y?: number;
|
|
91
|
+
widthRatio?: number;
|
|
92
|
+
maxWidth?: number;
|
|
93
|
+
heightRatio?: number;
|
|
94
|
+
}) => ICustomMarkSpec<'image'> | null;
|
|
42
95
|
export declare const withAlpha: (color: string, alpha: number) => string;
|
|
43
96
|
export declare const resolveBlockWidth: (spec: IStorylineSpec, viewWidth: number) => number;
|
|
44
97
|
export declare const getRegionGeometry: (ctx: LayoutContext, spec?: {
|
|
@@ -51,21 +104,8 @@ export declare const getRegionGeometry: (ctx: LayoutContext, spec?: {
|
|
|
51
104
|
startY: number;
|
|
52
105
|
};
|
|
53
106
|
export declare const getLayout: (spec: IStorylineSpec, ctx: LayoutContext) => StorylineLayoutResult;
|
|
54
|
-
export declare const
|
|
55
|
-
|
|
56
|
-
lineHeight?: number;
|
|
57
|
-
fill?: string;
|
|
58
|
-
align?: 'left' | 'center' | 'right';
|
|
59
|
-
}) => {
|
|
60
|
-
type: "rich";
|
|
61
|
-
text: {
|
|
62
|
-
text: string;
|
|
63
|
-
fontSize: number;
|
|
64
|
-
lineHeight: number;
|
|
65
|
-
fill: string;
|
|
66
|
-
align: string;
|
|
67
|
-
}[];
|
|
68
|
-
};
|
|
107
|
+
export declare const buildPlainContent: (contentText: string[]) => string;
|
|
108
|
+
export declare const getBlockTitleHeight: (lineHeight: number, title?: string) => number;
|
|
69
109
|
export declare const omitImageLayoutSpec: (imageSpec: IStorylineSpec['image']) => {
|
|
70
110
|
showBackground?: boolean;
|
|
71
111
|
id?: import("@visactor/vchart").StringOrNumber;
|