shineout
Version:
Shein 前端组件库
1,082 lines (1,081 loc) • 28.4 kB
TypeScript
export interface ThemeConfig {
/**
* 'body': 作为 body 标签的内联样式; 'tag': 作为style标签插入
*/
injectType: 'body' | 'tag';
/**
* 作用的元素; 当 injectType 为 'tag' 时必须传入string
*/
target?: string | HTMLElement | (() => HTMLElement);
}
export declare function setThemeConfig(c: Partial<ThemeConfig>): void;
export declare function getThemeConfig(name: keyof ThemeConfig): string | HTMLElement | (() => HTMLElement) | undefined;
export declare function getThemeTarget(): HTMLElement;
export declare function cleanStyleObj(): void;
export declare function injectTag(custom?: {}): string;
declare const injects: {
color: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
type: string;
attr: string;
className: string;
desc: string;
} | {
name: string;
type: string;
attr: string;
className: string;
desc?: undefined;
})[];
primary: string;
infoColor: string;
warning: string;
danger: string;
success: string;
secondary: string;
gray100: string;
gray200: string;
gray300: string;
gray400: string;
gray500: string;
gray600: string;
gray700: string;
gray800: string;
gray900: string;
};
button: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
attr: string;
type: string;
parser: typeof parseInt;
className: string;
desc: string;
} | {
name: string;
attr: string;
type: string;
className: string;
desc: string;
parser?: undefined;
})[];
fontSizeBase: string;
fontSizeLarge: string;
fontSizeSmall: string;
spinMargin: string;
marginLeft: string;
borderRadius: string;
smallBorderRadius: string;
largeBorderRadius: string;
paddingBaseHorizontal: string;
paddingLargeHorizontal: string;
paddingSmallHorizontal: string;
paddingBaseVertical: string;
paddingLargeVertical: string;
paddingSmallVertical: string;
disabledBg: string;
disabledColor: string;
disabledBorderColor: string;
disabledDelimiter: string;
buttonDefaultTextColor: string;
buttonDefaultBorderColor: string;
};
dropdown: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
attr: string;
type: string;
parser: typeof parseInt;
className: string;
desc: string;
} | {
name: string;
attr: string;
type: string;
className: string;
desc: string;
parser?: undefined;
})[];
borderWidth: string;
columnsPadding: string;
optionsHoverBgc: string;
optionsHoverColor: string;
};
form: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string[];
desc: string;
parser?: undefined;
})[];
itemMarginBottom: string;
itemMarginRight: string;
tipColor: string;
labelHorizontalAlign: string;
formTipFontSize: string;
formErrorLineHeight: string;
formErrorMarginTop: string;
formErrorMarginBottom: string;
formKeepErrorHeight: string;
};
checkbox: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
min?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
min?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
min: number;
desc: string;
})[];
marginRight: string;
color: string;
borderColor: string;
borderWidth: string;
textPaddingX: string;
indicatorBorderRadius: string;
checkboxDisabledBgc: string;
checkboxCheckedDisabledBgc: string;
};
radio: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
min: number;
max: number;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
min: number;
desc: string;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
min?: undefined;
max?: undefined;
})[];
size: string;
borderWidth: string;
innerWidth: string;
uncheckBorderWidth: string;
color: string;
};
input: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
max: number;
parser: (v: string) => number;
desc: string;
})[];
color: string;
borderRadius: string;
underlineHeight: string;
dropdownBorderRadius: string;
disabledBg: string;
disabledColor: string;
borderColor: string;
borderHoverColor: string;
focusWidth: string;
placeholderColor: string;
placeholderSize: string;
clearBg: string;
clearHoverBg: string;
};
select: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
})[];
resultPaddingVertical: string;
resultPaddingHorizontal: string;
itemColor: string;
itemBgColor: string;
disabledBg: string;
disabledColor: string;
itemActiveBg: string;
itemActiveColor: string;
itemHoverBg: string;
itemHoverColor: string;
compressedMoreHoverBg: string;
clearIconBg: string;
treeDisabledBg: string;
treeContentColor: string;
treeDisableContentColor: string;
treeIconHoverBg: string;
treeNodeHoverBg: string;
treeNodeHoverColor: string;
treeNodeSelectedBg: string;
treeNodeSelectedColor: string;
};
datepicker: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
})[];
rectBorderRadius: string;
dayHoverBgc: string;
};
slider: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
min?: undefined;
max?: undefined;
parser?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
min: number;
max: number;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
min?: undefined;
max?: undefined;
})[];
indicatorBg: string;
indicatorSize: string;
indicatorBoxShadow: string;
barBg: string;
disabledBarBg: string;
disabledIndicatorBorder: string;
disabledIndicatorBg: string;
height: string;
borderRadius: string;
valueBottom: string;
};
table: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
parser: typeof parseInt;
type: string;
desc: string;
logic: boolean;
max: number;
min?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
logic?: undefined;
max?: undefined;
min?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
logic?: undefined;
max?: undefined;
min?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
max: number;
min: number;
parser: typeof parseInt;
desc: string;
logic?: undefined;
})[];
scrollRatio: string | number;
headBg: string;
hoverBg: string;
selectedBg: string;
headColor: string;
bodyBg: string;
rowSpacing: string;
rowBorderRadius: string;
headFontWeight: string;
borderColor: string;
textColor: string;
borderRadiusTop: string;
headerCellPadding: string;
smallCellPadding: string;
cellPaddingHorizontal: string;
cellPaddingVertical: string;
treeExpandIconMarginRight: string;
fixedStart: string;
fixedEnd: string;
tableEvenBgc: string;
tableOddBgc: string;
marginBottom: string;
headerTopDivider: string;
};
pagination: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
})[];
borderRadius: string;
borderWidth: string;
hoverBorderColor: string;
hoverColor: string;
hoverBg: string;
fontSize: string;
defaultSize: string;
smallSize: string;
largeSize: string;
};
tag: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
min?: undefined;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
min?: undefined;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
min: number;
max: number;
desc: string;
})[];
bg: string;
successBg: string;
infoBg: string;
warningBg: string;
dangerBg: string;
color: string;
successColor: string;
infoColor: string;
warningColor: string;
dangerColor: string;
closeColor: string;
closeHoverColor: string;
borderColor: string;
borderRadius: string;
paddingHorizontal: string;
paddingVertical: string;
fontWeight: string;
};
tooltip: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
})[];
bg: string;
paddingHorizontal: string;
paddingVertical: string;
};
menu: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
})[];
verticalDarkRootActiveBgc: string;
hasChildrenActiveBgc: string;
hasChildrenActiveColor: string;
verticalInpathBarWidth: string;
height: string;
fontSize: string;
darkBg: string;
darkActiveBg: string;
activeBg: string;
activeColor: string;
color: string;
darkColor: string;
darkRootNodeBg: string;
darkChildrenSegmentation: string;
activePaddingHorizontal: string;
activePaddingVertical: string;
activeBorderRadius: string;
itemHoverColor: string;
itemHoverDarkColor: string;
itemHoverBgc: string;
itemHoverDarkBgc: string;
activeBar: string;
activeBarColor: string;
darkActiveBarColor: string;
};
alert: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
})[];
fontSize: string;
paddingX: string;
paddingY: string;
iconMarginTop: string;
closeIconColor: string;
closeIconHoverColor: string;
borderRadius: string;
boxShadow: string;
successBoxShadow: string;
infoBoxShadow: string;
dangerBoxShadow: string;
warningBoxShadow: string;
borderWidth: string;
successTextColor: string;
successBg: string;
successBorderColor: string;
infoTextColor: string;
infoBg: string;
infoBorderColor: string;
warningTextColor: string;
warningBg: string;
warningBorderColor: string;
dangerTextColor: string;
dangerBg: string;
dangerBorderColor: string;
};
message: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
max?: undefined;
min?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
max: number;
min: number;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
max?: undefined;
min?: undefined;
})[];
boxShadow: string;
color: string;
closeColor: string;
fontWeight: string;
borderColor: string;
iconMarginTop: string;
};
card: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
value?: undefined;
} | {
name: string;
value: string;
attr: string;
type: string;
desc: string;
className?: undefined;
parser?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
value?: undefined;
})[];
fontSize: string;
paddingHeaderHorizontal: string;
paddingHeaderVertical: string;
paddingBodyHorizontal: string;
paddingBodyVertical: string;
paddingFooterHorizontal: string;
paddingFooterVertical: string;
borderRadius: string;
borderWidth: string;
dividerHeight: string;
dividerWidth: string;
borderColor: string;
dividerColor: string;
color: string;
boxShadow: string;
headerBg: string;
footerBg: string;
headerColor: string;
footerColor: string;
};
modal: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
value?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
value?: undefined;
} | {
name: string;
value: string;
attr: string;
type: string;
desc: string;
className?: undefined;
parser?: undefined;
})[];
titleFontFamily: string;
fontSize: string;
iconSize: string;
iconLeft: string;
iconTop: string;
closeIconColor: string;
closeIconHoverColor: string;
closeIconTopMargin: string;
closeIconRightMargin: string;
titleFontSize: string;
titleColor: string;
padding: string;
headerPaddingTop: string;
headerPaddingRight: string;
iconHeaderPaddingRight: string;
headerPaddingBottom: string;
headerPaddingLeft: string;
bodyPaddingTop: string;
bodyPaddingRight: string;
bodyPaddingBottom: string;
bodyPaddingLeft: string;
iconBodyPaddingTop: string;
iconBodyPaddingRight: string;
iconBodyPaddingBottom: string;
iconBodyPaddingLeft: string;
footerPadding: string;
borderRadius: string;
borderWidth: string;
dividerHeight: string;
dividerWidth: string;
borderColor: string;
dividerColor: string;
color: string;
headerBg: string;
footerBg: string;
boxShadow: string;
};
popover: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
})[];
borderColor: string;
borderWidth: string;
boxShadow: string;
borderRadius: string;
textMaxWidth: string;
fontSize: string;
};
tree: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
min?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
min: number;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
min?: undefined;
})[];
levelIndent: string;
nodeMarginBottom: string;
treeIndicatorColor: string;
lineColor: string;
};
switch: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string[];
desc: string;
})[];
type: string;
uncheckBg: string;
};
tabs: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
min: number;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
min?: undefined;
parser?: undefined;
})[];
tabSpacing: string;
tabPaddingX: string;
tabPaddingY: string;
tabFontSize: string;
tabBackground: string;
tabActiveBackground: string;
tabBorderColor: string;
tabActiveBorderColor: string;
tabColor: string;
tabActiveColor: string;
tabLineActiveColor: string;
};
cascader: {
info: {
title: string;
name: string;
path: string;
};
conf: {
name: string;
className: string;
attr: string;
type: string;
desc: string;
}[];
activeBgc: string;
activeColor: string;
};
list: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
desc: string;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
})[];
itemBottomBorderWidth: string;
itemHoverBgc: string;
};
progress: {
info: {
title: string;
name: string;
path: string;
};
conf: {
name: string;
className: string;
attr: string;
type: string;
desc: string;
}[];
progressBgc: string;
};
common: {
info: {
title: string;
name: string;
path: string;
};
conf: ({
name: string;
className: string;
attr: string;
parser: typeof parseInt;
type: string;
desc: string;
value?: undefined;
min?: undefined;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
desc: string;
parser?: undefined;
value?: undefined;
min?: undefined;
max?: undefined;
} | {
name: string;
value: number;
type: string;
desc: string;
className?: undefined;
attr?: undefined;
parser?: undefined;
min?: undefined;
max?: undefined;
} | {
name: string;
className: string;
parser: (d: string) => string;
attr: string;
type: string[];
desc: string;
value?: undefined;
min?: undefined;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string[];
desc: string;
parser?: undefined;
value?: undefined;
min?: undefined;
max?: undefined;
} | {
name: string;
className: string;
attr: string;
type: string;
parser: typeof parseInt;
min: number;
max: number;
desc: string;
value?: undefined;
})[];
fontSize: string;
fontFamily: string;
lineHeight: string;
contentBlockPadding: string;
contentTextPadding: string;
caret: string;
inputDelay: string;
inputTrim: string;
spinDefaultName: string;
};
};
export declare type Injects = typeof injects;
export default injects;