@ebiz/designer-components 0.0.19-beta.16 → 0.0.19-beta.20

package/src/components/charts/framework/module/lineLayout/RectShape/init.js

@@ -1,79 +1,79 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-const VDirection = ['TB', 'BT', 'V'];
-const HDirection = ['LR', 'RL', 'H'];
-const START = 'start';
-const END = 'end';
-const Direction = {
-    'T': 'top',
-    'L': 'left',
-    'R': 'right',
-    'B': 'bottom'
-};
-
-function countPosition(startNode,endNode,direction){
-    let startNodeStartPoint,startNodeEndPoint,endNodeStartPoint,endNodeEndPoint;
-    if(direction === 'H') {
-        startNodeStartPoint = startNode.x;
-        startNodeEndPoint = startNode.x + startNode.width;
-        endNodeStartPoint = endNode.x;
-        endNodeEndPoint = endNode.x + endNode.width;
-    } else {
-        startNodeStartPoint = startNode.y;
-        startNodeEndPoint = startNode.y + startNode.height;
-        endNodeStartPoint = endNode.y;
-        endNodeEndPoint = endNode.y + endNode.height;
-    }
-    // 起始节点左右分别与终止节点左右的距离
-    let distanceArr = [Math.abs(startNodeStartPoint - endNodeStartPoint),Math.abs(startNodeStartPoint - endNodeEndPoint),Math.abs(startNodeEndPoint - endNodeStartPoint),Math.abs(startNodeEndPoint - endNodeEndPoint)];
-    // 获取最小距离
-    let minDistance = Math.min(...distanceArr);
-    let positionArrH = [{start: 'left',end: 'left'},{start: 'left',end: 'right'},{start: 'right',end: 'left'},{start: 'right',end: 'right'}];
-    let positionArrV = [{start: 'top',end: 'top'},{start: 'top',end: 'bottom'},{start: 'bottom',end: 'top'},{start: 'bottom',end: 'bottom'}];
-    let positionArr = direction === 'H' ? positionArrH : positionArrV;
-    return positionArr[distanceArr.indexOf(minDistance)];
-}
-
-function init(data, option, nodeObj){
-    let originalDirection;
-    let direction = originalDirection = option?.layout?.direction || VDirection[0];
-    if(direction === VDirection[2]) direction = VDirection[0];
-    if(direction === HDirection[2]) direction = HDirection[0];
-    let startPosition = Direction[direction[0]];
-    let endPosition = Direction[direction[1]];
-    
-    // let initLineData = [];
-    data.edges.forEach(edge => {
-        if(!edge.start || !edge.end) return;
-        
-        edge.startConnector = edge.startConnector || {
-            port: START,
-            nodeId: edge.start,
-            position: endPosition,
-        };
-        edge.endConnector = edge.endConnector || {
-            port: END,
-            nodeId: edge.end,
-            position: startPosition,
-        };
-        if(originalDirection === 'H' || originalDirection === 'V'){
-            let startNode = nodeObj[edge.start];
-            let endNode = nodeObj[edge.end];
-            let positions = countPosition(startNode,endNode,originalDirection);
-            edge.startConnector.position = positions.start;
-            edge.endConnector.position = positions.end;
-        }
-    });
-}
-
-
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+const VDirection = ['TB', 'BT', 'V'];
+const HDirection = ['LR', 'RL', 'H'];
+const START = 'start';
+const END = 'end';
+const Direction = {
+    'T': 'top',
+    'L': 'left',
+    'R': 'right',
+    'B': 'bottom'
+};
+
+function countPosition(startNode,endNode,direction){
+    let startNodeStartPoint,startNodeEndPoint,endNodeStartPoint,endNodeEndPoint;
+    if(direction === 'H') {
+        startNodeStartPoint = startNode.x;
+        startNodeEndPoint = startNode.x + startNode.width;
+        endNodeStartPoint = endNode.x;
+        endNodeEndPoint = endNode.x + endNode.width;
+    } else {
+        startNodeStartPoint = startNode.y;
+        startNodeEndPoint = startNode.y + startNode.height;
+        endNodeStartPoint = endNode.y;
+        endNodeEndPoint = endNode.y + endNode.height;
+    }
+    // 起始节点左右分别与终止节点左右的距离
+    let distanceArr = [Math.abs(startNodeStartPoint - endNodeStartPoint),Math.abs(startNodeStartPoint - endNodeEndPoint),Math.abs(startNodeEndPoint - endNodeStartPoint),Math.abs(startNodeEndPoint - endNodeEndPoint)];
+    // 获取最小距离
+    let minDistance = Math.min(...distanceArr);
+    let positionArrH = [{start: 'left',end: 'left'},{start: 'left',end: 'right'},{start: 'right',end: 'left'},{start: 'right',end: 'right'}];
+    let positionArrV = [{start: 'top',end: 'top'},{start: 'top',end: 'bottom'},{start: 'bottom',end: 'top'},{start: 'bottom',end: 'bottom'}];
+    let positionArr = direction === 'H' ? positionArrH : positionArrV;
+    return positionArr[distanceArr.indexOf(minDistance)];
+}
+
+function init(data, option, nodeObj){
+    let originalDirection;
+    let direction = originalDirection = option?.layout?.direction || VDirection[0];
+    if(direction === VDirection[2]) direction = VDirection[0];
+    if(direction === HDirection[2]) direction = HDirection[0];
+    let startPosition = Direction[direction[0]];
+    let endPosition = Direction[direction[1]];
+    
+    // let initLineData = [];
+    data.edges.forEach(edge => {
+        if(!edge.start || !edge.end) return;
+        
+        edge.startConnector = edge.startConnector || {
+            port: START,
+            nodeId: edge.start,
+            position: endPosition,
+        };
+        edge.endConnector = edge.endConnector || {
+            port: END,
+            nodeId: edge.end,
+            position: startPosition,
+        };
+        if(originalDirection === 'H' || originalDirection === 'V'){
+            let startNode = nodeObj[edge.start];
+            let endNode = nodeObj[edge.end];
+            let positions = countPosition(startNode,endNode,originalDirection);
+            edge.startConnector.position = positions.start;
+            edge.endConnector.position = positions.end;
+        }
+    });
+}
+
+
 export default init ;

package/src/components/charts/framework/module/lineLayout/RectShape/sharing.js

@@ -1,57 +1,57 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-// 连接点均分模式
-const SHARING_TYPE = {
-    MERGE: 'merge',
-    SHARING:'sharing', 
-    STRICT:'strict'
-};
-
-// 统计节点每个方向的连接点数据
-function statistics(connectorData,item,direction,separate) {
-    const nodeName = direction === 'start' ? 'start' : 'end';
-    const connectorName = direction === 'start' ? 'startConnector' : 'endConnector';
-    // 连接点数据
-    let nodeData = connectorData[item[nodeName]] || {};
-    // 连接点位置
-    let position = item[connectorName].position;
-    // 分离模式下number同一方向连接点数量，index为连接点标识，逐次加1
-    if(nodeData[position]) {
-        nodeData[position].number = separate ? nodeData[position].number + 1: 1;
-        //默认模式下，同一方向有多个连线的，第一个连接点index为1，其他置为-1做标识，代表不用生成连接点dom
-        item[connectorName].index = separate ? nodeData[position].number : -1;
-    } else {
-        nodeData[position] = {number:1};
-        item[connectorName].index = 1; 
-    }
-    return nodeData;
-}
-
-// 获取节点的所有连接点，如果是均分模式或者是严格均分，统计同一方向上的连接点数量，并在原始数据逐次添加连接点数量index标识
-function sharing(data, option) {
-    const connectorData = {}
-    const startSharing = option?.connector?.startSharing; // 连接点模式
-    const endSharing = option?.connector?.startSharing; // 连接点模式
-    const startSeparate = startSharing === SHARING_TYPE.SHARING || startSharing === SHARING_TYPE.STRICT; // 是否为分离模式
-    const endSeparate = endSharing === SHARING_TYPE.SHARING || endSharing === SHARING_TYPE.STRICT;
-    data.forEach(item => {
-        if(item.start && item.startConnector) {
-            connectorData[item.start] = statistics(connectorData,item,'start',startSeparate);
-        }
-        if(item.end && item.endConnector) {
-            connectorData[item.end] = statistics(connectorData,item,'end',endSeparate);
-        }
-    })
-    return connectorData
-
-}
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+// 连接点均分模式
+const SHARING_TYPE = {
+    MERGE: 'merge',
+    SHARING:'sharing', 
+    STRICT:'strict'
+};
+
+// 统计节点每个方向的连接点数据
+function statistics(connectorData,item,direction,separate) {
+    const nodeName = direction === 'start' ? 'start' : 'end';
+    const connectorName = direction === 'start' ? 'startConnector' : 'endConnector';
+    // 连接点数据
+    let nodeData = connectorData[item[nodeName]] || {};
+    // 连接点位置
+    let position = item[connectorName].position;
+    // 分离模式下number同一方向连接点数量，index为连接点标识，逐次加1
+    if(nodeData[position]) {
+        nodeData[position].number = separate ? nodeData[position].number + 1: 1;
+        //默认模式下，同一方向有多个连线的，第一个连接点index为1，其他置为-1做标识，代表不用生成连接点dom
+        item[connectorName].index = separate ? nodeData[position].number : -1;
+    } else {
+        nodeData[position] = {number:1};
+        item[connectorName].index = 1; 
+    }
+    return nodeData;
+}
+
+// 获取节点的所有连接点，如果是均分模式或者是严格均分，统计同一方向上的连接点数量，并在原始数据逐次添加连接点数量index标识
+function sharing(data, option) {
+    const connectorData = {}
+    const startSharing = option?.connector?.startSharing; // 连接点模式
+    const endSharing = option?.connector?.startSharing; // 连接点模式
+    const startSeparate = startSharing === SHARING_TYPE.SHARING || startSharing === SHARING_TYPE.STRICT; // 是否为分离模式
+    const endSeparate = endSharing === SHARING_TYPE.SHARING || endSharing === SHARING_TYPE.STRICT;
+    data.forEach(item => {
+        if(item.start && item.startConnector) {
+            connectorData[item.start] = statistics(connectorData,item,'start',startSeparate);
+        }
+        if(item.end && item.endConnector) {
+            connectorData[item.end] = statistics(connectorData,item,'end',endSeparate);
+        }
+    })
+    return connectorData
+
+}
 export default sharing

package/src/components/charts/framework/module/lineLayout/index.js

@@ -1,30 +1,30 @@
-/**
- * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
- * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
- *
- * Use of this source code is governed by an MIT-style license.
- *
- * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
- * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
- * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
- *
- */
-import RectShape from './RectShape';
-import CircleShape from './CircleShape';
-
-const NodeShape = {
-    rect: RectShape,
-    circle: CircleShape
-}
-
-class LineLayout{
-
-    constructor(data, option){
-        let nodeShape = option.layout?.nodeShape || 'rect';
-        // 根据节点形状，计算连线的开始和结束坐标
-        new NodeShape[nodeShape](data, option);
-
-    }
-}
-
-export default LineLayout;
+/**
+ * Copyright (c) 2024 - present OpenTiny HUICharts Authors.
+ * Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import RectShape from './RectShape';
+import CircleShape from './CircleShape';
+
+const NodeShape = {
+    rect: RectShape,
+    circle: CircleShape
+}
+
+class LineLayout{
+
+    constructor(data, option){
+        let nodeShape = option.layout?.nodeShape || 'rect';
+        // 根据节点形状，计算连线的开始和结束坐标
+        new NodeShape[nodeShape](data, option);
+
+    }
+}
+
+export default LineLayout;