@antv/infographic 0.2.11 → 0.2.13

package/esm/designs/structures/hierarchy-tree.js

@@ -31,9 +31,10 @@ export const HierarchyTree = (props) => {
     let nextGroupColorIndex = 0;
     // 内置工具方法：数据预处理
     const normalizeItems = (items) => {
+        var _a;
         const list = [...items];
-        if (!list[0]?.children) {
-            list[0] = { ...list[0], children: list.slice(1) };
+        if (!((_a = list[0]) === null || _a === void 0 ? void 0 : _a.children)) {
+            list[0] = Object.assign(Object.assign({}, list[0]), { children: list.slice(1) });
             list.splice(1);
         }
         return list;
@@ -87,34 +88,22 @@ export const HierarchyTree = (props) => {
     };
     // 内置工具方法：构建层级数据
     const buildHierarchyData = (list) => {
+        var _a;
         if (!list.length)
             return null;
         const rootItem = list[0];
         const buildNode = (node, parentIndexes = [], idx = 0) => {
+            var _a, _b;
             const indexes = [...parentIndexes, idx];
-            return {
-                ...node,
-                _originalIndex: indexes,
-                _depth: indexes.length - 1,
-                children: node.children?.map((c, i) => buildNode(c, indexes, i)) ??
-                    [],
-            };
+            return Object.assign(Object.assign({}, node), { _originalIndex: indexes, _depth: indexes.length - 1, children: (_b = (_a = node.children) === null || _a === void 0 ? void 0 : _a.map((c, i) => buildNode(c, indexes, i))) !== null && _b !== void 0 ? _b : [] });
         };
-        return rootItem.children?.length
+        return ((_a = rootItem.children) === null || _a === void 0 ? void 0 : _a.length)
             ? buildNode(rootItem)
-            : {
-                ...rootItem,
-                _originalIndex: [0],
-                _depth: 0,
-                children: list.slice(1).map((child, i) => ({
-                    ...child,
-                    _originalIndex: [i + 1],
-                    _depth: 1,
-                })),
-            };
+            : Object.assign(Object.assign({}, rootItem), { _originalIndex: [0], _depth: 0, children: list.slice(1).map((child, i) => (Object.assign(Object.assign({}, child), { _originalIndex: [i + 1], _depth: 1 }))) });
     };
     // 内置工具方法：计算各层节点边界
     const computeLevelBounds = (rootNode) => {
+        var _a, _b;
         let maxWidth = 0, maxHeight = 0;
         const levelBounds = new Map();
         const sampleDatumByLevel = new Map();
@@ -126,8 +115,8 @@ export const HierarchyTree = (props) => {
         });
         for (let level = 0; level < rootNode.height + 1; level++) {
             const ItemComponent = getItemComponent(Items, level);
-            const sampleDatum = sampleDatumByLevel.get(level) ?? {};
-            const indexes = sampleDatum._originalIndex ?? Array(level + 1).fill(0);
+            const sampleDatum = (_a = sampleDatumByLevel.get(level)) !== null && _a !== void 0 ? _a : {};
+            const indexes = (_b = sampleDatum._originalIndex) !== null && _b !== void 0 ? _b : Array(level + 1).fill(0);
             const bounds = getElementBounds(_jsx(ItemComponent, { indexes: indexes, data: data, datum: sampleDatum, positionH: "center" }));
             levelBounds.set(level, bounds);
             maxWidth = Math.max(maxWidth, bounds.width);
@@ -136,8 +125,9 @@ export const HierarchyTree = (props) => {
         return { levelBounds, maxWidth, maxHeight };
     };
     const getNodeColorIndexes = (nodeData, depth) => {
+        var _a;
         if (colorMode === 'group') {
-            const groupKey = String(nodeData?.group ?? '');
+            const groupKey = String((_a = nodeData === null || nodeData === void 0 ? void 0 : nodeData.group) !== null && _a !== void 0 ? _a : '');
             let groupIndex = groupColorIndexMap.get(groupKey);
             if (groupIndex == null) {
                 groupIndex = nextGroupColorIndex;
@@ -344,10 +334,11 @@ export const HierarchyTree = (props) => {
     const renderSiblingBtns = (nodes, btnBounds, offsets) => {
         const nodesByParent = new Map();
         nodes.forEach((node) => {
+            var _a;
             const key = node.parent
                 ? node.parent.data._originalIndex.join('-')
                 : 'root';
-            (nodesByParent.get(key) ?? nodesByParent.set(key, []).get(key)).push(node);
+            ((_a = nodesByParent.get(key)) !== null && _a !== void 0 ? _a : nodesByParent.set(key, []).get(key)).push(node);
         });
         const btns = [];
         nodesByParent.forEach((siblings) => {

package/esm/designs/structures/list-sector.js

@@ -22,6 +22,7 @@ export const ListSector = (props) => {
     const totalUsableAngle = totalAngle - totalGapAngle;
     const anglePerSector = items.length > 0 ? totalUsableAngle / items.length : 0;
     items.forEach((item, index) => {
+        var _a;
         const indexes = [index];
         const currentStartAngle = startAngle + (anglePerSector + gapAngle) * index;
         const currentEndAngle = currentStartAngle + anglePerSector;
@@ -65,12 +66,10 @@ export const ListSector = (props) => {
         const itemBounds = getElementBounds(_jsx(Item, { indexes: [0], data: data, datum: items[0], positionH: "center", width: maxWidth, height: maxHeight }));
         const itemX = centerX + midRadius * Math.cos(midAngleRad) - itemBounds.width / 2;
         const itemY = centerY + midRadius * Math.sin(midAngleRad) - itemBounds.height / 2;
-        itemElements.push(_jsx(Item, { indexes: indexes, datum: item, data: data, x: itemX, y: itemY, positionH: "center", width: maxWidth, height: maxHeight, themeColors: {
-                ...getThemeColors({
-                    colorBg: getPaletteColor(options, indexes),
-                    colorPrimary: options.themeConfig?.colorBg || 'white',
-                }),
-            } }));
+        itemElements.push(_jsx(Item, { indexes: indexes, datum: item, data: data, x: itemX, y: itemY, positionH: "center", width: maxWidth, height: maxHeight, themeColors: Object.assign({}, getThemeColors({
+                colorBg: getPaletteColor(options, indexes),
+                colorPrimary: ((_a = options.themeConfig) === null || _a === void 0 ? void 0 : _a.colorBg) || 'white',
+            })) }));
         const btnRemoveRadius = outerRadius + 10;
         const btnRemoveX = centerX + btnRemoveRadius * Math.cos(midAngleRad) - btnBounds.width / 2;
         const btnRemoveY = centerY + btnRemoveRadius * Math.sin(midAngleRad) - btnBounds.height / 2;

package/esm/designs/structures/list-zigzag.js

@@ -135,6 +135,7 @@ const getUnitVector = (from, to) => {
 const createListZigzag = (config) => {
     const { presetRatios, arrowHeight, Arrow } = config;
     const ListZigzag = (props) => {
+        var _a;
         const { Title, Item, data, options, itemGap = 24 } = props;
         const { title, desc, items = [] } = data;
         const layoutCount = Math.min(items.length, MAX_ITEMS);
@@ -145,7 +146,7 @@ const createListZigzag = (config) => {
         const colorShadow = themeColors.colorTextSecondary || '#737373';
         const btnBounds = getElementBounds(_jsx(BtnAdd, { indexes: [0] }));
         if (items.length === 0) {
-            const anchor = getPresetPoints(1, presetRatios, arrowHeight)?.[0];
+            const anchor = (_a = getPresetPoints(1, presetRatios, arrowHeight)) === null || _a === void 0 ? void 0 : _a[0];
             if (!anchor) {
                 return (_jsxs(FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", children: [titleContent, _jsx(Group, { children: _jsx(Arrow, { colorPrimary: colorPrimary, colorShadow: colorShadow }) })] }));
             }

package/esm/designs/structures/relation-dagre-flow.js

@@ -11,13 +11,14 @@ const DEFAULT_EDGE_SEP = 10;
 const DEFAULT_EDGE_WIDTH = 2;
 const DEFAULT_PADDING = 30;
 const checkUndirectedCycle = (nodeIds, edges) => {
+    var _a, _b;
     const adj = new Map();
     nodeIds.forEach((id) => adj.set(id, []));
     for (const edge of edges) {
         if (edge.source === edge.target)
             return true;
-        adj.get(edge.source)?.push({ target: edge.target, edgeId: edge.id });
-        adj.get(edge.target)?.push({ target: edge.source, edgeId: edge.id });
+        (_a = adj.get(edge.source)) === null || _a === void 0 ? void 0 : _a.push({ target: edge.target, edgeId: edge.id });
+        (_b = adj.get(edge.target)) === null || _b === void 0 ? void 0 : _b.push({ target: edge.source, edgeId: edge.id });
     }
     const visited = new Set();
     const dfs = (u, parentEdgeId) => {
@@ -42,6 +43,7 @@ const checkUndirectedCycle = (nodeIds, edges) => {
     return false;
 };
 export const RelationDagreFlow = (props) => {
+    var _a, _b;
     const { Title, Item, data, rankdir = 'TB', nodesep = DEFAULT_NODE_SEP, ranksep = DEFAULT_RANK_SEP, edgesep = DEFAULT_EDGE_SEP, edgeWidth = DEFAULT_EDGE_WIDTH, showConnections = true, edgeColorMode = 'gradient', edgeStyle = 'solid', edgeDashPattern = '5,5', edgeCornerRadius = 12, edgeRouting = 'orth', showArrow = true, arrowType = 'triangle', padding = DEFAULT_PADDING, edgeAnimation = 'none', edgeAnimationSpeed = 1, options, } = props;
     const { title, desc, items = [], relations = [] } = data;
     const titleContent = Title ? _jsx(Title, { title: title, desc: desc }) : null;
@@ -56,11 +58,12 @@ export const RelationDagreFlow = (props) => {
     const colorGroupIndexMap = new Map();
     let nextColorGroupIndex = 0;
     const nodes = items.map((item, index) => {
+        var _a, _b;
         const datum = item;
-        const id = String(datum.id ?? index);
+        const id = String((_a = datum.id) !== null && _a !== void 0 ? _a : index);
         const indexes = [index];
         let primary;
-        const groupKey = String(datum.group ?? '');
+        const groupKey = String((_b = datum.group) !== null && _b !== void 0 ? _b : '');
         if (groupKey) {
             let groupIndex = colorGroupIndexMap.get(groupKey);
             if (groupIndex == null) {
@@ -123,7 +126,8 @@ export const RelationDagreFlow = (props) => {
         edgesep,
         controlPoints: true,
         nodeSize: (node) => {
-            const id = String(node.id ?? '');
+            var _a;
+            const id = String((_a = node.id) !== null && _a !== void 0 ? _a : '');
             const bounds = nodeSizeMap.get(id);
             return bounds ? [bounds.width, bounds.height] : [0, 0];
         },
@@ -131,24 +135,20 @@ export const RelationDagreFlow = (props) => {
     layout.execute({ nodes, edges });
     const nodeLayouts = [];
     layout.forEachNode((node) => {
+        var _a, _b, _c, _d;
         const id = String(node.id);
         const meta = nodeMetaMap.get(id);
         if (!meta)
             return;
         const bounds = nodeSizeMap.get(id);
-        const width = bounds?.width ?? 0;
-        const height = bounds?.height ?? 0;
-        const x = (node.x ?? 0) - width / 2;
-        const y = (node.y ?? 0) - height / 2;
-        nodeLayouts.push({
-            ...meta,
-            x,
+        const width = (_a = bounds === null || bounds === void 0 ? void 0 : bounds.width) !== null && _a !== void 0 ? _a : 0;
+        const height = (_b = bounds === null || bounds === void 0 ? void 0 : bounds.height) !== null && _b !== void 0 ? _b : 0;
+        const x = ((_c = node.x) !== null && _c !== void 0 ? _c : 0) - width / 2;
+        const y = ((_d = node.y) !== null && _d !== void 0 ? _d : 0) - height / 2;
+        nodeLayouts.push(Object.assign(Object.assign({}, meta), { x,
             y,
             width,
-            height,
-            centerX: x + width / 2,
-            centerY: y + height / 2,
-        });
+            height, centerX: x + width / 2, centerY: y + height / 2 }));
     });
     if (nodeLayouts.length === 0) {
         return (_jsxs(FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", children: [titleContent, _jsx(Group, { children: _jsx(BtnAdd, { indexes: [0], x: 0, y: 0 }) })] }));
@@ -165,21 +165,15 @@ export const RelationDagreFlow = (props) => {
         const positionH = rankdir === 'LR' ? 'normal' : rankdir === 'RL' ? 'flipped' : 'center';
         const positionV = rankdir === 'TB' ? 'normal' : rankdir === 'BT' ? 'flipped' : 'middle';
         itemElements.push(_jsx(Item, { indexes: node.indexes, datum: node.datum, data: data, x: displayX, y: displayY, positionH: positionH, positionV: positionV, themeColors: node.themeColors }));
-        nodeLayoutById.set(node.id, {
-            ...node,
-            x: displayX,
-            y: displayY,
-            centerX: displayX + node.width / 2,
-            centerY: displayY + node.height / 2,
-        });
+        nodeLayoutById.set(node.id, Object.assign(Object.assign({}, node), { x: displayX, y: displayY, centerX: displayX + node.width / 2, centerY: displayY + node.height / 2 }));
     });
     const defsElements = [];
     const decorElements = [];
     if (showConnections) {
         const defaultStroke = getColorPrimary(options);
         const themeColors = getThemeColors(options.themeConfig, options);
-        const labelBackground = themeColors?.colorBg ?? '#ffffff';
-        const labelTextColor = themeColors?.colorText ?? defaultStroke;
+        const labelBackground = (_a = themeColors === null || themeColors === void 0 ? void 0 : themeColors.colorBg) !== null && _a !== void 0 ? _a : '#ffffff';
+        const labelTextColor = (_b = themeColors === null || themeColors === void 0 ? void 0 : themeColors.colorText) !== null && _b !== void 0 ? _b : defaultStroke;
         const arrowSize = Math.max(10, edgeWidth * 4);
         const isVertical = rankdir === 'TB' || rankdir === 'BT';
         const enableAnimation = edgeAnimation === 'ant-line';
@@ -381,6 +375,7 @@ export const RelationDagreFlow = (props) => {
             };
         };
         layout.forEachEdge((edge) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             const normalizePoints = (rawPoints) => {
                 if (!Array.isArray(rawPoints))
                     return [];
@@ -411,7 +406,7 @@ export const RelationDagreFlow = (props) => {
                 : null;
             const normalized = useOrthRouting ? [] : normalizePoints(edge.points);
             const points = useOrthRouting
-                ? (orthEdge?.points ?? [])
+                ? ((_a = orthEdge === null || orthEdge === void 0 ? void 0 : orthEdge.points) !== null && _a !== void 0 ? _a : [])
                 : normalized.length
                     ? normalized
                     : fallbackPoints();
@@ -420,14 +415,14 @@ export const RelationDagreFlow = (props) => {
             const pointsOffsetX = useOrthRouting ? 0 : offsetX;
             const pointsOffsetY = useOrthRouting ? 0 : offsetY;
             const startPoint = useOrthRouting
-                ? (orthEdge?.start ?? points[0])
+                ? ((_b = orthEdge === null || orthEdge === void 0 ? void 0 : orthEdge.start) !== null && _b !== void 0 ? _b : points[0])
                 : points[0];
             const endPoint = useOrthRouting
-                ? (orthEdge?.end ?? points[points.length - 1])
+                ? ((_c = orthEdge === null || orthEdge === void 0 ? void 0 : orthEdge.end) !== null && _c !== void 0 ? _c : points[points.length - 1])
                 : points[points.length - 1];
-            const relation = edge._original?.relation;
-            const sourceColor = nodeColorMap.get(String(edge.source)) ?? defaultStroke;
-            const targetColor = nodeColorMap.get(String(edge.target)) ?? defaultStroke;
+            const relation = (_d = edge._original) === null || _d === void 0 ? void 0 : _d.relation;
+            const sourceColor = (_e = nodeColorMap.get(String(edge.source))) !== null && _e !== void 0 ? _e : defaultStroke;
+            const targetColor = (_f = nodeColorMap.get(String(edge.target))) !== null && _f !== void 0 ? _f : defaultStroke;
             const gradientKey = `edge-gradient-${String(sourceColor)}-${String(targetColor)}`.replace(/[^a-zA-Z0-9_-]/g, '');
             const edgeStroke = edgeColorMode === 'gradient' ? `url(#${gradientKey})` : defaultStroke;
             let pathD = '';
@@ -446,7 +441,7 @@ export const RelationDagreFlow = (props) => {
                 const end = endPoint;
                 defsElements.push(_jsxs("linearGradient", { id: gradientKey, gradientUnits: "userSpaceOnUse", x1: start[0] + pointsOffsetX, y1: start[1] + pointsOffsetY, x2: end[0] + pointsOffsetX, y2: end[1] + pointsOffsetY, children: [_jsx("stop", { offset: "0%", stopColor: sourceColor }), _jsx("stop", { offset: "100%", stopColor: targetColor })] }));
             }
-            if (relation?.label) {
+            if (relation === null || relation === void 0 ? void 0 : relation.label) {
                 let labelPoint = null;
                 const midPoint = getMidPoint(points);
                 if (midPoint) {
@@ -463,9 +458,9 @@ export const RelationDagreFlow = (props) => {
                     decorElements.push(_jsx(Text, { x: labelX, y: labelY, width: labelBounds.width, height: labelBounds.height, fontSize: 14, fontWeight: "normal", alignHorizontal: "center", alignVertical: "middle", fill: labelTextColor, backgroundColor: labelBackground, children: labelText }));
                 }
             }
-            const effectiveShowArrow = relation?.showArrow ?? showArrow;
-            const direction = relation?.direction ?? 'forward';
-            const edgeArrowType = relation?.arrowType ?? arrowType;
+            const effectiveShowArrow = (_g = relation === null || relation === void 0 ? void 0 : relation.showArrow) !== null && _g !== void 0 ? _g : showArrow;
+            const direction = (_h = relation === null || relation === void 0 ? void 0 : relation.direction) !== null && _h !== void 0 ? _h : 'forward';
+            const edgeArrowType = (_j = relation === null || relation === void 0 ? void 0 : relation.arrowType) !== null && _j !== void 0 ? _j : arrowType;
             const lastIndex = points.length - 1;
             if (effectiveShowArrow && points.length > 1) {
                 if (direction === 'forward' || direction === 'both') {

package/esm/designs/structures/relation-network.js

@@ -42,8 +42,8 @@ export const RelationNetwork = (props) => {
     }
     const { nodes, links } = runForceLayout();
     /** --- 偏移 --- */
-    const minX = Math.min(...nodes.map((d) => d.x ?? 0));
-    const minY = Math.min(...nodes.map((d) => d.y ?? 0));
+    const minX = Math.min(...nodes.map((d) => { var _a; return (_a = d.x) !== null && _a !== void 0 ? _a : 0; }));
+    const minY = Math.min(...nodes.map((d) => { var _a; return (_a = d.y) !== null && _a !== void 0 ? _a : 0; }));
     const offsetX = Math.max(0, -minX + itemBounds.width / 2);
     const offsetY = Math.max(0, -minY + itemBounds.height / 2);
     const positionBy = (x, y) => ({

package/esm/designs/structures/sequence-funnel.js

@@ -28,7 +28,7 @@ export const SequenceFunnel = (props) => {
     }
     const themeColors = getThemeColors(options.themeConfig);
     // 计算各区域尺寸
-    const actualFunnelWidth = funnelWidth ?? width * 0.55; // 稍微调窄一点漏斗，给右侧留更多空间
+    const actualFunnelWidth = funnelWidth !== null && funnelWidth !== void 0 ? funnelWidth : width * 0.55; // 稍微调窄一点漏斗，给右侧留更多空间
     const itemAreaWidth = width - actualFunnelWidth;
     // 漏斗层高度
     const funnelLayerHeight = itemHeight * FUNNEL_LAYER_HEIGHT_RATIO;

package/esm/designs/structures/sequence-mountain.js

@@ -96,7 +96,7 @@ function Mountain(props) {
         centerBottom,
     ];
     const toPointsString = (points) => points.map((p) => `${p.x},${p.y}`).join(' ');
-    return (_jsxs(ShapesGroup, { ...props, children: [_jsx("polygon", { points: toPointsString(leftTopShape), fill: leftTopColor }), _jsx("polygon", { points: toPointsString(rightTopShape), fill: rightTopColor }), _jsx("polygon", { points: toPointsString(leftBottomShape), fill: leftBottomColor }), _jsx("polygon", { points: toPointsString(rightBottomShape), fill: rightBottomColor })] }));
+    return (_jsxs(ShapesGroup, Object.assign({}, props, { children: [_jsx("polygon", { points: toPointsString(leftTopShape), fill: leftTopColor }), _jsx("polygon", { points: toPointsString(rightTopShape), fill: rightTopColor }), _jsx("polygon", { points: toPointsString(leftBottomShape), fill: leftBottomColor }), _jsx("polygon", { points: toPointsString(rightBottomShape), fill: rightBottomColor })] })));
 }
 function Tree(size) {
     const heightMap = {
@@ -135,13 +135,13 @@ function Sun(props) {
         const angle = (360 / rayCount) * i;
         return (_jsx("rect", { x: rayX, y: rayY, width: rayWidth, height: rayHeight, rx: cornerRadius, ry: cornerRadius, fill: "#FFCB0E", transform: `rotate(${angle}, ${centerX}, ${centerY})` }));
     });
-    return (_jsxs(ShapesGroup, { ...props, children: [_jsx("circle", { cx: centerX, cy: centerY, r: radius, fill: "#FFCB0E" }), ...rays] }));
+    return (_jsxs(ShapesGroup, Object.assign({}, props, { children: [_jsx("circle", { cx: centerX, cy: centerY, r: radius, fill: "#FFCB0E" }), ...rays] })));
 }
 function Cloud(props) {
     if (props.type === 'single') {
-        return (_jsx(ShapesGroup, { ...props, width: 54, height: 36, children: _jsx("path", { d: "M10.2635 13.3806C11.0019 9.99045 12.7381 6.91002 15.2405 4.55004C17.743 2.19007 20.8929 0.662716 24.2701 0.171643C27.6473 -0.31943 31.0914 0.24912 34.143 1.80148C37.1946 3.35385 39.7087 5.81625 41.3501 8.86031C44.8835 9.0468 48.1994 10.6544 50.5684 13.3294C52.9373 16.0044 54.1653 19.5277 53.9821 23.1242C53.7989 26.7207 52.2195 30.0959 49.5914 32.5071C46.9634 34.9184 43.5019 36.1683 39.9684 35.9818H11.1517C4.93436 35.9818 0 30.9593 0 24.6309C0.0598447 21.8016 1.13799 19.093 3.02989 17.0192C4.9218 14.9454 7.49584 13.6506 10.2635 13.3806Z", fill: "#70CAF8" }) }));
+        return (_jsx(ShapesGroup, Object.assign({}, props, { width: 54, height: 36, children: _jsx("path", { d: "M10.2635 13.3806C11.0019 9.99045 12.7381 6.91002 15.2405 4.55004C17.743 2.19007 20.8929 0.662716 24.2701 0.171643C27.6473 -0.31943 31.0914 0.24912 34.143 1.80148C37.1946 3.35385 39.7087 5.81625 41.3501 8.86031C44.8835 9.0468 48.1994 10.6544 50.5684 13.3294C52.9373 16.0044 54.1653 19.5277 53.9821 23.1242C53.7989 26.7207 52.2195 30.0959 49.5914 32.5071C46.9634 34.9184 43.5019 36.1683 39.9684 35.9818H11.1517C4.93436 35.9818 0 30.9593 0 24.6309C0.0598447 21.8016 1.13799 19.093 3.02989 17.0192C4.9218 14.9454 7.49584 13.6506 10.2635 13.3806Z", fill: "#70CAF8" }) })));
     }
-    return (_jsxs(ShapesGroup, { ...props, width: 73, height: 40, children: [_jsx("path", { d: "M61.6461 14.9716C60.8681 11.1875 58.9581 7.73823 56.1763 5.09315C53.3944 2.44806 49.8758 0.735682 46.0992 0.189041C42.3226 -0.357601 38.4714 0.288046 35.0699 2.03812C31.6683 3.7882 28.8815 6.5577 27.0889 9.96971C23.161 10.1687 19.4719 11.9405 16.8333 14.8953C14.1947 17.8502 12.8227 21.746 13.0191 25.7258C13.2155 29.7055 14.9642 33.4433 17.8806 36.1167C20.7969 38.7901 24.642 40.1802 28.5699 39.9812H60.6588C67.5702 39.9812 73.0006 34.4791 73.0006 27.4764C73.0006 20.9739 67.8664 15.4718 61.6461 14.9716Z", fill: "#70CAF8" }), _jsx("path", { d: "M21.9691 6.47136e-09C25.9369 6.47136e-09 29.5264 1.62125 32.0003 4.21094C30.0604 5.7917 28.4423 7.75571 27.2581 10C23.3149 10.1989 19.6111 11.9702 16.9622 14.9238C14.3136 17.8774 12.936 21.772 13.1331 25.75C13.2057 27.2131 13.4902 28.6432 13.9652 30H10.7689C7.96116 29.8907 5.29664 28.7203 3.30402 26.7217C1.31144 24.7231 0.135825 22.0419 0.0110544 19.21C-0.113702 16.378 0.821178 13.6017 2.63019 11.4326C4.43921 9.26356 6.99065 7.8602 9.77766 7.5C11.9582 3.00012 16.6168 8.76701e-05 21.9691 6.47136e-09Z", fill: "#5BA2C6" })] }));
+    return (_jsxs(ShapesGroup, Object.assign({}, props, { width: 73, height: 40, children: [_jsx("path", { d: "M61.6461 14.9716C60.8681 11.1875 58.9581 7.73823 56.1763 5.09315C53.3944 2.44806 49.8758 0.735682 46.0992 0.189041C42.3226 -0.357601 38.4714 0.288046 35.0699 2.03812C31.6683 3.7882 28.8815 6.5577 27.0889 9.96971C23.161 10.1687 19.4719 11.9405 16.8333 14.8953C14.1947 17.8502 12.8227 21.746 13.0191 25.7258C13.2155 29.7055 14.9642 33.4433 17.8806 36.1167C20.7969 38.7901 24.642 40.1802 28.5699 39.9812H60.6588C67.5702 39.9812 73.0006 34.4791 73.0006 27.4764C73.0006 20.9739 67.8664 15.4718 61.6461 14.9716Z", fill: "#70CAF8" }), _jsx("path", { d: "M21.9691 6.47136e-09C25.9369 6.47136e-09 29.5264 1.62125 32.0003 4.21094C30.0604 5.7917 28.4423 7.75571 27.2581 10C23.3149 10.1989 19.6111 11.9702 16.9622 14.9238C14.3136 17.8774 12.936 21.772 13.1331 25.75C13.2057 27.2131 13.4902 28.6432 13.9652 30H10.7689C7.96116 29.8907 5.29664 28.7203 3.30402 26.7217C1.31144 24.7231 0.135825 22.0419 0.0110544 19.21C-0.113702 16.378 0.821178 13.6017 2.63019 11.4326C4.43921 9.26356 6.99065 7.8602 9.77766 7.5C11.9582 3.00012 16.6168 8.76701e-05 21.9691 6.47136e-09Z", fill: "#5BA2C6" })] })));
 }
 export const SequenceMountain = (props) => {
     const { Title, Item, data, gap = 20, minHeight = 100, maxHeight = 200, minWidth = 260, maxWidth = 300, options, } = props;

package/esm/designs/structures/sequence-pyramid.js

@@ -21,7 +21,7 @@ export const SequencePyramid = (props) => {
     const backgroundElements = [];
     const iconElements = [];
     // Calculate dimensions
-    const actualPyramidWidth = pyramidWidth ?? width * 0.6;
+    const actualPyramidWidth = pyramidWidth !== null && pyramidWidth !== void 0 ? pyramidWidth : width * 0.6;
     const itemAreaWidth = width - actualPyramidWidth;
     // Pyramid layer height should be greater than itemHeight
     const pyramidLayerHeight = itemHeight * 1.2; // Magic number: 20% larger than itemHeight

package/esm/designs/structures/sequence-zigzag-steps.js

@@ -23,6 +23,7 @@ const DECO_OFFSET_Y = 40 + W_PATH_W / 2;
 // 滤镜定义
 const GlowFilter = (_jsx("filter", { id: "sequence-zigzag-glow-filter", x: "-50%", y: "-50%", width: "200%", height: "200%", children: _jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "15", result: "blur" }) }));
 export const SequenceZigzagSteps = (props) => {
+    var _a;
     const { Title, Item, data, options, dx = DX, dy = DY, iconSize = 30 } = props;
     const { title, desc, items = [] } = data;
     const titleContent = Title ? _jsx(Title, { title: title, desc: desc }) : null;
@@ -115,7 +116,7 @@ export const SequenceZigzagSteps = (props) => {
         }
     });
     if (pathD) {
-        const finalX = (pathPoints[pathPoints.length - 1]?.x || 0) + offsetX;
+        const finalX = (((_a = pathPoints[pathPoints.length - 1]) === null || _a === void 0 ? void 0 : _a.x) || 0) + offsetX;
         pathElements.push(_jsx(Path, { d: pathD, stroke: "#f3f2f1", strokeWidth: W_PATH_W, fill: "none", width: finalX, height: maxItemY - Math.min(minPathY + offsetY, 0) }));
     }
     return (_jsxs(FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: 30, children: [_jsx(Defs, { children: GlowFilter }), titleContent, _jsxs(Group, { x: 0, y: 0, children: [_jsx(Group, { children: [...pathElements, ...decoElements, ...iconElements] }), _jsx(ItemsGroup, { children: itemElements }), _jsx(BtnsGroup, { children: btnElements })] })] }));

package/esm/designs/utils/color.js

@@ -3,21 +3,25 @@ import { generateThemeColors } from '../../themes/index.js';
 import { isDarkColor } from '../../utils/index.js';
 const DEFAULT_COLOR = '#FF356A';
 export function getColorPrimary(options) {
-    return options?.themeConfig?.colorPrimary || DEFAULT_COLOR;
+    var _a;
+    return ((_a = options === null || options === void 0 ? void 0 : options.themeConfig) === null || _a === void 0 ? void 0 : _a.colorPrimary) || DEFAULT_COLOR;
 }
 export function getPaletteColors(options) {
+    var _a;
     const { themeConfig = {}, data } = options;
     const { colorPrimary, palette } = themeConfig;
     if (!palette || palette.length === 0) {
-        return Array(data?.items?.length || 1).fill(colorPrimary || DEFAULT_COLOR);
+        return Array(((_a = data === null || data === void 0 ? void 0 : data.items) === null || _a === void 0 ? void 0 : _a.length) || 1).fill(colorPrimary || DEFAULT_COLOR);
     }
     return data.items.map((_, i) => _getPaletteColor(palette, [i], data.items.length) || DEFAULT_COLOR);
 }
 export function getPaletteColor(options, indexes) {
-    return _getPaletteColor(options?.themeConfig?.palette, indexes, options.data?.items?.length);
+    var _a, _b, _c;
+    return _getPaletteColor((_a = options === null || options === void 0 ? void 0 : options.themeConfig) === null || _a === void 0 ? void 0 : _a.palette, indexes, (_c = (_b = options.data) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length);
 }
 export function getThemeColors(colors, options) {
-    const { colorBg = options?.themeConfig?.colorBg || 'white', colorPrimary = options ? getColorPrimary(options) : 'black', } = colors;
+    var _a;
+    const { colorBg = ((_a = options === null || options === void 0 ? void 0 : options.themeConfig) === null || _a === void 0 ? void 0 : _a.colorBg) || 'white', colorPrimary = options ? getColorPrimary(options) : 'black', } = colors;
     return generateThemeColors({
         colorPrimary: colorPrimary,
         isDarkMode: isDarkColor(colorBg),

package/esm/designs/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './color';
 export * from './hierarchy-color';
 export * from './item';
+export * from './normalize-percent';

package/esm/designs/utils/index.js

@@ -1,3 +1,4 @@
 export * from './color.js';
 export * from './hierarchy-color.js';
 export * from './item.js';
+export * from './normalize-percent.js';

package/esm/designs/utils/item.js

@@ -5,7 +5,7 @@
  * @returns
  */
 export function getItemProps(props, extKeys = []) {
-    const restProps = { ...props };
+    const restProps = Object.assign({}, props);
     const extProps = {};
     const keys = [
         'indexes',
@@ -35,9 +35,10 @@ export function getItemProps(props, extKeys = []) {
  * 针对层级结构，获取当前层级对应的组件
  */
 export function getItemComponent(Items, level) {
+    var _a;
     if (Items.length === 0)
         return () => null;
     if (level === undefined)
         return Items[0];
-    return Items[level] ?? Items[0];
+    return (_a = Items[level]) !== null && _a !== void 0 ? _a : Items[0];
 }

package/esm/designs/utils/normalize-percent.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 规范化百分比输入
+ *
+ * 支持以下格式：
+ * - "2%" 或 "2.5%" → 2 或 2.5
+ * - 2 或 2.5 (数字直接作为百分比) → 2 或 2.5
+ *
+ * @param value - 百分比值，可以是数字或带 "%" 的字符串
+ * @returns 规范化后的百分比数值
+ *
+ * @example
+ * ```typescript
+ * normalizePercent("2%");   // 返回 2
+ * normalizePercent("2.5%"); // 返回 2.5
+ * normalizePercent(2);      // 返回 2
+ * normalizePercent(2.5);    // 返回 2.5
+ * ```
+ */
+export declare function normalizePercent(value: number | string | undefined): number;

package/esm/designs/utils/normalize-percent.js

@@ -0,0 +1,32 @@
+/**
+ * 规范化百分比输入
+ *
+ * 支持以下格式：
+ * - "2%" 或 "2.5%" → 2 或 2.5
+ * - 2 或 2.5 (数字直接作为百分比) → 2 或 2.5
+ *
+ * @param value - 百分比值，可以是数字或带 "%" 的字符串
+ * @returns 规范化后的百分比数值
+ *
+ * @example
+ * ```typescript
+ * normalizePercent("2%");   // 返回 2
+ * normalizePercent("2.5%"); // 返回 2.5
+ * normalizePercent(2);      // 返回 2
+ * normalizePercent(2.5);    // 返回 2.5
+ * ```
+ */
+export function normalizePercent(value) {
+    if (value === undefined || value === null)
+        return 0;
+    // 处理字符串格式 (如 "2%" 或 "2.5%")
+    if (typeof value === 'string') {
+        const trimmed = value.trim();
+        // 移除可能的 '%' 后缀，然后解析
+        const numStr = trimmed.endsWith('%') ? trimmed.slice(0, -1) : trimmed;
+        const num = parseFloat(numStr);
+        return isNaN(num) ? 0 : num;
+    }
+    // 数字直接作为百分比使用
+    return value;
+}

package/esm/editor/commands/Batch.js

@@ -1,16 +1,29 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 export class BatchCommand {
     constructor(commands) {
         this.commands = commands;
     }
-    async apply(state) {
-        for (const command of this.commands) {
-            await command.apply(state);
-        }
+    apply(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (const command of this.commands) {
+                yield command.apply(state);
+            }
+        });
     }
-    async undo(state) {
-        for (let i = this.commands.length - 1; i >= 0; i--) {
-            await this.commands[i].undo(state);
-        }
+    undo(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            for (let i = this.commands.length - 1; i >= 0; i--) {
+                yield this.commands[i].undo(state);
+            }
+        });
     }
     serialize() {
         return {

package/esm/editor/commands/UpdateElement.js

@@ -1,3 +1,12 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { getAttributes, getIconAttrs, getIconEntity, getTextElementProps, isEditableText, isIconElement, setAttributes, updateIconElement, updateTextElement, } from '../../utils/index.js';
 export class UpdateElementCommand {
     constructor(element, modified, original) {
@@ -6,15 +15,19 @@ export class UpdateElementCommand {
         const computedOriginal = getOriginalProps(element, modified);
         this.original = mergeOriginalProps(computedOriginal, original);
     }
-    async apply(state) {
-        updateElement(this.element, this.modified);
-        state.updateElement(this.element, this.modified);
+    apply(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            updateElement(this.element, this.modified);
+            state.updateElement(this.element, this.modified);
+        });
     }
-    async undo(state) {
-        if (this.original) {
-            updateElement(this.element, this.original);
-            state.updateElement(this.element, this.original);
-        }
+    undo(state) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.original) {
+                updateElement(this.element, this.original);
+                state.updateElement(this.element, this.original);
+            }
+        });
     }
     serialize() {
         return {
@@ -47,10 +60,7 @@ function getOriginalProps(element, modified) {
                 originalAttributes[key] = attrs[key];
         });
     };
-    const original = {
-        ...modified,
-        attributes: originalAttributes,
-    };
+    const original = Object.assign(Object.assign({}, modified), { attributes: originalAttributes });
     if (isEditableText(element)) {
         const { attributes } = getTextElementProps(element);
         assignModifiedAttributes(attributes);
@@ -69,15 +79,8 @@ function mergeOriginalProps(computed, provided) {
         return provided;
     if (!provided)
         return computed;
-    const mergedAttributes = {
-        ...(computed.attributes || {}),
-        ...(provided.attributes || {}),
-    };
-    return {
-        ...computed,
-        ...provided,
-        attributes: Object.keys(mergedAttributes).length
+    const mergedAttributes = Object.assign(Object.assign({}, (computed.attributes || {})), (provided.attributes || {}));
+    return Object.assign(Object.assign(Object.assign({}, computed), provided), { attributes: Object.keys(mergedAttributes).length
             ? mergedAttributes
-            : undefined,
-    };
+            : undefined });
 }