@antv/infographic 0.2.11 → 0.2.12

package/lib/designs/structures/hierarchy-mindmap.js

@@ -17,21 +17,19 @@ const DEFAULT_EDGE_WIDTH = 2;
 const DEFAULT_COLOR_MODE = 'node';
 const DEFAULT_EDGE_COLOR_MODE = 'solid';
 const annotateTree = (node, parentIndexes = [], index = 0) => {
+    var _a, _b;
     const indexes = [...parentIndexes, index];
-    return {
-        ...node,
-        _indexes: indexes,
-        children: node.children?.map((child, childIndex) => annotateTree(child, indexes, childIndex)) ?? [],
-    };
+    return Object.assign(Object.assign({}, node), { _indexes: indexes, children: (_b = (_a = node.children) === null || _a === void 0 ? void 0 : _a.map((child, childIndex) => annotateTree(child, indexes, childIndex))) !== null && _b !== void 0 ? _b : [] });
 };
 const collectNodes = (node, nodes, links, parent) => {
     var _a;
+    var _b;
     nodes.push(node);
-    (_a = node.data)._flatIndex ?? (_a._flatIndex = nodes.length - 1);
+    (_a = (_b = node.data)._flatIndex) !== null && _a !== void 0 ? _a : (_b._flatIndex = nodes.length - 1);
     if (parent)
         links.push({ parent, child: node });
     const children = node.children;
-    children?.forEach((child) => collectNodes(child, nodes, links, node));
+    children === null || children === void 0 ? void 0 : children.forEach((child) => collectNodes(child, nodes, links, node));
 };
 const createCurvePath = (sx, sy, tx, ty) => {
     const offsetX = Math.abs(tx - sx) / 2;
@@ -70,6 +68,7 @@ const getEdgeAnchors = (parentLayout, childLayout, childSide, align = DEFAULT_ED
     };
 };
 const HierarchyMindmap = (props) => {
+    var _a, _b;
     const { Title, Items, data, levelGap = DEFAULT_LEVEL_GAP, nodeGap = DEFAULT_NODE_GAP, edgeAlign = DEFAULT_EDGE_ALIGN, colorMode = DEFAULT_COLOR_MODE, edgeColorMode = DEFAULT_EDGE_COLOR_MODE, edgeType = DEFAULT_EDGE_TYPE, edgeWidth = DEFAULT_EDGE_WIDTH, options, } = props;
     const { title, desc, items = [] } = data;
     const titleContent = Title ? (0, jsx_runtime_1.jsx)(Title, { title: title, desc: desc }) : null;
@@ -77,7 +76,7 @@ const HierarchyMindmap = (props) => {
     const btnBounds = (0, jsx_1.getElementBounds)((0, jsx_runtime_1.jsx)(components_1.BtnAdd, { indexes: [0] }));
     const groupColorIndexMap = new Map();
     let nextGroupColorIndex = 0;
-    if (!items.length || !Items?.length) {
+    if (!items.length || !(Items === null || Items === void 0 ? void 0 : Items.length)) {
         return ((0, jsx_runtime_1.jsxs)(layouts_1.FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", children: [titleContent, (0, jsx_runtime_1.jsx)(jsx_1.Group, { children: (0, jsx_runtime_1.jsx)(components_1.BtnAdd, { indexes: [0], x: 0, y: 0 }) })] }));
     }
     const root = annotateTree(items[0]);
@@ -85,8 +84,9 @@ const HierarchyMindmap = (props) => {
     const colorCache = new WeakMap();
     const themeCache = new WeakMap();
     const getNodeColorIndexes = (datum, depth) => {
+        var _a;
         if (colorMode === 'group') {
-            const groupKey = String(datum.group ?? '');
+            const groupKey = String((_a = datum.group) !== null && _a !== void 0 ? _a : '');
             let groupIndex = groupColorIndexMap.get(groupKey);
             if (groupIndex == null) {
                 groupIndex = nextGroupColorIndex;
@@ -149,10 +149,11 @@ const HierarchyMindmap = (props) => {
     const btnElements = [];
     const layoutStore = new WeakMap();
     layoutNodes.forEach((node) => {
+        var _a, _b;
         const datum = node.data;
         const measured = measureNode(datum);
-        const displayX = node.x + shiftX + (node.hgap ?? 0);
-        const displayY = node.y + shiftY + (node.vgap ?? 0);
+        const displayX = node.x + shiftX + ((_a = node.hgap) !== null && _a !== void 0 ? _a : 0);
+        const displayY = node.y + shiftY + ((_b = node.vgap) !== null && _b !== void 0 ? _b : 0);
         const Component = (0, utils_1.getItemComponent)(Items, node.depth);
         const positionH = node.depth === 0 ? 'center' : node.side === 'left' ? 'flipped' : 'normal';
         const themeColors = getNodeThemeColors(datum, node.depth);
@@ -167,6 +168,7 @@ const HierarchyMindmap = (props) => {
         });
     });
     nodeLinks.forEach((link) => {
+        var _a, _b, _c, _d;
         const { parent, child } = link;
         const childLayout = layoutStore.get(child);
         const parentLayout = layoutStore.get(parent);
@@ -175,21 +177,19 @@ const HierarchyMindmap = (props) => {
         }
         const childDatum = child.data;
         const { sx, sy, tx, ty } = getEdgeAnchors(parentLayout, childLayout, child.side, edgeAlign);
-        const childColor = colorCache.get(childDatum) ??
-            (0, utils_1.getPaletteColor)(options, getNodeColorIndexes(childDatum, child.depth));
-        const parentColor = colorCache.get(parent.data) ??
-            (0, utils_1.getPaletteColor)(options, getNodeColorIndexes(parent.data, parent.depth));
+        const childColor = (_a = colorCache.get(childDatum)) !== null && _a !== void 0 ? _a : (0, utils_1.getPaletteColor)(options, getNodeColorIndexes(childDatum, child.depth));
+        const parentColor = (_b = colorCache.get(parent.data)) !== null && _b !== void 0 ? _b : (0, utils_1.getPaletteColor)(options, getNodeColorIndexes(parent.data, parent.depth));
         const pathD = edgeType === 'straight'
             ? createStraightPath(sx, sy, tx, ty)
             : createCurvePath(sx, sy, tx, ty);
         const gradientId = `edge-gradient-${childDatum._indexes.join('-')}`;
         decorElements.push((0, jsx_runtime_1.jsx)(jsx_1.Path, { d: pathD, stroke: edgeColorMode === 'gradient'
                 ? `url(#${gradientId})`
-                : (childColor ?? colorPrimary), strokeWidth: edgeWidth, fill: "none" }));
+                : (childColor !== null && childColor !== void 0 ? childColor : colorPrimary), strokeWidth: edgeWidth, fill: "none" }));
         if (edgeColorMode === 'gradient') {
-            defsElements.push((0, jsx_runtime_1.jsxs)("linearGradient", { id: gradientId, gradientUnits: "userSpaceOnUse", x1: sx, y1: sy, x2: tx, y2: ty, children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: parentColor ?? colorPrimary }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: childColor ?? colorPrimary })] }));
+            defsElements.push((0, jsx_runtime_1.jsxs)("linearGradient", { id: gradientId, gradientUnits: "userSpaceOnUse", x1: sx, y1: sy, x2: tx, y2: ty, children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: parentColor !== null && parentColor !== void 0 ? parentColor : colorPrimary }), (0, jsx_runtime_1.jsx)("stop", { offset: "100%", stopColor: childColor !== null && childColor !== void 0 ? childColor : colorPrimary })] }));
         }
-        const appendIndex = childDatum.children?.length ?? 0;
+        const appendIndex = (_d = (_c = childDatum.children) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0;
         const addIndexes = [...childDatum._indexes, appendIndex];
         const btnX = childLayout.x + (childLayout.width - btnBounds.width) / 2;
         const removeY = childLayout.y + childLayout.height + 8;
@@ -202,7 +202,7 @@ const HierarchyMindmap = (props) => {
     const rootLayout = layoutStore.get(mindmapRoot);
     if (rootLayout) {
         const rootDatum = mindmapRoot.data;
-        const appendIndex = rootDatum.children?.length ?? 0;
+        const appendIndex = (_b = (_a = rootDatum.children) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
         const addIndexes = [...rootDatum._indexes, appendIndex];
         const btnX = rootLayout.x + (rootLayout.width - btnBounds.width) / 2;
         const addY = rootLayout.y + rootLayout.height + 8 + btnBounds.height + 6;

package/lib/designs/structures/hierarchy-structure.js

@@ -59,7 +59,7 @@ const HierarchyStructure = (props) => {
         const labelWidth = labelBounds.width + labelPaddingX * 2;
         const labelHeight = labelBounds.height + labelPaddingY * 2;
         const children = layer.children || [];
-        const hasGroups = children.some((child) => (child.children?.length || 0) > 0);
+        const hasGroups = children.some((child) => { var _a; return (((_a = child.children) === null || _a === void 0 ? void 0 : _a.length) || 0) > 0; });
         if (hasGroups) {
             const pillLabels = [];
             children.forEach((child) => {

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

@@ -67,9 +67,10 @@ 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;
@@ -123,34 +124,22 @@ 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();
@@ -162,8 +151,8 @@ const HierarchyTree = (props) => {
         });
         for (let level = 0; level < rootNode.height + 1; level++) {
             const ItemComponent = (0, utils_1.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 = (0, jsx_1.getElementBounds)((0, jsx_runtime_1.jsx)(ItemComponent, { indexes: indexes, data: data, datum: sampleDatum, positionH: "center" }));
             levelBounds.set(level, bounds);
             maxWidth = Math.max(maxWidth, bounds.width);
@@ -172,8 +161,9 @@ 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;
@@ -380,10 +370,11 @@ 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/lib/designs/structures/list-sector.js

@@ -25,6 +25,7 @@ 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;
@@ -68,12 +69,10 @@ const ListSector = (props) => {
         const itemBounds = (0, jsx_1.getElementBounds)((0, jsx_runtime_1.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((0, jsx_runtime_1.jsx)(Item, { indexes: indexes, datum: item, data: data, x: itemX, y: itemY, positionH: "center", width: maxWidth, height: maxHeight, themeColors: {
-                ...(0, utils_1.getThemeColors)({
-                    colorBg: (0, utils_1.getPaletteColor)(options, indexes),
-                    colorPrimary: options.themeConfig?.colorBg || 'white',
-                }),
-            } }));
+        itemElements.push((0, jsx_runtime_1.jsx)(Item, { indexes: indexes, datum: item, data: data, x: itemX, y: itemY, positionH: "center", width: maxWidth, height: maxHeight, themeColors: Object.assign({}, (0, utils_1.getThemeColors)({
+                colorBg: (0, utils_1.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/lib/designs/structures/list-zigzag.js

@@ -141,6 +141,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);
@@ -151,7 +152,7 @@ const createListZigzag = (config) => {
         const colorShadow = themeColors.colorTextSecondary || '#737373';
         const btnBounds = (0, jsx_1.getElementBounds)((0, jsx_runtime_1.jsx)(components_1.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 ((0, jsx_runtime_1.jsxs)(layouts_1.FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", children: [titleContent, (0, jsx_runtime_1.jsx)(jsx_1.Group, { children: (0, jsx_runtime_1.jsx)(Arrow, { colorPrimary: colorPrimary, colorShadow: colorShadow }) })] }));
             }

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

@@ -14,13 +14,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) => {
@@ -45,6 +46,7 @@ const checkUndirectedCycle = (nodeIds, edges) => {
     return false;
 };
 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 ? (0, jsx_runtime_1.jsx)(Title, { title: title, desc: desc }) : null;
@@ -59,11 +61,12 @@ 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) {
@@ -126,7 +129,8 @@ 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];
         },
@@ -134,24 +138,20 @@ 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 ((0, jsx_runtime_1.jsxs)(layouts_1.FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", children: [titleContent, (0, jsx_runtime_1.jsx)(jsx_1.Group, { children: (0, jsx_runtime_1.jsx)(components_1.BtnAdd, { indexes: [0], x: 0, y: 0 }) })] }));
@@ -168,21 +168,15 @@ const RelationDagreFlow = (props) => {
         const positionH = rankdir === 'LR' ? 'normal' : rankdir === 'RL' ? 'flipped' : 'center';
         const positionV = rankdir === 'TB' ? 'normal' : rankdir === 'BT' ? 'flipped' : 'middle';
         itemElements.push((0, jsx_runtime_1.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 = (0, utils_1.getColorPrimary)(options);
         const themeColors = (0, utils_1.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';
@@ -384,6 +378,7 @@ const RelationDagreFlow = (props) => {
             };
         };
         layout.forEachEdge((edge) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
             const normalizePoints = (rawPoints) => {
                 if (!Array.isArray(rawPoints))
                     return [];
@@ -414,7 +409,7 @@ 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();
@@ -423,14 +418,14 @@ 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 = '';
@@ -449,7 +444,7 @@ const RelationDagreFlow = (props) => {
                 const end = endPoint;
                 defsElements.push((0, jsx_runtime_1.jsxs)("linearGradient", { id: gradientKey, gradientUnits: "userSpaceOnUse", x1: start[0] + pointsOffsetX, y1: start[1] + pointsOffsetY, x2: end[0] + pointsOffsetX, y2: end[1] + pointsOffsetY, children: [(0, jsx_runtime_1.jsx)("stop", { offset: "0%", stopColor: sourceColor }), (0, jsx_runtime_1.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) {
@@ -466,9 +461,9 @@ const RelationDagreFlow = (props) => {
                     decorElements.push((0, jsx_runtime_1.jsx)(jsx_1.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/lib/designs/structures/relation-network.js

@@ -78,8 +78,8 @@ 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/lib/designs/structures/sequence-funnel.js

@@ -67,7 +67,7 @@ const SequenceFunnel = (props) => {
     }
     const themeColors = (0, utils_1.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/lib/designs/structures/sequence-mountain.js

@@ -102,7 +102,7 @@ function Mountain(props) {
         centerBottom,
     ];
     const toPointsString = (points) => points.map((p) => `${p.x},${p.y}`).join(' ');
-    return ((0, jsx_runtime_1.jsxs)(components_1.ShapesGroup, { ...props, children: [(0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(leftTopShape), fill: leftTopColor }), (0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(rightTopShape), fill: rightTopColor }), (0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(leftBottomShape), fill: leftBottomColor }), (0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(rightBottomShape), fill: rightBottomColor })] }));
+    return ((0, jsx_runtime_1.jsxs)(components_1.ShapesGroup, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(leftTopShape), fill: leftTopColor }), (0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(rightTopShape), fill: rightTopColor }), (0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(leftBottomShape), fill: leftBottomColor }), (0, jsx_runtime_1.jsx)("polygon", { points: toPointsString(rightBottomShape), fill: rightBottomColor })] })));
 }
 function Tree(size) {
     const heightMap = {
@@ -141,13 +141,13 @@ function Sun(props) {
         const angle = (360 / rayCount) * i;
         return ((0, jsx_runtime_1.jsx)("rect", { x: rayX, y: rayY, width: rayWidth, height: rayHeight, rx: cornerRadius, ry: cornerRadius, fill: "#FFCB0E", transform: `rotate(${angle}, ${centerX}, ${centerY})` }));
     });
-    return ((0, jsx_runtime_1.jsxs)(components_1.ShapesGroup, { ...props, children: [(0, jsx_runtime_1.jsx)("circle", { cx: centerX, cy: centerY, r: radius, fill: "#FFCB0E" }), ...rays] }));
+    return ((0, jsx_runtime_1.jsxs)(components_1.ShapesGroup, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: centerX, cy: centerY, r: radius, fill: "#FFCB0E" }), ...rays] })));
 }
 function Cloud(props) {
     if (props.type === 'single') {
-        return ((0, jsx_runtime_1.jsx)(components_1.ShapesGroup, { ...props, width: 54, height: 36, children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsx)(components_1.ShapesGroup, Object.assign({}, props, { width: 54, height: 36, children: (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)(components_1.ShapesGroup, { ...props, width: 73, height: 40, children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)(components_1.ShapesGroup, Object.assign({}, props, { width: 73, height: 40, children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_1.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" })] })));
 }
 const SequenceMountain = (props) => {
     const { Title, Item, data, gap = 20, minHeight = 100, maxHeight = 200, minWidth = 260, maxWidth = 300, options, } = props;

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

@@ -60,7 +60,7 @@ 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/lib/designs/structures/sequence-zigzag-steps.js

@@ -26,6 +26,7 @@ const DECO_OFFSET_Y = 40 + W_PATH_W / 2;
 // 滤镜定义
 const GlowFilter = ((0, jsx_runtime_1.jsx)("filter", { id: "sequence-zigzag-glow-filter", x: "-50%", y: "-50%", width: "200%", height: "200%", children: (0, jsx_runtime_1.jsx)("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "15", result: "blur" }) }));
 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 ? (0, jsx_runtime_1.jsx)(Title, { title: title, desc: desc }) : null;
@@ -118,7 +119,7 @@ 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((0, jsx_runtime_1.jsx)(jsx_1.Path, { d: pathD, stroke: "#f3f2f1", strokeWidth: W_PATH_W, fill: "none", width: finalX, height: maxItemY - Math.min(minPathY + offsetY, 0) }));
     }
     return ((0, jsx_runtime_1.jsxs)(layouts_1.FlexLayout, { id: "infographic-container", flexDirection: "column", justifyContent: "center", alignItems: "center", gap: 30, children: [(0, jsx_runtime_1.jsx)(jsx_1.Defs, { children: GlowFilter }), titleContent, (0, jsx_runtime_1.jsxs)(jsx_1.Group, { x: 0, y: 0, children: [(0, jsx_runtime_1.jsx)(jsx_1.Group, { children: [...pathElements, ...decoElements, ...iconElements] }), (0, jsx_runtime_1.jsx)(components_1.ItemsGroup, { children: itemElements }), (0, jsx_runtime_1.jsx)(components_1.BtnsGroup, { children: btnElements })] })] }));

package/lib/designs/utils/color.js

@@ -9,21 +9,25 @@ const themes_1 = require("../../themes");
 const utils_1 = require("../../utils");
 const DEFAULT_COLOR = '#FF356A';
 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;
 }
 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) => (0, renderer_1.getPaletteColor)(palette, [i], data.items.length) || DEFAULT_COLOR);
 }
 function getPaletteColor(options, indexes) {
-    return (0, renderer_1.getPaletteColor)(options?.themeConfig?.palette, indexes, options.data?.items?.length);
+    var _a, _b, _c;
+    return (0, renderer_1.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);
 }
 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 (0, themes_1.generateThemeColors)({
         colorPrimary: colorPrimary,
         isDarkMode: (0, utils_1.isDarkColor)(colorBg),

package/lib/designs/utils/item.js

@@ -9,7 +9,7 @@ exports.getItemComponent = getItemComponent;
  * @returns
  */
 function getItemProps(props, extKeys = []) {
-    const restProps = { ...props };
+    const restProps = Object.assign({}, props);
     const extProps = {};
     const keys = [
         'indexes',
@@ -39,9 +39,10 @@ function getItemProps(props, extKeys = []) {
  * 针对层级结构，获取当前层级对应的组件
  */
 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/lib/editor/commands/Batch.js

@@ -1,19 +1,32 @@
 "use strict";
+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());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BatchCommand = void 0;
 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 {