@ebiz/designer-components 0.0.18

package/src/components/charts/feature/token/factory/chartsToken/RadarChart.js

@@ -0,0 +1,36 @@
+/**
+ * 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.
+ *
+ */
+export default function RadarChart(aliasToken) {
+  const {
+    lineWidth,
+    lineWidthNone,
+    colorNone,
+    symbolBorderWidth,
+    symbolBorderWidthNone,
+    colorMask,
+    symbolFillHover,
+    symbolSizeSecondary
+  } = aliasToken;
+
+  return {
+    itemBorderWidth: symbolBorderWidthNone,
+    emphasisItemBorderWidth: symbolBorderWidth,
+    areaColor: colorNone,
+    symbolSize:symbolSizeSecondary,
+    lineWidth,
+    thresholdLineWidth: lineWidthNone,
+    itemBorderColor: colorNone,
+    emphasisItemColor: symbolFillHover,
+    gradientItemBorderColor: colorMask
+  };
+};
+

package/src/components/charts/feature/token/factory/chartsToken/RegionChart.js

@@ -0,0 +1,20 @@
+/**
+ * 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.
+ *
+ */
+function RegionChart(aliasToken) {
+  const { colorLabel } = aliasToken;
+
+  return {
+    visualMapTextColor: colorLabel,
+  };
+};
+
+export default RegionChart;

package/src/components/charts/feature/token/factory/chartsToken/SankeyChart.js

@@ -0,0 +1,22 @@
+/**
+ * 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.
+ *
+ */
+function SankeyChart(aliasToken) {
+  const { colorLabel, colorTextName } = aliasToken;
+
+  return {
+    labelValueColor: colorLabel,
+    labelNameColor: colorTextName
+  };
+
+};
+
+export default SankeyChart;

package/src/components/charts/feature/token/factory/chartsToken/ScatterChart.js

@@ -0,0 +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.
+ *
+ */
+function ScatterChart(aliasToken) {
+  const { symbolFillHover } = aliasToken;
+
+  return {
+    // 散点聚焦时圆圈颜色
+    color: symbolFillHover,
+  };
+};
+
+export default ScatterChart;

package/src/components/charts/feature/token/factory/chartsToken/SunburstChart.js

@@ -0,0 +1,22 @@
+/**
+ * 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.
+ *
+ */
+function SunburstChart(aliasToken) {
+  const { colorMask, colorLabel } = aliasToken;
+
+  return {
+    itemBorderColor: colorMask,
+    labelColor: colorLabel,
+  };
+
+};
+
+export default SunburstChart;

package/src/components/charts/feature/token/factory/chartsToken/TimelineChart.js

@@ -0,0 +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.
+ *
+ */
+function TimelineChart(aliasToken) {
+  const { colorPlaceholder } = aliasToken;
+
+  return {
+    roundRectBg: colorPlaceholder
+  };
+
+};
+
+export default TimelineChart;

package/src/components/charts/feature/token/factory/chartsToken/TreeChart.js

@@ -0,0 +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.
+ *
+ */
+function TreeChart(aliasToken) {
+  const { colorLabel, colorAxisLine } = aliasToken;
+
+  return {
+    lineColor: colorAxisLine,
+    labelColor: colorLabel,
+  };
+
+};
+export default TreeChart;

package/src/components/charts/feature/token/factory/chartsToken/WaveChart.js

@@ -0,0 +1,23 @@
+/**
+ * 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.
+ *
+ */
+function WaveChart(aliasToken) {
+  const { colorAxisLine, colorTextName, colorAxisLabel, colorAxisSplitLine } = aliasToken;
+
+  return {
+    axisLineColor: colorAxisLine,
+    axisLabelColor: colorAxisLabel,
+    axisNameColor: colorTextName,
+    splitLineColor: colorAxisSplitLine,
+  };
+
+};
+export default WaveChart;

package/src/components/charts/feature/token/factory/chartsToken/WordCloudChart.js

@@ -0,0 +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.
+ *
+ */
+function WordCloudChart(aliasToken) {
+  const { colorShadowContainer } = aliasToken;
+
+  return {
+    emphasisTextShadowColor: colorShadowContainer,
+  };
+
+};
+
+export default WordCloudChart;

package/src/components/charts/feature/token/factory/chartsToken/index.js

@@ -0,0 +1,79 @@
+/**
+ * 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 BarChart from './BarChart';
+import BubbleChart from './BubbleChart';
+import FunnelChart from './FunnelChart';
+import HillChart from './HillChart';
+import JadeJueChart from './JadeJueChart';
+import TreeChart from './TreeChart';
+import SunburstChart from './SunburstChart';
+import SankeyChart from './SankeyChart';
+import RadarChart from './RadarChart';
+import ProcessChart from './ProcessChart';
+import PolarBarChart from './PolarBarChart';
+import PieChart from './PieChart';
+import AreaChart from './AreaChart';
+import LineChart from './LineChart';
+import AssembleBubbleChart from './AssembleBubbleChart';
+import BoxplotChart from './BoxplotChart';
+import CandlestickChart from './CandlestickChart';
+import CircleProcessChart from './CircleProcessChart';
+import GaugeChart from './GaugeChart';
+import HeatMapChart from './HeatMapChart';
+import ScatterChart from './ScatterChart';
+import LiquidfillChart from './LiquidfillChart';
+import RegionChart from './RegionChart';
+import WaveChart from './WaveChart';
+import WordCloudChart from './WordCloudChart';
+import TimelineChart from './TimelineChart';
+import ChartCard from './ChartCard'
+import BulletChart from './BulletChart'
+
+// 本文件getChartsToken的图表键名的增删请同步更改constants中的TOKENCHARTNAMES
+/**
+ * 根据aliasToken获取chartsToken
+ * @param {object} aliasToken
+ */
+function getChartsToken(aliasToken) {
+  return {
+    AssembleBubbleChart: AssembleBubbleChart(aliasToken),
+    BarChart: BarChart(aliasToken),
+    BoxplotChart: BoxplotChart(aliasToken),
+    BubbleChart: BubbleChart(aliasToken),
+    CandlestickChart: CandlestickChart(aliasToken),
+    CircleProcessChart: CircleProcessChart(aliasToken),
+    FunnelChart: FunnelChart(aliasToken),
+    GaugeChart: GaugeChart(aliasToken),
+    HeatMapChart: HeatMapChart(aliasToken),
+    ScatterChart: ScatterChart(aliasToken),
+    HillChart: HillChart(aliasToken),
+    BulletChart:BulletChart(aliasToken),
+    JadeJueChart: JadeJueChart(aliasToken),
+    LineChart: LineChart(aliasToken),
+    AreaChart: AreaChart(aliasToken),
+    LiquidfillChart: LiquidfillChart(aliasToken),
+    PieChart: PieChart(aliasToken),
+    PolarBarChart: PolarBarChart(aliasToken),
+    ProcessChart: ProcessChart(aliasToken),
+    RadarChart: RadarChart(aliasToken),
+    RegionChart: RegionChart(aliasToken),
+    SankeyChart: SankeyChart(aliasToken),
+    SunburstChart: SunburstChart(aliasToken),
+    TreeChart: TreeChart(aliasToken),
+    WaveChart: WaveChart(aliasToken),
+    WordCloudChart: WordCloudChart(aliasToken),
+    TimelineChart: TimelineChart(aliasToken),
+    ChartCard:ChartCard(aliasToken)
+  };
+}
+
+export default getChartsToken;

package/src/components/charts/feature/token/factory/getAliasToken.js

@@ -0,0 +1,41 @@
+/**
+ * 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 { THEMES } from '../../../util/constants';
+import { getIctAliasToken } from '../theme/ict/getAliasToken';
+import { getCloudAliasToken } from '../theme/cloud/getAliasToken';
+import { getHdesignAliasToken } from '../theme/hdesign/getAliasToken';
+
+const aliasTokenMap = {
+  [THEMES.LIGHT]: getIctAliasToken,
+  [THEMES.DARK]: getIctAliasToken,
+  [THEMES.BPIT_LIGHT]: getHdesignAliasToken,
+  [THEMES.BPIT_DARK]: getHdesignAliasToken,
+  [THEMES.CLOUD_LIGHT]: getCloudAliasToken,
+  [THEMES.CLOUD_DARK]: getCloudAliasToken,
+  [THEMES.HDESIGN_LIGHT]: getHdesignAliasToken,
+  [THEMES.HDESIGN_DARK]: getHdesignAliasToken,
+};
+
+/**
+ *  根据globalToken获取aliasToken
+ * @param {string} themeName  主题名称
+ * @param {object} globalToken  globalToken
+ * @param {object} sceneToken  sceneToken
+ */
+function getAliasToken(themeName, globalToken, sceneToken) {
+  return {
+    ...aliasTokenMap[themeName](globalToken, sceneToken),
+  };
+}
+
+export default getAliasToken;
+export { aliasTokenMap };

package/src/components/charts/feature/token/factory/getExportColors.js

@@ -0,0 +1,46 @@
+
+const EXPORT_COLORS_KEY = [
+    'group',
+    'error',
+    'alert',
+    'warning',
+    'success',
+    'info',
+    'none',
+    'alarmFatal',
+    'alarmError',
+    'alarmWarning',
+    'alarmSecondary',
+    'alarmOrdinary',
+    'textPrimary',
+    'textSecondary',
+    'textPlaceholder',
+    'textDisabled'
+]
+
+function getExportColors(colorSet, sceneToken) {
+    const { colorTextPrimary, colorTextSecondary, colorTextPlaceholder, colorTextDisabled } = sceneToken
+    return {
+        group: colorSet.colorGroup,
+        // 状态色
+        error: colorSet.colorState.colorError,
+        alert: colorSet.colorState.colorAlert,
+        warning: colorSet.colorState.colorWarning,
+        success: colorSet.colorState.colorSuccess,
+        info: colorSet.colorState.colorInfo,
+        none: colorSet.colorState.colorNone,
+        // 告警色
+        alarmFatal: colorSet.colorAlarms.colorAlarmFatal,
+        alarmError: colorSet.colorAlarms.colorAlarmError,
+        alarmWarning: colorSet.colorAlarms.colorAlarmWarning,
+        alarmSecondary: colorSet.colorAlarms.colorAlarmSecondary,
+        alarmOrdinary: colorSet.colorAlarms.colorAlarmOrdinary,
+        textPrimary: colorTextPrimary,
+        textSecondary: colorTextSecondary,
+        textPlaceholder: colorTextPlaceholder,
+        textDisabled: colorTextDisabled
+    }
+}
+
+export default getExportColors
+export { EXPORT_COLORS_KEY }

package/src/components/charts/feature/token/factory/getGlobalToken.js

@@ -0,0 +1,25 @@
+/**
+ * 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 color from '../color';
+import globalToken from './globalToken';
+
+/**
+ * 获取相应的主题的globalToken
+ * @param {string} themeName  主题名称
+ */
+export default function getGlobalToken(themeName) {
+  return {
+    ...globalToken,
+    ...color[themeName].grayScale,
+    colorBoard: color[themeName].colorBoard,
+  };
+}