@ebiz/designer-components 0.0.18 → 0.0.19-beta.2

package/src/components/charts/components/GaugeChart/index.js

@@ -1,53 +1,53 @@
-/**
- * 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 BaseOption from './BaseOption';
-import handleSeries from './handleSeries';
-import cloneDeep from '../../util/cloneDeep';
-import { handleTooltip } from './handleOptipn';
-import { mergeSeries } from '../../util/merge';
-import init from '../../option/init'
-import { CHART_TYPE } from '../../util/constants';
-
-class GaugeChart {
-
-  static name = CHART_TYPE.GAUGE
-
-  constructor(iChartOption, chartInstance) {
-    this.baseOption = {};
-    this.iChartOption = {};
-    this.baseOption = cloneDeep(BaseOption);
-    // 组装 iChartOption, 补全默认值
-    this.iChartOption = init(iChartOption);
-    // 根据 iChartOption 组装 baseOption
-    this.updateOption(iChartOption, chartInstance);
-  }
-
-  updateOption(iChartOption, chartInstance) {
-    // 图表基础颜色
-    this.baseOption.color = iChartOption.color;
-    // 图表鼠标悬浮提示框
-    this.baseOption.tooltip = handleTooltip(iChartOption, CHART_TYPE.GAUGE);
-    // 赋值数据
-    this.baseOption.series = handleSeries(iChartOption, this.baseOption.color);
-    // 合并用户自定义series
-    this.baseOption.legend.show = false;
-    mergeSeries(iChartOption, this.baseOption);
-  }
-
-  getOption() {
-    return this.baseOption;
-  }
-
-  setOption() { }
-}
-
-export default GaugeChart;
+/**
+ * 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 BaseOption from './BaseOption';
+import handleSeries from './handleSeries';
+import cloneDeep from '../../util/cloneDeep';
+import { handleTooltip } from './handleOptipn';
+import { mergeSeries } from '../../util/merge';
+import init from '../../option/init'
+import { CHART_TYPE } from '../../util/constants';
+
+class GaugeChart {
+
+  static name = CHART_TYPE.GAUGE
+
+  constructor(iChartOption, chartInstance) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.baseOption = cloneDeep(BaseOption);
+    // 组装 iChartOption, 补全默认值
+    this.iChartOption = init(iChartOption);
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption(iChartOption, chartInstance);
+  }
+
+  updateOption(iChartOption, chartInstance) {
+    // 图表基础颜色
+    this.baseOption.color = iChartOption.color;
+    // 图表鼠标悬浮提示框
+    this.baseOption.tooltip = handleTooltip(iChartOption, CHART_TYPE.GAUGE);
+    // 赋值数据
+    this.baseOption.series = handleSeries(iChartOption, this.baseOption.color);
+    // 合并用户自定义series
+    this.baseOption.legend.show = false;
+    mergeSeries(iChartOption, this.baseOption);
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption() { }
+}
+
+export default GaugeChart;

package/src/components/charts/components/GraphChart/index.js

@@ -1,34 +1,34 @@
-/**
- * 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 merge from '../../util/merge';
-
-class GraphChart {
-  constructor(iChartOption) {
-    this.rootData = {};
-    this.baseOption = {};
-    // 根据 iChartOption 组装 baseOption
-    this.updateOption(iChartOption);
-  }
-
-  updateOption(iChartOption) {
-    // 兼容echarts属性
-    merge(this.baseOption, iChartOption);
-  }
-
-  getOption() {
-    return this.baseOption;
-  }
-
-  setOption() { }
-}
-
-export default GraphChart;
+/**
+ * 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 merge from '../../util/merge';
+
+class GraphChart {
+  constructor(iChartOption) {
+    this.rootData = {};
+    this.baseOption = {};
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption(iChartOption);
+  }
+
+  updateOption(iChartOption) {
+    // 兼容echarts属性
+    merge(this.baseOption, iChartOption);
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption() { }
+}
+
+export default GraphChart;

package/src/components/charts/components/GraphTreeChart/BaseOption.js

@@ -1,42 +1,42 @@
-/**
- * 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 BaseOption = {
-  series: [
-    {
-      type: 'graph',
-      layout: 'force',
-      // 可拖动
-      draggable: false,
-      lineStyle: {},
-      // symbol保持纵横比例
-      symbolKeepAspect: true,
-      edgeSymbolSize: 6,
-    },
-  ],
-};
-
-// 虚拟节点图标---(小黄块symbolSize=20)
-const virtualNodeSymbol =
-  'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAGRJREFUSEtjZBggwDhA9jKMWky3kB8N6tGgplkIEJ247u+y/0+MKxTdDhJlJlGKQBaOWowr2EeDGlfIjCYunFl15GUnYkotUtQQnbhIMZQYtaMWExNKVFEzGtRUCUZiDBl5QQ0AkpooH6Q8aKIAAAAASUVORK5CYII=';
-
-// 亮色箭头 #939393
-const lightArrow =
-  'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAoCAYAAADDo7u9AAAAAXNSR0IArs4c6QAAAWhJREFUOE+F0k1uwkAMBeBxsotUrlGOUY5RtlmSjCKVYxQpys8yWzhGOQZcA6TsEld+ikdWmahsUJgnP/NlyJnPMAxv8pjn+VN/Jhuo6/pdnququkcDbdt+yEFZltdooO/7Tzk4HA6XaKBpmi858N6fooGu677loCiK49qE8zJhv7bkz7Lkbq3itlRs1yoeS8XmJSCK4zgikGXZRjWDpCimaYqKaZq2qhkCiyKWdM7tVDMERHGeZ/zNJEn2qhkCokhEgGLmo2qGgCgyM6iJ6KSadsKZiPCymPnivYemXVIWxOt2zl3LsoSmrbgxMy4MEd2LooCmrXgQEa4cMz+999BEwCoqsWoiYBU1oJoI/FHUDDQRsIp6qpoIWEUNqCYCVjHcg0VTJwRFMwGauqRV1Aw0tSIomgpoakVQNBXQpJii1aSYotWkFcWgSTFFq0kxRatJMUWrKRNeFK2mLBlTDJoSYH2Kff8b+AXnbeyqFFaSkgAAAABJRU5ErkJggg==';
-
-// 暗色箭头 #dddddd
-const darkArrow =
-  'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAoCAYAAADDo7u9AAAAAXNSR0IArs4c6QAAAVtJREFUOE+F0s1tg0AQhmE+7uFGAcBKcRlxGXYbdhlxG3YZdhmxxE8BvuE7E82nndUoLAoXBPtqx34WFO56vV4f+ljX9dtewwfjOH7qc9u2z2wwTdOXLjRN89gKDjG4bY04xRGXbND3/bcuhBDOW8E1Bset4B6DfTYYhuFHF7qu223tMMcdqlWgivM8M6iqqjLNJKmKIsIRAHammQJVXJaFP7Isy71p+uCwLAv/ZlmWx6ZpqOlHnESEUADObdtSMwWqCIDUInIxTR9cAfCwROQWQqCmD+4AeNwi8gghUDMFUZEfTFEUT9P0O8wA+MmJyDuEQE0GXtGITZOBV0xnEDUZeEULTNOCpOgCatqIpOhGUJOBV7TANC1Iii6gpgVJ0QXUZPBH0Rpq2g5J0e1ATeQUvSZyil4TOUWvqcFK0WvqiJWi10RO0WtqsFL0mhqsFL0mhmEQe5G7/xv8AiXLAYACDjIWAAAAAElFTkSuQmCC';
-
-const lightColor = '#939393';
-const darkColor = '#dddddd';
-
-export { BaseOption, lightArrow, darkArrow, virtualNodeSymbol, lightColor, darkColor };
+/**
+ * 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 BaseOption = {
+  series: [
+    {
+      type: 'graph',
+      layout: 'force',
+      // 可拖动
+      draggable: false,
+      lineStyle: {},
+      // symbol保持纵横比例
+      symbolKeepAspect: true,
+      edgeSymbolSize: 6,
+    },
+  ],
+};
+
+// 虚拟节点图标---(小黄块symbolSize=20)
+const virtualNodeSymbol =
+  'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAGRJREFUSEtjZBggwDhA9jKMWky3kB8N6tGgplkIEJ247u+y/0+MKxTdDhJlJlGKQBaOWowr2EeDGlfIjCYunFl15GUnYkotUtQQnbhIMZQYtaMWExNKVFEzGtRUCUZiDBl5QQ0AkpooH6Q8aKIAAAAASUVORK5CYII=';
+
+// 亮色箭头 #939393
+const lightArrow =
+  'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAoCAYAAADDo7u9AAAAAXNSR0IArs4c6QAAAWhJREFUOE+F0k1uwkAMBeBxsotUrlGOUY5RtlmSjCKVYxQpys8yWzhGOQZcA6TsEld+ikdWmahsUJgnP/NlyJnPMAxv8pjn+VN/Jhuo6/pdnququkcDbdt+yEFZltdooO/7Tzk4HA6XaKBpmi858N6fooGu677loCiK49qE8zJhv7bkz7Lkbq3itlRs1yoeS8XmJSCK4zgikGXZRjWDpCimaYqKaZq2qhkCiyKWdM7tVDMERHGeZ/zNJEn2qhkCokhEgGLmo2qGgCgyM6iJ6KSadsKZiPCymPnivYemXVIWxOt2zl3LsoSmrbgxMy4MEd2LooCmrXgQEa4cMz+999BEwCoqsWoiYBU1oJoI/FHUDDQRsIp6qpoIWEUNqCYCVjHcg0VTJwRFMwGauqRV1Aw0tSIomgpoakVQNBXQpJii1aSYotWkFcWgSTFFq0kxRatJMUWrKRNeFK2mLBlTDJoSYH2Kff8b+AXnbeyqFFaSkgAAAABJRU5ErkJggg==';
+
+// 暗色箭头 #dddddd
+const darkArrow =
+  'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAoCAYAAADDo7u9AAAAAXNSR0IArs4c6QAAAVtJREFUOE+F0s1tg0AQhmE+7uFGAcBKcRlxGXYbdhlxG3YZdhmxxE8BvuE7E82nndUoLAoXBPtqx34WFO56vV4f+ljX9dtewwfjOH7qc9u2z2wwTdOXLjRN89gKDjG4bY04xRGXbND3/bcuhBDOW8E1Bset4B6DfTYYhuFHF7qu223tMMcdqlWgivM8M6iqqjLNJKmKIsIRAHammQJVXJaFP7Isy71p+uCwLAv/ZlmWx6ZpqOlHnESEUADObdtSMwWqCIDUInIxTR9cAfCwROQWQqCmD+4AeNwi8gghUDMFUZEfTFEUT9P0O8wA+MmJyDuEQE0GXtGITZOBV0xnEDUZeEULTNOCpOgCatqIpOhGUJOBV7TANC1Iii6gpgVJ0QXUZPBH0Rpq2g5J0e1ATeQUvSZyil4TOUWvqcFK0WvqiJWi10RO0WtqsFL0mhqsFL0mhmEQe5G7/xv8AiXLAYACDjIWAAAAAElFTkSuQmCC';
+
+const lightColor = '#939393';
+const darkColor = '#dddddd';
+
+export { BaseOption, lightArrow, darkArrow, virtualNodeSymbol, lightColor, darkColor };

package/src/components/charts/components/GraphTreeChart/handleData.js

@@ -1,118 +1,118 @@
-/**
- * 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 { createNodes, handleNodes, expandNodes, cloneNode } from './utils';
-
-/**
- * 根据用户的数据生成树型结构数据
- * @param {*} data
- * @param {*} baseOption
- * @returns rootData---树型结构的数据
- */
-const handleData = (data, baseOption) => {
-  let nodes = [];
-  let links = [];
-  let parentNodeName = '';
-  // 判断用户是否传了categories属性并且设置了对应的symbol和category，如果有，就在接下来的数据处理中，加入到rootData中
-  const categories = baseOption.series[0].categories;
-
-  // 找到根节点
-  parentNodeName = data[0].name;
-
-  const data_ = [{ name: parentNodeName, target: null }];
-  // 给节点克隆虚拟节点(小黄块), 建立根节点---》克隆节点---》子节点的连接关系
-  data.forEach((item, index) => {
-    data_.push({
-      name: item.name + '-' + index + '-_clone',
-      target: item.name,
-    });
-    if (item.children && item.children.length) {
-      cloneNode(item, index, data_);
-    }
-  });
-
-  // 组装links数据
-  data_.forEach((item, index) => {
-    const source = item.name;
-    const target = item.target;
-    links.push({ source: target, target: source });
-  });
-
-  // 生成nodes结构时判断，去重
-  const sourceName = [];
-  // 生成nodes数据结构
-  links.forEach((item, index) => {
-    if (item.target && item.source) {
-      const childArr = [];
-      links.forEach((item_, index_) => {
-        if (item_.source === item.source) {
-          const child = [];
-          createNodes(links, item_, child);
-          childArr.push({ id: item_.target, children: child });
-        }
-      });
-      if (!sourceName.includes(item.source)) {
-        sourceName.push(item.source);
-        if (item.source === parentNodeName) {
-          nodes.push({ id: item.source, children: childArr });
-        }
-      }
-    }
-  });
-
-  // 给节点绑定symbolSize和category
-  nodes.forEach((item, index) => {
-    // 根节点---层级定死为0
-    // 子节点---层级定死为1
-    // _clone---层级定死为categories.length - 1
-    // _child---层级定死为categories.length - 1
-    item.symbolSize = categories[0].symbolSize;
-    item.category = 0;
-    if (item.children && item.children.length) {
-      handleNodes(item.children, categories);
-    }
-  });
-
-  // 根节点数据，后续需要放到树图中生成坐标
-  let rootData = {};
-  rootData = { ...nodes[0] };
-  baseOption.series[0].links = links;
-  return { rootData };
-};
-
-/**
- * 将获取到的坐标和id匹配起来传给nodes，更新nodes
- * @param {*} rootData 树型结构的数据
- * @param {*} baseOption
- * @param {*} positionArr 返回的节点坐标
- * @param {*} idArr 返回的节点id，与坐标的index一一对应
- */
-const updateData = (rootData, baseOption, positionArr, idArr) => {
-  const nodes = [{ ...rootData }];
-  if (rootData.children && rootData.children.length) {
-    rootData.children.forEach((item, index) => {
-      expandNodes(nodes, item);
-      nodes.push(item);
-    });
-  }
-
-  nodes.forEach((item, index) => {
-    idArr.forEach((item_, index_) => {
-      if (item.id === item_) {
-        item.x = positionArr[index_].x;
-        item.y = positionArr[index_].y;
-      }
-    });
-  });
-  baseOption.series[0].data = nodes;
-};
-
-export { handleData, updateData };
+/**
+ * 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 { createNodes, handleNodes, expandNodes, cloneNode } from './utils';
+
+/**
+ * 根据用户的数据生成树型结构数据
+ * @param {*} data
+ * @param {*} baseOption
+ * @returns rootData---树型结构的数据
+ */
+const handleData = (data, baseOption) => {
+  let nodes = [];
+  let links = [];
+  let parentNodeName = '';
+  // 判断用户是否传了categories属性并且设置了对应的symbol和category，如果有，就在接下来的数据处理中，加入到rootData中
+  const categories = baseOption.series[0].categories;
+
+  // 找到根节点
+  parentNodeName = data[0].name;
+
+  const data_ = [{ name: parentNodeName, target: null }];
+  // 给节点克隆虚拟节点(小黄块), 建立根节点---》克隆节点---》子节点的连接关系
+  data.forEach((item, index) => {
+    data_.push({
+      name: item.name + '-' + index + '-_clone',
+      target: item.name,
+    });
+    if (item.children && item.children.length) {
+      cloneNode(item, index, data_);
+    }
+  });
+
+  // 组装links数据
+  data_.forEach((item, index) => {
+    const source = item.name;
+    const target = item.target;
+    links.push({ source: target, target: source });
+  });
+
+  // 生成nodes结构时判断，去重
+  const sourceName = [];
+  // 生成nodes数据结构
+  links.forEach((item, index) => {
+    if (item.target && item.source) {
+      const childArr = [];
+      links.forEach((item_, index_) => {
+        if (item_.source === item.source) {
+          const child = [];
+          createNodes(links, item_, child);
+          childArr.push({ id: item_.target, children: child });
+        }
+      });
+      if (!sourceName.includes(item.source)) {
+        sourceName.push(item.source);
+        if (item.source === parentNodeName) {
+          nodes.push({ id: item.source, children: childArr });
+        }
+      }
+    }
+  });
+
+  // 给节点绑定symbolSize和category
+  nodes.forEach((item, index) => {
+    // 根节点---层级定死为0
+    // 子节点---层级定死为1
+    // _clone---层级定死为categories.length - 1
+    // _child---层级定死为categories.length - 1
+    item.symbolSize = categories[0].symbolSize;
+    item.category = 0;
+    if (item.children && item.children.length) {
+      handleNodes(item.children, categories);
+    }
+  });
+
+  // 根节点数据，后续需要放到树图中生成坐标
+  let rootData = {};
+  rootData = { ...nodes[0] };
+  baseOption.series[0].links = links;
+  return { rootData };
+};
+
+/**
+ * 将获取到的坐标和id匹配起来传给nodes，更新nodes
+ * @param {*} rootData 树型结构的数据
+ * @param {*} baseOption
+ * @param {*} positionArr 返回的节点坐标
+ * @param {*} idArr 返回的节点id，与坐标的index一一对应
+ */
+const updateData = (rootData, baseOption, positionArr, idArr) => {
+  const nodes = [{ ...rootData }];
+  if (rootData.children && rootData.children.length) {
+    rootData.children.forEach((item, index) => {
+      expandNodes(nodes, item);
+      nodes.push(item);
+    });
+  }
+
+  nodes.forEach((item, index) => {
+    idArr.forEach((item_, index_) => {
+      if (item.id === item_) {
+        item.x = positionArr[index_].x;
+        item.y = positionArr[index_].y;
+      }
+    });
+  });
+  baseOption.series[0].data = nodes;
+};
+
+export { handleData, updateData };