@douyinfe/semi-ui 2.41.2 → 2.42.0-beta.0

package/lib/es/upload/index.d.ts

@@ -56,6 +56,8 @@ export interface UploadProps {
     previewFile?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     prompt?: ReactNode;
     promptPosition?: PromptPositionType;
+    picHeight?: string | number;
+    picWidth?: string | number;
     renderFileItem?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     renderPicInfo?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
     renderThumbnail?: (renderFileItemProps: RenderFileItemProps) => ReactNode;
@@ -129,6 +131,8 @@ declare class Upload extends BaseComponent<UploadProps, UploadState> {
         previewFile: PropTypes.Requireable<(...args: any[]) => any>;
         prompt: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         promptPosition: PropTypes.Requireable<"left" | "right" | "bottom">;
+        picWidth: PropTypes.Requireable<NonNullable<string | number>>;
+        picHeight: PropTypes.Requireable<NonNullable<string | number>>;
         renderFileItem: PropTypes.Requireable<(...args: any[]) => any>;
         renderPicPreviewIcon: PropTypes.Requireable<(...args: any[]) => any>;
         renderFileOperation: PropTypes.Requireable<(...args: any[]) => any>;

package/lib/es/upload/index.js

@@ -109,7 +109,9 @@ class Upload extends BaseComponent {
         renderFileItem,
         renderThumbnail,
         disabled,
-        onPreviewClick
+        onPreviewClick,
+        picWidth,
+        picHeight
       } = this.props;
       const onRemove = () => this.remove(file);
       const onRetry = () => {
@@ -133,7 +135,9 @@ class Upload extends BaseComponent {
         renderFileOperation,
         renderThumbnail,
         onReplace,
-        onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined
+        onPreviewClick: typeof onPreviewClick !== 'undefined' ? () => this.foundation.handlePreviewClick(file) : undefined,
+        picWidth,
+        picHeight
       });
       if (status === strings.FILE_STATUS_UPLOAD_FAIL && !validateMessage) {
         fileCardProps.validateMessage = locale.fail;
@@ -166,7 +170,9 @@ class Upload extends BaseComponent {
         disabled,
         children,
         draggable,
-        hotSpotLocation
+        hotSpotLocation,
+        picHeight,
+        picWidth
       } = this.props;
       const {
         fileList: stateFileList,
@@ -190,7 +196,11 @@ class Upload extends BaseComponent {
       const addContentProps = {
         role: 'button',
         className: uploadAddCls,
-        onClick: this.onClick
+        onClick: this.onClick,
+        style: {
+          height: picHeight,
+          width: picWidth
+        }
       };
       const containerProps = {
         className: fileListCls
@@ -571,6 +581,8 @@ Upload.propTypes = {
   previewFile: PropTypes.func,
   prompt: PropTypes.node,
   promptPosition: PropTypes.oneOf(strings.PROMPT_POSITION),
+  picWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+  picHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
   renderFileItem: PropTypes.func,
   renderPicPreviewIcon: PropTypes.func,
   renderFileOperation: PropTypes.func,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.41.2",
+    "version": "2.42.0-beta.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -33,7 +33,7 @@
         "date-fns-tz": "^1.3.8",
         "lodash": "^4.17.21",
         "prop-types": "^15.7.2",
-        "react-resizable": "^1.8.0",
+        "react-resizable": "^3.0.5",
         "react-window": "^1.8.2",
         "resize-observer-polyfill": "^1.5.1",
         "scroll-into-view-if-needed": "^2.2.24",
@@ -50,11 +50,15 @@
         "./index.ts"
     ],
     "keywords": [
-        "semi",
-        "react component library",
-        "ies",
-        "pc component",
-        "dark mode"
+        "semi design to any design",
+        "a11y react component library",
+        "design to code",
+        "2700+ design token",
+        "dark mode",
+        "semi design",
+        "design ops",
+        "modern design system",
+        "figma ui kit"
     ],
     "homepage": "https://semi.design",
     "bugs": {
@@ -71,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "63e24c001dfdb899bd705e60e56f08e1cb66929b",
+    "gitHead": "9474987ca295598b41cde7fefbe4a464748e947b",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",