seeds.d.ts 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. import type { PresetColorType } from './presetColors';
  2. export interface SeedToken extends PresetColorType {
  3. /**
  4. * @nameZH 品牌主色
  5. * @nameEN Brand Color
  6. * @desc 品牌色是体现产品特性和传播理念最直观的视觉元素之一。在你完成品牌主色的选取之后,我们会自动帮你生成一套完整的色板,并赋予它们有效的设计语义
  7. * @descEN Brand color is one of the most direct visual elements to reflect the characteristics and communication of the product. After you have selected the brand color, we will automatically generate a complete color palette and assign it effective design semantics.
  8. */
  9. colorPrimary: string;
  10. /**
  11. * @nameZH 成功色
  12. * @nameEN Success Color
  13. * @desc 用于表示操作成功的 Token 序列,如 Result、Progress 等组件会使用该组梯度变量。
  14. * @descEN Used to represent the token sequence of operation success, such as Result, Progress and other components will use these map tokens.
  15. */
  16. colorSuccess: string;
  17. /**
  18. * @nameZH 警戒色
  19. * @nameEN Warning Color
  20. * @desc 用于表示操作警告的 Token 序列,如 Notification、 Alert等警告类组件或 Input 输入类等组件会使用该组梯度变量。
  21. * @descEN Used to represent the warning map token, such as Notification, Alert, etc. Alert or Control component(like Input) will use these map tokens.
  22. */
  23. colorWarning: string;
  24. /**
  25. * @nameZH 错误色
  26. * @nameEN Error Color
  27. * @desc 用于表示操作失败的 Token 序列,如失败按钮、错误状态提示(Result)组件等。
  28. * @descEN Used to represent the visual elements of the operation failure, such as the error Button, error Result component, etc.
  29. */
  30. colorError: string;
  31. /**
  32. * @nameZH 信息色
  33. * @nameEN Info Color
  34. * @desc 用于表示操作信息的 Token 序列,如 Alert 、Tag、 Progress 等组件都有用到该组梯度变量。
  35. * @descEN Used to represent the operation information of the Token sequence, such as Alert, Tag, Progress, and other components use these map tokens.
  36. */
  37. colorInfo: string;
  38. /**
  39. * @nameZH 基础文本色
  40. * @nameEN Seed Text Color
  41. * @desc 用于派生文本色梯度的基础变量,v5 中我们添加了一层文本色的派生算法可以产出梯度明确的文本色的梯度变量。但请不要在代码中直接使用该 Seed Token !
  42. * @descEN Used to derive the base variable of the text color gradient. In v5, we added a layer of text color derivation algorithm to produce gradient variables of text color gradient. But please do not use this Seed Token directly in the code!
  43. */
  44. colorTextBase: string;
  45. /**
  46. * @nameZH 基础背景色
  47. * @nameEN Seed Background Color
  48. * @desc 用于派生背景色梯度的基础变量,v5 中我们添加了一层背景色的派生算法可以产出梯度明确的背景色的梯度变量。但请不要在代码中直接使用该 Seed Token !
  49. * @descEN Used to derive the base variable of the background color gradient. In v5, we added a layer of background color derivation algorithm to produce map token of background color. But PLEASE DO NOT USE this Seed Token directly in the code!
  50. */
  51. colorBgBase: string;
  52. /**
  53. * @nameZH 超链接颜色
  54. * @nameEN Hyperlink color
  55. * @desc 控制超链接的颜色。
  56. * @descEN Control the color of hyperlink.
  57. */
  58. colorLink: string;
  59. /**
  60. * @nameZH 字体
  61. * @nameEN Font family for default text
  62. * @desc Ant Design 的字体家族中优先使用系统默认的界面字体,同时提供了一套利于屏显的备用字体库,来维护在不同平台以及浏览器的显示下,字体始终保持良好的易读性和可读性,体现了友好、稳定和专业的特性。
  63. * @descEN The font family of Ant Design prioritizes the default interface font of the system, and provides a set of alternative font libraries that are suitable for screen display to maintain the readability and readability of the font under different platforms and browsers, reflecting the friendly, stable and professional characteristics.
  64. */
  65. fontFamily: string;
  66. /**
  67. * @nameZH 代码字体
  68. * @nameEN Font family for code text
  69. * @desc 代码字体,用于 Typography 内的 code、pre 和 kbd 类型的元素
  70. * @descEN Code font, used for code, pre and kbd elements in Typography
  71. */
  72. fontFamilyCode: string;
  73. /**
  74. * @nameZH 默认字号
  75. * @nameEN Default Font Size
  76. * @desc 设计系统中使用最广泛的字体大小,文本梯度也将基于该字号进行派生。
  77. * @descEN The most widely used font size in the design system, from which the text gradient will be derived.
  78. * @default 14
  79. */
  80. fontSize: number;
  81. /**
  82. * @nameZH 基础线宽
  83. * @nameEN Base Line Width
  84. * @desc 用于控制组件边框、分割线等的宽度
  85. * @descEN Border width of base components
  86. */
  87. lineWidth: number;
  88. /**
  89. * @nameZH 线条样式
  90. * @nameEN Line Style
  91. * @desc 用于控制组件边框、分割线等的样式,默认是实线
  92. * @descEN Border style of base components
  93. */
  94. lineType: string;
  95. /**
  96. * @nameZH 基础圆角
  97. * @nameEN Base Border Radius
  98. * @descEN Border radius of base components
  99. * @desc 基础组件的圆角大小,例如按钮、输入框、卡片等
  100. */
  101. borderRadius: number;
  102. /**
  103. * @nameZH 尺寸变化单位
  104. * @nameEN Size Change Unit
  105. * @desc 用于控制组件尺寸的变化单位,在 Ant Design 中我们的基础单位为 4 ,便于更加细致地控制尺寸梯度
  106. * @descEN The unit of size change, in Ant Design, our base unit is 4, which is more fine-grained control of the size step
  107. * @default 4
  108. */
  109. sizeUnit: number;
  110. /**
  111. * @nameZH 尺寸步长
  112. * @nameEN Size Base Step
  113. * @desc 用于控制组件尺寸的基础步长,尺寸步长结合尺寸变化单位,就可以派生各种尺寸梯度。通过调整步长即可得到不同的布局模式,例如 V5 紧凑模式下的尺寸步长为 2
  114. * @descEN The base step of size change, the size step combined with the size change unit, can derive various size steps. By adjusting the step, you can get different layout modes, such as the size step of the compact mode of V5 is 2
  115. * @default 4
  116. */
  117. sizeStep: number;
  118. /**
  119. * @nameZH 组件箭头尺寸
  120. * @desc 组件箭头的尺寸
  121. * @descEN The size of the component arrow
  122. */
  123. sizePopupArrow: number;
  124. /**
  125. * @nameZH 基础高度
  126. * @nameEN Base Control Height
  127. * @desc Ant Design 中按钮和输入框等基础控件的高度
  128. * @descEN The height of the basic controls such as buttons and input boxes in Ant Design
  129. * @default 32
  130. */
  131. controlHeight: number;
  132. /**
  133. * @nameZH 基础 zIndex
  134. * @nameEN Base zIndex
  135. * @desc 所有组件的基础 Z 轴值,用于一些悬浮类的组件的可以基于该值 Z 轴控制层级,例如 BackTop、 Affix 等
  136. * @descEN The base Z axis value of all components, which can be used to control the level of some floating components based on the Z axis value, such as BackTop, Affix, etc.
  137. *
  138. * @default 0
  139. */
  140. zIndexBase: number;
  141. /**
  142. * @nameZH 浮层基础 zIndex
  143. * @nameEN popup base zIndex
  144. * @desc 浮层类组件的基础 Z 轴值,用于一些悬浮类的组件的可以基于该值 Z 轴控制层级,例如 FloatButton、 Affix、Modal 等
  145. * @descEN Base zIndex of component like FloatButton, Affix which can be cover by large popup
  146. * @default 1000
  147. */
  148. zIndexPopupBase: number;
  149. /**
  150. * @nameZH 图片不透明度
  151. * @nameEN Define default Image opacity. Useful when in dark-like theme
  152. * @desc 控制图片不透明度
  153. * @descEN Control image opacity
  154. */
  155. opacityImage: number;
  156. /**
  157. * @nameZH 动画时长变化单位
  158. * @nameEN Animation Duration Unit
  159. * @desc 用于控制动画时长的变化单位
  160. * @descEN The unit of animation duration change
  161. * @default 100ms
  162. */
  163. motionUnit: number;
  164. /**
  165. * @nameZH 动画基础时长。
  166. * @nameEN Animation Base Duration.
  167. * @desc 动画基础时长。
  168. * @descEN Animation Base Duration.
  169. */
  170. motionBase: number;
  171. /**
  172. * @desc 预设动效曲率
  173. * @descEN Preset motion curve.
  174. */
  175. motionEaseOutCirc: string;
  176. /**
  177. * @desc 预设动效曲率
  178. * @descEN Preset motion curve.
  179. */
  180. motionEaseInOutCirc: string;
  181. /**
  182. * @desc 预设动效曲率
  183. * @descEN Preset motion curve.
  184. */
  185. motionEaseInOut: string;
  186. /**
  187. * @desc 预设动效曲率
  188. * @descEN Preset motion curve.
  189. */
  190. motionEaseOutBack: string;
  191. /**
  192. * @desc 预设动效曲率
  193. * @descEN Preset motion curve.
  194. */
  195. motionEaseInBack: string;
  196. /**
  197. * @desc 预设动效曲率
  198. * @descEN Preset motion curve.
  199. */
  200. motionEaseInQuint: string;
  201. /**
  202. * @desc 预设动效曲率
  203. * @descEN Preset motion curve.
  204. */
  205. motionEaseOutQuint: string;
  206. /**
  207. * @desc 预设动效曲率
  208. * @descEN Preset motion curve.
  209. */
  210. motionEaseOut: string;
  211. /**
  212. * @nameZH 线框风格
  213. * @nameEN Wireframe Style
  214. * @desc 用于将组件的视觉效果变为线框化,如果需要使用 V4 的效果,需要开启配置项
  215. * @descEN Used to change the visual effect of the component to wireframe, if you need to use the V4 effect, you need to enable the configuration item
  216. * @default false
  217. */
  218. wireframe: boolean;
  219. /**
  220. * @nameZH 动画风格
  221. * @nameEN Motion Style
  222. * @desc 用于配置动画效果,为 `false` 时则关闭动画
  223. * @descEN Used to configure the motion effect, when it is `false`, the motion is turned off
  224. * @default true
  225. */
  226. motion: boolean;
  227. }