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

package/src/components/charts/register.js

@@ -1,178 +1,178 @@
-/**
- * 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 LineChart from './components/LineChart';
-import BarChart from './components/BarChart';
-import PieChart from './components/PieChart';
-import RadarChart from './components/RadarChart';
-import GaugeChart from './components/GaugeChart';
-import BubbleChart from './components/BubbleChart';
-import WordCloudChart from './components/WordCloudChart';
-import SankeyChart from './components/SankeyChart';
-import HeatMapChart from './components/HeatMapChart';
-import ScatterChart from './components/ScatterChart';
-import JadeJueChart from './components/JadeJueChart';
-import TreeChart from './components/TreeChart';
-import TreeMapChart from './components/TreeMapChart';
-import HillChart from './components/HillChart';
-import GraphTreeChart from './components/GraphTreeChart';
-import ProcessChart from './components/ProcessChart';
-import PolarBarChart from './components/PolarBarChart';
-import CircleProcessChart from './components/CircleProcessChart';
-import SunburstChart from './components/SunburstChart';
-import FunnelChart from './components/FunnelChart';
-import LiquidfillChart from './components/LiquidfillChart';
-import BoxplotChart from './components/BoxplotChart';
-import RegionChart from './components/RegionChart';
-import CandlestickChart from './components/CandlestickChart';
-import GraphChart from './components/GraphChart';
-import AssembleBubbleChart from './components/AssembleBubbleChart';
-import BulletChart from './components/BulletChart';
-
-function Register() {
-  this.registeredComp = {};
-}
-
-function registerComp(options) {
-  this.registeredComp[options.name] = options.component;
-}
-
-function getRegisteredComp(name) {
-  if (name in this.registeredComp) {
-    return this.registeredComp[name];
-  }
-  return null;
-}
-
-Register.prototype.registerComp = registerComp;
-Register.prototype.getRegisteredComp = getRegisteredComp;
-
-const register = new Register();
-
-const components = [
-  {
-    name: 'AreaChart',
-    component: LineChart,
-  },
-  {
-    name: 'LineChart',
-    component: LineChart,
-  },
-  {
-    name: 'BarChart',
-    component: BarChart,
-  },
-  {
-    name: 'PieChart',
-    component: PieChart,
-  },
-  {
-    name: 'GaugeChart',
-    component: GaugeChart,
-  },
-  {
-    name: 'BubbleChart',
-    component: BubbleChart,
-  },
-  {
-    name: 'RadarChart',
-    component: RadarChart,
-  },
-  {
-    name: 'WordCloudChart',
-    component: WordCloudChart,
-  },
-  {
-    name: 'HeatMapChart',
-    component: HeatMapChart,
-  },
-  {
-    name: 'ScatterChart',
-    component: ScatterChart,
-  },
-  {
-    name: 'SankeyChart',
-    component: SankeyChart,
-  },
-  {
-    name: 'JadeJueChart',
-    component: JadeJueChart,
-  },
-  {
-    name: 'TreeChart',
-    component: TreeChart,
-  },
-  {
-    name: 'TreeMapChart',
-    component: TreeMapChart,
-  },
-  {
-    name: 'HillChart',
-    component: HillChart,
-  },
-  {
-    name: 'GraphTreeChart',
-    component: GraphTreeChart,
-  },
-  {
-    name: 'ProcessChart',
-    component: ProcessChart,
-  },
-  {
-    name: 'PolarBarChart',
-    component: PolarBarChart,
-  },
-  {
-    name: 'CircleProcessChart',
-    component: CircleProcessChart,
-  },
-  {
-    name: 'SunburstChart',
-    component: SunburstChart,
-  },
-  {
-    name: 'FunnelChart',
-    component: FunnelChart,
-  },
-  {
-    name: 'LiquidfillChart',
-    component: LiquidfillChart,
-  },
-  {
-    name: 'BoxplotChart',
-    component: BoxplotChart,
-  },
-  {
-    name: 'RegionChart',
-    component: RegionChart,
-  },
-  {
-    name: 'CandlestickChart',
-    component: CandlestickChart,
-  },
-  {
-    name: 'GraphChart',
-    component: GraphChart,
-  },
-  {
-    name: 'AssembleBubbleChart',
-    component: AssembleBubbleChart,
-  },
-  {
-    name: 'BulletChart',
-    component: BulletChart,
-  },
-];
-
-components.forEach(comp => {
-  register.registerComp(comp);
-});
-export default register;
+/**
+ * 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 LineChart from './components/LineChart';
+import BarChart from './components/BarChart';
+import PieChart from './components/PieChart';
+import RadarChart from './components/RadarChart';
+import GaugeChart from './components/GaugeChart';
+import BubbleChart from './components/BubbleChart';
+import WordCloudChart from './components/WordCloudChart';
+import SankeyChart from './components/SankeyChart';
+import HeatMapChart from './components/HeatMapChart';
+import ScatterChart from './components/ScatterChart';
+import JadeJueChart from './components/JadeJueChart';
+import TreeChart from './components/TreeChart';
+import TreeMapChart from './components/TreeMapChart';
+import HillChart from './components/HillChart';
+import GraphTreeChart from './components/GraphTreeChart';
+import ProcessChart from './components/ProcessChart';
+import PolarBarChart from './components/PolarBarChart';
+import CircleProcessChart from './components/CircleProcessChart';
+import SunburstChart from './components/SunburstChart';
+import FunnelChart from './components/FunnelChart';
+import LiquidfillChart from './components/LiquidfillChart';
+import BoxplotChart from './components/BoxplotChart';
+import RegionChart from './components/RegionChart';
+import CandlestickChart from './components/CandlestickChart';
+import GraphChart from './components/GraphChart';
+import AssembleBubbleChart from './components/AssembleBubbleChart';
+import BulletChart from './components/BulletChart';
+
+function Register() {
+  this.registeredComp = {};
+}
+
+function registerComp(options) {
+  this.registeredComp[options.name] = options.component;
+}
+
+function getRegisteredComp(name) {
+  if (name in this.registeredComp) {
+    return this.registeredComp[name];
+  }
+  return null;
+}
+
+Register.prototype.registerComp = registerComp;
+Register.prototype.getRegisteredComp = getRegisteredComp;
+
+const register = new Register();
+
+const components = [
+  {
+    name: 'AreaChart',
+    component: LineChart,
+  },
+  {
+    name: 'LineChart',
+    component: LineChart,
+  },
+  {
+    name: 'BarChart',
+    component: BarChart,
+  },
+  {
+    name: 'PieChart',
+    component: PieChart,
+  },
+  {
+    name: 'GaugeChart',
+    component: GaugeChart,
+  },
+  {
+    name: 'BubbleChart',
+    component: BubbleChart,
+  },
+  {
+    name: 'RadarChart',
+    component: RadarChart,
+  },
+  {
+    name: 'WordCloudChart',
+    component: WordCloudChart,
+  },
+  {
+    name: 'HeatMapChart',
+    component: HeatMapChart,
+  },
+  {
+    name: 'ScatterChart',
+    component: ScatterChart,
+  },
+  {
+    name: 'SankeyChart',
+    component: SankeyChart,
+  },
+  {
+    name: 'JadeJueChart',
+    component: JadeJueChart,
+  },
+  {
+    name: 'TreeChart',
+    component: TreeChart,
+  },
+  {
+    name: 'TreeMapChart',
+    component: TreeMapChart,
+  },
+  {
+    name: 'HillChart',
+    component: HillChart,
+  },
+  {
+    name: 'GraphTreeChart',
+    component: GraphTreeChart,
+  },
+  {
+    name: 'ProcessChart',
+    component: ProcessChart,
+  },
+  {
+    name: 'PolarBarChart',
+    component: PolarBarChart,
+  },
+  {
+    name: 'CircleProcessChart',
+    component: CircleProcessChart,
+  },
+  {
+    name: 'SunburstChart',
+    component: SunburstChart,
+  },
+  {
+    name: 'FunnelChart',
+    component: FunnelChart,
+  },
+  {
+    name: 'LiquidfillChart',
+    component: LiquidfillChart,
+  },
+  {
+    name: 'BoxplotChart',
+    component: BoxplotChart,
+  },
+  {
+    name: 'RegionChart',
+    component: RegionChart,
+  },
+  {
+    name: 'CandlestickChart',
+    component: CandlestickChart,
+  },
+  {
+    name: 'GraphChart',
+    component: GraphChart,
+  },
+  {
+    name: 'AssembleBubbleChart',
+    component: AssembleBubbleChart,
+  },
+  {
+    name: 'BulletChart',
+    component: BulletChart,
+  },
+];
+
+components.forEach(comp => {
+  register.registerComp(comp);
+});
+export default register;

package/src/components/charts/theme.js

@@ -1,62 +1,62 @@
-/**
- * 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 { THEMES } from './feature/token';
-import cloneDeep from './util/cloneDeep';
-
-export default class Theme {
-  static currentChartsInstance = {};
-  static preChartsInstance = {};
-  static globalName = undefined;
-  static THEMES = cloneDeep(THEMES)
-  constructor() { }
-
-  // 收集图表类
-  static registerCharts(instance, uuid) {
-    for (const key in this.currentChartsInstance) {
-      const item = this.currentChartsInstance[key];
-      const rect = item.dom?.getBoundingClientRect();
-      if (rect && rect.left === 0 && rect.right === 0 && rect.top === 0 && rect.bottom === 0) {
-        delete this.currentChartsInstance[key];
-      }
-    }
-    this.currentChartsInstance[uuid] = instance;
-  }
-
-  // 移除图表类
-  static deleteCharts(uuid) {
-    delete this.currentChartsInstance[uuid];
-  }
-
-  // 初始化主题
-  static init(theme) {
-    this.globalName = theme;
-  }
-
-  // 设置主题
-  static set(theme) {
-    this.globalName = theme;
-    this.preChartsInstance = this.currentChartsInstance;
-    this.currentChartsInstance = {};
-    for (const key in this.preChartsInstance) {
-      const item = this.preChartsInstance[key];
-      if (item.iChartOption) {
-        Token.setDefaultTheme(theme);
-        item.refresh?.(item.initIChartOption);
-      }
-    }
-  }
-
-  static getColors() {
-    return Token.getColors()
-  }
-}
+/**
+ * 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 { THEMES } from './feature/token';
+import cloneDeep from './util/cloneDeep';
+
+export default class Theme {
+  static currentChartsInstance = {};
+  static preChartsInstance = {};
+  static globalName = undefined;
+  static THEMES = cloneDeep(THEMES)
+  constructor() { }
+
+  // 收集图表类
+  static registerCharts(instance, uuid) {
+    for (const key in this.currentChartsInstance) {
+      const item = this.currentChartsInstance[key];
+      const rect = item.dom?.getBoundingClientRect();
+      if (rect && rect.left === 0 && rect.right === 0 && rect.top === 0 && rect.bottom === 0) {
+        delete this.currentChartsInstance[key];
+      }
+    }
+    this.currentChartsInstance[uuid] = instance;
+  }
+
+  // 移除图表类
+  static deleteCharts(uuid) {
+    delete this.currentChartsInstance[uuid];
+  }
+
+  // 初始化主题
+  static init(theme) {
+    this.globalName = theme;
+  }
+
+  // 设置主题
+  static set(theme) {
+    this.globalName = theme;
+    this.preChartsInstance = this.currentChartsInstance;
+    this.currentChartsInstance = {};
+    for (const key in this.preChartsInstance) {
+      const item = this.preChartsInstance[key];
+      if (item.iChartOption) {
+        Token.setDefaultTheme(theme);
+        item.refresh?.(item.initIChartOption);
+      }
+    }
+  }
+
+  static getColors() {
+    return Token.getColors()
+  }
+}

package/src/components/charts/util/Sequence.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.
- *
- */
-/**
- * ID累加
- */
-export default class Sequence {
-	 static Id = 0
-
-	static nextId() {
-		return Sequence.Id++
-	}
-}
+/**
+ * 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.
+ *
+ */
+/**
+ * ID累加
+ */
+export default class Sequence {
+	 static Id = 0
+
+	static nextId() {
+		return Sequence.Id++
+	}
+}