linkmore-design 1.0.67 → 1.0.70

package/lib/LmUpload/fns/index.js

@@ -7,42 +7,201 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
+var _react = require("react");
+
 var _linkmoreDesign = require("linkmore-design");
 
+var _aliOss = _interopRequireDefault(require("ali-oss"));
+
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
 var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
       dispatch = _ref.dispatch,
       props = _ref.props;
-  var value = props.value,
+  var uid = props.uid,
       onChange = props.onChange,
-      size = props.size,
       type = props.type,
       fileSize = props.fileSize,
-      fileUpload = props.fileUpload;
+      enabledOss = props.enabledOss,
+      ossConfig = props.ossConfig; // 获取当前的文件列表
+
+  var getFileList = (0, _react.useCallback)(function () {
+    return props.fileList || state.fileList;
+  }, [props.fileList, state.fileList]); // 获取上传状态
+
+  var getUploadStatus = (0, _react.useCallback)(function () {
+    var uploading = typeof state.percent === 'number';
+    return {
+      uploading: uploading
+    };
+  }, [state.percent]); // 获取是否达到最大上传数量
+
+  var getIsMaxCount = (0, _react.useCallback)(function () {
+    return typeof props.maxCount === 'number' && !(getFileList().length < props.maxCount);
+  }, [getFileList, props.maxCount]); // 上传完成
 
-  var uploadOnChange = function uploadOnChange(file) {
-    var fileList = [file].concat((0, _toConsumableArray2.default)(state.fileList));
-    console.log('fileList', fileList);
+  var uploadDone = (0, _react.useCallback)(function (file) {
+    var fileList = [file].concat((0, _toConsumableArray2.default)(getFileList()));
     dispatch({
       type: 'changeFileList',
       fileList: fileList
+    });
+    dispatch({
+      type: 'changePercent',
+      percent: null
     }); // 上传事件：抛出 file: 文件  filelist: 文件列表 event: 上传进度信息
 
     onChange === null || onChange === void 0 ? void 0 : onChange({
       file: file,
-      fileList: fileList,
-      event: event
+      fileList: fileList
     });
-  }; // 上传前的检测
+  }, [getFileList]); // 上传进度事件
 
+  var uploadProgress = (0, _react.useCallback)(function (file, _ref2) {
+    var progress = _ref2.progress,
+        checkPoint = _ref2.checkPoint,
+        result = _ref2.result;
+    onChange({
+      file: file,
+      fileList: getFileList(),
+      event: {
+        progress: progress,
+        checkPoint: checkPoint,
+        result: result,
+        status: typeof progress !== 'number' ? 'done' : 'uploading'
+      }
+    });
+    dispatch({
+      type: 'changePercent',
+      percent: Number((progress * 100).toFixed(2))
+    });
+  }, [getFileList]); // 上传至ali-oss
+
+  var uploadOss = (0, _react.useCallback)(function (file) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _a, _ossConfig, _ossConfig$dir, dir, shortlink, _ossConfig$region, region, accessKeyId, accessKeySecret, stsToken, _ossConfig$bucket, bucket, client, timestamp, fileName, pathName, url, seq, params;
+
+      return _regenerator.default.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;
+              client = new _aliOss.default({
+                region: region,
+                accessKeyId: accessKeyId,
+                accessKeySecret: accessKeySecret,
+                stsToken: stsToken,
+                bucket: bucket
+              });
+              timestamp = Date.now();
+              fileName = "".concat(timestamp, "-").concat(file.name);
+              pathName = dir.slice(-1) === '/' ? "".concat(dir).concat(fileName) : "".concat(dir, "/").concat(fileName);
+              url = "".concat(shortlink).concat(pathName) || '';
+              _context.next = 9;
+              return client.multipartUpload(pathName, file, {
+                // 获取分片上传进度、断点和返回值。
+                progress: function progress(_progress, checkPoint, result) {
+                  return uploadProgress(file, {
+                    progress: _progress,
+                    checkPoint: checkPoint,
+                    result: result
+                  });
+                },
+                parallel: 4,
+                partSize: 1024 * 1024 // 分片大小
+
+              });
+
+            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,
+                fileName: fileName,
+                realFileName: file.name,
+                fileSize: file.size,
+                internalUrl: '',
+                externalUrl: 'externalUrl',
+                filePath: dir,
+                seq: seq,
+                url: url
+              };
+              uploadDone(params);
+              _context.next = 18;
+              break;
 
-  var beforeUpload = function beforeUpload(e) {
-    var file = e.target.files; // 循环文件检查是否存在不符合要求的文件
+            case 14:
+              _context.prev = 14;
+              _context.t0 = _context["catch"](0);
+              console.log('上传报错:', _context.t0);
+              onChange === null || onChange === void 0 ? void 0 : onChange({
+                file: file,
+                fileList: getFileList(),
+                event: {
+                  status: 'error'
+                }
+              });
 
-    for (var i = 0, len = file.length; i < len; i += 1) {
-      var item = file[i];
+            case 18:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 14]]);
+    }));
+  }, [ossConfig, uploadDone, uploadProgress, getFileList]);
+  var customUpload = (0, _react.useCallback)(function (file) {
+    var _a;
+
+    (_a = props.fileUpload) === null || _a === void 0 ? void 0 : _a.call(props, {
+      file: file,
+      value: getFileList(),
+      onChange: uploadDone
+    });
+  }, [props.fileUpload, getFileList, uploadDone]); // 上传前的检测
+
+  var beforeUpload = (0, _react.useCallback)(function (e) {
+    var files = e.target.files; // 循环文件检查是否存在不符合要求的文件
+
+    for (var i = 0, len = files.length; i < len; i += 1) {
+      var item = files[i];
 
       if (!type.includes(item.name.replace(/.*\./, '').toLowerCase())) {
         var content = type.join('、');
@@ -51,29 +210,78 @@ var useCoreOptions = function useCoreOptions(_ref) {
 
       if (item.size / 1024 / 1024 > fileSize) {
         return _linkmoreDesign.message.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(fileSize, "M\uFF01"), 1.5);
-      } // 单个文件上传
+      }
 
+      enabledOss && uploadOss(item); // 单个文件上传
 
-      fileUpload === null || fileUpload === void 0 ? void 0 : fileUpload({
-        file: item,
-        size: size,
-        value: value,
-        onChange: uploadOnChange,
-        isImg: true
-      });
+      customUpload(item);
     }
 
-    ;
     return false;
-  };
+  }, [type, fileSize, uploadOss, customUpload]); // 删除事件
+
+  var remove = (0, _react.useCallback)(function (file) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _b, _c, res, fileList;
+
+      return _regenerator.default.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);
+
+            case 2:
+              res = _context2.sent;
+
+              if (res) {
+                fileList = (_c = getFileList()) === null || _c === void 0 ? void 0 : _c.filter(function (v) {
+                  return v[uid] !== file[uid];
+                });
+                dispatch({
+                  type: 'changeFileList',
+                  fileList: fileList
+                });
+                onChange === null || onChange === void 0 ? void 0 : onChange({
+                  file: file,
+                  fileList: fileList
+                });
+              }
+
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+  }, [props.onRemove, getFileList, uid]); // 点击文件链接或预览图标时的回调
 
+  var preview = (0, _react.useCallback)(function (file) {
+    var _a;
+
+    (_a = props.onPreview) === null || _a === void 0 ? void 0 : _a.call(props, file);
+  }, []); // 点击下载文件时的回调
+
+  var download = (0, _react.useCallback)(function (file) {
+    var _a;
+
+    (_a = props.onDownload) === null || _a === void 0 ? void 0 : _a.call(props, file);
+  }, []);
   var CoreMethods = {
-    beforeUpload: beforeUpload
+    getIsMaxCount: getIsMaxCount,
+    beforeUpload: beforeUpload,
+    getUploadStatus: getUploadStatus,
+    remove: remove,
+    preview: preview,
+    download: download
   };
   var RefMethods = {
     getState: function getState() {
       return state;
-    }
+    },
+    getFileList: getFileList // 获取文件列表
+
   };
   return {
     CoreMethods: CoreMethods,

package/lib/LmUpload/style/index.css

@@ -22,7 +22,9 @@
   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);
 }
 .lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
   color: var(--color-85);
@@ -31,6 +33,20 @@
   color: var(--color-45);
   margin-top: var(--gap);
 }
+.lm_upload_wrapper .lm_upload_progress {
+  width: 100%;
+  height: 2px;
+  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;
+}
 .lm_upload_wrapper .lm_upload_item {
   vertical-align: middle;
 }
@@ -80,6 +96,9 @@
 .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 {
+  color: var(--error-color);
+}
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
   position: relative;
   display: inline-flex;
@@ -95,12 +114,13 @@
 .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);
+}
 .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 .anticon {
-  font-size: 34px;
-}
 .lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_error .lm_upload_item_name {
   font-size: 12px;
   text-overflow: ellipsis;
@@ -186,3 +206,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 {
+  color: var(--error-color);
+}

package/lib/LmUpload/utils.d.ts

@@ -1,3 +1,4 @@
+export declare function getIsHas(val: any): boolean;
 export declare function isClassComponent(component: any): any;
 export declare function isExoticComponent(component: any): boolean;
 export declare function isReactComponent(component: any): any;

package/lib/LmUpload/utils.js

@@ -5,6 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getIsHas = getIsHas;
 exports.isClassComponent = isClassComponent;
 exports.isExoticComponent = isExoticComponent;
 exports.isReactComponent = isReactComponent;
@@ -14,7 +15,21 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 var _react = _interopRequireDefault(require("react"));
 
-// 检查是否类组件
+// 检查是否存在内容
+function getIsHas(val) {
+  var _a; // 检查是否数字类型, 是否布尔类型
+
+
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
+  if (!!val && (0, _typeof2.default)(val) === 'object') {
+    flag = Array.isArray(val) ? !!val.length : !!((_a = Object.keys(val)) === null || _a === void 0 ? void 0 : _a.length);
+  }
+
+  return flag;
+} // 检查是否类组件
+
+
 function isClassComponent(component) {
   return typeof component === 'function' && function () {
     var proto = Object.getPrototypeOf(component);

package/lib/LmUpload/view/index.js

@@ -12,8 +12,8 @@ var React = _interopRequireWildcard(require("react"));
 var LmUploadView = function LmUploadView(_ref) {
   var instance = _ref.instance;
   return /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_view'
-  }, "view");
+    className: "lm_upload_view"
+  });
 };
 
 var _default = LmUploadView;

package/lib/LmUpload/wrapper/UploadContainer.d.ts

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

package/lib/LmUpload/wrapper/UploadContainer.js

@@ -13,13 +13,31 @@ var React = _interopRequireWildcard(require("react"));
 
 var _Upload = _interopRequireDefault(require("./Upload"));
 
+var _UploadList = _interopRequireDefault(require("../UploadList"));
+
 // 上传组件主体区域
 var LmUploadContainer = function LmUploadContainer(_ref) {
   var instance = _ref.instance;
-  return /*#__PURE__*/React.createElement(_Upload.default, {
-    instance: instance
+  var wrapper = instance.components.wrapper;
+
+  if (!wrapper) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Upload.default, {
+      instance: instance
+    }), /*#__PURE__*/React.createElement(_UploadList.default, {
+      instance: instance
+    }));
+  }
+
+  return wrapper === null || wrapper === void 0 ? void 0 : wrapper({
+    uploadDom: /*#__PURE__*/React.createElement(_Upload.default, {
+      instance: instance
+    }),
+    fileListDom: /*#__PURE__*/React.createElement(_UploadList.default, {
+      instance: instance
+    })
   });
 };
 
-var _default = LmUploadContainer;
+var _default = /*#__PURE__*/React.memo(LmUploadContainer);
+
 exports.default = _default;

package/lib/LmUpload/wrapper/UploadRoot.js

@@ -28,7 +28,15 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
   var _useReducer = (0, _react.useReducer)(_reducer.default, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
       state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 获取核心Methods
+      dispatch = _useReducer2[1]; // 格式化接收参数值
+  // const configProps = useMemo(() => {
+  //   const { ...resetProps } = props
+  //   // 受控/非受控时的数据收集
+  //   return {
+  //     ...resetProps,
+  //   }
+  // }, [props])
+  // 获取核心Methods
 
 
   var _useCoreOptions = (0, _fns.default)({

package/lib/LmUpload/wrapper/UploadWrapper.js

@@ -2,32 +2,25 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _UploadContainer = _interopRequireDefault(require("./UploadContainer"));
 
-var _UploadList = _interopRequireDefault(require("../UploadList"));
-
 var _view = _interopRequireDefault(require("../view"));
 
 // 包裹上传组件区域： 拓展其他结构
 var LmUploadWrapper = function LmUploadWrapper(_ref) {
   var instance = _ref.instance;
-  var wrapper = instance.components.wrapper;
-  return /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_wrapper'
-  }, wrapper === null || wrapper === void 0 ? void 0 : wrapper( /*#__PURE__*/React.createElement(_UploadContainer.default, {
-    instance: instance
-  }), /*#__PURE__*/React.createElement(_UploadList.default, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_upload_wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_UploadContainer.default, {
     instance: instance
-  })), /*#__PURE__*/React.createElement(_view.default, {
+  }), /*#__PURE__*/_react.default.createElement(_view.default, {
     instance: instance
   }));
 };

package/lib/LmUpload/wrapper/reducer.js

@@ -7,7 +7,8 @@ exports.reducer = exports.initialState = exports.default = void 0;
 
 // 状态管理操作
 var reducer = function reducer(state, action) {
-  var fileList = action.fileList;
+  var fileList = action.fileList,
+      percent = action.percent;
 
   switch (action.type) {
     case 'changeFileList':
@@ -15,6 +16,11 @@ var reducer = function reducer(state, action) {
         fileList: fileList
       });
 
+    case 'changePercent':
+      return Object.assign(Object.assign({}, state), {
+        percent: percent
+      });
+
     default:
       throw new Error();
   }
@@ -30,7 +36,8 @@ var initialState = function initialState(props) {
     upload: upload,
     process: 0,
     status: 'done',
-    fileList: defaultFileList
+    fileList: defaultFileList // 用于非受控模式时的数据收集
+
   };
 };
 

package/lib/Mentions/style/index.css

@@ -81,6 +81,9 @@
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }
+.ant-collapse {
+  font-size: 12px;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */
@@ -503,3 +506,6 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+p {
+  margin-bottom: 0;
+}

package/lib/Menu/style/index.css

@@ -81,6 +81,9 @@
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }
+.ant-collapse {
+  font-size: 12px;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */
@@ -503,3 +506,6 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+p {
+  margin-bottom: 0;
+}

package/lib/Modal/index.d.ts

@@ -4,7 +4,7 @@ export interface ILMModalProps extends ModalProps {
     wrapClassName?: string;
     size?: 'default' | 'small';
 }
-declare const LMModal: React.FC<ModalProps> & import("antd/lib/modal/confirm").ModalStaticFunctions & {
+declare const LMModal: React.FC<ILMModalProps> & React.FC<ModalProps> & import("antd/lib/modal/confirm").ModalStaticFunctions & {
     useModal: typeof import("antd/lib/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/lib/modal/confirm").modalGlobalConfig;

package/lib/Modal/style/index.css

@@ -81,6 +81,9 @@
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }
+.ant-collapse {
+  font-size: 12px;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */
@@ -503,6 +506,9 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+p {
+  margin-bottom: 0;
+}
 .lm_modal.ant-modal-wrap .ant-modal-header > .ant-modal-title {
   font-weight: normal;
   font-size: 14px;

package/lib/PageHeader/style/index.css

@@ -81,6 +81,9 @@
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }
+.ant-collapse {
+  font-size: 12px;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */
@@ -503,3 +506,6 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+p {
+  margin-bottom: 0;
+}

package/lib/Pagination/style/index.css

@@ -81,6 +81,9 @@
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }
+.ant-collapse {
+  font-size: 12px;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */
@@ -503,6 +506,9 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+p {
+  margin-bottom: 0;
+}
 .lm_pagination.ant-pagination li {
   font-size: 12px;
   line-height: 24px !important;

package/lib/PopTable/style/index.css

@@ -81,6 +81,9 @@
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }
+.ant-collapse {
+  font-size: 12px;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */
@@ -503,6 +506,9 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+p {
+  margin-bottom: 0;
+}
 .lm_popover_table .btn-dashed {
   font-size: 12px;
   color: #ccc;

package/lib/Popconfirm/index.d.ts

@@ -0,0 +1,3 @@
+import { Popconfirm } from "antd";
+export type { PopconfirmProps } from 'antd';
+export default Popconfirm;