wot-design-uni
Version:
一个基于Vue3+TS开发的uni-app组件库,提供70+高质量组件,支持暗黑模式、国际化和自定义主题。
1,048 lines (978 loc) • 27.8 kB
text/typescript
import type { ExtractPropTypes, PropType } from 'vue'
import { makeStringProp, baseProps } from '../common/props'
export type ConfigProviderTheme = 'light' | 'dark'
export const configProviderProps = {
...baseProps,
/**
* 主题风格,设置为 dark 来开启深色模式,全局生效
*/
theme: makeStringProp<ConfigProviderTheme>('light'),
/**
* 自定义主题变量
*/
themeVars: {
type: Object as PropType<ConfigProviderThemeVars>,
default: () => ({})
}
}
export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>
export type baseThemeVars = {
colorTheme?: string // 主题色
colorWhite?: string // 用于mix的白色
colorBlack?: string // 用于mix的黑色
colorSuccess?: string // 成功色
colorWarning?: string // 警告色
colorDanger?: string // 危险出错色
colorPurple?: string // 紫色
colorYellow?: string // 黄色
colorBlue?: string // 蓝色
colorInfo?: string // 信息色
colorGray1?: string // 灰色1
colorGray2?: string // 灰色2
colorGray3?: string // 灰色3
colorGray4?: string // 灰色4
colorGray5?: string // 灰色5
colorGray6?: string // 灰色6
colorGray7?: string // 灰色7
colorGray8?: string // 灰色8
fontGray1?: string // 字体灰色1
fontGray2?: string // 字体灰色2
fontGray3?: string // 字体灰色3
fontGray4?: string // 字体灰色4
fontWhite1?: string // 字体白色1
fontWhite2?: string // 字体白色2
fontWhite3?: string // 字体白色3
fontWhite4?: string // 字体白色4
colorTitle?: string // 模块标题/重要正文
colorContent?: string // 普通正文
colorSecondary?: string // 次要信息,注释/补充/正文
colorAid?: string // 辅助文字字号,弱化信息,引导性/不可点文字
colorTip?: string // 失效、默认提示文字
colorBorder?: string // 控件边框线
colorBorderLight?: string // 分割线颜色
colorBg?: string // 背景色、禁用填充色
darkBackground?: string // 深色背景1
darkBackground2?: string // 深色背景2
darkBackground3?: string // 深色背景3
darkBackground4?: string // 深色背景4
darkBackground5?: string // 深色背景5
darkBackground6?: string // 深色背景6
darkBackground7?: string // 深色背景7
darkColor?: string // 深色字体1
darkColor2?: string // 深色字体2
darkColor3?: string // 深色字体3
darkColorGray?: string // 深色灰色
darkBorderColor?: string // 深色边框颜色
colorIcon?: string // icon颜色
colorIconActive?: string // icon颜色hover
colorIconDisabled?: string // icon颜色disabled
fsBig?: string // 大型标题字号
fsImportant?: string // 重要数据字号
fsTitle?: string // 标题字号/重要正文字号
fsContent?: string // 普通正文字号
fsSecondary?: string // 次要信息字号
fsAid?: string // 辅助文字字号
fwMedium?: string // 字重500
fwSemibold?: string // 字重600
sizeSidePadding?: string // 屏幕两边留白padding
}
export type actionSheetThemeVars = {
actionSheetWeight?: string
actionSheetRadius?: string
actionSheetLoadingSize?: string
actionSheetActionHeight?: string
actionSheetColor?: string
actionSheetFs?: string
actionSheetActiveColor?: string
actionSheetSubnameFs?: string
actionSheetSubnameColor?: string
actionSheetDisabledColor?: string
actionSheetBg?: string
actionSheetTitleHeight?: string
actionSheetTitleFs?: string
actionSheetCloseFs?: string
actionSheetCloseColor?: string
actionSheetCloseTop?: string
actionSheetCloseRight?: string
actionSheetCancelColor?: string
actionSheetCancelHeight?: string
actionSheetCancelBg?: string
actionSheetCancelRadius?: string
actionSheetPanelPadding?: string
actionSheetPanelImgFs?: string
actionSheetPanelImgRadius?: string
}
export type badgeThemeVars = {
badgeBg?: string
badgeColor?: string
badgeFs?: string
badgePadding?: string
badgeHeight?: string
badgePrimary?: string
badgeSuccess?: string
badgeWarning?: string
badgeDanger?: string
badgeInfo?: string
badgeDotSize?: string
badgeBorder?: string
}
export type buttonThemeVars = {
buttonDisabledOpacity?: string
buttonSmallHeight?: string
buttonSmallPadding?: string
buttonSmallFs?: string
buttonSmallRadius?: string
buttonSmallLoading?: string
buttonMediumHeight?: string
buttonMediumPadding?: string
buttonMediumFs?: string
buttonMediumRadius?: string
buttonMediumLoading?: string
buttonMediumBoxShadowSize?: string
buttonLargeHeight?: string
buttonLargePadding?: string
buttonLargeFs?: string
buttonLargeRadius?: string
buttonLargeLoading?: string
buttonLargeBoxShadowSize?: string
buttonIconFs?: string
buttonIconSize?: string
buttonIconColor?: string
buttonIconDisabledColor?: string
buttonNormalColor?: string
buttonNormalDisabledColor?: string
buttonPlainBgColor?: string
buttonPrimaryColor?: string
buttonPrimaryBgColor?: string
buttonSuccessColor?: string
buttonSuccessBgColor?: string
buttonInfoColor?: string
buttonInfoBgColor?: string
buttonInfoPlainBorderColor?: string
buttonInfoPlainNormalColor?: string
buttonWarningColor?: string
buttonWarningBgColor?: string
buttonErrorColor?: string
buttonErrorBgColor?: string
buttonTextHoverOpacity?: string
}
export type cellThemeVars = {
cellPadding?: string
cellLineHeight?: string
cellGroupTitleFs?: string
cellGroupPadding?: string
cellGroupTitleColor?: string
cellGroupValueFs?: string
cellGroupValueColor?: string
cellWrapperPadding?: string
cellWrapperPaddingLarge?: string
cellWrapperPaddingWithLabel?: string
cellIconRight?: string
cellIconSize?: string
cellTitleFs?: string
cellTitleColor?: string
cellLabelFs?: string
cellLabelColor?: string
cellValueFs?: string
cellValueColor?: string
cellArrowSize?: string
cellArrowColor?: string
cellClearColor?: string
cellTapBg?: string
cellTitleFsLarge?: string
cellLabelFsLarge?: string
cellIconSizeLarge?: string
cellRequiredColor?: string
cellRequiredSize?: string
cellVerticalTop?: string
}
export type calendarThemeVars = {
calendarFs?: string
calendarPanelPadding?: string
calendarPanelTitleFs?: string
calendarPanelTitleColor?: string
calendarWeekColor?: string
calendarWeekHeight?: string
calendarWeekFs?: string
calendarDayFs?: string
calendarDayColor?: string
calendarDayFw?: string
calendarDayHeight?: string
calendarMonthWidth?: string
calendarActiveColor?: string
calendarSelectedColor?: string
calendarDisabledColor?: string
calendarRangeColor?: string
calendarActiveBorder?: string
calendarInfoFs?: string
calendarItemMarginBottom?: string
}
export type checkboxThemeVars = {
checkboxMargin?: string
checkboxBg?: string
checkboxLabelMargin?: string
checkboxSize?: string
checkboxIconSize?: string
checkboxBorderColor?: string
checkboxCheckColor?: string
checkboxLabelFs?: string
checkboxLabelColor?: string
checkboxCheckedColor?: string
checkboxDisabledColor?: string
checkboxDisabledLabelColor?: string
checkboxDisabledCheckColor?: string
checkboxDisabledCheckBg?: string
checkboxSquareRadius?: string
checkboxLargeSize?: string
checkboxLargeLabelFs?: string
checkboxButtonHeight?: string
checkboxButtonMinWidth?: string
checkboxButtonRadius?: string
checkboxButtonBg?: string
checkboxButtonFontSize?: string
checkboxButtonBorder?: string
checkboxButtonDisabledBorder?: string
}
export type collapseThemeVars = {
collapseSidePadding?: string
collapseBodyPadding?: string
collapseHeaderPadding?: string
collapseTitleColor?: string
collapseTitleFs?: string
collapseArrowSize?: string
collapseArrowColor?: string
collapseBodyFs?: string
collapseBodyColor?: string
collapseDisabledColor?: string
collapseRetractFs?: string
collapseMoreColor?: string
}
export type dividerThemeVars = {
dividerPadding?: string
dividerMargin?: string
dividerColor?: string
dividerLineColor?: string
dividerLineHeight?: string
dividerFs?: string
dividerContentLeftWidth?: string
dividerContentLeftMargin?: string
dividerContentRightMargin?: string
dividerContentRightWidth?: string
dividerVerticalHeight?: string
dividerVerticalContentMargin?: string
dividerVerticalLineWidth?: string
}
export type dropMenuThemeVars = {
dropMenuHeight?: string
dropMenuColor?: string
dropMenuFs?: string
dropMenuArrowFs?: string
dropMenuSidePadding?: string
dropMenuDisabledColor?: string
dropMenuItemHeight?: string
dropMenuItemColor?: string
dropMenuItemFs?: string
dropMenuItemColorActive?: string
dropMenuItemColorTip?: string
dropMenuItemFsTip?: string
dropMenuOptionCheckSize?: string
dropMenuLineColor?: string
dropMenuLineHeight?: string
}
export type inputNumberThemeVars = {
inputNumberColor?: string
inputNumberBorderColor?: string
inputNumberDisabledColor?: string
inputNumberHeight?: string
inputNumberBtnWidth?: string
inputNumberInputWidth?: string
inputNumberRadius?: string
inputNumberFs?: string
inputNumberIconSize?: string
inputNumberIconColor?: string
}
export type inputThemeVars = {
inputPadding?: string
inputBorderColor?: string
inputNotEmptyBorderColor?: string
inputFs?: string
inputFsLarge?: string
inputIconMargin?: string
inputColor?: string
inputPlaceholderColor?: string
inputDisabledColor?: string
inputErrorColor?: string
inputIconColor?: string
inputClearColor?: string
inputCountColor?: string
inputCountCurrentColor?: string
inputBg?: string
inputCellBg?: string
inputCellBorderColor?: string
inputCellPadding?: string
inputCellPaddingLarge?: string
inputCellHeight?: string
inputCellLabelWidth?: string
inputInnerHeight?: string
inputInnerHeightNoBorder?: string
inputCountFs?: string
inputCountFsLarge?: string
inputIconSize?: string
inputIconSizeLarge?: string
}
export type textareaThemeVars = {
textareaPadding?: string
textareaBorderColor?: string
textareaNotEmptyBorderColor?: string
textareaFs?: string
textareaFsLarge?: string
textareaIconMargin?: string
textareaColor?: string
textareaIconColor?: string
textareaClearColor?: string
textareaCountColor?: string
textareaCountCurrentColor?: string
textareaBg?: string
textareaCellBorderColor?: string
textareaCellPadding?: string
textareaCellPaddingLarge?: string
textareaCellHeight?: string
textareaCountFs?: string
textareaCountFsLarge?: string
textareaIconSize?: string
textareaIconSizeLarge?: string
}
export type loadmoreThemeVars = {
loadmoreHeight?: string
loadmoreColor?: string
loadmoreFs?: string
loadmoreErrorColor?: string
loadmoreRefreshFs?: string
loadmoreLoadingSize?: string
}
export type messageBoxThemeVars = {
messageBoxWidth?: string
messageBoxBg?: string
messageBoxRadius?: string
messageBoxPadding?: string
messageBoxTitleFs?: string
messageBoxTitleColor?: string
messageBoxContentFs?: string
messageBoxContentColor?: string
messageBoxContentMaxHeight?: string
messageBoxContentScrollbarWidth?: string
messageBoxContentScrollbarColor?: string
messageBoxInputErrorColor?: string
}
export type noticeBarThemeVars = {
noticeBarFs?: string
noticeBarLineHeight?: string
noticeBarBorderRadius?: string
noticeBarPadding?: string
noticeBarWarningBg?: string
noticeBarInfoBg?: string
noticeBarDangerBg?: string
noticeBarWarningColor?: string
noticeBarInfoColor?: string
noticeBarDangerColor?: string
noticeBarPrefixSize?: string
noticeBarCloseBg?: string
noticeBarCloseSize?: string
noticeBarCloseColor?: string
noticeBarWrapPadding?: string
}
export type paginationThemeVars = {
paginationContentPadding?: string
paginationMessagePadding?: string
paginationMessageFs?: string
paginationMessageColor?: string
paginationNavBorder?: string
paginationNavBorderRadius?: string
paginationNavFs?: string
paginationNavWidth?: string
paginationNavColor?: string
paginationNavContentFs?: string
paginationNavSepatatorPadding?: string
paginationNavCurrentColor?: string
paginationIconSize?: string
}
export type pickerThemeVars = {
pickerToolbarHeight?: string
pickerActionHeight?: string
pickerToolbarFinishColor?: string
pickerToolbarCancelColor?: string
pickerToolbarFs?: string
pickerToolbarTitleColor?: string
pickerColumnFs?: string
pickerBg?: string
pickerColumnActiveFs?: string
pickerColumnColor?: string
pickerColumnHeight?: string
pickerColumnItemHeight?: string
pickerColumnSelectBg?: string
pickerLoadingButtonColor?: string
pickerColumnPadding?: string
pickerColumnDisabledColor?: string
pickerMask?: string
pickerLoadingBg?: string
pickerRegionSeparatorColor?: string
pickerCellArrowSizeLarge?: string
pickerRegionColor?: string
pickerRegionBgActiveColor?: string
pickerRegionFs?: string
}
export type colPickerThemeVars = {
colPickerSelectedHeight?: string
colPickerSelectedPadding?: string
colPickerSelectedFs?: string
colPickerSelectedColor?: string
colPickerSelectedFw?: string
colPickerLineWidth?: string
colPickerLineHeight?: string
colPickerLineColor?: string
colPickerLineBoxShadow?: string
colPickerListHeight?: string
colPickerListPaddingBottom?: string
colPickerListColor?: string
colPickerListColorDisabled?: string
colPickerListColorTip?: string
colPickerListFs?: string
colPickerListFsTip?: string
colPickerListItemPadding?: string
colPickerListCheckedIconSize?: string
colPickerListColorChecked?: string
}
export type overlayThemeVars = {
overlayBg?: string
overlayBgDark?: string
}
export type popupThemeVars = {
popupCloseSize?: string
popupCloseColor?: string
}
export type progressThemeVars = {
progressPadding?: string
progressBg?: string
progressDangerColor?: string
progressSuccessColor?: string
progressWarningColor?: string
progressColor?: string
progressHeight?: string
progressLabelColor?: string
progressLabelFs?: string
progressIconFs?: string
}
export type radioThemeVars = {
radioMargin?: string
radioLabelMargin?: string
radioSize?: string
radioBg?: string
radioLabelFs?: string
radioLabelColor?: string
radioCheckedColor?: string
radioDisabledColor?: string
radioDisabledLabelColor?: string
radioLargeSize?: string
radioLargeLabelFs?: string
radioButtonHeight?: string
radioButtonMinWidth?: string
radioButtonMaxWidth?: string
radioButtonRadius?: string
radioButtonBg?: string
radioButtonFs?: string
radioButtonBorder?: string
radioButtonDisabledBorder?: string
radioDotSize?: string
radioDotLargeSize?: string
radioDotCheckedBg?: string
radioDotCheckedBorderColor?: string
radioDotBorderColor?: string
radioDotDisabledBorder?: string
radioDotDisabledBg?: string
}
export type searchThemeVars = {
searchSidePadding?: string
searchPadding?: string
searchInputRadius?: string
searchInputBg?: string
searchInputHeight?: string
searchInputPadding?: string
searchInputFs?: string
searchInputColor?: string
searchIconColor?: string
searchIconSize?: string
searchClearIconSize?: string
searchPlaceholderColor?: string
searchCancelPadding?: string
searchCancelFs?: string
searchCancelColor?: string
searchLightBg?: string
}
export type sliderThemeVars = {
sliderFs?: string
sliderHandleRadius?: string
sliderHandleBg?: string
sliderAxieHeight?: string
sliderColor?: string
sliderAxieBg?: string
sliderLineColor?: string
sliderDisabledColor?: string
}
export type sortButtonThemeVars = {
sortButtonFs?: string
sortButtonColor?: string
sortButtonHeight?: string
sortButtonLineHeight?: string
sortButtonLineColor?: string
}
export type stepsThemeVars = {
stepsIconSize?: string
stepsInactiveColor?: string
stepsFinishedColor?: string
stepsIconTextFs?: string
stepsErrorColor?: string
stepsTitleFs?: string
stepsTitleFw?: string
stepsLabelFs?: string
stepsDescriptionColor?: string
stepsIsIconWidth?: string
stepsLineColor?: string
stepsDotSize?: string
stepsDotActiveSize?: string
}
export type switchThemeVars = {
switchSize?: string
switchWidth?: string
switchHeight?: string
switchCircleSize?: string
switchBorderColor?: string
switchActiveColor?: string
switchActiveShadowColor?: string
switchInactiveColor?: string
switchInactiveShadowColor?: string
}
export type tabsThemeVars = {
tabsNavArrowFs?: string
tabsNavArrowOpenFs?: string
tabsNavWidth?: string
tabsNavHeight?: string
tabsNavFs?: string
tabsNavColor?: string
tabsNavBg?: string
tabsNavActiveColor?: string
tabsNavDisabledColor?: string
tabsNavLineHeight?: string
tabsNavLineWidth?: string
tabsNavLineBgColor?: string
tabsNavMapFs?: string
tabsNavMapColor?: string
tabsNavMapArrowColor?: string
tabsNavMapBtnBeforeBg?: string
tabsNavMapButtonBackColor?: string
tabsNavMapButtonRadius?: string
tabsNavMapModalBg?: string
}
export type tagThemeVars = {
tagFs?: string
tagColor?: string
tagSmallFs?: string
tagInfoColor?: string
tagPrimaryColor?: string
tagDangerColor?: string
tagWarningColor?: string
tagSuccessColor?: string
tagInfoBg?: string
tagPrimaryBg?: string
tagDangerBg?: string
tagWarningBg?: string
tagSuccessBg?: string
tagRoundColor?: string
tagRoundBorderColor?: string
tagRoundRadius?: string
tagMarkRadius?: string
tagCloseSize?: string
tagCloseColor?: string
tagCloseActiveColor?: string
}
export type toastThemeVars = {
toastPadding?: string
toastMaxWidth?: string
toastRadius?: string
toastBg?: string
toastFs?: string
toastWithIconMinWidth?: string
toastIconSize?: string
toastIconMarginRight?: string
toastIconMarginBottom?: string
toastLoadingPadding?: string
toastBoxShadow?: string
}
export type loadingThemeVars = {
loadingSize?: string
}
export type tooltipThemeVars = {
tooltipBg?: string
tooltipColor?: string
tooltipRadius?: string
tooltipArrowSize?: string
tooltipFs?: string
tooltipBlur?: string
tooltipPadding?: string
tooltipCloseSize?: string
tooltipZIndex?: string
tooltipLineHeight?: string
}
export type popoverThemeVars = {
popoverBg?: string
popoverColor?: string
popoverBoxShadow?: string
popoverArrowBoxShadow?: string
popoverBorderColor?: string
popoverRadius?: string
popoverArrowSize?: string
popoverFs?: string
popoverPadding?: string
popoverLineHeight?: string
popoverZIndex?: string
}
export type gridItemThemeVars = {
gridItemFs?: string
gridItemBg?: string
gridItemPadding?: string
gridItemBorderColor?: string
gridItemHoverBg?: string
gridItemHoverBgDark?: string
}
export type statustipThemeVars = {
statustipFs?: string
statustipColor?: string
statustipLineHeight?: string
statustipPadding?: string
}
export type cardThemeVars = {
cardBg?: string
cardFs?: string
cardPadding?: string
cardFooterPadding?: string
cardShadowColor?: string
cardRadius?: string
cardLineHeight?: string
cardMargin?: string
cardTitleColor?: string
cardTitleFs?: string
cardContentBorderColor?: string
cardRectangleTitlePadding?: string
cardRectangleContentPadding?: string
cardRectangleFooterPadding?: string
cardContentColor?: string
cardContentLineHeight?: string
cardContentMargin?: string
cardContentRectangleMargin?: string
}
export type uploadThemeVars = {
uploadSize?: string
uploadEvokeIconSize?: string
uploadEvokeBg?: string
uploadEvokeColor?: string
uploadEvokeDisabledColor?: string
uploadCloseIconSize?: string
uploadCloseIconColor?: string
uploadProgressFs?: string
uploadFileFs?: string
uploadFileColor?: string
uploadPreviewNameFs?: string
uploadPreviewIconSize?: string
uploadPreviewNameBg?: string
uploadPreviewNameHeight?: string
uploadCoverIconSize?: string
}
export type curtainThemeVars = {
curtainContentRadius?: string
curtainContentCloseColor?: string
curtainContentCloseFs?: string
}
export type notifyThemeVars = {
notifyTextColor?: string
notifyPadding?: string
notifyFontSize?: string
notifyLineHeight?: string
notifyPrimaryBackground?: string
notifySuccessBackground?: string
notifyDangerBackground?: string
notifyWarningBackground?: string
}
export type skeletonThemeVars = {
skeletonBackgroundColor?: string
skeletonAnimationGradient?: string
skeletonAnimationFlashed?: string
skeletonTextHeightDefault?: string
skeletonRectHeightDefault?: string
skeletonCircleHeightDefault?: string
skeletonRowMarginBottom?: string
skeletonBorderRadiusText?: string
skeletonBorderRadiusRect?: string
skeletonBorderRadiusCircle?: string
}
export type circleThemeVars = {
circleTextColor?: string
}
export type swiperThemeVars = {
swiperRadius?: string
swiperItemPadding?: string
swiperItemTextColor?: string
swiperItemTextFs?: string
}
export type swiperNavThemeVars = {
swiperNavDotColor?: string
swiperNavDotActiveColor?: string
swiperNavDotSize?: string
swiperNavDotsBarActiveWidth?: string
swiperNavFractionColor?: string
swiperNavFractionBgColor?: string
swiperNavFractionHeight?: string
swiperNavFractionFontSize?: string
swiperNavBtnColor?: string
swiperNavBtnBgColor?: string
swiperNavBtnSize?: string
}
export type segmentedThemeVars = {
segmentedPadding?: string
segmentedItemBgColor?: string
segmentedItemColor?: string
segmentedItemAcitveBg?: string
segmentedItemDisabledColor?: string
}
export type tabbarThemeVars = {
tabbarHeight?: string
tabbarBoxShadow?: string
}
export type tabbarItemThemeVars = {
tabbarItemTitleFontSize?: string
tabbarItemTitleLineHeight?: string
tabbarInactiveColor?: string
tabbarActiveColor?: string
tabbarItemIconSize?: string
}
export type navbarThemeVars = {
navbarHeight?: string
navbarColor?: string
navbarBackground?: string
navbarArrowSize?: string
navbarDescFontSize?: string
navbarDescFontColor?: string
navbarTitleFontSize?: string
navbarTitleFontWeight?: string
navbarDisabledOpacity?: string
navbarHoverColor?: string
}
export type navbarCapsuleThemeVars = {
navbarCapsuleBorderColor?: string
navbarCapsuleBorderRadius?: string
navbarCapsuleWidth?: string
navbarCapsuleHeight?: string
navbarCapsuleIconSize?: string
}
export type tableThemeVars = {
tableColor?: string
tableBg?: string
tableStripeBg?: string
tableBorderColor?: string
tableFontSize?: string
}
export type sidebarThemeVars = {
sidebarBg?: string
sidebarWidth?: string
sidebarHeight?: string
}
export type sidebarItemThemeVars = {
sidebarColor?: string
sidebarItemHeight?: string
sidebarItemLineHeight?: string
sidebarDisabledColor?: string
sidebarActiveColor?: string
sidebarActiveBg?: string
sidebarHoverBg?: string
sidebarBorderRadius?: string
sidebarFontSize?: string
sidebarIconSize?: string
sidebarActiveBorderWidth?: string
sidebarActiveBorderHeight?: string
}
export type fabThemeVars = {
fabTriggerHeight?: string
fabTriggerWidth?: string
fabActionsPadding?: string
fabIconFs?: string
}
export type countDownThemeVars = {
countDownTextColor?: string
countDownFontSize?: string
countDownLineHeight?: string
}
export type keyboardThemeVars = {
keyboardKeyHeight?: string
keyboardKeyFontSize?: string
keyboardKeyBackground?: string
keyboardKeyBorderRadius?: string
keyboardDeleteFontSize?: string
keyboardKeyActiveColor?: string
keyboardButtonTextColor?: string
keyboardButtonBackground?: string
keyboardButtonActiveOpacity?: string
keyboardBackground?: string
keyboardTitleHeight?: string
keyboardTitleColor?: string
keyboardTitleFontSize?: string
keyboardClosePadding?: string
keyboardCloseColor?: string
keyboardCloseFontSize?: string
keyboardIconSize?: string
}
export type numberKeyboardThemeVars = {
numberKeyboardKeyHeight?: string
numberKeyboardKeyFontSize?: string
numberKeyboardKeyBackground?: string
numberKeyboardKeyBorderRadius?: string
numberKeyboardDeleteFontSize?: string
numberKeyboardKeyActiveColor?: string
numberKeyboardButtonTextColor?: string
numberKeyboardButtonBackground?: string
numberKeyboardButtonActiveOpacity?: string
numberKeyboardBackground?: string
numberKeyboardTitleHeight?: string
numberKeyboardTitleColor?: string
numberKeyboardTitleFontSize?: string
numberKeyboardClosePadding?: string
numberKeyboardCloseColor?: string
numberKeyboardCloseFontSize?: string
numberKeyboardIconSize?: string
}
export type passwodInputThemeVars = {
passwordInputHeight?: string
passwordInputMargin?: string
passwordInputFontSize?: string
passwordInputRadius?: string
passwordInputBackground?: string
passwordInputInfoColor?: string
passwordInputInfoFontSize?: string
passwordInputBorderColor?: string
passwordInputErrorInfoColor?: string
passwordInputDotSize?: string
passwordInputDotColor?: string
passwordInputTextColor?: string
passwordInputCursorColor?: string
passwordInputCursorWidth?: string
passwordInputCursorHeight?: string
passwordInputCursorDuration?: string
}
export type formItemThemeVars = {
formItemErrorMessageColor?: string
formItemErrorMessageFontSize?: string
formItemErrorMessageLineHeight?: string
}
export type backtopThemeVars = {
backtopBg?: string
backtopIconSize?: string
}
export type indexBarThemeVars = {
indexBarIndexFontSize?: string
}
export type textThemeVars = {
textInfoColor?: string
textPrimaryColor?: string
textErrorColor?: string
textWarningColor?: string
textSuccessColor?: string
}
export type videoPreviewThemeVars = {
videoPreviewBg?: string
videoPreviewCloseColor?: string
videoPreviewCloseFontSize?: string
}
export type imgCropperThemeVars = {
imgCropperIconSize?: string
imgCropperIconColor?: string
}
export type floatingPanelThemeVars = {
floatingPanelBg?: string
floatingPanelRadius?: string
floatingPanelZIndex?: string
floatingPanelHeaderHeight?: string
floatingPanelBarWidth?: string
floatingPanelBarHeight?: string
floatingPanelBarBg?: string
floatingPanelBarRadius?: string
floatingPanelContentBg?: string
}
export type signatureThemeVars = {
signatureBg?: string
signatureRadius?: string
signatureBorder?: string
signatureFooterMarginTop?: string
signatureButtonMarginLeft?: string
}
export type ConfigProviderThemeVars = baseThemeVars &
actionSheetThemeVars &
badgeThemeVars &
buttonThemeVars &
cellThemeVars &
calendarThemeVars &
checkboxThemeVars &
collapseThemeVars &
dividerThemeVars &
dropMenuThemeVars &
inputNumberThemeVars &
inputThemeVars &
textareaThemeVars &
loadmoreThemeVars &
messageBoxThemeVars &
noticeBarThemeVars &
paginationThemeVars &
pickerThemeVars &
colPickerThemeVars &
overlayThemeVars &
popupThemeVars &
progressThemeVars &
radioThemeVars &
searchThemeVars &
sliderThemeVars &
sortButtonThemeVars &
stepsThemeVars &
switchThemeVars &
tabsThemeVars &
tagThemeVars &
toastThemeVars &
loadingThemeVars &
tooltipThemeVars &
popoverThemeVars &
gridItemThemeVars &
statustipThemeVars &
cardThemeVars &
uploadThemeVars &
curtainThemeVars &
notifyThemeVars &
skeletonThemeVars &
circleThemeVars &
swiperThemeVars &
swiperNavThemeVars &
segmentedThemeVars &
tabbarThemeVars &
tabbarItemThemeVars &
navbarThemeVars &
navbarCapsuleThemeVars &
tableThemeVars &
sidebarThemeVars &
sidebarItemThemeVars &
fabThemeVars &
countDownThemeVars &
keyboardThemeVars &
numberKeyboardThemeVars &
passwodInputThemeVars &
formItemThemeVars &
backtopThemeVars &
indexBarThemeVars &
textThemeVars &
videoPreviewThemeVars &
imgCropperThemeVars &
floatingPanelThemeVars &
signatureThemeVars