linkmore-design 1.0.84 → 1.0.85

package/es/LmUpload/UploadList/ItemText.js

@@ -6,9 +6,10 @@ var TextItem = function TextItem(_ref) {
   var file = _ref.file,
       instance = _ref.instance;
   var readOnly = instance.readOnly,
-      remove = instance.remove;
+      remove = instance.remove,
+      fileNames = instance.fileNames;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn('lm_upload_item lm_upload_item_text', file.status === 'error' && 'error')
+    className: cn('lm_upload_item lm_upload_item_text', file[fileNames.status] === 'error' && 'lm_upload_item_error')
   }, /*#__PURE__*/React.createElement("div", {
     className: "text_left"
   }, /*#__PURE__*/React.createElement("div", {
@@ -17,7 +18,7 @@ var TextItem = function TextItem(_ref) {
     type: "lmweb-attachment"
   })), /*#__PURE__*/React.createElement("div", {
     className: "lm_upload_item_name"
-  }, file.fileName)), !readOnly && /*#__PURE__*/React.createElement("div", {
+  }, file[fileNames.fileName])), !readOnly && /*#__PURE__*/React.createElement("div", {
     className: "text_right lm_upload_item_text_action"
   }, /*#__PURE__*/React.createElement("div", {
     className: "action_delete",

package/es/LmUpload/body/UploadCore.js

@@ -31,7 +31,7 @@ var UploadCore = function UploadCore(_ref) {
     if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) {
       inputRef.current.value = '';
     }
-  }, [(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value]);
+  }, [beforeUpload, (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value]);
   var inputConfig = {
     type: 'file',
     accept: accept,

package/es/LmUpload/fns/index.d.ts

@@ -5,6 +5,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
 }) => {
     CoreMethods: {
         getIsMaxCount: () => boolean;
+        getFileFields: (fileParams: any) => {};
         beforeUpload: (e: any) => false | import("../../message").MessageType;
         getUploadStatus: () => {
             uploading: boolean;

package/es/LmUpload/fns/index.js

@@ -34,7 +34,8 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
 };
 
 import { useCallback } from 'react';
-import { message } from 'linkmore-design';
+import { message } from 'linkmore-design'; // import { message } from 'antd'
+
 import OSS from 'ali-oss';
 
 var useCoreOptions = function useCoreOptions(_ref) {
@@ -57,13 +58,38 @@ var useCoreOptions = function useCoreOptions(_ref) {
     return {
       uploading: uploading
     };
-  }, [state.percent]); // 获取是否达到最大上传数量
+  }, [state.percent]); // 获取文件字段值
+
+  var getFileFields = useCallback(function (fileParams) {
+    var fileNames = props.fileNames;
+    var obj = {};
+    Object.entries(fileNames).forEach(function (v) {
+      var itemKey = v[0];
+      var itemValue = v[1];
+
+      if (fileParams[itemKey]) {
+        obj[itemKey] = fileParams[itemValue];
+      }
+    });
+    return obj;
+  }, [props]); // 获取是否达到最大上传数量
 
   var getIsMaxCount = useCallback(function () {
-    return typeof props.maxCount === 'number' && !(getFileList().length < props.maxCount);
-  }, [getFileList, props.maxCount]); // 上传完成: File, fileParams
+    var maxCount = props.maxCount,
+        limit = props.limit;
+    var flag = false;
+    var num = maxCount || limit;
+
+    if (num && typeof num === 'number') {
+      flag = !(getFileList().length < num);
+    }
+
+    return flag;
+  }, [getFileList, props]); // 上传成功事件: File, fileParams
+
+  var uploadSuccess = useCallback(function (file, params, ossCallBack) {
+    var _a;
 
-  var uploadDone = useCallback(function (file, params, ossCallBack) {
     var fileList = [params].concat(_toConsumableArray(getFileList()));
     dispatch({
       type: 'changeFileList',
@@ -74,18 +100,25 @@ var useCoreOptions = function useCoreOptions(_ref) {
       percent: null
     }); // 上传事件：抛出 file: 文件  filelist: 文件列表 event: 上传进度信息
 
+    (_a = props.onSuccess) === null || _a === void 0 ? void 0 : _a.call(props, {
+      file: file,
+      fileList: fileList
+    });
     onChange === null || onChange === void 0 ? void 0 : onChange({
       file: file,
       fileList: fileList
     });
     ossCallBack === null || ossCallBack === void 0 ? void 0 : ossCallBack(params);
-  }, [getFileList]); // 上传进度事件
+  }, [getFileList, props.onSuccess, onChange, dispatch]); // 上传进度事件
 
   var uploadProgress = useCallback(function (file, _ref2) {
     var progress = _ref2.progress,
         checkPoint = _ref2.checkPoint,
         result = _ref2.result;
-    onChange({
+
+    var _a;
+
+    var params = {
       file: file,
       fileList: getFileList(),
       event: {
@@ -94,23 +127,43 @@ var useCoreOptions = function useCoreOptions(_ref) {
         result: result,
         status: typeof progress !== 'number' ? 'done' : 'uploading'
       }
-    });
+    };
+    (_a = props.onProgress) === null || _a === void 0 ? void 0 : _a.call(props, params);
+    onChange === null || onChange === void 0 ? void 0 : onChange(params);
     dispatch({
       type: 'changePercent',
       percent: Number((progress * 100).toFixed(2))
     });
-  }, [getFileList]); // 上传至ali-oss
+  }, [getFileList, props.onProgress, onChange, dispatch]); // 上传失败事件
+
+  var uploadError = useCallback(function (_ref3) {
+    var error = _ref3.error,
+        file = _ref3.file;
+    console.log('上传报错:', error);
+    props.onError ? props.onError({
+      error: error,
+      file: file,
+      fileList: getFileList()
+    }) : message.warning('文件上传失败!', 1.5);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      file: file,
+      fileList: getFileList(),
+      event: {
+        status: 'error'
+      }
+    });
+  }, [props.onError, getFileList, onChange]); // 上传至ali-oss
 
   var uploadOss = useCallback(function (file) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _a, _ossConfig, _ossConfig$dir, dir, shortlink, _ossConfig$region, region, accessKeyId, accessKeySecret, stsToken, _ossConfig$bucket, bucket, ossCallBack, client, timestamp, fileName, pathName, url, seq, params;
+      var _ossConfig, _ossConfig$dir, filePath, shortlink, _ossConfig$region, region, accessKeyId, accessKeySecret, stsToken, _ossConfig$bucket, bucket, ossCallBack, client, timestamp, fileName, pathName, url, params;
 
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
-              _ossConfig = ossConfig(), _ossConfig$dir = _ossConfig.dir, dir = _ossConfig$dir === void 0 ? '/BizFile/4595/Supplier/' : _ossConfig$dir, shortlink = _ossConfig.shortlink, _ossConfig$region = _ossConfig.region, region = _ossConfig$region === void 0 ? 'oss-cn-hangzhou' : _ossConfig$region, accessKeyId = _ossConfig.accessKeyId, accessKeySecret = _ossConfig.accessKeySecret, stsToken = _ossConfig.stsToken, _ossConfig$bucket = _ossConfig.bucket, bucket = _ossConfig$bucket === void 0 ? 'linkmore-scm-test' : _ossConfig$bucket, ossCallBack = _ossConfig.ossCallBack;
+              _ossConfig = ossConfig(), _ossConfig$dir = _ossConfig.dir, filePath = _ossConfig$dir === void 0 ? '/BizFile/4595/Supplier/' : _ossConfig$dir, shortlink = _ossConfig.shortlink, _ossConfig$region = _ossConfig.region, region = _ossConfig$region === void 0 ? 'oss-cn-hangzhou' : _ossConfig$region, accessKeyId = _ossConfig.accessKeyId, accessKeySecret = _ossConfig.accessKeySecret, stsToken = _ossConfig.stsToken, _ossConfig$bucket = _ossConfig.bucket, bucket = _ossConfig$bucket === void 0 ? 'linkmore-scm-test' : _ossConfig$bucket, ossCallBack = _ossConfig.ossCallBack;
               client = new OSS({
                 region: region,
                 accessKeyId: accessKeyId,
@@ -120,7 +173,7 @@ var useCoreOptions = function useCoreOptions(_ref) {
               });
               timestamp = Date.now();
               fileName = "".concat(timestamp, "-").concat(file.name);
-              pathName = dir.slice(-1) === '/' ? "".concat(dir).concat(fileName) : "".concat(dir, "/").concat(fileName);
+              pathName = filePath.slice(-1) === '/' ? "".concat(filePath).concat(fileName) : "".concat(filePath, "/").concat(fileName);
               url = "".concat(shortlink).concat(pathName) || '';
               _context.next = 9;
               return client.multipartUpload(pathName, file, {
@@ -138,53 +191,44 @@ var useCoreOptions = function useCoreOptions(_ref) {
               });
 
             case 9:
-              seq = (((_a = state.fileList) === null || _a === void 0 ? void 0 : _a.length) || 0) + 1;
-              params = {
-                uid: timestamp,
-                fileTypeCode: file.type,
-                fileTypeName: file.type,
+              params = props.fileConfig({
+                file: file,
+                timestamp: timestamp,
                 fileName: fileName,
-                realFileName: file.name,
-                fileSize: file.size,
-                internalUrl: 'internalUrl',
-                externalUrl: 'externalUrl',
-                filePath: dir,
-                seq: seq,
+                filePath: filePath,
+                shortlink: shortlink,
                 url: url
-              };
-              uploadDone(file, params, ossCallBack);
-              _context.next = 18;
+              });
+              uploadSuccess(file, params, ossCallBack);
+              _context.next = 16;
               break;
 
-            case 14:
-              _context.prev = 14;
+            case 13:
+              _context.prev = 13;
               _context.t0 = _context["catch"](0);
-              console.log('上传报错:', _context.t0);
-              onChange === null || onChange === void 0 ? void 0 : onChange({
-                file: file,
-                fileList: getFileList(),
-                event: {
-                  status: 'error'
-                }
+              uploadError({
+                error: _context.t0,
+                file: file
               });
 
-            case 18:
+            case 16:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 14]]);
+      }, _callee, null, [[0, 13]]);
     }));
-  }, [ossConfig, uploadDone, uploadProgress, getFileList]);
+  }, [ossConfig, uploadProgress, props.fileConfig, uploadSuccess, uploadError]); // 自定义使用外部上传
+
   var customUpload = useCallback(function (file) {
     var _a;
 
     (_a = props.fileUpload) === null || _a === void 0 ? void 0 : _a.call(props, {
       file: file,
       value: getFileList(),
-      onChange: uploadDone
+      onChange: uploadSuccess
     });
-  }, [props.fileUpload, getFileList, uploadDone]); // 上传前的检测
+  }, [props.fileUpload, getFileList, uploadSuccess]); // 上传前的检测
 
   var beforeUpload = useCallback(function (e) {
     var files = e.target.files; // 循环文件检查是否存在不符合要求的文件
@@ -211,20 +255,20 @@ var useCoreOptions = function useCoreOptions(_ref) {
 
   var remove = useCallback(function (file) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _b, _c, res, fileList;
+      var _a, _b, res, fileList;
 
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               _context2.next = 2;
-              return (_b = props.onRemove) === null || _b === void 0 ? void 0 : _b.call(props, file);
+              return (_a = props.onRemove) === null || _a === void 0 ? void 0 : _a.call(props, file);
 
             case 2:
               res = _context2.sent;
 
               if (res) {
-                fileList = (_c = getFileList()) === null || _c === void 0 ? void 0 : _c.filter(function (v) {
+                fileList = (_b = getFileList()) === null || _b === void 0 ? void 0 : _b.filter(function (v) {
                   return v[uid] !== file[uid];
                 });
                 dispatch({
@@ -244,21 +288,22 @@ var useCoreOptions = function useCoreOptions(_ref) {
         }
       }, _callee2);
     }));
-  }, [props.onRemove, getFileList, uid]); // 点击文件链接或预览图标时的回调
+  }, [props.onRemove, getFileList, onChange, dispatch, uid]); // 点击文件链接或预览图标时的回调
 
   var preview = useCallback(function (file) {
     var _a;
 
     (_a = props.onPreview) === null || _a === void 0 ? void 0 : _a.call(props, file);
-  }, []); // 点击下载文件时的回调
+  }, [props.onPreview]); // 点击下载文件时的回调
 
   var download = useCallback(function (file) {
     var _a;
 
     (_a = props.onDownload) === null || _a === void 0 ? void 0 : _a.call(props, file);
-  }, []);
+  }, [props.onDownload]);
   var CoreMethods = {
     getIsMaxCount: getIsMaxCount,
+    getFileFields: getFileFields,
     beforeUpload: beforeUpload,
     getUploadStatus: getUploadStatus,
     remove: remove,

package/es/LmUpload/style/index.css

@@ -8,77 +8,77 @@
   vertical-align: middle;
 }
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture {
-  font-size: 12px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  font-size: 12px;
   text-align: center;
-  border: 1px solid var(--color-15);
   background-color: var(--color-2);
-  transition: all 0.3s;
+  border: 1px solid var(--color-15);
   cursor: pointer;
+  transition: all 0.3s;
 }
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
   border-color: var(--primary-color);
 }
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action {
   width: 100%;
-  text-align: center;
   padding: var(--gap);
+  text-align: center;
 }
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
   color: var(--color-85);
 }
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .tip {
-  color: var(--color-45);
   margin-top: var(--gap);
+  color: var(--color-45);
 }
 .lm_upload_wrapper .lm_upload_progress {
   width: 100%;
   height: 2px;
+  margin: 10px 0;
   background-color: var(--color-4);
   border-radius: 20px;
-  margin: 10px 0;
 }
 .lm_upload_wrapper .lm_upload_progress .line {
   width: 0%;
   height: 2px;
-  transition: 0.3;
   background-color: var(--primary-color);
   border-radius: 20px;
+  transition: 0.3;
 }
 .lm_upload_wrapper .lm_upload_item {
   vertical-align: middle;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
   display: flex;
+  gap: var(--gap);
   align-items: center;
   justify-content: space-between;
-  gap: var(--gap);
   width: 100%;
   height: 22px;
   padding: 0 6px;
-  transition: 0.3s;
   cursor: pointer;
+  transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text:hover {
   background-color: var(--color-2);
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left {
-  flex: 1;
   display: flex;
-  align-items: center;
+  flex: 1;
   gap: var(--gap);
+  align-items: center;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
-  font-size: 14px;
   color: var(--color-45);
+  font-size: 14px;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .lm_upload_item_name {
   flex: 1;
-  font-size: 14px;
   color: var(--primary-color);
+  font-size: 14px;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
@@ -86,8 +86,8 @@
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
   width: 24px;
-  text-align: center;
   color: var(--color-45);
+  text-align: center;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
@@ -96,86 +96,93 @@
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete:hover {
   color: var(--primary-color);
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.error {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error {
   color: var(--error-color);
 }
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_left .prefix,
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_left .lm_upload_item_name {
+  color: inherit;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_right .action_delete {
+  color: inherit;
+}
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  padding: var(--gap);
   text-align: center;
   border: 1px solid var(--color-15);
   border-radius: 2px;
-  padding: var(--gap);
-  transition: all 0.3s;
   cursor: pointer;
+  transition: all 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb {
   width: 100%;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb .anticon {
-  font-size: 34px;
   color: var(--color-45);
+  font-size: 34px;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb img {
   object-fit: contain;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_error .lm_upload_item_name {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb_error .lm_upload_item_name {
+  margin-top: 8px;
+  overflow: hidden;
   font-size: 12px;
   text-overflow: ellipsis;
-  overflow: hidden;
-  margin-top: 8px;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask {
   position: absolute;
-  inset: 8px;
+  z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;
   transition: 0.3s;
-  z-index: 1;
+  inset: 8px;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask .lm_upload_item_action {
   display: flex;
-  align-items: center;
   gap: var(--gap);
+  align-items: center;
   color: #fff;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card:hover .lm_upload_item_mask {
   opacity: 1;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error {
   border-color: var(--error-color);
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_mask {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error .lm_upload_item_mask {
   display: none;
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.error .lm_upload_item_error {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error .lm_upload_item_thumb_error {
   color: var(--error-color);
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
   display: flex;
+  gap: var(--gap);
   align-items: center;
   justify-content: space-between;
-  gap: var(--gap);
   width: 100%;
+  padding: var(--gap);
   border: 1px solid var(--color-15);
   border-radius: 2px;
-  padding: var(--gap);
-  transition: 0.3s;
   cursor: pointer;
+  transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture:hover {
   border-color: var(--primary-color);
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left {
-  flex: 1;
   display: inline-flex;
-  align-items: center;
+  flex: 1;
   gap: var(--gap);
+  align-items: center;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
   width: 48px;
@@ -186,8 +193,8 @@
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_name {
   flex: 1;
-  font-size: 14px;
   color: var(--primary-color);
+  font-size: 14px;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
@@ -196,8 +203,8 @@
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
   width: 24px;
-  text-align: center;
   color: var(--color-45);
+  text-align: center;
   transition: 0.3s;
 }
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
@@ -206,6 +213,6 @@
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete:hover {
   color: var(--primary-color);
 }
-.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture.error {
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture.lm_upload_item_error {
   color: var(--error-color);
 }

package/es/LmUpload/utils.d.ts

@@ -3,3 +3,4 @@ export declare function isClassComponent(component: any): any;
 export declare function isExoticComponent(component: any): boolean;
 export declare function isReactComponent(component: any): any;
 export declare const render: (Comp: any, props: any) => any;
+export declare const getBase64: (img: any, callback: any) => void;

package/es/LmUpload/utils.js

@@ -30,4 +30,16 @@ export function isReactComponent(component) {
 }
 export var render = function render(Comp, props) {
   return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React.createElement(Comp, Object.assign({}, props)) : Comp;
+};
+/*
+ * 将上传的图片转换为可展示的形式
+ * getBase64(file, (img) => {})
+ */
+
+export var getBase64 = function getBase64(img, callback) {
+  var reader = new FileReader();
+  reader.addEventListener('load', function () {
+    return callback(reader.result);
+  });
+  reader.readAsDataURL(img);
 };

package/es/LmUpload/wrapper/UploadRoot.js

@@ -13,15 +13,7 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
   var _useReducer = useReducer(reducer, initialState),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 格式化接收参数值
-  // const configProps = useMemo(() => {
-  //   const { ...resetProps } = props
-  //   // 受控/非受控时的数据收集
-  //   return {
-  //     ...resetProps,
-  //   }
-  // }, [props])
-  // 获取核心Methods
+      dispatch = _useReducer2[1]; // 获取核心Methods
 
 
   var _useCoreOptions = useCoreOptions({
@@ -33,10 +25,12 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
       RefMethods = _useCoreOptions.RefMethods; // 组件实例
 
 
-  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
-    state: state,
-    dispatch: dispatch
-  }); // 向外暴露出的方法
+  var instance = useMemo(function () {
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
+      state: state,
+      dispatch: dispatch
+    });
+  }, [props, CoreMethods, RefMethods, state, dispatch]); // 向外暴露出的方法
 
   useImperativeHandle(ref, function () {
     return Object.assign({}, RefMethods);

package/es/LmUpload/wrapper/UploadWrapper.d.ts

@@ -1,4 +1,5 @@
-declare const LmUploadWrapper: ({ instance }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ instance }: {
     instance: any;
-}) => JSX.Element;
-export default LmUploadWrapper;
+}) => JSX.Element>;
+export default _default;

package/es/LmUpload/wrapper/UploadWrapper.js

@@ -14,4 +14,4 @@ var LmUploadWrapper = function LmUploadWrapper(_ref) {
   }));
 };
 
-export default LmUploadWrapper;
+export default /*#__PURE__*/React.memo(LmUploadWrapper);

package/es/Select/index.js

@@ -16,15 +16,16 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
+import SizeContext from '@/ConfigProvider/SizeContext';
 var prefixCls = 'lm_select';
 var CLMSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
       className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 'middle' : _props$size,
+      customizeSize = props.size,
       dropdownClassName = props.dropdownClassName,
       others = __rest(props, ["children", "className", "size", "dropdownClassName"]);
 
+  var size = customizeSize || React.useContext(SizeContext) || 'middle';
   return /*#__PURE__*/React.createElement(_Select, Object.assign({
     className: classNames(className, prefixCls),
     size: size,

package/es/Tabs/index.js

@@ -16,16 +16,17 @@ var __rest = this && this.__rest || function (s, e) {
 
 import React from 'react';
 import classNames from 'classnames';
+import SizeContext from '@/ConfigProvider/SizeContext';
 var prefixCls = 'lm_tabs';
 
 var LMTabs = function LMTabs(props) {
   var className = props.className,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "middle" : _props$size,
+      customizeSize = props.size,
       _props$noBorder = props.noBorder,
       noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
       others = __rest(props, ["className", "size", "noBorder"]);
 
+  var size = customizeSize || React.useContext(SizeContext) || 'middle';
   return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
     size: size
   }, others, {

package/es/index.d.ts

@@ -1,4 +1,5 @@
 export { default as ConfigProvider } from './ConfigProvider';
+export type { SizeType } from './ConfigProvider';
 export { default as Button } from './Button';
 export type { ILmButtonProps } from './Button';
 export { default as ButtonTags } from './ButtonTags';