mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
56 lines
1.4 KiB
TypeScript
56 lines
1.4 KiB
TypeScript
// deps-lint-skip-all
|
|
import type { CSSObject } from '@ant-design/cssinjs';
|
|
import { genComponentStyleHook, resetComponent } from '../../_util/theme';
|
|
import genDraggerStyle from './dragger';
|
|
import genListStyle from './list';
|
|
import genMotionStyle from './motion';
|
|
import genRtlStyle from './rtl';
|
|
import { genPictureStyle, genPictureCardStyle } from './picture';
|
|
import type { GenerateStyle, FullToken } from '../../_util/theme';
|
|
|
|
export interface ComponentToken {
|
|
uploadActionsColor: CSSObject['color'];
|
|
}
|
|
|
|
const genBaseStyle: GenerateStyle<FullToken<'Upload'>> = token => {
|
|
const { componentCls } = token;
|
|
|
|
return {
|
|
[`${componentCls}-wrapper`]: {
|
|
...resetComponent(token),
|
|
|
|
[componentCls]: {
|
|
outline: 0,
|
|
"input[type='file']": {
|
|
cursor: 'pointer',
|
|
},
|
|
},
|
|
|
|
[`${componentCls}-select`]: {
|
|
display: 'inline-block',
|
|
},
|
|
|
|
[`${componentCls}-disabled`]: {
|
|
cursor: 'not-allowed',
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
// ============================== Export ==============================
|
|
export default genComponentStyleHook(
|
|
'Upload',
|
|
token => [
|
|
genBaseStyle(token),
|
|
genDraggerStyle(token),
|
|
genPictureStyle(token),
|
|
genPictureCardStyle(token),
|
|
genListStyle(token),
|
|
genMotionStyle(token),
|
|
genRtlStyle(token),
|
|
],
|
|
token => ({
|
|
uploadActionsColor: token.colorTextSecondary,
|
|
}),
|
|
);
|