yootd 0.0.19 → 0.0.20

package/dist/empty/index.d.ts

@@ -3,7 +3,7 @@ import { Empty as AntEmpty } from 'antd';
 import { FC } from 'react';
 import './index.scss';
 export type EmptyProps = AntEmptyProps & {
-    type: 'noCollect' | 'noNews' | 'noNotice' | 'noSchedule' | 'noSearchData' | 'notFound' | 'submitFail' | 'submitSuccess';
+    type: 'emptyContent' | 'emptyData' | 'networkError' | 'notFound' | 'imageError' | 'noCollect' | 'noNews' | 'noNotice' | 'noSchedule' | 'noSearchData' | 'submitFail' | 'submitSuccess';
 };
 export type { TransferLocale } from 'antd/es/empty';
 type AntEmptyType = typeof AntEmpty;

package/dist/empty/index.js

@@ -7,6 +7,10 @@ import React, { useMemo } from 'react';
 import { useBem } from "../hooks/useBem";
 import "./index.scss";
 import NotFoundPage from "./assets/404.png";
+import EmptyContent from "./assets/empty-content.png";
+import EmptyData from "./assets/empty-data.png";
+import ImageError from "./assets/image-error.png";
+import NetworkError from "./assets/net-error.png";
 import NoCollect from "./assets/no-collect.png";
 import NoNews from "./assets/no-news.png";
 import NoNotice from "./assets/no-notice.png";
@@ -15,12 +19,16 @@ import NoSearchDate from "./assets/no-search-data.png";
 import SubmitFail from "./assets/submit-fail.png";
 import SubmitSuccess from "./assets/submit-success.png";
 var imageMap = {
+  emptyContent: EmptyContent,
+  emptyData: EmptyData,
+  networkError: NetworkError,
+  notFound: NotFoundPage,
+  imageError: ImageError,
   noCollect: NoCollect,
   noNews: NoNews,
   noNotice: NoNotice,
   noSchedule: NoSchedule,
   noSearchData: NoSearchDate,
-  notFound: NotFoundPage,
   submitFail: SubmitFail,
   submitSuccess: SubmitSuccess
 };

package/dist/upload/components/fileUpload.d.ts

@@ -7,6 +7,8 @@ declare const FileUpload: React.ForwardRefExoticComponent<import("antd").UploadP
     accept?: string | undefined;
     folder?: string | undefined;
     value?: UploadFile<any>[] | undefined;
+    widthPixels?: number | undefined;
+    heightPixels?: number | undefined;
     fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile<any>[] | undefined) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;

package/dist/upload/components/imageUpload.d.ts

@@ -7,6 +7,8 @@ declare const ImageUpload: React.ForwardRefExoticComponent<import("antd").Upload
     accept?: string | undefined;
     folder?: string | undefined;
     value?: UploadFile<any>[] | undefined;
+    widthPixels?: number | undefined;
+    heightPixels?: number | undefined;
     fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile<any>[] | undefined) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;

package/dist/upload/components/imageUpload.js

@@ -20,7 +20,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Upload as AntUpload } from 'antd';
 import React, { useEffect, useMemo, useState } from 'react';
-import { Image } from 'antd';
+import { Image as AntdImage } from 'antd';
 import { message } from "../..";
 import { useRequest } from "../../hooks/useRequest";
 import "../index.scss";
@@ -34,7 +34,9 @@ var InternalUpload = function InternalUpload(props, ref) {
     accept = props.accept,
     folder = props.folder,
     value = props.value,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    widthPixels = props.widthPixels,
+    heightPixels = props.heightPixels;
   var mb = useBem('upload');
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
@@ -101,38 +103,65 @@ var InternalUpload = function InternalUpload(props, ref) {
         return false;
       }
     }
-    var formData = new FormData();
-    if (folder != null) {
-      formData.append('folder', folder);
-    }
-    formData.append('files', file);
-    formData.append('user_origin_name', 'true');
-    void request({
-      url: "/v1/file/multi-upload1",
-      method: 'post',
-      data: formData,
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      }
-    }).then(function (res) {
-      var _fileList = Array.from([]);
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-expect-error
-      res === null || res === void 0 || res.forEach(function (item) {
-        _fileList.push({
-          name: file.name,
-          url: item.filename,
-          uid: file.uid,
-          preview: item.filename,
-          status: 'done'
+    // 校验图片尺寸
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = function (e) {
+      var _e$target;
+      var image = new Image();
+      image.src = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result;
+      image.onload = function () {
+        if (widthPixels != null && heightPixels != null) {
+          if (image.width !== widthPixels || image.height !== heightPixels) {
+            void messageApi.warning("\u8BF7\u4E0A\u4F20\u5C3A\u5BF8\u4E3A".concat(widthPixels, "*").concat(heightPixels, "\u7684\u56FE\u7247"));
+            return;
+          }
+        } else if (widthPixels != null && heightPixels == null) {
+          if (image.width !== widthPixels) {
+            void messageApi.warning("\u8BF7\u4E0A\u4F20\u5BBD\u5EA6\u4E3A".concat(widthPixels, "\u7684\u56FE\u7247"));
+            return;
+          }
+        } else if (widthPixels == null && heightPixels != null) {
+          if (image.height !== heightPixels) {
+            void messageApi.warning("\u8BF7\u4E0A\u4F20\u9AD8\u5EA6\u4E3A".concat(heightPixels, "\u7684\u56FE\u7247"));
+            return;
+          }
+        }
+        // 图片尺寸符合要求，上传图片
+        var formData = new FormData();
+        if (folder != null) {
+          formData.append('folder', folder);
+        }
+        formData.append('files', file);
+        formData.append('user_origin_name', 'true');
+        void request({
+          url: "/v1/file/multi-upload1",
+          method: 'post',
+          data: formData,
+          headers: {
+            'Content-Type': 'multipart/form-data'
+          }
+        }).then(function (res) {
+          var _fileList = Array.from([]);
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-expect-error
+          res === null || res === void 0 || res.forEach(function (item) {
+            _fileList.push({
+              name: file.name,
+              url: item.filename,
+              uid: file.uid,
+              preview: item.filename,
+              status: 'done'
+            });
+          });
+          onChange === null || onChange === void 0 || onChange([].concat(_toConsumableArray(fileList), _fileList));
+          // setFileList([...fileList, ..._fileList]);
+        }).catch(function () {
+          var msg = '上传失败！';
+          void messageApi.error(msg);
         });
-      });
-      onChange === null || onChange === void 0 || onChange([].concat(_toConsumableArray(fileList), _fileList));
-      // setFileList([...fileList, ..._fileList]);
-    }).catch(function () {
-      var msg = '上传失败！';
-      void messageApi.error(msg);
-    });
+      };
+    };
     return false;
   }
   var onRemove = function onRemove(file) {
@@ -214,7 +243,7 @@ var InternalUpload = function InternalUpload(props, ref) {
     onChange: undefined
   }), (fileList === null || fileList === void 0 || (_fileList$filter = fileList.filter(function (item) {
     return item.url != null;
-  })) === null || _fileList$filter === void 0 ? void 0 : _fileList$filter.length) >= (maxCount != null ? maxCount : 1) ? null : uploadButton), (previewFile === null || previewFile === void 0 ? void 0 : previewFile.url) != null ? /*#__PURE__*/React.createElement(Image, {
+  })) === null || _fileList$filter === void 0 ? void 0 : _fileList$filter.length) >= (maxCount != null ? maxCount : 1) ? null : uploadButton), (previewFile === null || previewFile === void 0 ? void 0 : previewFile.url) != null ? /*#__PURE__*/React.createElement(AntdImage, {
     wrapperStyle: {
       display: 'none'
     },

package/dist/upload/index.d.ts

@@ -7,6 +7,8 @@ export type UploadProps = AntUploadProps & {
     accept?: string;
     folder?: string;
     value?: UploadFile[];
+    widthPixels?: number;
+    heightPixels?: number;
     fileType?: 'file' | 'image';
     onChange?: (value?: UploadFile[]) => void;
 };
@@ -15,6 +17,8 @@ export declare const Upload: React.ForwardRefExoticComponent<AntUploadProps<any>
     accept?: string | undefined;
     folder?: string | undefined;
     value?: UploadFile<any>[] | undefined;
+    widthPixels?: number | undefined;
+    heightPixels?: number | undefined;
     fileType?: "image" | "file" | undefined;
     onChange?: ((value?: UploadFile[]) => void) | undefined;
 } & React.RefAttributes<UploadRef<any>>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yootd",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",