index.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import { genComponentStyleHook, mergeToken } from '../../theme/internal';
  3. import genDraggerStyle from './dragger';
  4. import genListStyle from './list';
  5. import genMotionStyle from './motion';
  6. import { genPictureCardStyle, genPictureStyle } from './picture';
  7. import genRtlStyle from './rtl';
  8. import { resetComponent } from '../../style';
  9. import { genCollapseMotion } from '../../style/motion';
  10. const genBaseStyle = token => {
  11. const {
  12. componentCls,
  13. colorTextDisabled
  14. } = token;
  15. return {
  16. [`${componentCls}-wrapper`]: _extends(_extends({}, resetComponent(token)), {
  17. [componentCls]: {
  18. outline: 0,
  19. "input[type='file']": {
  20. cursor: 'pointer'
  21. }
  22. },
  23. [`${componentCls}-select`]: {
  24. display: 'inline-block'
  25. },
  26. [`${componentCls}-disabled`]: {
  27. color: colorTextDisabled,
  28. cursor: 'not-allowed'
  29. }
  30. })
  31. };
  32. };
  33. // ============================== Export ==============================
  34. export default genComponentStyleHook('Upload', token => {
  35. const {
  36. fontSizeHeading3,
  37. fontSize,
  38. lineHeight,
  39. lineWidth,
  40. controlHeightLG
  41. } = token;
  42. const listItemHeightSM = Math.round(fontSize * lineHeight);
  43. const uploadToken = mergeToken(token, {
  44. uploadThumbnailSize: fontSizeHeading3 * 2,
  45. uploadProgressOffset: listItemHeightSM / 2 + lineWidth,
  46. uploadPicCardSize: controlHeightLG * 2.55
  47. });
  48. return [genBaseStyle(uploadToken), genDraggerStyle(uploadToken), genPictureStyle(uploadToken), genPictureCardStyle(uploadToken), genListStyle(uploadToken), genMotionStyle(uploadToken), genRtlStyle(uploadToken), genCollapseMotion(uploadToken)];
  49. });