@ebiz/designer-components 0.0.18-tj.1

package/src/components/charts/feature/token/theme/hdesign/getAliasToken.js

@@ -0,0 +1,249 @@
+/**
+ * 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 getAliasToken(globalToken, sceneToken) {
+
+  const {
+    fontSizeBase,
+    fontSizeMd,
+    space2x,
+    spaceBase,
+    lineTypeSolid,
+    borderNone,
+    borderBase,
+    borderRadiusBase,
+    border2x,
+    fontSizeLg,
+    borderRadiusNone,
+    fontSize4xl,
+    size3x,
+    size2x,
+    size4x,
+    sizeBase,
+    spaceNone,
+    space4x,
+    size6x,
+    size05x,
+    borderRadiusLg,
+  } = globalToken;
+
+  const {
+    colorBgMask,
+    colorBgPrimary,
+    colorBgSecondary,
+    colorBgPlaceholder,
+    colorBgHover,
+    colorBgHandle,
+    colorTextPrimary,
+    colorTextSecondary,
+    colorTextPlaceholder,
+    colorTextDisabled,
+    colorIconPrimary,
+    colorIconDisabled,
+    colorLine,
+    colorLineSecondary,
+    colorLineSeparator,
+    colorFillNone,
+    colorFill,
+    colorFillSelect,
+    colorFillSelectSecondary,
+    colorFillHover,
+    colorFillHandle,
+    colorBorder,
+    colorBorderSelect,
+    colorShadowPrimary,
+    colorShadowSecondary,
+    shadowOffsetYPrimary,
+    shadowOffsetYSecondary,
+    shadowBlurPrimary,
+    shadowBlurSecondary,
+  } = sceneToken
+
+  return {
+    // -----------------------------------------------------颜色-------------------------------------------------------------------------
+    // 卡片背景
+    colorBgContainer: colorBgPrimary,
+    // tip背景
+    colorBgContainerSecondary: colorBgSecondary,
+    // 悬浮背景
+    colorBgContainerHover: colorBgHover,
+    // 标题颜色
+    colorTitle: colorTextPrimary,
+    // 副标题颜色
+    colorSubTitle: colorTextSecondary,
+    // 名称文本（轴名称，legend名称等）
+    colorTextName: colorTextSecondary,
+    // 轴label
+    colorAxisLabel: colorTextPlaceholder,
+    // label颜色
+    colorLabel: colorTextPrimary,
+    // 进度图专用name名称和pie图使用
+    colorLabelSecondary: colorTextPrimary,
+    // label禁用颜色
+    colorLabelDisabled: colorTextDisabled,
+    // 图标色
+    colorIcon: colorIconPrimary,
+    // 图标失效色
+    colorIconInactive: colorIconDisabled,
+    // 坐标轴线颜色
+    colorAxisLine: colorLine,
+    // 刻度线颜色
+    colorAxisTickLine: colorLine, // 确定
+    // 分隔线颜色
+    colorAxisSplitLine: colorLineSecondary, // 确定
+    // 用于极坐标的径向轴和雷达坐标的分隔线颜色，和坐标轴线颜色保持一致，特殊处理专用
+    colorAxisSplitLineSecondary: colorLine,
+    // 坐标轴指示器悬浮线
+    colorAxisPointerLine: colorLineSeparator,
+    // 分隔线
+    colorSeparatorLine: colorLineSeparator,
+    // lableline
+    colorLabelLine: colorLineSeparator,
+    // 无色
+    colorNone: colorFillNone,
+    // 占位色
+    colorPlaceholder: colorBgPlaceholder,
+    // 遮盖色
+    colorMask: colorBgMask,
+    // zoom背景色
+    colorZoomBg: colorBgHover,
+    // zoom border颜色
+    colorZoomBorder: colorBgHover,
+    // zoom 数据区域 border
+    colorZoomDataAreaBorder: colorBorder,
+    // zoom 数据区域填充
+    colorZoomDataAreaFill: colorFill,
+    // zoom 选中区域填充
+    colorZoomFill: colorFillSelect,
+    // zoom 选中区域数据border
+    colorZoomSelectDataAreaBorder: colorBorderSelect,
+    // zoom 选中区域数据填充
+    colorZoomSelectDataAreaFill: colorFillSelectSecondary,
+    // zoom 手柄颜色
+    colorZoomHandle: colorFillHandle,
+    // zoom 手柄border
+    colorZoomHandleBorder: colorBgHandle,
+    // hover阴影
+    colorShadowHover: colorFillHover,
+    // tip阴影
+    colorShadowContainer: colorShadowPrimary,
+    // 手柄阴影
+    colorShadowHandle: colorShadowSecondary,
+    // symbol hover填充
+    symbolFillHover: colorBgMask,
+    // ---------------------------------------------------阴影-------------------------------------------------
+    // tip阴影offsetY
+    shadowOffsetYContainer: shadowOffsetYPrimary,
+    // 手柄阴影offsetY
+    shadowOffsetYHandle: shadowOffsetYSecondary,
+    // tip阴影模糊
+    shadowBlurContainer: shadowBlurPrimary,
+    // 手柄阴影模糊
+    shadowBlurHandle: shadowBlurSecondary,
+    // ------------------------------------------------------------------字号---------------------------------------------------
+    // 主文本字号
+    textFontSize: fontSizeMd,
+    // 次级文本字号
+    subtextFontSize: fontSizeBase,
+    // 标题文本字号
+    titleFontSize: fontSize4xl,
+    // 副标题文本字号
+    subtitleFontSize: fontSizeLg,
+    // label字号
+    labelFontSize: fontSizeBase,
+    // ----------------------------------------------线宽---------------------------------------------------------
+    // 坐标轴线宽 2
+    axisLineWidth: border2x,
+    // 用于极坐标系和雷达坐标系
+    axisLineWidthSecondary: borderBase,// 确定
+    // 刻度线线宽 2
+    axisTickLineWidth: border2x,
+    // 分隔线线宽 1
+    axisSplitLineWidth: borderBase,
+    // 坐标轴指示器的标线线宽 1
+    axisPointerLineWidth: borderBase,
+    // 常规线宽
+    lineWidth: border2x,
+    // 二级线宽
+    lineWidthSecondary: borderBase,
+    // 无线宽
+    lineWidthNone: borderNone,
+    // -------------------------------------------------------------------线型-------------------------------------------------------------------
+    // 坐标轴类型
+    axisLineType: lineTypeSolid,
+    // 刻度线类型
+    axisTickLineType: lineTypeSolid,
+    // 直角坐标系分隔线类型
+    axisSplitLineType: lineTypeSolid,
+    // 极坐标系分隔线类型
+    axisSplitLineTypeSecondary: lineTypeSolid,
+    // 坐标轴指示器标线类型
+    axisPointerLineType: lineTypeSolid,
+    // ---------------------------------------------------------------------间距-------------------------------------------------------------------------------
+    // 坐标轴名称间距
+    axisNameSpace: space2x,
+    // 坐标轴文本间距
+    axisLabelSpace: spaceBase,
+    // 标题文本间距
+    titleSpace: space2x,
+    // 容器的间距
+    containerGap: spaceBase,
+    // 图例的间距
+    legendSpace: space4x,
+    // 无padding
+    paddingNone: spaceNone,
+    paddingSM: spaceBase,
+    padding: space2x,
+    paddingLG: space4x,
+    tipItemGap: size2x,
+    tipIconGap: size2x,
+    tipValueGap: size4x,
+    // -----------------------------------------------------------------边框------------------------------------------------------------------------------
+    // zoom数据区域边框
+    zoomDataAreaBorderWidth: borderBase,
+    // 边框 细
+    borderWidth: borderBase,
+    // 边框
+    borderWidthLG: border2x,
+    //  border 0
+    borderWidthNone: borderNone,
+    // 图元的边框0
+    symbolBorderWidthNone: borderNone,
+    // 图元的边框
+    symbolBorderWidth: border2x,
+    // -------------------------------------------------------------size----------------------------------------------------------------------------------------
+    // 图元 
+    symbolSize: size3x - 2,
+    // 雷达图专用
+    symbolSizeSecondary: size3x - 2,
+    // 图元  线形图用
+    symbolSizeSM: sizeBase,
+    // 柱条的宽度
+    barWidth: size4x,
+    // 堆叠进度图宽度
+    barWidthSecondary: size4x,
+    // 图例单元尺寸
+    legendItemSize: size05x,
+    // 图例圆形单元尺寸
+    legendCircleItemSize: size2x,
+    // labelLine的长度
+    labelLineLength: size6x,
+    // ------------------------------------------------圆角---------------------------------------------------
+    // 容器的圆角
+    containerBoderRadius: borderRadiusLg,
+    // 圆角 0
+    borderRadiusNone,
+    // 圆角 小
+    borderRadius: borderRadiusBase,
+  };
+}
+
+export { getAliasToken as getHdesignAliasToken };

package/src/components/charts/feature/token/theme/hdesign/getSceneToken.js

@@ -0,0 +1,75 @@
+import { codeToRGB } from '../../../../util/color';
+
+function getSceneToken(globalToken, light = true) {
+    const {
+        colorGray0,
+        colorGray5,
+        colorGray10,
+        colorGray20,
+        colorGray30,
+        colorGray40,
+        colorGray50,
+        colorGray60,
+        colorGray70,
+        colorGray80,
+        colorGray90,
+        colorGray100,
+        colorTransparent,
+        colorBoard,
+        space2x,
+        space3x,
+        space6x,
+        spaceNone,
+    } = globalToken;
+    return {
+        // 用于实现一些遮盖场景
+        colorBgMask: light ? colorGray0 : colorGray90,
+        //  初级底色 (卡片)
+        colorBgPrimary: light ? colorGray0 : codeToRGB(colorGray5, 0.1),
+        // 次级背景色 (tip)
+        colorBgSecondary: light ? colorGray0 : colorGray70,
+        // 占位背景色
+        colorBgPlaceholder: light ? colorGray5 : codeToRGB(colorGray5, 0.05),
+        //datazoom背景
+        colorBgHover: light ? colorGray5 : colorGray80,
+        // datazoom  handle border
+        colorBgHandle: light ? colorGray0 : colorGray60,
+        // 主要文本色
+        colorTextPrimary: light ? colorGray90 : colorGray0,
+        // 次要文本色
+        colorTextSecondary: light ? colorGray50 : colorGray20,
+        // 占位文本色
+        colorTextPlaceholder: light ? colorGray30 : colorGray40,
+        // 禁用文本色
+        colorTextDisabled: light ? colorGray20 : colorGray40,
+        // 图标色
+        colorIconPrimary: light ? colorGray90 : colorGray10,
+        // 图标失效色
+        colorIconDisabled: light ? colorGray20 : colorGray40,
+        colorLine: light ? colorGray10 : colorGray70,
+        colorLineSecondary: light ? colorGray5 : colorGray80,
+        //分隔线
+        colorLineSeparator: light ? colorGray10 : colorGray70,
+        colorFillNone: colorTransparent,
+        // datzoom 未选中数据  fill
+        colorFill: light ? colorGray10 : colorGray70,
+        // datzoom  选中区域 fill
+        colorFillSelect: codeToRGB(colorBoard.blue.colorBlue50, 0.1),
+        // datzoom  选中数据 fill
+        colorFillSelectSecondary: light ? codeToRGB(colorBoard.blue.colorBlue30, 0.2) : codeToRGB(colorBoard.blue.colorBlue70, 0.3),
+        // hover阴影(黑色主题字典中的值是codeToRGB(colorGray5, 0.2)太亮了,待后续沟通)
+        colorFillHover: light ? codeToRGB(colorGray90, 0.05) : codeToRGB(colorGray5, 0.1),
+        // datzoom handle 填充
+        colorFillHandle: light ? colorGray90 : colorGray10,
+        colorBorder: light ? colorGray10 : colorGray70,
+        colorBorderSelect: light ? codeToRGB(colorBoard.blue.colorBlue30, 0.2) : codeToRGB(colorBoard.blue.colorBlue70, 0.3),
+        colorShadowPrimary: light ? codeToRGB(colorGray100, 0.08) : codeToRGB(colorGray100, 0.5),
+        colorShadowSecondary: light ? codeToRGB(colorGray100, 0.08) : codeToRGB(colorGray100, 0.5),
+        shadowOffsetYPrimary: space2x,
+        shadowOffsetYSecondary: spaceNone,
+        shadowBlurPrimary: space6x,
+        shadowBlurSecondary: space3x,
+    }
+}
+
+export { getSceneToken as getHdesignSceneToken }

package/src/components/charts/feature/token/theme/hdesign/index.js

@@ -0,0 +1,19 @@
+/**
+ * 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 getToken from '../../factory';
+
+const hdesignLight = getToken(THEMES.HDESIGN_LIGHT);
+
+const hdesignDark = getToken(THEMES.HDESIGN_DARK);
+
+export { hdesignLight, hdesignDark };

package/src/components/charts/feature/token/theme/ict/getAliasToken.js

@@ -0,0 +1,249 @@
+/**
+ * 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 getAliasToken(globalToken, sceneToken) {
+
+  const {
+    fontSizeBase,
+    fontSizeMd,
+    space2x,
+    spaceBase,
+    lineTypeSolid,
+    borderNone,
+    borderBase,
+    borderRadiusBase,
+    border2x,
+    fontSizeLg,
+    borderRadiusNone,
+    fontSize4xl,
+    size05x,
+    size3x,
+    size2x,
+    sizeBase,
+    spaceNone,
+    space4x,
+    size6x,
+    size4x,
+  } = globalToken;
+
+  const {
+    colorBgMask,
+    colorBgPrimary,
+    colorBgSecondary,
+    colorBgPlaceholder,
+    colorBgHover,
+    colorTextPrimary,
+    colorTextSecondary,
+    colorTextPlaceholder,
+    colorTextDisabled,
+    colorIconPrimary,
+    colorIconDisabled,
+    colorLine,
+    colorLineSecondary,
+    colorLineSeparator,
+    colorFillNone,
+    colorFill,
+    colorFillSelect,
+    colorFillSelectSecondary,
+    colorFillHover,
+    colorBorder,
+    colorBorderSelect,
+    colorFillHandle,
+    colorBgHandle,
+    colorShadowPrimary,
+    colorShadowSecondary,
+    shadowOffsetYPrimary,
+    shadowOffsetYSecondary,
+    shadowBlurPrimary,
+    shadowBlurSecondary,
+  } = sceneToken
+
+  return {
+    // -----------------------------------------------------颜色-------------------------------------------------------------------------
+    // 卡片背景
+    colorBgContainer: colorBgPrimary,
+    // tip背景
+    colorBgContainerSecondary: colorBgSecondary,
+    // 悬浮背景
+    colorBgContainerHover: colorBgHover,
+    // 标题颜色
+    colorTitle: colorTextPrimary,
+    // 副标题颜色
+    colorSubTitle: colorTextSecondary,
+    // 名称文本（轴名称，legend名称等）
+    colorTextName: colorTextSecondary,
+    // 轴label
+    colorAxisLabel: colorTextPlaceholder,
+    // label颜色
+    colorLabel: colorTextPrimary,
+    // 进度图专用name名称
+    colorLabelSecondary: colorTextPrimary,
+    // label禁用颜色
+    colorLabelDisabled: colorTextDisabled,
+    // 图标色
+    colorIcon: colorIconPrimary,
+    // 图标失效色
+    colorIconInactive: colorIconDisabled,
+    // 坐标轴线颜色
+    colorAxisLine: colorLine,
+    // 刻度线颜色
+    colorAxisTickLine: colorLine,
+    // 分隔线颜色
+    colorAxisSplitLine: colorLineSecondary,
+    // 用于极坐标的径向轴和雷达坐标的分隔线颜色，和坐标轴线颜色保持一致，特殊处理专用
+    colorAxisSplitLineSecondary: colorLine,
+    // 坐标轴指示器悬浮线
+    colorAxisPointerLine: colorLineSeparator,
+    // 分隔线
+    colorSeparatorLine: colorLineSeparator,
+    // lableline
+    colorLabelLine: colorLineSeparator,
+    // 无色
+    colorNone: colorFillNone,
+    //  占位色
+    colorPlaceholder: colorBgPlaceholder,
+    // 遮盖色
+    colorMask: colorBgMask,
+    // zoom背景色
+    colorZoomBg: colorBgHover,
+    // zoom border颜色
+    colorZoomBorder: colorBgHover,
+    // zoom 数据区域 border
+    colorZoomDataAreaBorder: colorBorder,
+    // zoom 数据区域填充
+    colorZoomDataAreaFill: colorFill,
+    // zoom 选中区域填充
+    colorZoomFill: colorFillSelect,
+    // zoom 选中区域数据border
+    colorZoomSelectDataAreaBorder: colorBorderSelect,
+    // zoom 选中区域数据填充
+    colorZoomSelectDataAreaFill: colorFillSelectSecondary,
+    // zoom 手柄颜色
+    colorZoomHandle: colorFillHandle,
+    // zoom 手柄border
+    colorZoomHandleBorder: colorBgHandle,
+    // hover阴影
+    colorShadowHover: colorFillHover,
+    // tip阴影
+    colorShadowContainer: colorShadowPrimary,
+    // 手柄阴影
+    colorShadowHandle: colorShadowSecondary,
+    // symbol hover填充
+    symbolFillHover: colorBgMask,
+    // ---------------------------------------------------阴影-------------------------------------------------
+    // tip阴影offsetY
+    shadowOffsetYContainer: shadowOffsetYPrimary,
+    // 手柄阴影offsetY
+    shadowOffsetYHandle: shadowOffsetYSecondary,
+    // tip阴影模糊
+    shadowBlurContainer: shadowBlurPrimary,
+    // 手柄阴影模糊
+    shadowBlurHandle: shadowBlurSecondary,
+    // ------------------------------------------------------------------字号---------------------------------------------------
+    // 主文本字号
+    textFontSize: fontSizeMd, // 确定
+    // 次级文本字号
+    subtextFontSize: fontSizeBase, // 确定
+    // 标题文本字号
+    titleFontSize: fontSize4xl,
+    // 副标题文本字号
+    subtitleFontSize: fontSizeLg,
+    // label字号
+    labelFontSize: fontSizeBase,
+    // ----------------------------------------------线宽---------------------------------------------------------
+    // 坐标轴线宽 2
+    axisLineWidth: border2x, // 确定
+    // 用于极坐标系和雷达坐标系
+    axisLineWidthSecondary: borderBase,// 确定
+    // 刻度线线宽 2
+    axisTickLineWidth: border2x, // 确定
+    // 分隔线线宽 1
+    axisSplitLineWidth: borderBase, // 确定
+    // 坐标轴指示器的标线线宽 1
+    axisPointerLineWidth: borderBase,
+    // 常规线宽
+    lineWidth: border2x,
+    // 二级线宽
+    lineWidthSecondary: borderBase,
+    // 无线宽
+    lineWidthNone: borderNone,
+    // -------------------------------------------------------------------线型-------------------------------------------------------------------
+    // 坐标轴类型
+    axisLineType: lineTypeSolid,
+    // 刻度线类型
+    axisTickLineType: lineTypeSolid,
+    // 直角坐标系分隔线类型
+    axisSplitLineType: lineTypeSolid,
+    // 极坐标系分隔线类型
+    axisSplitLineTypeSecondary: lineTypeSolid,
+    // 坐标轴指示器标线类型
+    axisPointerLineType: lineTypeSolid,
+    // ---------------------------------------------------------------------间距-------------------------------------------------------------------------------
+    // 坐标轴名称间距
+    axisNameSpace: space2x,
+    // 坐标轴文本间距
+    axisLabelSpace: spaceBase,
+    // 标题文本间距
+    titleSpace: space2x,
+    // 容器的间距
+    containerGap: spaceBase,
+    // 图例的间距
+    legendSpace: space4x,
+    // 无padding
+    paddingNone: spaceNone,
+    paddingSM: spaceBase,
+    padding: space2x,
+    paddingLG: space4x,
+    tipItemGap: size2x,
+    tipIconGap: size2x,
+    tipValueGap: size4x,
+    // -----------------------------------------------------------------边框------------------------------------------------------------------------------
+    // zoom数据区域边框
+    zoomDataAreaBorderWidth: borderBase,
+    // 边框 细
+    borderWidth: borderBase,
+    // 边框
+    borderWidthLG: border2x,
+    //  border 0
+    borderWidthNone: borderNone,
+    // 图元的边框0
+    symbolBorderWidthNone: borderNone,
+    // 图元的边框
+    symbolBorderWidth: border2x,
+    // -------------------------------------------------------------size----------------------------------------------------------------------------------------
+    // 图元
+    symbolSize: size3x - 2,
+    // 雷达图专用
+    symbolSizeSecondary: size3x - 2,
+    // 图元 线形图用
+    symbolSizeSM: sizeBase,
+    // 柱条的宽度
+    barWidth: size2x,
+    // 堆叠进度图宽度 
+    barWidthSecondary: size4x,
+    // 图例单元尺寸
+    legendItemSize: size05x,
+    // 图例圆形单元尺寸
+    legendCircleItemSize: size3x,
+    // labelLine的长度
+    labelLineLength: size6x,
+    // ------------------------------------------------圆角---------------------------------------------------
+    // 容器的圆角
+    containerBoderRadius: borderRadiusBase,
+    // 圆角 0
+    borderRadiusNone,
+    // 圆角 小
+    borderRadius: borderRadiusBase,
+  };
+}
+
+export { getAliasToken as getIctAliasToken };

package/src/components/charts/feature/token/theme/ict/getSceneToken.js

@@ -0,0 +1,72 @@
+import { codeToRGB } from '../../../../util/color';
+function getSceneToken(globalToken, light = true) {
+    const {
+        colorGray0,
+        colorGray5,
+        colorGray10,
+        colorGray20,
+        colorGray50,
+        colorGray60,
+        colorGray70,
+        colorGray80,
+        colorGray90,
+        colorGray100,
+        colorTransparent,
+        colorBoard,
+        space2x,
+        space3x,
+        space6x,
+        spaceNone,
+    } = globalToken;
+
+    return {
+        // 用于实现一些遮盖场景
+        colorBgMask: light ? colorGray0 : colorGray90,
+        // 初级底色 (卡片)
+        colorBgPrimary: light ? colorGray0 : colorGray90,
+        // 次级背景色 (tip)
+        colorBgSecondary: light ? colorGray0 : colorGray70,
+        // 占位背景色
+        colorBgPlaceholder: light ? colorGray10 : codeToRGB(colorGray10, 0.1),
+        // datazoom背景
+        colorBgHover: light ? colorGray5 : colorGray80,
+        // datazoom  handle border
+        colorBgHandle: light ? colorGray0 : colorGray70,
+        // 主要文本色
+        colorTextPrimary: light ? colorGray90 : colorGray5,
+        // 次要文本色
+        colorTextSecondary: light ? colorGray60 : colorGray20,
+        // 占位文本色
+        colorTextPlaceholder: light ? colorGray60 : colorGray20,
+        // 禁用文本色
+        colorTextDisabled: light ? codeToRGB(colorGray90, 0.3) : codeToRGB(colorGray10, 0.3),
+        // 图标色
+        colorIconPrimary: light ? colorGray90 : colorGray10,
+        // 图标禁用色
+        colorIconDisabled: light ? codeToRGB(colorGray90, 0.3) : codeToRGB(colorGray10, 0.3),
+        colorLine: light ? colorGray10 : codeToRGB(colorGray10, 0.1),
+        colorLineSecondary: light ? codeToRGB(colorGray90, 0.1) : codeToRGB(colorGray10, 0.1),
+        colorLineSeparator: light ? colorGray20 : colorGray50,
+        colorFillNone: colorTransparent,
+        // datzoom 未选中数据  fill
+        colorFill: light ? colorGray20 : colorGray70,
+        // datzoom  选中区域 fill
+        colorFillSelect: codeToRGB(colorBoard.blue.colorBlue50, 0.1),
+        // datzoom  选中数据 fill
+        colorFillSelectSecondary: light ? codeToRGB(colorBoard.blue.colorBlue30, 0.2) : codeToRGB(colorBoard.blue.colorBlue70, 0.3),
+        // hover阴影
+        colorFillHover: light ? codeToRGB(colorGray90, 0.05) : codeToRGB(colorGray10, 0.08),
+        // datzoom handle 填充
+        colorFillHandle: light ? colorGray90 : colorGray0,
+        colorBorder: light ? colorGray20 : colorGray70,
+        colorBorderSelect: light ? codeToRGB(colorBoard.blue.colorBlue30, 0.2) : codeToRGB(colorBoard.blue.colorBlue70, 0.3),
+        colorShadowPrimary: light ? codeToRGB(colorGray100, 0.16) : codeToRGB(colorGray100, 0.5),
+        colorShadowSecondary: light ? codeToRGB(colorGray100, 0.04) : codeToRGB(colorGray100, 0.24),
+        shadowOffsetYPrimary: space2x,
+        shadowOffsetYSecondary: spaceNone,
+        shadowBlurPrimary: space6x,
+        shadowBlurSecondary: space3x,
+    }
+}
+
+export { getSceneToken as getIctSceneToken }

package/src/components/charts/feature/token/theme/ict/index.js

@@ -0,0 +1,19 @@
+/**
+ * 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 getToken from '../../factory';
+
+const ictLight = getToken(THEMES.LIGHT);
+
+const ictDark = getToken(THEMES.DARK);
+
+export { ictLight, ictDark };