54 lines
1.8 KiB
JavaScript
54 lines
1.8 KiB
JavaScript
import { resetComponent } from '../../style';
|
|
import { genCollapseMotion } from '../../style/motion';
|
|
import { genStyleHooks, mergeToken } from '../../theme/internal';
|
|
import genDraggerStyle from './dragger';
|
|
import genListStyle from './list';
|
|
import genMotionStyle from './motion';
|
|
import { genPictureCardStyle, genPictureStyle } from './picture';
|
|
import genRtlStyle from './rtl';
|
|
const genBaseStyle = token => {
|
|
const {
|
|
componentCls,
|
|
colorTextDisabled
|
|
} = token;
|
|
return {
|
|
[`${componentCls}-wrapper`]: Object.assign(Object.assign({}, resetComponent(token)), {
|
|
[componentCls]: {
|
|
outline: 0,
|
|
"input[type='file']": {
|
|
cursor: 'pointer'
|
|
}
|
|
},
|
|
[`${componentCls}-select`]: {
|
|
display: 'inline-block'
|
|
},
|
|
[`${componentCls}-hidden`]: {
|
|
display: 'none'
|
|
},
|
|
[`${componentCls}-disabled`]: {
|
|
color: colorTextDisabled,
|
|
cursor: 'not-allowed'
|
|
}
|
|
})
|
|
};
|
|
};
|
|
export const prepareComponentToken = token => ({
|
|
actionsColor: token.colorIcon,
|
|
pictureCardSize: token.controlHeightLG * 2.55
|
|
});
|
|
// ============================== Export ==============================
|
|
export default genStyleHooks('Upload', token => {
|
|
const {
|
|
fontSizeHeading3,
|
|
fontHeight,
|
|
lineWidth,
|
|
pictureCardSize,
|
|
calc
|
|
} = token;
|
|
const uploadToken = mergeToken(token, {
|
|
uploadThumbnailSize: calc(fontSizeHeading3).mul(2).equal(),
|
|
uploadProgressOffset: calc(calc(fontHeight).div(2)).add(lineWidth).equal(),
|
|
uploadPicCardSize: pictureCardSize
|
|
});
|
|
return [genBaseStyle(uploadToken), genDraggerStyle(uploadToken), genPictureStyle(uploadToken), genPictureCardStyle(uploadToken), genListStyle(uploadToken), genMotionStyle(uploadToken), genRtlStyle(uploadToken), genCollapseMotion(uploadToken)];
|
|
}, prepareComponentToken); |