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

package/src/components/charts/components/TreeChart/chartToken.js

@@ -1,17 +1,17 @@
-/**
- * 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 Token from '../../feature/token';
-import {CHART_TYPE} from '../../util/constants'
-
-const chartToken = Token.getTokenByName(CHART_TYPE.TREE)
-
-export default chartToken;
+/**
+ * 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 Token from '../../feature/token';
+import {CHART_TYPE} from '../../util/constants'
+
+const chartToken = Token.getTokenByName(CHART_TYPE.TREE)
+
+export default chartToken;

package/src/components/charts/components/TreeChart/handleOptipn.js

@@ -1,101 +1,101 @@
-/**
- * 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';
-import tooltip from '../../option/config/tooltip';
-import { CHART_TYPE } from '../../util/constants';
-
-/**
- * 配置鼠标悬浮提示框
- */
-export function setTooltip(baseOpt, iChartOpt) {
-  const basicTip = tooltip(iChartOpt,CHART_TYPE.TREE);
-  basicTip.trigger = 'item';
-  baseOpt.tooltip = basicTip
-}
-
-/**
- * 设置ChartPadding
- */
-export function setChartPadding(seriesItem, type, iChartOption) {
-  let position;
-  // 默认值
-  if (type === 'RingTreeChart') {
-    position = {
-      top: 100,
-      right: 150,
-      bottom: 100,
-      left: 150,
-    }
-  }
-  if (type === 'LineTreeChart') {
-    const positionMap = {
-      left: {
-        top: 100,
-        right: 150,
-        bottom: 100,
-        left: 150,
-      },
-      top: {
-        top: 80,
-        right: 20,
-        bottom: 150,
-        left: 20,
-      },
-      bottom: {
-        top: 150,
-        right: 20,
-        bottom: 80,
-        left: 20,
-      },
-      right: {
-        top: 20,
-        right: 150,
-        bottom: 20,
-        left: 150,
-      },
-
-    }
-    const direction = iChartOption.direction || 'left'
-    position = positionMap[direction]
-  }
-
-  if (iChartOption.padding && iChartOption.padding.length > 0) {
-    if (iChartOption.padding.length === 1) {
-      position.top = iChartOption.padding[0];
-      position.right = iChartOption.padding[0];
-      position.bottom = iChartOption.padding[0];
-      position.left = iChartOption.padding[0];
-    }
-
-    if (iChartOption.padding.length === 2) {
-      position.top = iChartOption.padding[0];
-      position.right = iChartOption.padding[1];
-      position.bottom = iChartOption.padding[0];
-      position.left = iChartOption.padding[1];
-    }
-
-    if (iChartOption.padding.length === 3) {
-      position.top = iChartOption.padding[0];
-      position.right = iChartOption.padding[1];
-      position.bottom = iChartOption.padding[2];
-      position.left = iChartOption.padding[1];
-    }
-
-    if (iChartOption.padding.length === 4) {
-      position.top = iChartOption.padding[0];
-      position.right = iChartOption.padding[1];
-      position.bottom = iChartOption.padding[2];
-      position.left = iChartOption.padding[3];
-    }
-  }
-  merge(seriesItem, position);
-}
+/**
+ * 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';
+import tooltip from '../../option/config/tooltip';
+import { CHART_TYPE } from '../../util/constants';
+
+/**
+ * 配置鼠标悬浮提示框
+ */
+export function setTooltip(baseOpt, iChartOpt) {
+  const basicTip = tooltip(iChartOpt,CHART_TYPE.TREE);
+  basicTip.trigger = 'item';
+  baseOpt.tooltip = basicTip
+}
+
+/**
+ * 设置ChartPadding
+ */
+export function setChartPadding(seriesItem, type, iChartOption) {
+  let position;
+  // 默认值
+  if (type === 'RingTreeChart') {
+    position = {
+      top: 100,
+      right: 150,
+      bottom: 100,
+      left: 150,
+    }
+  }
+  if (type === 'LineTreeChart') {
+    const positionMap = {
+      left: {
+        top: 100,
+        right: 150,
+        bottom: 100,
+        left: 150,
+      },
+      top: {
+        top: 80,
+        right: 20,
+        bottom: 150,
+        left: 20,
+      },
+      bottom: {
+        top: 150,
+        right: 20,
+        bottom: 80,
+        left: 20,
+      },
+      right: {
+        top: 20,
+        right: 150,
+        bottom: 20,
+        left: 150,
+      },
+
+    }
+    const direction = iChartOption.direction || 'left'
+    position = positionMap[direction]
+  }
+
+  if (iChartOption.padding && iChartOption.padding.length > 0) {
+    if (iChartOption.padding.length === 1) {
+      position.top = iChartOption.padding[0];
+      position.right = iChartOption.padding[0];
+      position.bottom = iChartOption.padding[0];
+      position.left = iChartOption.padding[0];
+    }
+
+    if (iChartOption.padding.length === 2) {
+      position.top = iChartOption.padding[0];
+      position.right = iChartOption.padding[1];
+      position.bottom = iChartOption.padding[0];
+      position.left = iChartOption.padding[1];
+    }
+
+    if (iChartOption.padding.length === 3) {
+      position.top = iChartOption.padding[0];
+      position.right = iChartOption.padding[1];
+      position.bottom = iChartOption.padding[2];
+      position.left = iChartOption.padding[1];
+    }
+
+    if (iChartOption.padding.length === 4) {
+      position.top = iChartOption.padding[0];
+      position.right = iChartOption.padding[1];
+      position.bottom = iChartOption.padding[2];
+      position.left = iChartOption.padding[3];
+    }
+  }
+  merge(seriesItem, position);
+}

package/src/components/charts/components/TreeChart/handleSeries.js

@@ -1,148 +1,148 @@
-/**
- * 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 Token from '../../feature/token';
-import chartToken from './chartToken';
-import { setChartPadding } from './handleOptipn';
-import merge from '../../util/merge';
-
-const LAYOUT_CONFIG = {
-  LineTreeChart: 'orthogonal',
-  RingTreeChart: 'radial'
-}
-
-/**
- * 组装series所需要的series
- */
-
-function getSeriesUnit(type) {
-  return {
-    type: 'tree',
-    data: undefined,
-    name: undefined,
-    // symbol: 'circle',
-    layout: LAYOUT_CONFIG[type],
-    // 文本样式
-    label: {
-      // 图元的距离
-      distance: 10,
-      fontSize: 12,
-      color: chartToken.labelColor,
-    },
-    // 设置连线的样式
-    lineStyle: {
-      width: 1,
-      // 连线的曲度
-      curveness: 0.5,
-      color: chartToken.lineColor
-    },
-    // 图元设置
-    itemStyle: {
-      color: Token.config.colorState.colorInfo
-    },
-    symbolSize: 10,
-    initialTreeDepth: 1,
-    // 初始动画的时长，
-    animationDuration: 550,
-    // 数据更新动画的时长。
-    animationDurationUpdate: 750,
-  };
-}
-
-
-function setLineTree(seriesItem, iChartOpt) {
-  const { lineType, direction } = iChartOpt
-  seriesItem.edgeShape = lineType || 'curve';
-  const dir = direction || 'left'
-  const configMap = {
-    top: {
-      label: {
-        position: "top",
-        rotate: -90,
-        align: 'right',
-        verticalAlign: 'middle'
-      },
-      leaves: {
-        label: {
-          position: 'bottom',
-          align: 'left'
-        }
-      },
-      orient: 'TB'
-    },
-    right: {
-      label: {
-        position: 'right'
-      },
-      leaves: {
-        label: {
-          position: 'left'
-        }
-      },
-      orient: 'RL'
-    },
-    bottom: {
-      label: {
-        position: 'bottom',
-        rotate: 90,
-        align: 'right',
-        verticalAlign: 'middle'
-      },
-      leaves: {
-        label: {
-          position: 'top',
-          align: 'left'
-        }
-      },
-      orient: 'BT'
-    },
-    left: {
-      label: {
-        position: 'left'
-      },
-      leaves: {
-        label: {
-          position: 'right'
-        }
-      },
-      orient: 'LR'
-    }
-  }
-  merge(seriesItem, configMap[dir])
-}
-
-/**
- * 组装echarts所需要的series
- */
-export function setSeries(baseOpt, type, iChartOpt) {
-  const { data } = iChartOpt;
-  if (!data) return;
-  if (data && data.length !== 0) {
-    const series = [];
-    data.forEach(dataItem => {
-      const seriesItem = getSeriesUnit(type);
-      // 设置图表padding
-      setChartPadding(seriesItem, type, iChartOpt);
-      seriesItem.name = dataItem.name;
-      // 设置数据
-      seriesItem.data = dataItem.data;
-      const { symbolSize, initialTreeDepth } = iChartOpt
-      // 设置图元大小
-      if (symbolSize) seriesItem.symbolSize = symbolSize
-      // 设置初始打开层级
-      if (initialTreeDepth) seriesItem.initialTreeDepth = initialTreeDepth
-      // 设置具体属性
-      if (type === 'LineTreeChart') setLineTree(seriesItem, iChartOpt)
-      series.push(seriesItem);
-    });
-    baseOpt.series = series
-  }
-}
+/**
+ * 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 Token from '../../feature/token';
+import chartToken from './chartToken';
+import { setChartPadding } from './handleOptipn';
+import merge from '../../util/merge';
+
+const LAYOUT_CONFIG = {
+  LineTreeChart: 'orthogonal',
+  RingTreeChart: 'radial'
+}
+
+/**
+ * 组装series所需要的series
+ */
+
+function getSeriesUnit(type) {
+  return {
+    type: 'tree',
+    data: undefined,
+    name: undefined,
+    // symbol: 'circle',
+    layout: LAYOUT_CONFIG[type],
+    // 文本样式
+    label: {
+      // 图元的距离
+      distance: 10,
+      fontSize: 12,
+      color: chartToken.labelColor,
+    },
+    // 设置连线的样式
+    lineStyle: {
+      width: 1,
+      // 连线的曲度
+      curveness: 0.5,
+      color: chartToken.lineColor
+    },
+    // 图元设置
+    itemStyle: {
+      color: Token.config.colorState.colorInfo
+    },
+    symbolSize: 10,
+    initialTreeDepth: 1,
+    // 初始动画的时长，
+    animationDuration: 550,
+    // 数据更新动画的时长。
+    animationDurationUpdate: 750,
+  };
+}
+
+
+function setLineTree(seriesItem, iChartOpt) {
+  const { lineType, direction } = iChartOpt
+  seriesItem.edgeShape = lineType || 'curve';
+  const dir = direction || 'left'
+  const configMap = {
+    top: {
+      label: {
+        position: "top",
+        rotate: -90,
+        align: 'right',
+        verticalAlign: 'middle'
+      },
+      leaves: {
+        label: {
+          position: 'bottom',
+          align: 'left'
+        }
+      },
+      orient: 'TB'
+    },
+    right: {
+      label: {
+        position: 'right'
+      },
+      leaves: {
+        label: {
+          position: 'left'
+        }
+      },
+      orient: 'RL'
+    },
+    bottom: {
+      label: {
+        position: 'bottom',
+        rotate: 90,
+        align: 'right',
+        verticalAlign: 'middle'
+      },
+      leaves: {
+        label: {
+          position: 'top',
+          align: 'left'
+        }
+      },
+      orient: 'BT'
+    },
+    left: {
+      label: {
+        position: 'left'
+      },
+      leaves: {
+        label: {
+          position: 'right'
+        }
+      },
+      orient: 'LR'
+    }
+  }
+  merge(seriesItem, configMap[dir])
+}
+
+/**
+ * 组装echarts所需要的series
+ */
+export function setSeries(baseOpt, type, iChartOpt) {
+  const { data } = iChartOpt;
+  if (!data) return;
+  if (data && data.length !== 0) {
+    const series = [];
+    data.forEach(dataItem => {
+      const seriesItem = getSeriesUnit(type);
+      // 设置图表padding
+      setChartPadding(seriesItem, type, iChartOpt);
+      seriesItem.name = dataItem.name;
+      // 设置数据
+      seriesItem.data = dataItem.data;
+      const { symbolSize, initialTreeDepth } = iChartOpt
+      // 设置图元大小
+      if (symbolSize) seriesItem.symbolSize = symbolSize
+      // 设置初始打开层级
+      if (initialTreeDepth) seriesItem.initialTreeDepth = initialTreeDepth
+      // 设置具体属性
+      if (type === 'LineTreeChart') setLineTree(seriesItem, iChartOpt)
+      series.push(seriesItem);
+    });
+    baseOpt.series = series
+  }
+}

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

@@ -1,50 +1,50 @@
-/**
- * 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 { setTooltip } from './handleOptipn';
-import { setSeries } from './handleSeries';
-import { mergeSeries } from '../../util/merge';
-import { CHART_TYPE } from '../../util/constants';
-
-class TreeChart {
-
-  static name = CHART_TYPE.TREE
-
-
-  constructor(iChartOption) {
-    this.baseOption = {};
-    this.iChartOption = {};
-    this.iChartOption = iChartOption;
-    // 根据 iChartOption 组装 baseOption
-    this.updateOption();
-  }
-
-  updateOption() {
-    const iChartOption = this.iChartOption;
-    const type = iChartOption.type;
-    if (!type) {
-      throw new Error('TreeChart must have a name');
-    }
-    // 图表的series
-    setSeries(this.baseOption, type, iChartOption);
-    //  图表鼠标悬浮提示框
-    setTooltip(this.baseOption, iChartOption);
-    mergeSeries(iChartOption, this.baseOption);
-  }
-
-  getOption() {
-    return this.baseOption;
-  }
-
-  setOption() { }
-}
-
-export default TreeChart;
+/**
+ * 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 { setTooltip } from './handleOptipn';
+import { setSeries } from './handleSeries';
+import { mergeSeries } from '../../util/merge';
+import { CHART_TYPE } from '../../util/constants';
+
+class TreeChart {
+
+  static name = CHART_TYPE.TREE
+
+
+  constructor(iChartOption) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.iChartOption = iChartOption;
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption();
+  }
+
+  updateOption() {
+    const iChartOption = this.iChartOption;
+    const type = iChartOption.type;
+    if (!type) {
+      throw new Error('TreeChart must have a name');
+    }
+    // 图表的series
+    setSeries(this.baseOption, type, iChartOption);
+    //  图表鼠标悬浮提示框
+    setTooltip(this.baseOption, iChartOption);
+    mergeSeries(iChartOption, this.baseOption);
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption() { }
+}
+
+export default TreeChart;