base6-ui 1.1.1 → 1.1.3

package/src/components/BaseSwitch/index.vue

@@ -1,69 +0,0 @@
-<template>
-  <n-switch v-bind="$attrs" :class="`base-switch ${className}`" :style="[extendStyle, style]">
-    <template v-for="(item,keys) in $slots" v-slot:[keys]>
-      <slot :name="keys"></slot>
-    </template>
-  </n-switch>
-</template>
-<script lang="ts" setup>
-import { CSSProperties, shallowRef, watch } from 'vue'
-import { useThemeVars } from 'naive-ui'
-import useNaiveConfigProvideContext from '../../hooks/useNaiveConfigProvideContext'
-type PropsType = {
-  className?: string;
-  style?: CSSProperties;
-}
-withDefaults(defineProps<PropsType>(), { className: '', style: () => ({}) })
-defineOptions({
-  name: 'BaseSwitch'
-})
-const NConfigProvider = useNaiveConfigProvideContext()
-const extendStyle = shallowRef({})
-
-watch(
-  () => NConfigProvider?.mergedThemeOverridesRef.value.Switch,
-  (curVal) => {
-    console.log(useThemeVars(), 'useThemeVars')
-    if (!curVal) return
-    extendStyle.value = {
-      '--n-rail-color-active-disabled': curVal.railColorActiveDisabled,
-      '--n-rail-color-disabled': curVal.railColorDisabled,
-      '--n-button-color-disabled': curVal.buttonColorDisabled,
-      '--n-button-color-active-disabled': curVal.buttonColorActiveDisabled
-    }
-  },
-  {
-    immediate: true
-  }
-)
-</script>
-<style lang="scss" scoped>
-.base-switch {
-  :deep(.n-switch__button) {
-    box-shadow:
-      0px 5px 5px -3px #0000001A,
-      0px 8px 10px 1px #0000000F,
-      0px 3px 14px 2px #0000000D;
-
-  }
-  :deep(.n-switch__rail) {
-    opacity: 1;
-  }
-  &.n-switch--disabled {
-    :deep(.n-switch__rail) {
-      background-color: var(--n-rail-color-disabled);
-      .n-switch__button {
-        background-color: var(--n-button-color-disabled)
-      }
-    }
-    &.n-switch--active {
-      :deep(.n-switch__rail) {
-        background-color: var(--n-rail-color-active-disabled);
-        .n-switch__button {
-          background-color: var(--n-button-color-active-disabled)
-        }
-      }
-    }
-  }
-}
-</style>

package/src/components/index.ts

@@ -1,11 +0,0 @@
-export * from './AppProvider'
-export * from './BaseButton'
-export * from './BaseDataTable'
-export * from './BaseDialog'
-export * from './BaseInputNumber'
-export * from './BaseLayout'
-export * from './BaseRadio'
-export { default as BaseProgress } from './BaseProgress'
-export * from './BaseSelect'
-export * from './BaseSlider'
-export * from './BaseSwitch'

package/src/components/types/themes/extendThemes.ts

@@ -1,50 +0,0 @@
-export type ExtendThemeRadio = {
-  colorActiveDisabled?: string
-  boxShadowActiveDisabled?: string
-}
-
-export type ExtendThemeSwitch = {
-  railColorActiveDisabled?: string
-  railColorDisabled?: string
-  buttonColorActiveDisabled?: string
-  buttonColorDisabled?: string
-}
-
-export type ExtendThemeSlider = {
-  handleBorderStyle?: string
-  inputWidth?: string
-  rangeInputLineColor?: string
-  extremeValueTextColor?: string
-}
-
-export type ExtendInputNumber = {
-  controlsFontColor?: string
-  controlFontColorDisabled?: string
-
-  innerControlsLargeWidth?: string
-  innerControlsMediumWidth?: string
-  innerControlsSmallWidth?: string
-  innerControlsLargeHeight?: string
-  innerControlsMediumHeight?: string
-  innerControlsSmallHeight?: string
-  innerControlsBackground?: string
-  innerControlsDisabledBackground?: string
-  innerControlsLargeBorderRadius?: string
-  innerControlsMediumBorderRadius?: string
-  innerControlsSmallBorderRadius?: string
-
-  outerControlsBorderStyle?: string
-  outerControlsBackground?: string
-  outerControlsBorderStyleDisabled?: string
-  outerControlsBackgroundDisabled?: string
-  outerControlsOpacityDisabled?: number
-}
-
-export type ExtendProgress = {
-  circleWidthMedium?: string;
-  circleWidthLarge?: string;
-  fontSizeCircleMedium?: string;
-  fontSizeCircleLarge?: string;
-  tipColorCircle?: string;
-  tipFontSizeCircle?: string;
-}

package/src/config/index.ts

@@ -1 +0,0 @@
-export * from './themes/index'

package/src/config/themes/color/dark.ts

@@ -1,60 +0,0 @@
-const darkBase = {
-  // 主色
-  'color-primary-1': '#263658',
-  'color-primary-2': '#1D4184',
-  'color-primary-3': '#184391',
-  'color-primary-4': '#18429D',
-  'color-primary-5': '#296BD0',
-  'color-primary-6': '#3693FF',
-  'color-primary-7': '#3693FF',
-  'color-primary-8': '#BBD1FF',
-  'color-primary-9': '#CBDEFF',
-  'color-primary-10': '#E8F1FF',
-  // green
-  'color-green-1': '#163A2A',
-  'color-green-2': '#0D4934',
-  'color-green-3': '#005C3A',
-  'color-green-4': '#006D55',
-  'color-green-5': '#047D4C',
-  'color-green-6': '#10C278',
-  'color-green-7': '#6DD68E',
-  'color-green-8': '#91E9CA',
-  'color-green-9': '#C6F0E0',
-  'color-green-10': '#E7FFF8',
-  // red
-  'color-red-1': '#431B1B',
-  'color-red-2': '#5E201D',
-  'color-red-3': '#76201B',
-  'color-red-4': '#96241B',
-  'color-red-5': '#C82D25',
-  'color-red-6': '#EA4D44',
-  'color-red-7': '#EA4D44',
-  'color-red-8': '#FFD2CF',
-  'color-red-9': '#F9DAD8',
-  'color-red-10': '#FFEEEC',
-  // origin
-  'color-origin-1': '#3F260A',
-  'color-origin-2': '#703510',
-  'color-origin-3': '#9B5020',
-  'color-origin-4': '#A65519',
-  'color-origin-5': '#A74800',
-  'color-origin-6': '#FF9939',
-  'color-origin-7': '#F7A55D',
-  'color-origin-8': '#FFB677',
-  'color-origin-9': '#FFD59F',
-  'color-origin-10': '#FFF7D9',
-  // gray
-  'color-gray-1': '#161C28',
-  'color-gray-2': '#222833',
-  'color-gray-3': '#2F3A4B',
-  'color-gray-4': '#474E58',
-  'color-gray-5': '#818691',
-  'color-gray-6': '#9DA3AF',
-  'color-gray-7': '#AFB4BE',
-  'color-gray-8': '#C7CAD1',
-  'color-gray-9': '#E5E9EF',
-  'color-gray-10': '#F6F6F6',
-  'color-gray-11': '#636467'
-}
-
-export default darkBase

package/src/config/themes/color/index.ts

@@ -1,2 +0,0 @@
-export { default as darkBase } from './dark'
-export { default as lightBase } from './light'

package/src/config/themes/color/light.ts

@@ -1,59 +0,0 @@
-const lightBase = {
-  // 主色
-  'color-primary-1': '#ECF2FF',
-  'color-primary-2': '#DEEAFF',
-  'color-primary-3': '#BBD1FF',
-  'color-primary-4': '#A1BFFF',
-  'color-primary-5': '#4C8EFF',
-  'color-primary-6': '#0151FF',
-  'color-primary-7': '#0046DC',
-  'color-primary-8': '#003AB8',
-  'color-primary-9': '#003098',
-  'color-primary-10': '#002575',
-  // green
-  'color-green-1': '#EBFCF4',
-  'color-green-2': '#D6F8E6',
-  'color-green-3': '#C0ECD6',
-  'color-green-4': '#91E9BC',
-  'color-green-5': '#6ED9A5',
-  'color-green-6': '#0DAB63',
-  'color-green-7': '#059D5E',
-  'color-green-8': '#006D45',
-  'color-green-9': '#0D492B',
-  'color-green-10': '#213F26',
-  // red
-  'color-red-1': '#FFF0EF',
-  'color-red-2': '#F9DAD8',
-  'color-red-3': '#FFD2CF',
-  'color-red-4': '#FF989A',
-  'color-red-5': '#EF7173',
-  'color-red-6': '#EC352B',
-  'color-red-7': '#C82D25',
-  'color-red-8': '#96241B',
-  'color-red-9': '#5E201D',
-  'color-red-10': '#4B2C2C',
-  // origin
-  'color-origin-1': '#FFF5E8',
-  'color-origin-2': '#FFE5CD',
-  'color-origin-3': '#FFE3BF',
-  'color-origin-4': '#FFB677',
-  'color-origin-5': '#F7A55D',
-  'color-origin-6': '#F78821',
-  'color-origin-7': '#D25C02',
-  'color-origin-8': '#9A4C1B',
-  'color-origin-9': '#703510',
-  'color-origin-10': '#452009',
-  // gray
-  'color-gray-1': '#FAFAFA',
-  'color-gray-2': '#F3F6FC',
-  'color-gray-3': '#E0E6EF',
-  'color-gray-4': '#CAD3E2',
-  'color-gray-5': '#B0BACB',
-  'color-gray-6': '#8D9CAF',
-  'color-gray-7': '#657489',
-  'color-gray-8': '#56647A',
-  'color-gray-9': '#262D3E',
-  'color-gray-10': '#161C2A'
-}
-
-export default lightBase

package/src/config/themes/common.ts

@@ -1,50 +0,0 @@
-export const commonBase = {
-  borderRadiusLarge: '10px',
-  borderRadiusMedium: '10px',
-  borderRadiusSmall: '10px',
-
-  heightSmall: '28px',
-  heightMedium: '32px',
-  heightLarge: '40px',
-
-  fontSizeLarge: '14px',
-  fontSizeMedium: '14px',
-  fontSizeSmall: '12px',
-
-  // switch
-  buttonHeightSmall: '12px',
-  buttonHeightMedium: '16px',
-  buttonHeightLarge: '22px',
-  buttonWidthSmall: '12px',
-  buttonWidthMedium: '16px',
-  buttonWidthLarge: '22px',
-  buttonWidthPressedSmall: '20px',
-  buttonWidthPressedMedium: '24px',
-  buttonWidthPressedLarge: '28px',
-  railHeightSmall: '16px',
-  railHeightMedium: '24px',
-  railHeightLarge: '26px',
-  railWidthSmall: '28px',
-  railWidthMedium: '40px',
-  railWidthLarge: '48px',
-
-  // tag
-  tagBorderRadius: '6px',
-  tagHeightMedium: '22px',
-  tagHeightLarge: '26px',
-  paddingBase: '8px 12px',
-  iconSizeBase: '20px',
-
-  paddingMedium: '0 10px',
-  tabGapSmall: '24px',
-  tabGapMedium: '24px',
-  tabGapLarge: '24px',
-  /* 小尺寸Line类型水平内边距 */
-  tabPaddingSmall: '0 0 4px 0',
-  tabPaddingMedium: '0 0 4px 0',
-  tabPaddingLarge: '0 0 4px 0',
-
-  fontWeightNormal: '400',
-  fontWeightActive: '500',
-  tabBorderRadius: '19px'
-}

package/src/config/themes/components/alert/common.ts

@@ -1,13 +0,0 @@
-import { AlertProps } from 'naive-ui'
-import { commonBase } from '../../common'
-
-export const AlertThemeCommon: AlertProps['themeOverrides'] = {
-
-  borderRadius: commonBase.borderRadiusMedium,
-
-  fontSize: commonBase.fontSizeMedium,
-
-  iconSize: '16px',
-
-  iconMargin: '15px 8px 0 12px'
-}

package/src/config/themes/components/alert/dark.ts

@@ -1,23 +0,0 @@
-import { AlertProps } from 'naive-ui'
-import { darkBase } from '../../color'
-import { AlertThemeCommon } from './common'
-
-export const AlertThemeDark: AlertProps['themeOverrides'] = {
-  ...AlertThemeCommon,
-  colorInfo: darkBase['color-primary-1'],
-  colorSuccess: darkBase['color-green-1'],
-  colorError: darkBase['color-red-1'],
-  colorWarning: darkBase['color-origin-1'],
-
-  contentTextColorError: darkBase['color-gray-10'],
-  contentTextColorInfo: darkBase['color-gray-10'],
-  contentTextColorSuccess: darkBase['color-gray-10'],
-  contentTextColorWarning: darkBase['color-gray-10'],
-
-  iconColorInfo: darkBase['color-primary-6'],
-  iconColorError: darkBase['color-red-6'],
-  iconColorSuccess: darkBase['color-green-6'],
-  iconColorWarning: darkBase['color-origin-6'],
-
-  titleTextColor: darkBase['color-gray-10']
-}

package/src/config/themes/components/alert/light.ts

@@ -1,18 +0,0 @@
-import { AlertProps } from 'naive-ui'
-import { lightBase } from '../../color'
-import { AlertThemeCommon } from './common'
-
-export const AlertThemeLight: AlertProps['themeOverrides'] = {
-  ...AlertThemeCommon,
-  colorInfo: lightBase['color-primary-1'],
-  colorSuccess: lightBase['color-green-1'],
-  colorError: lightBase['color-red-1'],
-  colorWarning: lightBase['color-origin-1'],
-
-  contentTextColorError: lightBase['color-gray-10'],
-  contentTextColorInfo: lightBase['color-gray-10'],
-  contentTextColorSuccess: lightBase['color-gray-10'],
-  contentTextColorWarning: lightBase['color-gray-10'],
-
-  titleTextColor: lightBase['color-gray-10']
-}

package/src/config/themes/components/baseComponent/dark.ts

@@ -1,189 +0,0 @@
-import { TooltipProps, StepsProps, TabsProps, PopconfirmProps, TreeProps, PaginationProps, BreadcrumbProps } from 'naive-ui'
-import { darkBase } from '../../color'
-import { darkToken } from '../../token'
-import { commonBase } from '../../common'
-
-export const TooltipThemeDark: TooltipProps['themeOverrides'] = {
-  borderRadius: commonBase.borderRadiusMedium,
-  color: darkBase['color-gray-3'],
-  textColor: darkToken['color-text-6'],
-  padding: commonBase.paddingBase
-}
-export const PopconfirmThemeDark: PopconfirmProps['themeOverrides'] = {
-  fontSize: commonBase.fontSizeMedium,
-  iconColor: darkBase['color-primary-6'],
-  iconSize: commonBase.iconSizeBase
-}
-export const TreeThemeDark: TreeProps['themeOverrides'] = {
-  nodeTextColor: darkToken['color-text-6'],
-  arrowColor: darkToken['color-text-3'],
-  lineColor: darkBase['color-gray-11']
-  // nodeColorHover: 'red'
-  // nodeColorActive: 'transparent',
-  // nodeColorHover: 'transparent',
-  // nodeColorPressed: 'transparent'
-
-  // fontSize: string;
-// lineHeight: string;          // 行高（每个节点的高度）
-// nodeHeight: string;          // 节点高度（可能已废弃，用lineHeight）
-// nodeWrapperPadding: string;  // 节点内边距（文字与边框的间距）
-// nodeBorderRadius: string;    // 节点圆角
-// // nodeColorHover: string;      // 节点悬停时的背景色
-// nodeColorPressed: string;    // 节点按下时的背景色
-// nodeColorActive: string;     // 节点激活/选中时的背景色
-// // nodeTextColor: string;           // 节点文字颜色
-// nodeTextColorDisabled: string;   // 禁用节点文字颜色
-// arrowColor: string;              // 展开/收起箭头的颜色
-// loadingColor: string;            // 加载中图标的颜色
-// // dropMarkColor: string;       // 拖拽放置指示线的颜色
-// lineColor: string;           // 节点连接线的颜色（您刚才问的！）
-}
-export const PaginationThemeDark: PaginationProps['themeOverrides'] = {
-  buttonBorderHover: '0px solid transparent',
-  buttonBorderPressed: '0px solid transparent',
-  itemTextColorHover: darkToken['color-text-6'],
-  itemTextColorPressed: darkToken['color-text-6'],
-  itemColorActive: darkBase['color-primary-6'],
-  itemColorActiveHover: darkBase['color-primary-6'],
-  itemBorderDisabled: '0px solid transparent',
-  buttonBorder: darkBase['color-gray-3'],
-  // // 按钮相关样式（上一页/下一页按钮）
-  buttonIconColor: darkToken['color-text-6'], /* 按钮图标颜色 */
-  buttonIconColorPressed: darkToken['color-text-6'],
-  buttonIconColorHover: darkToken['color-text-6'],
-  itemTextColorDisabled: darkToken['color-text-6'], /* 禁用页码文字颜色 */
-  /* 文字颜色 */
-  itemTextColor: darkToken['color-text-6'],
-  // itemTextColorPressed: 'red', /* 按下页码文字颜色 */
-  itemColorDisabled: 'transparent', /* 禁用页码背景颜色 */
-
-  itemTextColorActive: darkToken['color-text-5'], /* 当前页码文字颜色 */
-  /* 背景颜色 */
-  itemBorderRadius: commonBase.borderRadiusMedium,
-  itemSizeMedium: commonBase.heightMedium, // 修改默认高度
-  itemFontSizeMedium: commonBase.fontSizeMedium, // 修改默认字体
-  itemPaddingMedium: commonBase.paddingMedium, // 修改默认内边距
-
-  /** 跳转文字*/
-  jumperTextColor: darkToken['color-text-6'] // 修改跳转文字颜色
-}
-export const BreadcrumbThemeDark: BreadcrumbProps['themeOverrides'] = {
-  // fontSize: string;          /* 面包屑整体字体大小 */
-  // itemLineHeight: string;    /* 面包屑项的行高 */
-  // fontWeightActive: string;  /* 当前项的字重（如：bold）*/
-  itemTextColor: darkToken['color-text-2'], /* 普通面包屑项文字颜色 */
-  itemTextColorHover: darkToken['color-text-6'], /* 鼠标悬停时文字颜色 */
-  itemTextColorPressed: darkToken['color-text-6'], /* 鼠标按下时文字颜色 */
-  itemTextColorActive: darkToken['color-text-6'], /* 当前页面项文字颜色（不可点击）*/
-  // itemColorHover: string;        /* 鼠标悬停时背景颜色 */
-  // itemColorPressed: string;      /* 鼠标按下时背景颜色 */
-  // itemBorderRadius: string;      /* 面包屑项的圆角大小 */
-  separatorColor: darkToken['color-text-4'] /* 分隔符颜色（如 > 或 / 的颜色）*/
-}
-export const TabsThemeDark: TabsProps['themeOverrides'] = {
-  /* Line 类型文字颜色 */
-  tabTextColorLine: darkToken['color-text-3'], /* 普通文字颜色 */
-  tabTextColorActiveLine: darkBase['color-primary-6'], /* 激活状态文字颜色 */
-  tabTextColorHoverLine: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
-  tabTextColorDisabledLine: darkToken['color-text-6'], /* 禁用状态文字颜色 */
-
-  // /* Bar 类型文字颜色 */
-  tabTextColorBar: darkToken['color-text-3'], /* 普通文字颜色 */
-  tabTextColorActiveBar: darkBase['color-primary-6'], /* 激活状态文字颜色 */
-  tabTextColorHoverBar: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
-  tabTextColorDisabledBar: darkToken['color-text-6'], /* 禁用状态文字颜色 */
-
-  // /* Card 类型文字颜色 */
-  tabTextColorCard: darkToken['color-text-3'], /* 普通文字颜色 */
-  tabTextColorActiveCard: darkBase['color-primary-6'], /* 激活状态文字颜色 */
-  tabTextColorHoverCard: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
-  tabTextColorDisabledCard: darkToken['color-text-6'], /* 禁用状态文字颜色 */
-
-  // /* Segment 类型文字颜色 */
-  tabTextColorSegment: darkToken['color-text-3'], /* 普通文字颜色 */
-  tabTextColorActiveSegment: darkBase['color-primary-6'], /* 激活状态文字颜色 */
-  tabTextColorHoverSegment: darkBase['color-primary-5'], /* 悬停状态文字颜色 */
-  tabTextColorDisabledSegment: darkToken['color-text-6'], /* 禁用状态文字颜色 */
-
-  tabPaddingSmallSegment: '10px 12px',
-  tabPaddingMediumSegment: '10px 0',
-  tabPaddingLargeSegment: '10px 0',
-
-  // tabColor: 'green', /* 标签页背景色 */
-  // tabColorSegment: darkBase['color-primary-6'], /* Segment 类型标签背景色 */
-  // tabBorderColor: string;       /* 标签页边框颜色 */
-  barColor: darkBase['color-primary-6'], /* Bar 类型指示条颜色 */
-  // closeIconColor: string;       /* 关闭图标颜色 */
-  // closeIconColorHover: string;  /* 关闭图标悬停颜色 */
-  // closeIconColorPressed: string;/* 关闭图标按下颜色 */
-  // closeColorHover: string;      /* 关闭按钮悬停背景色 */
-  // closeColorPressed: string;    /* 关闭按钮按下背景色 */
-  // closeBorderRadius: string;    /* 关闭按钮圆角 */
-  // closeSize: string;            /* 关闭按钮大小 */
-  // closeIconSize: string;        /* 关闭图标大小 */
-  // tabFontSizeCard: string;      /* Card 类型字体大小 */
-  tabFontSizeSmall: commonBase.fontSizeSmall, /* 小尺寸字体 */
-  tabFontSizeMedium: commonBase.fontSizeMedium, /* 中尺寸字体 */
-  tabFontSizeLarge: commonBase.fontSizeLarge, /* 大尺寸字体 */
-  tabFontWeight: commonBase.fontWeightNormal, /* 普通字重 */
-  tabFontWeightActive: commonBase.fontWeightActive, /* 激活状态字重 */
-  // fontWeightStrong: string;     /* 强调字重 */
-  // paneTextColor: string;        /* 标签内容区域文字颜色 */
-  // panePaddingSmall: string;     /* 小尺寸内容区域内边距 */
-  // panePaddingMedium: string;    /* 中尺寸内容区域内边距 */
-  // panePaddingLarge: string;     /* 大尺寸内容区域内边距 *//* 各种间距变量命名规则：
-  //    tab[属性][尺寸][类型][方向]
-  //    例如：tabGapSmallLineVertical = 小尺寸 + Line类型 + 垂直方向的间隙
-  // */
-
-  // /* 间隙（Gap）*/
-  tabGapSmallLine: commonBase.tabGapSmall, /* 小尺寸Line类型水平间隙 */
-  tabGapMediumLine: commonBase.tabGapMedium, /* 中尺寸Line类型水平间隙 */
-  tabGapLargeLine: commonBase.tabGapLarge, /* 大尺寸Line类型水平间隙 */
-
-  // /* 内边距（Padding）*/
-  tabPaddingSmallLine: commonBase.tabPaddingSmall, /* 小尺寸Line类型水平内边距 */
-  tabPaddingMediumLine: commonBase.tabPaddingMedium, /* 中尺寸Line类型水平内边距 */
-  tabPaddingLargeLine: commonBase.tabPaddingLarge, /* 大尺寸Line类型水平内边距 */
-
-  // /* 垂直方向变量（带Vertical后缀）*/
-  // tabGapSmallLineVertical: string;     /* 垂直方向间隙 */
-  // tabPaddingVerticalSmallLine: string; /* 垂直方向内边距 */
-  tabBorderRadius: commonBase.tabBorderRadius /* 标签页圆角 */
-// closeBorderRadius: string;    /* 关闭按钮圆角 */
-}
-export const StepsThemeDark: StepsProps['themeOverrides'] = {
-  indicatorColorWait: 'transparent', /* 等待状态指示器背景色 */
-  indicatorColorProcess: darkBase['color-primary-6'], /* 进行状态指示器背景色 */
-  indicatorColorFinish: 'transparent', /* 完成状态指示器背景色 */
-  indicatorColorError: 'transparent', /* 错误状态指示器背景色 */
-  indicatorTextColorWait: darkBase['color-gray-6'], /* 等待状态指示器文字颜色 */
-  indicatorTextColorProcess: darkToken['color-text-5'], /* 进行状态指示器文字颜色 */
-  indicatorTextColorFinish: darkBase['color-primary-6'], /* 完成状态指示器文字颜色 */
-  indicatorTextColorError: darkBase['color-red-6'], /* 错误状态指示器文字颜色 */
-  indicatorBorderColorWait: darkBase['color-gray-6'], /* 等待状态指示器边框颜色 */
-  indicatorBorderColorProcess: darkBase['color-primary-6'], /* 进行状态指示器边框颜色 */
-  indicatorBorderColorFinish: darkBase['color-primary-6'], /* 完成状态指示器边框颜色 */
-  indicatorBorderColorError: darkBase['color-red-6'], /* 错误状态指示器边框颜色 */
-  headerTextColorWait: darkToken['color-text-6'], /* 等待状态标题颜色 */
-  headerTextColorProcess: darkBase['color-gray-10'], /* 进行状态标题颜色 */
-  headerTextColorFinish: darkBase['color-gray-10'], /* 完成状态标题颜色 */
-  headerTextColorError: darkBase['color-gray-10'], /* 错误状态标题颜色 */
-  descriptionTextColorWait: darkToken['color-text-3'], /* 等待状态描述颜色 */
-  descriptionTextColorProcess: darkBase['color-gray-6'], /* 进行状态描述颜色 */
-  descriptionTextColorFinish: darkBase['color-gray-6'], /* 完成状态描述颜色 */
-  descriptionTextColorError: darkBase['color-gray-6'], /* 错误状态描述颜色 */
-  splitorColorProcess: darkBase['color-primary-6'],
-  splitorColorWait: darkBase['color-gray-4'],
-  splitorColorFinish: darkBase['color-primary-6'],
-  splitorColorError: darkBase['color-primary-6'],
-  stepHeaderFontSizeSmall: '16px', /* 小尺寸标题字体 */
-  stepHeaderFontSizeMedium: '16px', /* 中尺寸标题字体 */
-  indicatorIndexFontSizeSmall: '16px', /* 小尺寸指示器数字字体 */
-  indicatorIndexFontSizeMedium: '16px', /* 中尺寸指示器数字字体 */
-  // stepHeaderFontWeight: string;         /* 标题字体粗细 */
-  indicatorSizeSmall: '24px', /* 小尺寸指示器大小 */
-  indicatorSizeMedium: '24px', /* 中尺寸指示器大小 */
-  indicatorIconSizeSmall: '16px', /* 小尺寸指示器图标大小 */
-  indicatorIconSizeMedium: '16px' /* 中尺寸指示器图标大小 */
-}