mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 09:26:06 +08:00
chore: Add comments to Token related interfaces (#50392)
This commit is contained in:
parent
b3c01de9bc
commit
51d6a9bf38
@ -4,6 +4,10 @@ import type { FullToken, GenerateStyle, GetDefaultToken } from '../../theme/inte
|
||||
import { genStyleHooks } from '../../theme/internal';
|
||||
|
||||
export interface ComponentToken {
|
||||
/**
|
||||
* @desc 弹出层的 z-index
|
||||
* @descEN z-index of popup
|
||||
*/
|
||||
zIndexPopup: number;
|
||||
}
|
||||
|
||||
|
@ -17,10 +17,30 @@ export interface ComponentToken {
|
||||
linkPaddingInlineStart: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Anchor 组件的 Token
|
||||
* @descEN Token for Anchor component
|
||||
*/
|
||||
interface AnchorToken extends FullToken<'Anchor'> {
|
||||
/**
|
||||
* @desc 容器块偏移量
|
||||
* @descEN Holder block offset
|
||||
*/
|
||||
holderOffsetBlock: number;
|
||||
/**
|
||||
* @desc 次级锚点块内间距
|
||||
* @descEN Secondary anchor block padding
|
||||
*/
|
||||
anchorPaddingBlockSecondary: number | string;
|
||||
/**
|
||||
* @desc 锚点球大小
|
||||
* @descEN Anchor ball size
|
||||
*/
|
||||
anchorBallSize: number | string;
|
||||
/**
|
||||
* @desc 锚点标题块
|
||||
* @descEN Anchor title block
|
||||
*/
|
||||
anchorTitleBlock: number | string;
|
||||
}
|
||||
|
||||
|
@ -53,6 +53,10 @@ export interface ComponentToken {
|
||||
groupBorderColor: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Avatar 组件的 Token
|
||||
* @descEN Token for Avatar component
|
||||
*/
|
||||
type AvatarToken = FullToken<'Avatar'> & {
|
||||
avatarBgColor: string;
|
||||
avatarBg: string;
|
||||
|
@ -7,20 +7,60 @@ import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
|
||||
/** Component only token. Which will handle additional calculation of alias token */
|
||||
export interface ComponentToken {
|
||||
/**
|
||||
* @desc 弹出层的 z-index
|
||||
* @descEN z-index of popup
|
||||
*/
|
||||
zIndexPopup: number;
|
||||
}
|
||||
|
||||
type BackTopToken = FullToken<'BackTop'> & {
|
||||
/**
|
||||
* @desc BackTop 背景颜色
|
||||
* @descEN Background color of BackTop
|
||||
*/
|
||||
backTopBackground: string;
|
||||
/**
|
||||
* @desc BackTop 文字颜色
|
||||
* @descEN Text color of BackTop
|
||||
*/
|
||||
backTopColor: string;
|
||||
/**
|
||||
* @desc BackTop 悬停背景颜色
|
||||
* @descEN Hover background color of BackTop
|
||||
*/
|
||||
backTopHoverBackground: string;
|
||||
/**
|
||||
* @desc BackTop 字体大小
|
||||
* @descEN Font size of BackTop
|
||||
*/
|
||||
backTopFontSize: number;
|
||||
/**
|
||||
* @desc BackTop 尺寸
|
||||
* @descEN Size of BackTop
|
||||
*/
|
||||
backTopSize: number;
|
||||
|
||||
// Position
|
||||
/**
|
||||
* @desc BackTop 底部偏移量
|
||||
* @descEN Bottom offset of BackTop
|
||||
*/
|
||||
backTopBlockEnd: number | string;
|
||||
/**
|
||||
* @desc BackTop 右侧偏移量
|
||||
* @descEN Right offset of BackTop
|
||||
*/
|
||||
backTopInlineEnd: number | string;
|
||||
/**
|
||||
* @desc BackTop 中等屏幕右侧偏移量
|
||||
* @descEN Right offset of BackTop on medium screens
|
||||
*/
|
||||
backTopInlineEndMD: number | string;
|
||||
/**
|
||||
* @desc BackTop 小屏幕右侧偏移量
|
||||
* @descEN Right offset of BackTop on small screens
|
||||
*/
|
||||
backTopInlineEndXS: number | string;
|
||||
};
|
||||
|
||||
|
@ -49,16 +49,60 @@ export interface ComponentToken {
|
||||
statusSize: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Badge 组件的 Token
|
||||
* @descEN Token for Badge component
|
||||
*/
|
||||
export interface BadgeToken extends FullToken<'Badge'> {
|
||||
/**
|
||||
* @desc 徽标字体高度
|
||||
* @descEN Font height of badge
|
||||
*/
|
||||
badgeFontHeight: number;
|
||||
/**
|
||||
* @desc 徽标文本颜色
|
||||
* @descEN Text color of badge
|
||||
*/
|
||||
badgeTextColor: string;
|
||||
/**
|
||||
* @desc 徽标颜色
|
||||
* @descEN Color of badge
|
||||
*/
|
||||
badgeColor: string;
|
||||
/**
|
||||
* @desc 徽标悬停颜色
|
||||
* @descEN Hover color of badge
|
||||
*/
|
||||
badgeColorHover: string;
|
||||
/**
|
||||
* @desc 徽标阴影尺寸
|
||||
* @descEN Shadow size of badge
|
||||
*/
|
||||
badgeShadowSize: number;
|
||||
/**
|
||||
* @desc 徽标阴影颜色
|
||||
* @descEN Shadow color of badge
|
||||
*/
|
||||
badgeShadowColor: string;
|
||||
/**
|
||||
* @desc 徽标处理持续时间
|
||||
* @descEN Processing duration of badge
|
||||
*/
|
||||
badgeProcessingDuration: string;
|
||||
/**
|
||||
* @desc 徽标丝带偏移量
|
||||
* @descEN Ribbon offset of badge
|
||||
*/
|
||||
badgeRibbonOffset: number;
|
||||
/**
|
||||
* @desc 徽标丝带角变换
|
||||
* @descEN Ribbon corner transform of badge
|
||||
*/
|
||||
badgeRibbonCornerTransform: string;
|
||||
/**
|
||||
* @desc 徽标丝带角滤镜
|
||||
* @descEN Ribbon corner filter of badge
|
||||
*/
|
||||
badgeRibbonCornerFilter: string;
|
||||
}
|
||||
|
||||
|
@ -45,9 +45,25 @@ export interface ComponentToken {
|
||||
}
|
||||
|
||||
interface CalendarToken extends FullToken<'Calendar'>, PickerPanelToken, PanelComponentToken {
|
||||
/**
|
||||
* @desc 日历类名
|
||||
* @descEN Calendar class name
|
||||
*/
|
||||
calendarCls: string;
|
||||
/**
|
||||
* @desc 日期值高度
|
||||
* @descEN Date value height
|
||||
*/
|
||||
dateValueHeight: number | string;
|
||||
/**
|
||||
* @desc 周高度
|
||||
* @descEN Week height
|
||||
*/
|
||||
weekHeight: number | string;
|
||||
/**
|
||||
* @desc 日期内容高度
|
||||
* @descEN Date content height
|
||||
*/
|
||||
dateContentHeight: number | string;
|
||||
}
|
||||
|
||||
|
@ -7,8 +7,20 @@ import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
// biome-ignore lint/suspicious/noEmptyInterface: ComponentToken need to be empty by default
|
||||
export interface ComponentToken {}
|
||||
|
||||
/**
|
||||
* @desc Checkbox 组件的 Token
|
||||
* @descEN Token for Checkbox component
|
||||
*/
|
||||
interface CheckboxToken extends FullToken<'Checkbox'> {
|
||||
/**
|
||||
* @desc Checkbox 类名
|
||||
* @descEN Checkbox class name
|
||||
*/
|
||||
checkboxCls: string;
|
||||
/**
|
||||
* @desc Checkbox 尺寸
|
||||
* @descEN Size of Checkbox
|
||||
*/
|
||||
checkboxSize: number;
|
||||
}
|
||||
|
||||
|
@ -13,15 +13,55 @@ import genSliderStyle from './slider';
|
||||
// biome-ignore lint/suspicious/noEmptyInterface: ComponentToken need to be empty by default
|
||||
export interface ComponentToken {}
|
||||
|
||||
/**
|
||||
* @desc ColorPicker 组件的 Token
|
||||
* @descEN Token for ColorPicker component
|
||||
*/
|
||||
export interface ColorPickerToken extends FullToken<'ColorPicker'> {
|
||||
/**
|
||||
* @desc ColorPicker 宽度
|
||||
* @descEN Width of ColorPicker
|
||||
*/
|
||||
colorPickerWidth: number;
|
||||
/**
|
||||
* @desc ColorPicker 内嵌阴影
|
||||
* @descEN Inset shadow of ColorPicker
|
||||
*/
|
||||
colorPickerInsetShadow: string;
|
||||
/**
|
||||
* @desc ColorPicker 处理器尺寸
|
||||
* @descEN Handler size of ColorPicker
|
||||
*/
|
||||
colorPickerHandlerSize: number;
|
||||
/**
|
||||
* @desc ColorPicker 小号处理器尺寸
|
||||
* @descEN Small handler size of ColorPicker
|
||||
*/
|
||||
colorPickerHandlerSizeSM: number;
|
||||
/**
|
||||
* @desc ColorPicker 滑块高度
|
||||
* @descEN Slider height of ColorPicker
|
||||
*/
|
||||
colorPickerSliderHeight: number;
|
||||
/**
|
||||
* @desc ColorPicker 预览尺寸
|
||||
* @descEN Preview size of ColorPicker
|
||||
*/
|
||||
colorPickerPreviewSize: number;
|
||||
/**
|
||||
* @desc ColorPicker Alpha 输入宽度
|
||||
* @descEN Alpha input width of ColorPicker
|
||||
*/
|
||||
colorPickerAlphaInputWidth: number;
|
||||
/**
|
||||
* @desc ColorPicker 输入数字处理器宽度
|
||||
* @descEN Input number handle width of ColorPicker
|
||||
*/
|
||||
colorPickerInputNumberHandleWidth: number;
|
||||
/**
|
||||
* @desc ColorPicker 预设颜色尺寸
|
||||
* @descEN Preset color size of ColorPicker
|
||||
*/
|
||||
colorPickerPresetColorSize: number;
|
||||
}
|
||||
|
||||
|
@ -25,9 +25,25 @@ export interface ComponentToken {
|
||||
verticalMarginInline: CSSProperties['marginInline'];
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Divider 组件的 Token
|
||||
* @descEN Token for Divider component
|
||||
*/
|
||||
interface DividerToken extends FullToken<'Divider'> {
|
||||
/**
|
||||
* @desc 尺寸边距
|
||||
* @descEN Size padding edge horizontal
|
||||
*/
|
||||
sizePaddingEdgeHorizontal: number | string;
|
||||
/**
|
||||
* @desc 带文本的水平分割线的外边距
|
||||
* @descEN Horizontal margin of divider with text
|
||||
*/
|
||||
dividerHorizontalWithTextGutterMargin: number | string;
|
||||
/**
|
||||
* @desc 水平分割线的外边距
|
||||
* @descEN Horizontal margin of divider
|
||||
*/
|
||||
dividerHorizontalGutterMargin: number | string;
|
||||
}
|
||||
|
||||
|
@ -32,9 +32,25 @@ export interface ComponentToken extends ArrowToken, ArrowOffsetToken {
|
||||
paddingBlock: CSSProperties['paddingBlock'];
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Dropdown 组件的 Token
|
||||
* @descEN Token for Dropdown component
|
||||
*/
|
||||
export interface DropdownToken extends FullToken<'Dropdown'> {
|
||||
/**
|
||||
* @desc 下拉箭头距离
|
||||
* @descEN Distance of dropdown arrow
|
||||
*/
|
||||
dropdownArrowDistance: number | string;
|
||||
/**
|
||||
* @desc 下拉菜单边缘子项内边距
|
||||
* @descEN Padding of edge child in dropdown menu
|
||||
*/
|
||||
dropdownEdgeChildPadding: number;
|
||||
/**
|
||||
* @desc 菜单类名
|
||||
* @descEN Menu class name
|
||||
*/
|
||||
menuCls: string;
|
||||
}
|
||||
|
||||
|
@ -7,10 +7,30 @@ import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
// biome-ignore lint/suspicious/noEmptyInterface: ComponentToken need to be empty by default
|
||||
export interface ComponentToken {}
|
||||
|
||||
/**
|
||||
* @desc Empty 组件的 Token
|
||||
* @descEN Token for Empty component
|
||||
*/
|
||||
interface EmptyToken extends FullToken<'Empty'> {
|
||||
/**
|
||||
* @desc 空状态图片类名
|
||||
* @descEN Class name for empty state image
|
||||
*/
|
||||
emptyImgCls: string;
|
||||
/**
|
||||
* @desc 空状态图片高度
|
||||
* @descEN Height of empty state image
|
||||
*/
|
||||
emptyImgHeight: number | string;
|
||||
/**
|
||||
* @desc 小号空状态图片高度
|
||||
* @descEN Height of small empty state image
|
||||
*/
|
||||
emptyImgHeightSM: number | string;
|
||||
/**
|
||||
* @desc 中号空状态图片高度
|
||||
* @descEN Height of medium empty state image
|
||||
*/
|
||||
emptyImgHeightMD: number | string;
|
||||
}
|
||||
|
||||
|
@ -22,19 +22,68 @@ export interface ComponentToken {
|
||||
dotOffsetInSquare: number;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* @desc FloatButton 组件的 Token
|
||||
* @descEN Token for FloatButton component
|
||||
*/
|
||||
type FloatButtonToken = FullToken<'FloatButton'> & {
|
||||
/**
|
||||
* @desc FloatButton 颜色
|
||||
* @descEN Color of FloatButton
|
||||
*/
|
||||
floatButtonColor: string;
|
||||
/**
|
||||
* @desc FloatButton 背景颜色
|
||||
* @descEN Background color of FloatButton
|
||||
*/
|
||||
floatButtonBackgroundColor: string;
|
||||
/**
|
||||
* @desc FloatButton 悬停背景颜色
|
||||
* @descEN Hover background color of FloatButton
|
||||
*/
|
||||
floatButtonHoverBackgroundColor: string;
|
||||
/**
|
||||
* @desc FloatButton 字体大小
|
||||
* @descEN Font size of FloatButton
|
||||
*/
|
||||
floatButtonFontSize: number;
|
||||
/**
|
||||
* @desc FloatButton 尺寸
|
||||
* @descEN Size of FloatButton
|
||||
*/
|
||||
floatButtonSize: number;
|
||||
/**
|
||||
* @desc FloatButton 图标尺寸
|
||||
* @descEN Icon size of FloatButton
|
||||
*/
|
||||
floatButtonIconSize: number | string;
|
||||
/**
|
||||
* @desc FloatButton 主体尺寸
|
||||
* @descEN Body size of FloatButton
|
||||
*/
|
||||
floatButtonBodySize: number | string;
|
||||
/**
|
||||
* @desc FloatButton 主体内间距
|
||||
* @descEN Body padding of FloatButton
|
||||
*/
|
||||
floatButtonBodyPadding: number;
|
||||
/**
|
||||
* @desc 徽标偏移量
|
||||
* @descEN Offset of badge
|
||||
*/
|
||||
badgeOffset: number | string;
|
||||
|
||||
// Position
|
||||
/**
|
||||
* @desc FloatButton 底部内边距
|
||||
* @descEN Bottom inset of FloatButton
|
||||
*/
|
||||
floatButtonInsetBlockEnd: number;
|
||||
/**
|
||||
* @desc FloatButton 右侧内边距
|
||||
* @descEN Right inset of FloatButton
|
||||
*/
|
||||
floatButtonInsetInlineEnd: number;
|
||||
};
|
||||
|
||||
|
@ -67,8 +67,20 @@ export interface ComponentToken {
|
||||
verticalLabelMargin: CSSProperties['margin'];
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Form 组件的 Token
|
||||
* @descEN Token for Form component
|
||||
*/
|
||||
export interface FormToken extends FullToken<'Form'> {
|
||||
/**
|
||||
* @desc 表单项类名
|
||||
* @descEN Form item class name
|
||||
*/
|
||||
formItemCls: string;
|
||||
/**
|
||||
* @desc 根前缀类名
|
||||
* @descEN Root prefix class name
|
||||
*/
|
||||
rootPrefixCls: string;
|
||||
}
|
||||
|
||||
|
@ -12,6 +12,10 @@ interface GridRowToken extends FullToken<'Grid'> {
|
||||
}
|
||||
|
||||
interface GridColToken extends FullToken<'Grid'> {
|
||||
/**
|
||||
* @desc 网格列数
|
||||
* @descEN Number of grid columns
|
||||
*/
|
||||
gridColumns: number;
|
||||
}
|
||||
|
||||
|
@ -36,9 +36,25 @@ export interface ComponentToken {
|
||||
previewOperationColorDisabled: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Image 组件的 Token
|
||||
* @descEN Token for Image component
|
||||
*/
|
||||
export interface ImageToken extends FullToken<'Image'> {
|
||||
/**
|
||||
* @desc 预览类名
|
||||
* @descEN Preview class name
|
||||
*/
|
||||
previewCls: string;
|
||||
/**
|
||||
* @desc 模态框遮罩背景色
|
||||
* @descEN Background color of modal mask
|
||||
*/
|
||||
modalMaskBg: string;
|
||||
/**
|
||||
* @desc 预览切换按钮尺寸
|
||||
* @descEN Size of preview switch button
|
||||
*/
|
||||
imagePreviewSwitchSize: number;
|
||||
}
|
||||
|
||||
|
@ -64,8 +64,20 @@ export interface ComponentToken {
|
||||
descriptionFontSize: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc List 组件的 Token
|
||||
* @descEN Token for List component
|
||||
*/
|
||||
interface ListToken extends FullToken<'List'> {
|
||||
/**
|
||||
* @desc 列表项类名
|
||||
* @descEN Class name of list item
|
||||
*/
|
||||
listBorderedCls: string;
|
||||
/**
|
||||
* @desc 最小高度
|
||||
* @descEN Minimum height
|
||||
*/
|
||||
minHeight: number | string;
|
||||
}
|
||||
|
||||
|
@ -35,8 +35,16 @@ export interface ComponentToken extends SharedComponentToken {
|
||||
controlItemWidth: number | string;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Mentions 组件的 Token
|
||||
* @descEN Token for Mentions component
|
||||
*/
|
||||
type MentionsToken = FullToken<'Mentions'> &
|
||||
SharedInputToken & {
|
||||
/**
|
||||
* @desc 菜单项内边距
|
||||
* @descEN Padding of menu item
|
||||
*/
|
||||
itemPaddingVertical: string | number;
|
||||
};
|
||||
|
||||
|
@ -369,11 +369,35 @@ export interface ComponentToken {
|
||||
itemWidth: number | string;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Menu 组件的 Token
|
||||
* @descEN Token for Menu component
|
||||
*/
|
||||
export interface MenuToken extends FullToken<'Menu'> {
|
||||
/**
|
||||
* @desc 水平菜单高度
|
||||
* @descEN Height of horizontal menu
|
||||
*/
|
||||
menuHorizontalHeight: number | string;
|
||||
/**
|
||||
* @desc 菜单箭头尺寸
|
||||
* @descEN Size of menu arrow
|
||||
*/
|
||||
menuArrowSize: number | string;
|
||||
/**
|
||||
* @desc 菜单箭头偏移量
|
||||
* @descEN Offset of menu arrow
|
||||
*/
|
||||
menuArrowOffset: number | string;
|
||||
/**
|
||||
* @desc 子菜单背景色
|
||||
* @descEN Background color of sub-menu
|
||||
*/
|
||||
menuSubMenuBg: string;
|
||||
/**
|
||||
* @desc 暗色模式下的浮层菜单背景色
|
||||
* @descEN Background color of popup menu in dark mode
|
||||
*/
|
||||
darkPopupBg: string;
|
||||
}
|
||||
|
||||
|
@ -1,4 +1,3 @@
|
||||
// deps-lint-skip-all
|
||||
import type { CSSProperties } from 'react';
|
||||
import type { CSSObject } from '@ant-design/cssinjs';
|
||||
import { Keyframes } from '@ant-design/cssinjs';
|
||||
@ -28,8 +27,16 @@ export interface ComponentToken {
|
||||
contentPadding: CSSProperties['padding'];
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Message 组件的 Token
|
||||
* @descEN Token for Message component
|
||||
*/
|
||||
interface MessageToken extends FullToken<'Message'> {
|
||||
// Custom token here
|
||||
/**
|
||||
* @desc 提示框高度
|
||||
* @descEN Height of Message
|
||||
*/
|
||||
height: number;
|
||||
}
|
||||
|
||||
|
@ -73,16 +73,55 @@ export interface ComponentToken {
|
||||
confirmBtnsMarginTop: string | number;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Modal 组件的 Token
|
||||
* @descEN Token for Modal component
|
||||
*/
|
||||
export interface ModalToken extends FullToken<'Modal'> {
|
||||
// Custom token here
|
||||
/**
|
||||
* @desc 模态框头部高度
|
||||
* @descEN Height of modal header
|
||||
*/
|
||||
modalHeaderHeight: number | string;
|
||||
/**
|
||||
* @desc 模态框底部边框颜色
|
||||
* @descEN Border color of modal footer
|
||||
*/
|
||||
modalFooterBorderColorSplit: string;
|
||||
/**
|
||||
* @desc 模态框底部边框样式
|
||||
* @descEN Border style of modal footer
|
||||
*/
|
||||
modalFooterBorderStyle: string;
|
||||
/**
|
||||
* @desc 模态框底部边框宽度
|
||||
* @descEN Border width of modal footer
|
||||
*/
|
||||
modalFooterBorderWidth: number | string;
|
||||
/**
|
||||
* @desc 模态框关闭图标颜色
|
||||
* @descEN Color of modal close icon
|
||||
*/
|
||||
modalCloseIconColor: string;
|
||||
/**
|
||||
* @desc 模态框关闭图标悬停颜色
|
||||
* @descEN Hover color of modal close icon
|
||||
*/
|
||||
modalCloseIconHoverColor: string;
|
||||
/**
|
||||
* @desc 模态框关闭按钮尺寸
|
||||
* @descEN Size of modal close button
|
||||
*/
|
||||
modalCloseBtnSize: number | string;
|
||||
/**
|
||||
* @desc 模态框确认图标尺寸
|
||||
* @descEN Size of modal confirm icon
|
||||
*/
|
||||
modalConfirmIconSize: number | string;
|
||||
/**
|
||||
* @desc 模态框标题高度
|
||||
* @descEN Height of modal title
|
||||
*/
|
||||
modalTitleHeight: number | string;
|
||||
}
|
||||
|
||||
|
@ -22,18 +22,70 @@ export interface ComponentToken {
|
||||
width: number | string;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Notification 组件的 Token
|
||||
* @descEN Token for Notification component
|
||||
*/
|
||||
export interface NotificationToken extends FullToken<'Notification'> {
|
||||
/**
|
||||
* @desc 动画最大高度
|
||||
* @descEN Maximum height of animation
|
||||
*/
|
||||
animationMaxHeight: number | string;
|
||||
/**
|
||||
* @desc 提醒框背景色
|
||||
* @descEN Background color of Notification
|
||||
*/
|
||||
notificationBg: string;
|
||||
/**
|
||||
* @desc 提醒框内边距
|
||||
* @descEN Padding of Notification
|
||||
*/
|
||||
notificationPadding: string;
|
||||
/**
|
||||
* @desc 提醒框垂直内边距
|
||||
* @descEN Vertical padding of Notification
|
||||
*/
|
||||
notificationPaddingVertical: number;
|
||||
/**
|
||||
* @desc 提醒框水平内边距
|
||||
* @descEN Horizontal padding of Notification
|
||||
*/
|
||||
notificationPaddingHorizontal: number;
|
||||
/**
|
||||
* @desc 提醒框图标尺寸
|
||||
* @descEN Icon size of Notification
|
||||
*/
|
||||
notificationIconSize: number | string;
|
||||
/**
|
||||
* @desc 提醒框关闭按钮尺寸
|
||||
* @descEN Close button size of Notification
|
||||
*/
|
||||
notificationCloseButtonSize: number | string;
|
||||
/**
|
||||
* @desc 提醒框底部外边距
|
||||
* @descEN Bottom margin of Notification
|
||||
*/
|
||||
notificationMarginBottom: number;
|
||||
/**
|
||||
* @desc 提醒框边缘外边距
|
||||
* @descEN Edge margin of Notification
|
||||
*/
|
||||
notificationMarginEdge: number;
|
||||
/**
|
||||
* @desc 提醒框堆叠层数
|
||||
* @descEN Stack layer of Notification
|
||||
*/
|
||||
notificationStackLayer: number;
|
||||
/**
|
||||
* @desc 提醒框进度条背景色
|
||||
* @descEN Background color of Notification progress bar
|
||||
*/
|
||||
notificationProgressBg: string;
|
||||
/**
|
||||
* @desc 提醒框进度条高度
|
||||
* @descEN Height of Notification progress bar
|
||||
*/
|
||||
notificationProgressHeight: number;
|
||||
}
|
||||
|
||||
|
@ -61,17 +61,53 @@ export interface ComponentToken {
|
||||
miniOptionsSizeChangerTop: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Pagination 组件的 Token
|
||||
* @descEN Token for Pagination component
|
||||
*/
|
||||
export interface PaginationToken
|
||||
extends FullToken<'Pagination'>,
|
||||
SharedComponentToken,
|
||||
SharedInputToken {
|
||||
/**
|
||||
* @desc 输入框轮廓偏移量
|
||||
* @descEN Outline offset of input
|
||||
*/
|
||||
inputOutlineOffset: number;
|
||||
/**
|
||||
* @desc 迷你选项横向外边距
|
||||
* @descEN Horizontal margin of mini options
|
||||
*/
|
||||
paginationMiniOptionsMarginInlineStart: number | string;
|
||||
/**
|
||||
* @desc 迷你快速跳转输入框宽度
|
||||
* @descEN Width of mini quick jumper input
|
||||
*/
|
||||
paginationMiniQuickJumperInputWidth: number | string;
|
||||
/**
|
||||
* @desc 页码横向内边距
|
||||
* @descEN Horizontal padding of Pagination item
|
||||
*/
|
||||
paginationItemPaddingInline: number | string;
|
||||
/**
|
||||
* @desc 省略号字母间距
|
||||
* @descEN Letter spacing of ellipsis
|
||||
*/
|
||||
paginationEllipsisLetterSpacing: number | string;
|
||||
/**
|
||||
* @desc 省略号文本缩进
|
||||
* @descEN Text indent of ellipsis
|
||||
*/
|
||||
paginationEllipsisTextIndent: string;
|
||||
/**
|
||||
* @desc 斜杠横向外边距
|
||||
* @descEN Horizontal margin of slash
|
||||
*/
|
||||
paginationSlashMarginInlineStart: number;
|
||||
/**
|
||||
* @desc 斜杠横向外边距
|
||||
* @descEN Horizontal margin of slash
|
||||
*/
|
||||
paginationSlashMarginInlineEnd: number;
|
||||
}
|
||||
|
||||
|
@ -9,6 +9,10 @@ export interface ComponentToken {
|
||||
zIndexPopup: number;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Popconfirm 组件的 Token
|
||||
* @descEN Token for Popconfirm component
|
||||
*/
|
||||
export interface PopconfirmToken extends FullToken<'Popconfirm'> {}
|
||||
|
||||
// =============================== Base ===============================
|
||||
|
@ -47,8 +47,20 @@ export interface ComponentToken extends ArrowToken, ArrowOffsetToken {
|
||||
innerContentPadding: number | string;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Popover 组件的 Token
|
||||
* @descEN Token for Popover component
|
||||
*/
|
||||
export type PopoverToken = FullToken<'Popover'> & {
|
||||
/**
|
||||
* @desc 气泡卡片背景色
|
||||
* @descEN Background color of Popover
|
||||
*/
|
||||
popoverBg: string;
|
||||
/**
|
||||
* @desc 气泡卡片文字颜色
|
||||
* @descEN Text color of Popover
|
||||
*/
|
||||
popoverColor: string;
|
||||
};
|
||||
|
||||
|
@ -41,9 +41,25 @@ export interface ComponentToken {
|
||||
export const LineStrokeColorVar = '--progress-line-stroke-color';
|
||||
export const Percent = '--progress-percent';
|
||||
|
||||
/**
|
||||
* @desc Progress 组件的 Token
|
||||
* @descEN Token for Progress component
|
||||
*/
|
||||
interface ProgressToken extends FullToken<'Progress'> {
|
||||
/**
|
||||
* @desc 进度步骤最小宽度
|
||||
* @descEN Minimum width of progress step
|
||||
*/
|
||||
progressStepMinWidth: number | string;
|
||||
/**
|
||||
* @desc 进度步骤右间距
|
||||
* @descEN Right margin of progress step
|
||||
*/
|
||||
progressStepMarginInlineEnd: number | string;
|
||||
/**
|
||||
* @desc 进度条动画持续时间
|
||||
* @descEN Duration of progress bar animation
|
||||
*/
|
||||
progressActiveMotionDuration: string;
|
||||
}
|
||||
|
||||
|
@ -8,8 +8,20 @@ import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
// biome-ignore lint/suspicious/noEmptyInterface: ComponentToken need to be empty by default
|
||||
export interface ComponentToken {}
|
||||
|
||||
/**
|
||||
* @desc QRCode 组件的 Token
|
||||
* @descEN Token for QRCode component
|
||||
*/
|
||||
interface QRCodeToken extends FullToken<'QRCode'> {
|
||||
/**
|
||||
* @desc QRCode 文字颜色
|
||||
* @descEN Text color of QRCode
|
||||
*/
|
||||
QRCodeTextColor: string;
|
||||
/**
|
||||
* @desc QRCode 遮罩背景颜色
|
||||
* @descEN Mask background color of QRCode
|
||||
*/
|
||||
QRCodeMaskBackgroundColor: string;
|
||||
}
|
||||
|
||||
|
@ -86,8 +86,20 @@ export interface ComponentToken {
|
||||
radioBgColor: string;
|
||||
}
|
||||
|
||||
/**
|
||||
* @desc Radio 组件的 Token
|
||||
* @descEN Token for Radio component
|
||||
*/
|
||||
interface RadioToken extends FullToken<'Radio'> {
|
||||
/**
|
||||
* @desc 单选框焦点阴影
|
||||
* @descEN Focus shadow of Radio
|
||||
*/
|
||||
radioFocusShadow: string;
|
||||
/**
|
||||
* @desc 单选框按钮焦点阴影
|
||||
* @descEN Focus shadow of Radio button
|
||||
*/
|
||||
radioButtonFocusShadow: string;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user