index.d.ts 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. import type { CSSProperties } from 'react';
  2. import type { FullToken, GetDefaultToken } from '../../theme/internal';
  3. export interface ComponentToken {
  4. /**
  5. * @desc 描述区域最大宽度
  6. * @descEN Max width of description area
  7. */
  8. descriptionMaxWidth: number;
  9. /**
  10. * @desc 自定义图标容器尺寸
  11. * @descEN Size of custom icon container
  12. */
  13. customIconSize: number;
  14. /**
  15. * @desc 自定义图标 top
  16. * @descEN Top of custom icon
  17. */
  18. customIconTop: number;
  19. /**
  20. * @desc 自定义图标大小
  21. * @descEN Font size of custom icon
  22. */
  23. customIconFontSize: number;
  24. /**
  25. * @desc 图标容器尺寸
  26. * @descEN Size of icon container
  27. */
  28. iconSize: number;
  29. /**
  30. * @desc 图标 top
  31. * @descEN Top of icon
  32. */
  33. iconTop: number;
  34. /**
  35. * @desc 图标大小
  36. * @descEN Size of icon
  37. */
  38. iconFontSize: number;
  39. /**
  40. * @desc 点状步骤点大小
  41. * @descEN Size of dot
  42. */
  43. dotSize: number;
  44. /**
  45. * @desc 点状步骤点当前大小
  46. * @descEN Current size of dot
  47. */
  48. dotCurrentSize: number;
  49. /**
  50. * @desc 可跳转步骤条箭头颜色
  51. * @descEN Color of arrow in nav
  52. */
  53. navArrowColor: string;
  54. /**
  55. * @desc 可跳转步骤条内容最大宽度
  56. * @descEN Max width of nav content
  57. */
  58. navContentMaxWidth: CSSProperties['maxWidth'];
  59. /**
  60. * @desc 小号步骤条图标大小
  61. * @descEN Size of small steps icon
  62. */
  63. iconSizeSM: number;
  64. /**
  65. * @desc 标题行高
  66. * @descEN Line height of title
  67. */
  68. titleLineHeight: number | string;
  69. }
  70. export interface StepsToken extends FullToken<'Steps'> {
  71. processTailColor: string;
  72. processIconColor: string;
  73. processTitleColor: string;
  74. processDescriptionColor: string;
  75. processIconBgColor: string;
  76. processIconBorderColor: string;
  77. processDotColor: string;
  78. waitTitleColor: string;
  79. waitDescriptionColor: string;
  80. waitTailColor: string;
  81. waitDotColor: string;
  82. finishIconColor: string;
  83. finishTitleColor: string;
  84. finishDescriptionColor: string;
  85. finishTailColor: string;
  86. finishDotColor: string;
  87. errorIconColor: string;
  88. errorTitleColor: string;
  89. errorDescriptionColor: string;
  90. errorTailColor: string;
  91. errorIconBgColor: string;
  92. errorIconBorderColor: string;
  93. errorDotColor: string;
  94. stepsNavActiveColor: string;
  95. stepsProgressSize: number;
  96. inlineDotSize: number;
  97. inlineTitleColor: string;
  98. inlineTailColor: string;
  99. }
  100. export declare const prepareComponentToken: GetDefaultToken<'Steps'>;
  101. declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
  102. export default _default;