@ebiz/designer-components 0.0.47 → 0.0.48

package/src/components/charts/framework/module/connector/Manager.js

@@ -1,103 +1,103 @@
-/**
- * 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 Connector from './index';
-
-class ConnectorManager{
-	constructor(chartInstance, lineData, option){
-        // 所有数据
-        this.data = {};
-        // 所有实例
-		this.instances = {};
-        // 连接点所有数据
-        lineData.forEach(line => {
-            let {startConnector,endConnector} = line;
-            this.data[startConnector.id] = startConnector;
-            this.data[endConnector.id] = endConnector;
-        });
-        this.createInstance(option,chartInstance,this.data);
-	}
-
-    //创建连接点实例对象
-    createInstance(option, chartInstance,data) {
-        let showConnector = option?.connector?.show || false;
-        Object.keys(data).forEach(key => {
-            let item = this.data[key];
-            if(showConnector) {
-                this.instances[item.id] = new Connector(item, option, chartInstance,data);
-            }
-        })
-    }
-
-
-    // exist(connector){
-    //     return connector.index > 0;
-    // }
-
-	getData(){
-		return this.data;
-	}
-
-	getInstances(){
-		return this.instances;
-	}
-
-    reCreate(chartInstance, lineData, option) {
-        Object.keys(this.instances).forEach(key => {
-            let item = this.instances[key];           
-            item.uninstall(key);
-        })
-        //连接点所有数据
-        lineData.forEach(line => {
-            let {startConnector,endConnector} = line;
-            this.data[startConnector.id] = startConnector;
-            this.data[endConnector.id] = endConnector;
-        });
-        this.createInstance(option,chartInstance,this.data);
-    }
-
-    refresh(chartInstance, lineData, option){
-        let showConnector = option?.connector?.show || false;
-        if(showConnector) {
-            // 旧连接点数据
-            let oldData = this.data;
-            // 新连接点数据
-            let newData = [];
-            lineData.forEach(line => {
-                let {startConnector,endConnector} = line;
-                newData[startConnector.id] = startConnector;
-                newData[endConnector.id] = endConnector;
-            });
-            // 更新连接点
-            Object.keys(newData).forEach(key => {
-                // 新增的连接点处理
-                if(!oldData[key]) {
-                    this.createInstance(option,chartInstance,newData[key]);
-                }
-                // 对连接点进行更新处理
-                this.instances[key] && this.instances[key].update(key,newData[key],option);
-                
-            })
-            // 删除的连接点处理
-            Object.keys(this.data).forEach(key => {
-                if(!newData[key]) {
-                    this.instances[key] && this.instances[key].uninstall(key,this.instances);            
-                }
-            })
-        }
-    }
-
-    
-
-    
-}
-
-export default ConnectorManager;
+/**
+ * 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 Connector from './index';
+
+class ConnectorManager{
+	constructor(chartInstance, lineData, option){
+        // 所有数据
+        this.data = {};
+        // 所有实例
+		this.instances = {};
+        // 连接点所有数据
+        lineData.forEach(line => {
+            let {startConnector,endConnector} = line;
+            this.data[startConnector.id] = startConnector;
+            this.data[endConnector.id] = endConnector;
+        });
+        this.createInstance(option,chartInstance,this.data);
+	}
+
+    //创建连接点实例对象
+    createInstance(option, chartInstance,data) {
+        let showConnector = option?.connector?.show || false;
+        Object.keys(data).forEach(key => {
+            let item = this.data[key];
+            if(showConnector) {
+                this.instances[item.id] = new Connector(item, option, chartInstance,data);
+            }
+        })
+    }
+
+
+    // exist(connector){
+    //     return connector.index > 0;
+    // }
+
+	getData(){
+		return this.data;
+	}
+
+	getInstances(){
+		return this.instances;
+	}
+
+    reCreate(chartInstance, lineData, option) {
+        Object.keys(this.instances).forEach(key => {
+            let item = this.instances[key];           
+            item.uninstall(key);
+        })
+        //连接点所有数据
+        lineData.forEach(line => {
+            let {startConnector,endConnector} = line;
+            this.data[startConnector.id] = startConnector;
+            this.data[endConnector.id] = endConnector;
+        });
+        this.createInstance(option,chartInstance,this.data);
+    }
+
+    refresh(chartInstance, lineData, option){
+        let showConnector = option?.connector?.show || false;
+        if(showConnector) {
+            // 旧连接点数据
+            let oldData = this.data;
+            // 新连接点数据
+            let newData = [];
+            lineData.forEach(line => {
+                let {startConnector,endConnector} = line;
+                newData[startConnector.id] = startConnector;
+                newData[endConnector.id] = endConnector;
+            });
+            // 更新连接点
+            Object.keys(newData).forEach(key => {
+                // 新增的连接点处理
+                if(!oldData[key]) {
+                    this.createInstance(option,chartInstance,newData[key]);
+                }
+                // 对连接点进行更新处理
+                this.instances[key] && this.instances[key].update(key,newData[key],option);
+                
+            })
+            // 删除的连接点处理
+            Object.keys(this.data).forEach(key => {
+                if(!newData[key]) {
+                    this.instances[key] && this.instances[key].uninstall(key,this.instances);            
+                }
+            })
+        }
+    }
+
+    
+
+    
+}
+
+export default ConnectorManager;

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

@@ -1,99 +1,99 @@
-/**
- * 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 dot from './type/dot';
-import expand from './type/expand';
-
-const DOT = 'dot';// 圆点样式
-const EXPAND= 'expand';// 展开样式
-
-const CONNECTOR = {
-    [DOT]: dot,
-    [EXPAND]: expand,
-};
-
-class Connector{
-	constructor(data, option, chartInstance){
-		// 连接点数据
-    	this.data = data;
-        // 绘画连接点
-		this.render(option, chartInstance);
-        this.chartInstance = chartInstance;
-	}
-
-    // 绘画节点
-    render(option,chartInstance) {
-        const data = this.data;
-        const nodeDom = document.getElementById(data.nodeId);
-        const render = option.connector?.render;
-        let connectorType = Object.assign({type: 'dot'},option.connector);
-        let connectorStyle = connectorType.style;
-        let connectorDom;
-        let dom = document.createElement('div');
-        dom.id = data.id;
-        dom.setAttribute('class', 'connector-con');
-        dom.setAttribute('style', `left: ${data.x}px; top: ${data.y}px;`)
-        if(render && render(data)) {
-            let parser = new DOMParser();
-            let doc = parser.parseFromString(render(data), "text/html");
-            connectorDom = doc.body.firstChild;
-        } else {
-            let connectorIns = new CONNECTOR[connectorType.type](); 
-            if(option.layout) {
-                connectorDom = connectorIns.render(data, chartInstance);
-            }
-        }
-        connectorStyle && connectorDom && Object.keys(connectorStyle).forEach(item => {
-            connectorDom.style[item] = connectorStyle[item]
-        })
-        if(connectorDom) {
-            dom.appendChild(connectorDom);
-        }
-        nodeDom && nodeDom.appendChild(dom);
-        // 绑定事件
-        this.clickEvent(dom,data,option);
-    }
-	
-    // 绑定click事件
-    clickEvent(dom,data,option) {
-        let onClick = option.connector?.onClick;
-        dom.addEventListener("click", function() {
-            onClick && onClick(data);
-        })
-    }
-
-    // 卸载节点
-    uninstall(id,instances){
-        let element = document.getElementById(id);
-        element && element.remove();
-        instances[id] && delete instances[id];
-        this.Alldata[id] && delete this.Alldata[id];
-    }
-
-    // 更新节点信息
-    update(id,data,option){
-        let dom = document.getElementById(id);
-        if(dom) {
-            dom.setAttribute('style', `left: ${data.x}px; top: ${data.y}px;`);
-            let connectorStyle = option?.connector?.style;
-            connectorStyle && Object.keys(connectorStyle).forEach(item => {
-                dom.style[item] = connectorStyle[item]
-            })
-        }
-    }
-
-    
-}
-
-
-export default Connector;
-
+/**
+ * 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 dot from './type/dot';
+import expand from './type/expand';
+
+const DOT = 'dot';// 圆点样式
+const EXPAND= 'expand';// 展开样式
+
+const CONNECTOR = {
+    [DOT]: dot,
+    [EXPAND]: expand,
+};
+
+class Connector{
+	constructor(data, option, chartInstance){
+		// 连接点数据
+    	this.data = data;
+        // 绘画连接点
+		this.render(option, chartInstance);
+        this.chartInstance = chartInstance;
+	}
+
+    // 绘画节点
+    render(option,chartInstance) {
+        const data = this.data;
+        const nodeDom = document.getElementById(data.nodeId);
+        const render = option.connector?.render;
+        let connectorType = Object.assign({type: 'dot'},option.connector);
+        let connectorStyle = connectorType.style;
+        let connectorDom;
+        let dom = document.createElement('div');
+        dom.id = data.id;
+        dom.setAttribute('class', 'connector-con');
+        dom.setAttribute('style', `left: ${data.x}px; top: ${data.y}px;`)
+        if(render && render(data)) {
+            let parser = new DOMParser();
+            let doc = parser.parseFromString(render(data), "text/html");
+            connectorDom = doc.body.firstChild;
+        } else {
+            let connectorIns = new CONNECTOR[connectorType.type](); 
+            if(option.layout) {
+                connectorDom = connectorIns.render(data, chartInstance);
+            }
+        }
+        connectorStyle && connectorDom && Object.keys(connectorStyle).forEach(item => {
+            connectorDom.style[item] = connectorStyle[item]
+        })
+        if(connectorDom) {
+            dom.appendChild(connectorDom);
+        }
+        nodeDom && nodeDom.appendChild(dom);
+        // 绑定事件
+        this.clickEvent(dom,data,option);
+    }
+	
+    // 绑定click事件
+    clickEvent(dom,data,option) {
+        let onClick = option.connector?.onClick;
+        dom.addEventListener("click", function() {
+            onClick && onClick(data);
+        })
+    }
+
+    // 卸载节点
+    uninstall(id,instances){
+        let element = document.getElementById(id);
+        element && element.remove();
+        instances[id] && delete instances[id];
+        this.Alldata[id] && delete this.Alldata[id];
+    }
+
+    // 更新节点信息
+    update(id,data,option){
+        let dom = document.getElementById(id);
+        if(dom) {
+            dom.setAttribute('style', `left: ${data.x}px; top: ${data.y}px;`);
+            let connectorStyle = option?.connector?.style;
+            connectorStyle && Object.keys(connectorStyle).forEach(item => {
+                dom.style[item] = connectorStyle[item]
+            })
+        }
+    }
+
+    
+}
+
+
+export default Connector;
+
   

package/src/components/charts/framework/module/connector/index.less

@@ -1,36 +1,36 @@
-/**
- * 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.
- *
- */
-.connector-con{
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    transform: translate(-50%, -50%);
-    .connector-dot {
-        width: 6px; 
-        height: 6px; 
-        position: absolute;
-        border: 1px solid #d9d9d9;
-        background: #fff;
-        border-radius: 50%
-    }
-    .connector-expand {
-        width: 16px;
-        height: 16px;
-        border-radius: 50%;
-        background: #fff;
-        box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
-        z-index: 10;
-        text-align: center;
-        line-height: 16px;
-    }
-}
+/**
+ * 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.
+ *
+ */
+.connector-con{
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transform: translate(-50%, -50%);
+    .connector-dot {
+        width: 6px; 
+        height: 6px; 
+        position: absolute;
+        border: 1px solid #d9d9d9;
+        background: #fff;
+        border-radius: 50%
+    }
+    .connector-expand {
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background: #fff;
+        box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
+        z-index: 10;
+        text-align: center;
+        line-height: 16px;
+    }
+}

package/src/components/charts/framework/module/connector/type/dot.js

@@ -1,21 +1,21 @@
-/**
- * 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.
- *
- */
-// 渲染空心圆点样式
-export default class Dot {
-    constructor() {}
-
-    render() {
-        let dom = document.createElement('div');
-        dom.setAttribute('class', `connector-dot`);
-        return dom;
-    }
+/**
+ * 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.
+ *
+ */
+// 渲染空心圆点样式
+export default class Dot {
+    constructor() {}
+
+    render() {
+        let dom = document.createElement('div');
+        dom.setAttribute('class', `connector-dot`);
+        return dom;
+    }
 }