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

package/src/components/charts/components/HeatMapChart/handleVisualMap.js

@@ -1,91 +1,91 @@
-/**
- * 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 min from '../../util/sort/min';
-import max from '../../util/sort/max';
-import { CHARTTYPE } from './BaseOption';
-import merge from '../../util/merge';
-import visualMap from '../../option/config/visualMap';
-
-/**
- * 设置日历热力图视觉滑块控制手柄
- */
-function handleCalendar(iChartOption, visualUnit, maxValue, minValue,visualType) {
-  visualUnit.show = !!iChartOption.handle;
-  if(visualType==='continuous')  visualUnit.itemHeight = 400
-  visualUnit.text = [maxValue, minValue]
-  visualUnit.right = '4%';
-  visualUnit.bottom = '6%';
-  if (iChartOption.handle) {
-    merge(visualUnit, iChartOption.handle);
-    if (iChartOption.handle.width) {
-      visualUnit.itemWidth = iChartOption.handle.width
-      delete visualUnit.width
-    }
-    if (iChartOption.handle.height) {
-      visualUnit.itemHeight = iChartOption.handle.height
-      delete visualUnit.height
-    }
-    if (iChartOption.handle.position) {
-      merge(visualUnit, iChartOption.handle.position);
-      delete visualUnit.position
-    }
-  }
-  visualUnit.inRange = (!iChartOption.changeProperty || iChartOption.changeProperty === 'opcity') ? { opacity: [0, 1] } : { color: iChartOption.color }
-}
-
-function getVisualType(iChartOption) {
-  const { visualMap, handle } = iChartOption
-  let type = handle?.type ?? visualMap?.type ?? 'continuous'
-  return type
-}
-
-/**
- * 组装echarts所需要的series
- */
-export function setVisualMap(baseOpt, type, data, iChartOption) {
-  const baseVisualMap = [];
-  const visualType = getVisualType(iChartOption)
-  const visualUnit = visualMap(visualType)
-  const intervalData = {
-    RectangularHeatMapChart: data,
-    CalendarHeatMapChart: data[2],
-    HexagonHeatMapChart: data[0],
-  };
-  const intervalArr = intervalData[type].map(item => {
-    return item[2];
-  });
-  const minValue = min(intervalArr);
-  const maxValue = max(intervalArr);
-  visualUnit.min = minValue;
-  visualUnit.max = maxValue;
-  visualUnit.dimension = 2
-  if (type === CHARTTYPE[0]) {
-    visualUnit.inRange = {
-      colorAlpha: [0, 1]
-    }
-  }
-  if (type === CHARTTYPE[1]) {
-    // 设置视觉滑块控制手柄  设置VisualMap控制的热力变化属性
-    handleCalendar(iChartOption, visualUnit, maxValue, minValue,visualType);
-  }
-  if (type === CHARTTYPE[2]) {
-    visualUnit.inRange = {
-      color: iChartOption.color
-    }
-  }
-  if (iChartOption.visualMap) {
-    merge(visualUnit, iChartOption.visualMap)
-  }
-  baseVisualMap.push(visualUnit);
-
-  baseOpt.visualMap = baseVisualMap;
-}
+/**
+ * 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 min from '../../util/sort/min';
+import max from '../../util/sort/max';
+import { CHARTTYPE } from './BaseOption';
+import merge from '../../util/merge';
+import visualMap from '../../option/config/visualMap';
+
+/**
+ * 设置日历热力图视觉滑块控制手柄
+ */
+function handleCalendar(iChartOption, visualUnit, maxValue, minValue,visualType) {
+  visualUnit.show = !!iChartOption.handle;
+  if(visualType==='continuous')  visualUnit.itemHeight = 400
+  visualUnit.text = [maxValue, minValue]
+  visualUnit.right = '4%';
+  visualUnit.bottom = '6%';
+  if (iChartOption.handle) {
+    merge(visualUnit, iChartOption.handle);
+    if (iChartOption.handle.width) {
+      visualUnit.itemWidth = iChartOption.handle.width
+      delete visualUnit.width
+    }
+    if (iChartOption.handle.height) {
+      visualUnit.itemHeight = iChartOption.handle.height
+      delete visualUnit.height
+    }
+    if (iChartOption.handle.position) {
+      merge(visualUnit, iChartOption.handle.position);
+      delete visualUnit.position
+    }
+  }
+  visualUnit.inRange = (!iChartOption.changeProperty || iChartOption.changeProperty === 'opcity') ? { opacity: [0, 1] } : { color: iChartOption.color }
+}
+
+function getVisualType(iChartOption) {
+  const { visualMap, handle } = iChartOption
+  let type = handle?.type ?? visualMap?.type ?? 'continuous'
+  return type
+}
+
+/**
+ * 组装echarts所需要的series
+ */
+export function setVisualMap(baseOpt, type, data, iChartOption) {
+  const baseVisualMap = [];
+  const visualType = getVisualType(iChartOption)
+  const visualUnit = visualMap(visualType)
+  const intervalData = {
+    RectangularHeatMapChart: data,
+    CalendarHeatMapChart: data[2],
+    HexagonHeatMapChart: data[0],
+  };
+  const intervalArr = intervalData[type].map(item => {
+    return item[2];
+  });
+  const minValue = min(intervalArr);
+  const maxValue = max(intervalArr);
+  visualUnit.min = minValue;
+  visualUnit.max = maxValue;
+  visualUnit.dimension = 2
+  if (type === CHARTTYPE[0]) {
+    visualUnit.inRange = {
+      colorAlpha: [0, 1]
+    }
+  }
+  if (type === CHARTTYPE[1]) {
+    // 设置视觉滑块控制手柄  设置VisualMap控制的热力变化属性
+    handleCalendar(iChartOption, visualUnit, maxValue, minValue,visualType);
+  }
+  if (type === CHARTTYPE[2]) {
+    visualUnit.inRange = {
+      color: iChartOption.color
+    }
+  }
+  if (iChartOption.visualMap) {
+    merge(visualUnit, iChartOption.visualMap)
+  }
+  baseVisualMap.push(visualUnit);
+
+  baseOpt.visualMap = baseVisualMap;
+}

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

@@ -1,70 +1,70 @@
-/**
- * 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 cloneDeep from '../../util/cloneDeep';
-import { getData } from './handleData';
-import { handleSeries } from './handleSeries';
-import { setVisualMap } from './handleVisualMap';
-import { setHeatMapDeaultIchartOption, initRectSys } from './handleOptipn';
-import init from '../../option/init';
-import { CHART_TYPE } from '../../util/constants';
-import { mergeSeries } from '../../util/merge';
-
-class HeatMapChart {
-
-  static name = CHART_TYPE.HEAT_MAP
-
-  constructor(iChartOption, chartInstance) {
-    this.baseOption = {};
-    this.iChartOption = {};
-    this.initIchartOption = cloneDeep(iChartOption);
-    setHeatMapDeaultIchartOption(iChartOption);
-    this.iChartOption = init(iChartOption);
-    this.chartInstance = chartInstance;
-    // 根据 iChartOption 组装 baseOption
-    this.updateOption();
-  }
-
-  updateOption() {
-    const iChartOption = this.iChartOption;
-    const { type } = iChartOption;
-    if (!type) {
-      throw new Error('HeatMapChart must have a name');
-    }
-    // 图表数据
-    const data = getData(type, iChartOption, this.chartInstance);
-    if (!data) return;
-    initRectSys(this.baseOption, iChartOption, type, data)
-    // 图表的series
-    handleSeries(this.baseOption, iChartOption, data, type);
-    // 图表VisualMap
-    setVisualMap(this.baseOption, type, data, iChartOption);
-    mergeSeries(iChartOption, this.baseOption)
-  }
-
-  // 页面需要重新resize
-  resize() {
-    // 仅针对蜂窝热力图需要在resize的时候去重新render图表
-    if (this.iChartOption.type === 'HexagonHeatMapChart') {
-      this.updateOption(this.iChartOption, this.chartInstance);
-      this.chartInstance?.setOption(this.baseOption);
-    }
-  }
-
-  getOption() {
-    return this.baseOption;
-  }
-
-  setOption() { }
-}
-
-export default HeatMapChart;
+/**
+ * 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 cloneDeep from '../../util/cloneDeep';
+import { getData } from './handleData';
+import { handleSeries } from './handleSeries';
+import { setVisualMap } from './handleVisualMap';
+import { setHeatMapDeaultIchartOption, initRectSys } from './handleOptipn';
+import init from '../../option/init';
+import { CHART_TYPE } from '../../util/constants';
+import { mergeSeries } from '../../util/merge';
+
+class HeatMapChart {
+
+  static name = CHART_TYPE.HEAT_MAP
+
+  constructor(iChartOption, chartInstance) {
+    this.baseOption = {};
+    this.iChartOption = {};
+    this.initIchartOption = cloneDeep(iChartOption);
+    setHeatMapDeaultIchartOption(iChartOption);
+    this.iChartOption = init(iChartOption);
+    this.chartInstance = chartInstance;
+    // 根据 iChartOption 组装 baseOption
+    this.updateOption();
+  }
+
+  updateOption() {
+    const iChartOption = this.iChartOption;
+    const { type } = iChartOption;
+    if (!type) {
+      throw new Error('HeatMapChart must have a name');
+    }
+    // 图表数据
+    const data = getData(type, iChartOption, this.chartInstance);
+    if (!data) return;
+    initRectSys(this.baseOption, iChartOption, type, data)
+    // 图表的series
+    handleSeries(this.baseOption, iChartOption, data, type);
+    // 图表VisualMap
+    setVisualMap(this.baseOption, type, data, iChartOption);
+    mergeSeries(iChartOption, this.baseOption)
+  }
+
+  // 页面需要重新resize
+  resize() {
+    // 仅针对蜂窝热力图需要在resize的时候去重新render图表
+    if (this.iChartOption.type === 'HexagonHeatMapChart') {
+      this.updateOption(this.iChartOption, this.chartInstance);
+      this.chartInstance?.setOption(this.baseOption);
+    }
+  }
+
+  getOption() {
+    return this.baseOption;
+  }
+
+  setOption() { }
+}
+
+export default HeatMapChart;

package/src/components/charts/components/HillChart/baseOption.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 chartToken from './chartToken';
-
-export default function getBaseOption() {
-  return {
-    xAxis: {},
-    yAxis: {},
-    title: {},
-    series: [
-      {
-        name: 'hill',
-        type: 'pictorialBar',
-        // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
-        // symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
-        symbol:
-          'path://M182.486185,115.849707 L137.966122,115.850379 C149.51482,98.3379479 157.744413,74.0044901 160.078145,45.9496406 C162.570754,73.8914827 170.909366,98.2800834 182.486185,115.849707 Z',
-        markLine: {
-          symbol: 'none',
-          silent: true,
-          label: {
-            show: false,
-          },
-          lineStyle: {
-            width: 1,
-            color: chartToken.colorError,
-          },
-          emphasis: {
-            label: {
-              show: false,
-            },
-            lineStyle: {
-              width: 1,
-            },
-          },
-          data: [],
-        },
-      },
-    ],
-  };
-}
+/**
+ * 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 chartToken from './chartToken';
+
+export default function getBaseOption() {
+  return {
+    xAxis: {},
+    yAxis: {},
+    title: {},
+    series: [
+      {
+        name: 'hill',
+        type: 'pictorialBar',
+        // symbol: 'path://M0,10 L10,10 L5,0 L0,10 z',
+        // symbol: 'path://M0,10 L10,10 C5.5,10 5.5,5 5,0 C4.5,5 4.5,10 0,10 z',
+        symbol:
+          'path://M182.486185,115.849707 L137.966122,115.850379 C149.51482,98.3379479 157.744413,74.0044901 160.078145,45.9496406 C162.570754,73.8914827 170.909366,98.2800834 182.486185,115.849707 Z',
+        markLine: {
+          symbol: 'none',
+          silent: true,
+          label: {
+            show: false,
+          },
+          lineStyle: {
+            width: 1,
+            color: chartToken.colorError,
+          },
+          emphasis: {
+            label: {
+              show: false,
+            },
+            lineStyle: {
+              width: 1,
+            },
+          },
+          data: [],
+        },
+      },
+    ],
+  };
+}

package/src/components/charts/components/HillChart/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.HILL)
-
-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.HILL)
+
+export default chartToken;