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

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

@@ -1,117 +1,117 @@
-/**
- * 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 BaseChart from '../BaseChart';
-import NodeManager from './NodeManager';
-import { CHART_TYPE } from '../../util/constants';
-
-export default class HoneycombChart extends BaseChart {
-
-    static name = CHART_TYPE.HONEYCOMB
-
-    constructor() {
-        super();
-        // 图表渲染容器
-        this.dom = null;
-        // 图表配置项
-        this.option = null;
-        // 图表所需数据
-        this.data = null;
-        // 图表容器的宽高变化监听器
-        this.resizeObserver = null;
-        // 生成节点和计算位置
-        this.nodeManager = null;
-    }
-
-    // 初始化图表渲染容器
-    init(dom) {
-        this.dom = dom;
-    }
-
-    // 初始化图表渲染配置
-    setSimpleOption(chartName, option) {
-        this.option = option;
-    }
-
-    // 图表渲染回调
-    render() {
-        this.data = this.option.data || [];
-        this.initDom();
-        this.setResizeObserver();
-        this.renderCallBack && this.renderCallBack(this);
-    }
-
-    // 图表渲染完成时回调
-    onRenderReady(callback) {
-        this.renderCallBack = callback;
-    }
-
-    initDom() {
-        this.dom.style.padding = this.option.padding || 0;
-        this.dom.insertAdjacentHTML('beforeend', '<div class="hc-container"><div class="hc-rows"></div></div>');
-        if (this.data.length > 0) {
-            this.nodeManager = new NodeManager(this.dom, this.option);
-        }
-    }
-
-    resizeDom() {
-        if (this.data.length > 0) {
-            Array.prototype.slice.call(this.dom.getElementsByClassName('hc-row')).forEach(element => {
-                element.remove();
-            });
-            this.nodeManager.layoutNodes();
-        }
-    }
-
-    // 监听容器变化
-    setResizeObserver() {
-        this.resizeObserver = new ResizeObserver(entries => {
-            this.resizeDom();
-        });
-        this.resizeObserver.observe(this.dom);
-    }
-
-    // 图表刷新，刷新配置项
-    refresh(option) {
-        Array.prototype.slice.call(this.dom.getElementsByClassName('hc-container')).forEach(element => {
-            element.remove();
-        });
-        this.option = option;
-        this.data = option.data;
-        this.initDom();
-        this.resizeDom();
-    }
-
-    // 图表刷新，仅刷新数据
-    refreshData(data) {
-        Array.prototype.slice.call(this.dom.getElementsByClassName('hc-container')).forEach(element => {
-            element.remove();
-        });
-        this.data = data;
-        this.option.data = data;
-        this.initDom();
-        this.resizeDom();
-    }
-
-    // 刷新图表自适应宽度
-    setResize() {
-        this.resizeDom();
-    }
-
-    // 销毁图表
-    uninstall() {
-        if (this.resizeObserver) {
-            this.resizeObserver.disconnect();
-            this.resizeObserver = null;
-        }
-        this.dom.innerHTML = '';
-    }
-}
+/**
+ * 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 BaseChart from '../BaseChart';
+import NodeManager from './NodeManager';
+import { CHART_TYPE } from '../../util/constants';
+
+export default class HoneycombChart extends BaseChart {
+
+    static name = CHART_TYPE.HONEYCOMB
+
+    constructor() {
+        super();
+        // 图表渲染容器
+        this.dom = null;
+        // 图表配置项
+        this.option = null;
+        // 图表所需数据
+        this.data = null;
+        // 图表容器的宽高变化监听器
+        this.resizeObserver = null;
+        // 生成节点和计算位置
+        this.nodeManager = null;
+    }
+
+    // 初始化图表渲染容器
+    init(dom) {
+        this.dom = dom;
+    }
+
+    // 初始化图表渲染配置
+    setSimpleOption(chartName, option) {
+        this.option = option;
+    }
+
+    // 图表渲染回调
+    render() {
+        this.data = this.option.data || [];
+        this.initDom();
+        this.setResizeObserver();
+        this.renderCallBack && this.renderCallBack(this);
+    }
+
+    // 图表渲染完成时回调
+    onRenderReady(callback) {
+        this.renderCallBack = callback;
+    }
+
+    initDom() {
+        this.dom.style.padding = this.option.padding || 0;
+        this.dom.insertAdjacentHTML('beforeend', '<div class="hc-container"><div class="hc-rows"></div></div>');
+        if (this.data.length > 0) {
+            this.nodeManager = new NodeManager(this.dom, this.option);
+        }
+    }
+
+    resizeDom() {
+        if (this.data.length > 0) {
+            Array.prototype.slice.call(this.dom.getElementsByClassName('hc-row')).forEach(element => {
+                element.remove();
+            });
+            this.nodeManager.layoutNodes();
+        }
+    }
+
+    // 监听容器变化
+    setResizeObserver() {
+        this.resizeObserver = new ResizeObserver(entries => {
+            this.resizeDom();
+        });
+        this.resizeObserver.observe(this.dom);
+    }
+
+    // 图表刷新，刷新配置项
+    refresh(option) {
+        Array.prototype.slice.call(this.dom.getElementsByClassName('hc-container')).forEach(element => {
+            element.remove();
+        });
+        this.option = option;
+        this.data = option.data;
+        this.initDom();
+        this.resizeDom();
+    }
+
+    // 图表刷新，仅刷新数据
+    refreshData(data) {
+        Array.prototype.slice.call(this.dom.getElementsByClassName('hc-container')).forEach(element => {
+            element.remove();
+        });
+        this.data = data;
+        this.option.data = data;
+        this.initDom();
+        this.resizeDom();
+    }
+
+    // 刷新图表自适应宽度
+    setResize() {
+        this.resizeDom();
+    }
+
+    // 销毁图表
+    uninstall() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+        this.dom.innerHTML = '';
+    }
+}

package/src/components/charts/components/HoneycombChart/index.less

@@ -1,49 +1,49 @@
-/**
- * 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.
- *
- */
-.hc-container {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .hc-row {
-        position: relative;
-    }
-
-    .hc-node {
-        display: inline-block;
-        position: relative;
-        vertical-align: bottom;
-    }
-
-    .hc-tooltip {
-        display: none;
-        z-index: 999;
-        left: -9999px;
-        top: -9999px;
-        padding: 16px;
-        min-width: 200px;
-        position: absolute;
-        border-radius: 4px;
-        background: #FAFAFA;
-        transition: all 200ms linear;
-        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-        user-select: text;
-        &.dark {
-            color: #FFFFFF;
-            background: #393939;
-            box-shadow: 0px 0px 8px rgba(210, 210, 210, 0.2);
-        }
-    }
+/**
+ * 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.
+ *
+ */
+.hc-container {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    .hc-row {
+        position: relative;
+    }
+
+    .hc-node {
+        display: inline-block;
+        position: relative;
+        vertical-align: bottom;
+    }
+
+    .hc-tooltip {
+        display: none;
+        z-index: 999;
+        left: -9999px;
+        top: -9999px;
+        padding: 16px;
+        min-width: 200px;
+        position: absolute;
+        border-radius: 4px;
+        background: #FAFAFA;
+        transition: all 200ms linear;
+        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
+        user-select: text;
+        &.dark {
+            color: #FFFFFF;
+            background: #393939;
+            box-shadow: 0px 0px 8px rgba(210, 210, 210, 0.2);
+        }
+    }
 }

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

@@ -1,40 +1,40 @@
-/**
- * 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 sum = 0;
-const BaseOption = {
-  tooltip: {},
-  angleAxis: {
-    min: 0,
-    sum: 0,
-    max: (sum * 4) / 3,
-  },
-  polar: {},
-  series: []
-};
-// 堆叠图中首、中间、尾、背景条 四种的圆角文本占位。需要等自适应代码执行完毕，再替换成为真实的数值
-const borderRadiusText = 'barWith/2';
-
-const CHARTTYPE = {
-  BASE: 'base',
-  PROCESS: 'process',
-  STACK: 'stack'
-};
-
-const defaultSeries = {
-  type: 'bar',
-  stack: 'a',
-  coordinateSystem: 'polar',
-  z: 2,
-};
-
-export default BaseOption;
-export { borderRadiusText, CHARTTYPE, defaultSeries };
+/**
+ * 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 sum = 0;
+const BaseOption = {
+  tooltip: {},
+  angleAxis: {
+    min: 0,
+    sum: 0,
+    max: (sum * 4) / 3,
+  },
+  polar: {},
+  series: []
+};
+// 堆叠图中首、中间、尾、背景条 四种的圆角文本占位。需要等自适应代码执行完毕，再替换成为真实的数值
+const borderRadiusText = 'barWith/2';
+
+const CHARTTYPE = {
+  BASE: 'base',
+  PROCESS: 'process',
+  STACK: 'stack'
+};
+
+const defaultSeries = {
+  type: 'bar',
+  stack: 'a',
+  coordinateSystem: 'polar',
+  z: 2,
+};
+
+export default BaseOption;
+export { borderRadiusText, CHARTTYPE, defaultSeries };

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