token.d.ts 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. import type { SharedComponentToken, SharedInputToken } from '../../input/style/token';
  2. import type { MultipleSelectorToken, SelectorToken } from '../../select/style/token';
  3. import type { ArrowToken } from '../../style/roundedArrow';
  4. import type { FullToken, GetDefaultToken, GlobalToken, TokenWithCommonCls } from '../../theme/internal';
  5. export interface PanelComponentToken extends MultipleSelectorToken {
  6. /**
  7. * @desc 单元格悬浮态背景色
  8. * @descEN Background color of cell hover state
  9. */
  10. cellHoverBg: string;
  11. /**
  12. * @desc 选取范围内的单元格背景色
  13. * @descEN Background color of cell in range
  14. */
  15. cellActiveWithRangeBg: string;
  16. /**
  17. * @desc 选取范围内的单元格悬浮态背景色
  18. * @descEN Background color of hovered cell in range
  19. */
  20. cellHoverWithRangeBg: string;
  21. /**
  22. * @desc 单元格禁用态背景色
  23. * @descEN Background color of disabled cell
  24. */
  25. cellBgDisabled: string;
  26. /**
  27. * @desc 选取范围时单元格边框色
  28. * @descEN Border color of cell in range when picking
  29. */
  30. cellRangeBorderColor: string;
  31. /**
  32. * @desc 时间列宽度
  33. * @descEN Width of time column
  34. */
  35. timeColumnWidth: number;
  36. /**
  37. * @desc 时间列高度
  38. * @descEN Height of time column
  39. */
  40. timeColumnHeight: number;
  41. /**
  42. * @desc 时间单元格高度
  43. * @descEN Height of time cell
  44. */
  45. timeCellHeight: number;
  46. /**
  47. * @desc 单元格高度
  48. * @descEN Height of cell
  49. */
  50. cellHeight: number;
  51. /**
  52. * @desc 单元格宽度
  53. * @descEN Width of cell
  54. */
  55. cellWidth: number;
  56. /**
  57. * @desc 单元格文本高度
  58. * @descEN Height of cell text
  59. */
  60. textHeight: number;
  61. /**
  62. * @desc 十年/年/季/月/周单元格高度
  63. * @descEN Height of decade/year/quarter/month/week cell
  64. */
  65. withoutTimeCellHeight: number;
  66. }
  67. export interface ComponentToken extends Exclude<SharedComponentToken, 'addonBg'>, PanelComponentToken, ArrowToken {
  68. /**
  69. * @desc 预设区域宽度
  70. * @descEN Width of preset area
  71. */
  72. presetsWidth: number;
  73. /**
  74. * @desc 预设区域最大宽度
  75. * @descEN Max width of preset area
  76. */
  77. presetsMaxWidth: number;
  78. /**
  79. * @desc 弹窗 z-index
  80. * @descEN z-index of popup
  81. */
  82. zIndexPopup: number;
  83. }
  84. export type PickerPanelToken = {
  85. pickerCellCls: string;
  86. pickerCellInnerCls: string;
  87. pickerDatePanelPaddingHorizontal: number | string;
  88. pickerYearMonthCellWidth: number | string;
  89. pickerCellPaddingVertical: number | string;
  90. pickerQuarterPanelContentHeight: number | string;
  91. pickerCellBorderGap: number;
  92. pickerControlIconSize: number;
  93. pickerControlIconMargin: number;
  94. pickerControlIconBorderWidth: number;
  95. };
  96. export interface PickerToken extends FullToken<'DatePicker'>, PickerPanelToken, SharedInputToken, SelectorToken {
  97. /** @private Used for internal calculation */
  98. INTERNAL_FIXED_ITEM_MARGIN: number;
  99. }
  100. export type SharedPickerToken = TokenWithCommonCls<GlobalToken> & PickerPanelToken & PanelComponentToken;
  101. export declare const initPickerPanelToken: (token: TokenWithCommonCls<GlobalToken>) => PickerPanelToken;
  102. export declare const initPanelComponentToken: (token: GlobalToken) => PanelComponentToken;
  103. export declare const prepareComponentToken: GetDefaultToken<'DatePicker'>;