first commit

frontend/node_modules/antd/es/upload/style/dragger.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genDraggerStyle: GenerateStyle<UploadToken>;
+export default genDraggerStyle;

frontend/node_modules/antd/es/upload/style/dragger.js

@@ -0,0 +1,71 @@
+import { unit } from '@ant-design/cssinjs';
+const genDraggerStyle = token => {
+  const {
+    componentCls,
+    iconCls
+  } = token;
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}-drag`]: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        textAlign: 'center',
+        background: token.colorFillAlter,
+        border: `${unit(token.lineWidth)} dashed ${token.colorBorder}`,
+        borderRadius: token.borderRadiusLG,
+        cursor: 'pointer',
+        transition: `border-color ${token.motionDurationSlow}`,
+        [componentCls]: {
+          padding: token.padding
+        },
+        [`${componentCls}-btn`]: {
+          display: 'table',
+          width: '100%',
+          height: '100%',
+          outline: 'none',
+          borderRadius: token.borderRadiusLG,
+          '&:focus-visible': {
+            outline: `${unit(token.lineWidthFocus)} solid ${token.colorPrimaryBorder}`
+          }
+        },
+        [`${componentCls}-drag-container`]: {
+          display: 'table-cell',
+          verticalAlign: 'middle'
+        },
+        [`
+          &:not(${componentCls}-disabled):hover,
+          &-hover:not(${componentCls}-disabled)
+        `]: {
+          borderColor: token.colorPrimaryHover
+        },
+        [`p${componentCls}-drag-icon`]: {
+          marginBottom: token.margin,
+          [iconCls]: {
+            color: token.colorPrimary,
+            fontSize: token.uploadThumbnailSize
+          }
+        },
+        [`p${componentCls}-text`]: {
+          margin: `0 0 ${unit(token.marginXXS)}`,
+          color: token.colorTextHeading,
+          fontSize: token.fontSizeLG
+        },
+        [`p${componentCls}-hint`]: {
+          color: token.colorTextDescription,
+          fontSize: token.fontSize
+        },
+        // ===================== Disabled =====================
+        [`&${componentCls}-disabled`]: {
+          [`p${componentCls}-drag-icon ${iconCls},
+            p${componentCls}-text,
+            p${componentCls}-hint
+          `]: {
+            color: token.colorTextDisabled
+          }
+        }
+      }
+    }
+  };
+};
+export default genDraggerStyle;

frontend/node_modules/antd/es/upload/style/index.d.ts

@@ -0,0 +1,21 @@
+import type { FullToken, GetDefaultToken } from '../../theme/internal';
+export interface ComponentToken {
+    /**
+     * @desc 操作按扭颜色
+     * @descEN Action button color
+     */
+    actionsColor: string;
+    /**
+     * @desc 卡片类型文件列表项的尺寸（对 picture-card 和 picture-circle 生效）
+     * @descEN Size of list items in card type (affects both picture-card and picture-circle)
+     */
+    pictureCardSize: number;
+}
+export interface UploadToken extends FullToken<'Upload'> {
+    uploadThumbnailSize: number | string;
+    uploadProgressOffset: number | string;
+    uploadPicCardSize: number | string;
+}
+export declare const prepareComponentToken: GetDefaultToken<'Upload'>;
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
+export default _default;

frontend/node_modules/antd/es/upload/style/index.js

@@ -0,0 +1,54 @@
+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);

frontend/node_modules/antd/es/upload/style/list.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genListStyle: GenerateStyle<UploadToken>;
+export default genListStyle;

frontend/node_modules/antd/es/upload/style/list.js

@@ -0,0 +1,100 @@
+import { unit } from '@ant-design/cssinjs';
+import { clearFix, textEllipsis } from '../../style';
+const genListStyle = token => {
+  const {
+    componentCls,
+    iconCls,
+    fontSize,
+    lineHeight,
+    calc
+  } = token;
+  const itemCls = `${componentCls}-list-item`;
+  const actionsCls = `${itemCls}-actions`;
+  const actionCls = `${itemCls}-action`;
+  return {
+    [`${componentCls}-wrapper`]: {
+      [`${componentCls}-list`]: Object.assign(Object.assign({}, clearFix()), {
+        lineHeight: token.lineHeight,
+        [itemCls]: {
+          position: 'relative',
+          height: calc(token.lineHeight).mul(fontSize).equal(),
+          marginTop: token.marginXS,
+          fontSize,
+          display: 'flex',
+          alignItems: 'center',
+          transition: `background-color ${token.motionDurationSlow}`,
+          borderRadius: token.borderRadiusSM,
+          '&:hover': {
+            backgroundColor: token.controlItemBgHover
+          },
+          [`${itemCls}-name`]: Object.assign(Object.assign({}, textEllipsis), {
+            padding: `0 ${unit(token.paddingXS)}`,
+            lineHeight,
+            flex: 'auto',
+            transition: `all ${token.motionDurationSlow}`
+          }),
+          [actionsCls]: {
+            whiteSpace: 'nowrap',
+            [actionCls]: {
+              opacity: 0
+            },
+            [iconCls]: {
+              color: token.actionsColor,
+              transition: `all ${token.motionDurationSlow}`
+            },
+            [`
+              ${actionCls}:focus-visible,
+              &.picture ${actionCls}
+            `]: {
+              opacity: 1
+            }
+          },
+          [`${componentCls}-icon ${iconCls}`]: {
+            color: token.colorIcon,
+            fontSize
+          },
+          [`${itemCls}-progress`]: {
+            position: 'absolute',
+            bottom: token.calc(token.uploadProgressOffset).mul(-1).equal(),
+            width: '100%',
+            paddingInlineStart: calc(fontSize).add(token.paddingXS).equal(),
+            fontSize,
+            lineHeight: 0,
+            pointerEvents: 'none',
+            '> div': {
+              margin: 0
+            }
+          }
+        },
+        [`${itemCls}:hover ${actionCls}`]: {
+          opacity: 1
+        },
+        [`${itemCls}-error`]: {
+          color: token.colorError,
+          [`${itemCls}-name, ${componentCls}-icon ${iconCls}`]: {
+            color: token.colorError
+          },
+          [actionsCls]: {
+            [`${iconCls}, ${iconCls}:hover`]: {
+              color: token.colorError
+            },
+            [actionCls]: {
+              opacity: 1
+            }
+          }
+        },
+        [`${componentCls}-list-item-container`]: {
+          transition: `opacity ${token.motionDurationSlow}, height ${token.motionDurationSlow}`,
+          // For smooth removing animation
+          '&::before': {
+            display: 'table',
+            width: 0,
+            height: 0,
+            content: '""'
+          }
+        }
+      })
+    }
+  };
+};
+export default genListStyle;

frontend/node_modules/antd/es/upload/style/motion.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genMotionStyle: GenerateStyle<UploadToken>;
+export default genMotionStyle;

frontend/node_modules/antd/es/upload/style/motion.js

@@ -0,0 +1,45 @@
+import { Keyframes } from '@ant-design/cssinjs';
+import { initFadeMotion } from '../../style/motion';
+// =========================== Motion ===========================
+const genMotionStyle = token => {
+  const {
+    componentCls
+  } = token;
+  const uploadAnimateInlineIn = new Keyframes('uploadAnimateInlineIn', {
+    from: {
+      width: 0,
+      height: 0,
+      padding: 0,
+      opacity: 0,
+      margin: token.calc(token.marginXS).div(-2).equal()
+    }
+  });
+  const uploadAnimateInlineOut = new Keyframes('uploadAnimateInlineOut', {
+    to: {
+      width: 0,
+      height: 0,
+      padding: 0,
+      opacity: 0,
+      margin: token.calc(token.marginXS).div(-2).equal()
+    }
+  });
+  const inlineCls = `${componentCls}-animate-inline`;
+  return [{
+    [`${componentCls}-wrapper`]: {
+      [`${inlineCls}-appear, ${inlineCls}-enter, ${inlineCls}-leave`]: {
+        animationDuration: token.motionDurationSlow,
+        animationTimingFunction: token.motionEaseInOutCirc,
+        animationFillMode: 'forwards'
+      },
+      [`${inlineCls}-appear, ${inlineCls}-enter`]: {
+        animationName: uploadAnimateInlineIn
+      },
+      [`${inlineCls}-leave`]: {
+        animationName: uploadAnimateInlineOut
+      }
+    }
+  }, {
+    [`${componentCls}-wrapper`]: initFadeMotion(token)
+  }, uploadAnimateInlineIn, uploadAnimateInlineOut];
+};
+export default genMotionStyle;

frontend/node_modules/antd/es/upload/style/picture.d.ts

@@ -0,0 +1,5 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genPictureStyle: GenerateStyle<UploadToken>;
+declare const genPictureCardStyle: GenerateStyle<UploadToken>;
+export { genPictureStyle, genPictureCardStyle };

frontend/node_modules/antd/es/upload/style/picture.js

@@ -0,0 +1,232 @@
+import { blue } from '@ant-design/colors';
+import { unit } from '@ant-design/cssinjs';
+import { clearFix, textEllipsis } from '../../style';
+const genPictureStyle = token => {
+  const {
+    componentCls,
+    iconCls,
+    uploadThumbnailSize,
+    uploadProgressOffset,
+    calc
+  } = token;
+  const listCls = `${componentCls}-list`;
+  const itemCls = `${listCls}-item`;
+  return {
+    [`${componentCls}-wrapper`]: {
+      // ${listCls} 增加优先级
+      [`
+        ${listCls}${listCls}-picture,
+        ${listCls}${listCls}-picture-card,
+        ${listCls}${listCls}-picture-circle
+      `]: {
+        [itemCls]: {
+          position: 'relative',
+          height: calc(uploadThumbnailSize).add(calc(token.lineWidth).mul(2)).add(calc(token.paddingXS).mul(2)).equal(),
+          padding: token.paddingXS,
+          border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
+          borderRadius: token.borderRadiusLG,
+          '&:hover': {
+            background: 'transparent'
+          },
+          [`${itemCls}-thumbnail`]: Object.assign(Object.assign({}, textEllipsis), {
+            width: uploadThumbnailSize,
+            height: uploadThumbnailSize,
+            lineHeight: unit(calc(uploadThumbnailSize).add(token.paddingSM).equal()),
+            textAlign: 'center',
+            flex: 'none',
+            [iconCls]: {
+              fontSize: token.fontSizeHeading2,
+              color: token.colorPrimary
+            },
+            img: {
+              display: 'block',
+              width: '100%',
+              height: '100%',
+              overflow: 'hidden'
+            }
+          }),
+          [`${itemCls}-progress`]: {
+            bottom: uploadProgressOffset,
+            width: `calc(100% - ${unit(calc(token.paddingSM).mul(2).equal())})`,
+            marginTop: 0,
+            paddingInlineStart: calc(uploadThumbnailSize).add(token.paddingXS).equal()
+          }
+        },
+        [`${itemCls}-error`]: {
+          borderColor: token.colorError,
+          // Adjust the color of the error icon : https://github.com/ant-design/ant-design/pull/24160
+          [`${itemCls}-thumbnail ${iconCls}`]: {
+            [`svg path[fill='${blue[0]}']`]: {
+              fill: token.colorErrorBg
+            },
+            [`svg path[fill='${blue.primary}']`]: {
+              fill: token.colorError
+            }
+          }
+        },
+        [`${itemCls}-uploading`]: {
+          borderStyle: 'dashed',
+          [`${itemCls}-name`]: {
+            marginBottom: uploadProgressOffset
+          }
+        }
+      },
+      [`${listCls}${listCls}-picture-circle ${itemCls}`]: {
+        [`&, &::before, ${itemCls}-thumbnail`]: {
+          borderRadius: '50%'
+        }
+      }
+    }
+  };
+};
+const genPictureCardStyle = token => {
+  const {
+    componentCls,
+    iconCls,
+    fontSizeLG,
+    colorTextLightSolid,
+    calc
+  } = token;
+  const listCls = `${componentCls}-list`;
+  const itemCls = `${listCls}-item`;
+  const uploadPictureCardSize = token.uploadPicCardSize;
+  return {
+    [`
+      ${componentCls}-wrapper${componentCls}-picture-card-wrapper,
+      ${componentCls}-wrapper${componentCls}-picture-circle-wrapper
+    `]: Object.assign(Object.assign({}, clearFix()), {
+      display: 'block',
+      [`${componentCls}${componentCls}-select`]: {
+        width: uploadPictureCardSize,
+        height: uploadPictureCardSize,
+        textAlign: 'center',
+        verticalAlign: 'top',
+        backgroundColor: token.colorFillAlter,
+        border: `${unit(token.lineWidth)} dashed ${token.colorBorder}`,
+        borderRadius: token.borderRadiusLG,
+        cursor: 'pointer',
+        transition: `border-color ${token.motionDurationSlow}`,
+        [`> ${componentCls}`]: {
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          height: '100%',
+          textAlign: 'center'
+        },
+        [`&:not(${componentCls}-disabled):hover`]: {
+          borderColor: token.colorPrimary
+        }
+      },
+      // list
+      [`${listCls}${listCls}-picture-card, ${listCls}${listCls}-picture-circle`]: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        '@supports not (gap: 1px)': {
+          '& > *': {
+            marginBlockEnd: token.marginXS,
+            marginInlineEnd: token.marginXS
+          }
+        },
+        '@supports (gap: 1px)': {
+          gap: token.marginXS
+        },
+        [`${listCls}-item-container`]: {
+          display: 'inline-block',
+          width: uploadPictureCardSize,
+          height: uploadPictureCardSize,
+          verticalAlign: 'top'
+        },
+        '&::after': {
+          display: 'none'
+        },
+        '&::before': {
+          display: 'none'
+        },
+        [itemCls]: {
+          height: '100%',
+          margin: 0,
+          '&::before': {
+            position: 'absolute',
+            zIndex: 1,
+            width: `calc(100% - ${unit(calc(token.paddingXS).mul(2).equal())})`,
+            height: `calc(100% - ${unit(calc(token.paddingXS).mul(2).equal())})`,
+            backgroundColor: token.colorBgMask,
+            opacity: 0,
+            transition: `all ${token.motionDurationSlow}`,
+            content: '" "'
+          }
+        },
+        [`${itemCls}:hover`]: {
+          [`&::before, ${itemCls}-actions`]: {
+            opacity: 1
+          }
+        },
+        [`${itemCls}-actions`]: {
+          position: 'absolute',
+          insetInlineStart: 0,
+          zIndex: 10,
+          width: '100%',
+          whiteSpace: 'nowrap',
+          textAlign: 'center',
+          opacity: 0,
+          transition: `all ${token.motionDurationSlow}`,
+          [`
+            ${iconCls}-eye,
+            ${iconCls}-download,
+            ${iconCls}-delete
+          `]: {
+            zIndex: 10,
+            width: fontSizeLG,
+            margin: `0 ${unit(token.marginXXS)}`,
+            fontSize: fontSizeLG,
+            cursor: 'pointer',
+            transition: `all ${token.motionDurationSlow}`,
+            color: colorTextLightSolid,
+            '&:hover': {
+              color: colorTextLightSolid
+            },
+            svg: {
+              verticalAlign: 'baseline'
+            }
+          }
+        },
+        [`${itemCls}-thumbnail, ${itemCls}-thumbnail img`]: {
+          position: 'static',
+          display: 'block',
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain'
+        },
+        [`${itemCls}-name`]: {
+          display: 'none',
+          textAlign: 'center'
+        },
+        [`${itemCls}-file + ${itemCls}-name`]: {
+          position: 'absolute',
+          bottom: token.margin,
+          display: 'block',
+          width: `calc(100% - ${unit(calc(token.paddingXS).mul(2).equal())})`
+        },
+        [`${itemCls}-uploading`]: {
+          [`&${itemCls}`]: {
+            backgroundColor: token.colorFillAlter
+          },
+          [`&::before, ${iconCls}-eye, ${iconCls}-download, ${iconCls}-delete`]: {
+            display: 'none'
+          }
+        },
+        [`${itemCls}-progress`]: {
+          bottom: token.marginXL,
+          width: `calc(100% - ${unit(calc(token.paddingXS).mul(2).equal())})`,
+          paddingInlineStart: 0
+        }
+      }
+    }),
+    [`${componentCls}-wrapper${componentCls}-picture-circle-wrapper`]: {
+      [`${componentCls}${componentCls}-select`]: {
+        borderRadius: '50%'
+      }
+    }
+  };
+};
+export { genPictureStyle, genPictureCardStyle };

frontend/node_modules/antd/es/upload/style/rtl.d.ts

@@ -0,0 +1,4 @@
+import type { UploadToken } from '.';
+import type { GenerateStyle } from '../../theme/internal';
+declare const genRtlStyle: GenerateStyle<UploadToken>;
+export default genRtlStyle;

frontend/node_modules/antd/es/upload/style/rtl.js

@@ -0,0 +1,12 @@
+// =========================== Motion ===========================
+const genRtlStyle = token => {
+  const {
+    componentCls
+  } = token;
+  return {
+    [`${componentCls}-rtl`]: {
+      direction: 'rtl'
+    }
+  };
+};
+export default genRtlStyle;