linkmore-design 1.0.69 → 1.0.70

package/es/LmUpload/UploadList/index.js

@@ -1,27 +1,28 @@
-import * as React from 'react';
+import React from 'react';
 import { render } from '../utils';
 import RenderItem from './RenderItem';
 
 var LmUploadList = function LmUploadList(_ref) {
   var instance = _ref.instance;
 
-  var _a;
+  var _a, _b;
 
   var uid = instance.uid,
-      fileList = instance.fileList,
+      getFileList = instance.getFileList,
       itemRender = instance.itemRender,
-      listType = instance.listType;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (_a = fileList === null || fileList === void 0 ? void 0 : fileList.sort(function (a, b) {
+      listType = instance.listType,
+      showUploadList = instance.showUploadList;
+  if (!showUploadList) return null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, (_b = (_a = getFileList()) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
     return a.seq - b.seq;
-  })) === null || _a === void 0 ? void 0 : _a.map(function (file, idx) {
+  })) === null || _b === void 0 ? void 0 : _b.map(function (file, idx) {
     return render(itemRender || RenderItem, {
       type: listType,
       key: file[uid] || idx,
       file: file,
-      fileList: fileList,
       instance: instance
     });
   }));
 };
 
-export default LmUploadList;
+export default /*#__PURE__*/React.memo(LmUploadList);

package/es/LmUpload/body/UploadCore.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React from 'react';
 import UploadPicture from './UploadPicture'; // 上传核心
 // 渲染上传区域样式, 仅用于触发上传事件
 // type: 'card' 图片 | 'drag' 拖拽
@@ -6,15 +6,11 @@ import UploadPicture from './UploadPicture'; // 上传核心
 var UploadCore = function UploadCore(_ref) {
   var instance = _ref.instance;
   var inputRef = React.useRef(null);
-  var fileList = instance.fileList,
-      accept = instance.accept,
-      maxCount = instance.maxCount,
+  var accept = instance.accept,
       children = instance.children,
       beforeUpload = instance.beforeUpload,
-      getUploadStatus = instance.getUploadStatus;
-  var isMaxCount = useMemo(function () {
-    return !(fileList.length < maxCount);
-  }, []); // 点击事件触发文件上传
+      getUploadStatus = instance.getUploadStatus,
+      getIsMaxCount = instance.getIsMaxCount; // 点击事件触发文件上传
 
   var handleClick = function handleClick() {
     var _a;
@@ -44,7 +40,7 @@ var UploadCore = function UploadCore(_ref) {
       display: 'none'
     }
   };
-  return isMaxCount && /*#__PURE__*/React.createElement("div", {
+  return !getIsMaxCount() && /*#__PURE__*/React.createElement("div", {
     onClick: handleClick,
     className: "lm_upload_core"
   }, children || /*#__PURE__*/React.createElement(UploadPicture, {

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

@@ -4,15 +4,18 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
     props: any;
 }) => {
     CoreMethods: {
+        getIsMaxCount: () => boolean;
         beforeUpload: (e: any) => false | import("../../message").MessageType;
         getUploadStatus: () => {
             uploading: boolean;
         };
         remove: (file: any) => Promise<void>;
         preview: (file: any) => void;
+        download: (file: any) => void;
     };
     RefMethods: {
         getState: () => any;
+        getFileList: () => any;
     };
 };
 export default useCoreOptions;

package/es/LmUpload/fns/index.js

@@ -42,15 +42,29 @@ var useCoreOptions = function useCoreOptions(_ref) {
       dispatch = _ref.dispatch,
       props = _ref.props;
   var uid = props.uid,
-      value = props.fileList,
       onChange = props.onChange,
       type = props.type,
       fileSize = props.fileSize,
       enabledOss = props.enabledOss,
-      ossConfig = props.ossConfig; // 上传完成
+      ossConfig = props.ossConfig; // 获取当前的文件列表
 
-  var uploadOnChange = useCallback(function (file) {
-    var fileList = [file].concat(_toConsumableArray(value));
+  var getFileList = useCallback(function () {
+    return props.fileList || state.fileList;
+  }, [props.fileList, state.fileList]); // 获取上传状态
+
+  var getUploadStatus = useCallback(function () {
+    var uploading = typeof state.percent === 'number';
+    return {
+      uploading: uploading
+    };
+  }, [state.percent]); // 获取是否达到最大上传数量
+
+  var getIsMaxCount = useCallback(function () {
+    return typeof props.maxCount === 'number' && !(getFileList().length < props.maxCount);
+  }, [getFileList, props.maxCount]); // 上传完成
+
+  var uploadDone = useCallback(function (file) {
+    var fileList = [file].concat(_toConsumableArray(getFileList()));
     dispatch({
       type: 'changeFileList',
       fileList: fileList
@@ -64,16 +78,37 @@ var useCoreOptions = function useCoreOptions(_ref) {
       file: file,
       fileList: fileList
     });
-  }, [value]); // 上传至ali-oss
+  }, [getFileList]); // 上传进度事件
+
+  var uploadProgress = 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 = 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, client, fileName, pathName, url, seq, params;
+      var _a, _ossConfig, _ossConfig$dir, dir, shortlink, _ossConfig$region, region, accessKeyId, accessKeySecret, stsToken, _ossConfig$bucket, bucket, client, timestamp, fileName, pathName, url, seq, 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;
               client = new OSS({
                 region: region,
@@ -82,26 +117,18 @@ var useCoreOptions = function useCoreOptions(_ref) {
                 stsToken: stsToken,
                 bucket: bucket
               });
-              _context.prev = 2;
-              fileName = "".concat(Date.now(), "-").concat(file.name);
+              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 = 8;
+              _context.next = 9;
               return client.multipartUpload(pathName, file, {
                 // 获取分片上传进度、断点和返回值。
-                progress: function progress(p, cpt, res) {
-                  onChange({
-                    file: file,
-                    fileList: value,
-                    event: {
-                      progress: p,
-                      checkPoint: cpt,
-                      result: res
-                    }
-                  });
-                  dispatch({
-                    type: 'changePercent',
-                    percent: Number((p * 100).toFixed(2))
+                progress: function progress(_progress, checkPoint, result) {
+                  return uploadProgress(file, {
+                    progress: _progress,
+                    checkPoint: checkPoint,
+                    result: result
                   });
                 },
                 parallel: 4,
@@ -109,10 +136,10 @@ var useCoreOptions = function useCoreOptions(_ref) {
 
               });
 
-            case 8:
+            case 9:
               seq = (((_a = state.fileList) === null || _a === void 0 ? void 0 : _a.length) || 0) + 1;
               params = {
-                uid: seq,
+                uid: timestamp,
                 fileTypeCode: file.type,
                 fileTypeName: file.type,
                 fileName: fileName,
@@ -124,23 +151,39 @@ var useCoreOptions = function useCoreOptions(_ref) {
                 seq: seq,
                 url: url
               };
-              uploadOnChange(params);
-              _context.next = 16;
+              uploadDone(params);
+              _context.next = 18;
               break;
 
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](2);
-              console.log('error:', _context.t0);
+            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'
+                }
+              });
 
-            case 16:
+            case 18:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 13]]);
+      }, _callee, null, [[0, 14]]);
     }));
-  }, [ossConfig, uploadOnChange, value]); // 上传前的检测
+  }, [ossConfig, uploadDone, uploadProgress, getFileList]);
+  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
+    });
+  }, [props.fileUpload, getFileList, uploadDone]); // 上传前的检测
 
   var beforeUpload = useCallback(function (e) {
     var files = e.target.files; // 循环文件检查是否存在不符合要求的文件
@@ -158,15 +201,16 @@ var useCoreOptions = function useCoreOptions(_ref) {
       }
 
       enabledOss && uploadOss(item); // 单个文件上传
-      // fileUpload?.({ file: item, size, value, onChange: uploadOnChange, isImg: true });
+
+      customUpload(item);
     }
 
     return false;
-  }, [type, fileSize, uploadOss]); // 删除事件
+  }, [type, fileSize, uploadOss, customUpload]); // 删除事件
 
   var remove = useCallback(function (file) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _b, res, fileList;
+      var _b, _c, res, fileList;
 
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
         while (1) {
@@ -179,13 +223,17 @@ var useCoreOptions = function useCoreOptions(_ref) {
               res = _context2.sent;
 
               if (res) {
-                fileList = value.filter(function (v) {
+                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:
@@ -195,30 +243,33 @@ var useCoreOptions = function useCoreOptions(_ref) {
         }
       }, _callee2);
     }));
-  }, [props.onRemove, state.fileList, uid]); // 点击文件链接或预览图标时的回调
+  }, [props.onRemove, getFileList, uid]); // 点击文件链接或预览图标时的回调
 
   var preview = useCallback(function (file) {
     var _a;
 
     (_a = props.onPreview) === null || _a === void 0 ? void 0 : _a.call(props, file);
-  }, []); // 获取上传状态
+  }, []); // 点击下载文件时的回调
 
-  var getUploadStatus = useCallback(function () {
-    var uploading = typeof state.percent === 'number';
-    return {
-      uploading: uploading
-    };
-  }, [state.percent]);
+  var download = useCallback(function (file) {
+    var _a;
+
+    (_a = props.onDownload) === null || _a === void 0 ? void 0 : _a.call(props, file);
+  }, []);
   var CoreMethods = {
+    getIsMaxCount: getIsMaxCount,
     beforeUpload: beforeUpload,
     getUploadStatus: getUploadStatus,
     remove: remove,
-    preview: preview
+    preview: preview,
+    download: download
   };
   var RefMethods = {
     getState: function getState() {
       return state;
-    }
+    },
+    getFileList: getFileList // 获取文件列表
+
   };
   return {
     CoreMethods: CoreMethods,

package/es/LmUpload/style/index.css

@@ -96,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;
@@ -203,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/es/LmUpload/view/index.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 var LmUploadView = function LmUploadView(_ref) {
   var instance = _ref.instance;
   return /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_view'
-  }, "view");
+    className: "lm_upload_view"
+  });
 };
 
 export default LmUploadView;

package/es/LmUpload/wrapper/UploadContainer.js

@@ -16,10 +16,10 @@ var LmUploadContainer = function LmUploadContainer(_ref) {
   }
 
   return wrapper === null || wrapper === void 0 ? void 0 : wrapper({
-    upload: /*#__PURE__*/React.createElement(LmUpload, {
+    uploadDom: /*#__PURE__*/React.createElement(LmUpload, {
       instance: instance
     }),
-    fileList: /*#__PURE__*/React.createElement(LmUploadList, {
+    fileListDom: /*#__PURE__*/React.createElement(LmUploadList, {
       instance: instance
     })
   });

package/es/LmUpload/wrapper/UploadRoot.js

@@ -1,24 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-}; // 根文件 => 参数聚合
-
-
+// 根文件 => 参数聚合
 import React, { useMemo, useReducer, forwardRef, useImperativeHandle } from 'react';
 import reducer, { initialState as initReducerState } from './reducer';
 import useCoreOptions from '../fns';
 import LmUploadWrapper from './UploadWrapper';
-import { getIsHas } from '../utils';
 
 var LmUploadRoot = function LmUploadRoot(props, ref) {
   var initialState = useMemo(function () {
@@ -29,20 +14,16 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
       dispatch = _useReducer2[1]; // 格式化接收参数值
+  // const configProps = useMemo(() => {
+  //   const { ...resetProps } = props
+  //   // 受控/非受控时的数据收集
+  //   return {
+  //     ...resetProps,
+  //   }
+  // }, [props])
+  // 获取核心Methods
 
 
-  var configProps = useMemo(function () {
-    var fileList = props.fileList,
-        resetProps = __rest(props // 受控/非受控时的数据收集
-    , ["fileList"]); // 受控/非受控时的数据收集
-
-
-    var aliveValue = getIsHas(fileList) ? fileList : state.fileList;
-    return Object.assign(Object.assign({}, resetProps), {
-      fileList: aliveValue
-    });
-  }, [props, state.fileList]); // 获取核心Methods
-
   var _useCoreOptions = useCoreOptions({
     state: state,
     dispatch: dispatch,
@@ -52,7 +33,7 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
       RefMethods = _useCoreOptions.RefMethods; // 组件实例
 
 
-  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, configProps), CoreMethods), RefMethods), {
+  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
     state: state,
     dispatch: dispatch
   }); // 向外暴露出的方法

package/es/index.d.ts

@@ -11,6 +11,7 @@ export { default as EditTable } from './EditTable';
 export { default as Empty } from './Empty';
 export { default as EnlargeImg } from './EnlargeImg';
 export { default as Filter } from './Filter';
+export { default as LmFilter } from './LmFilter';
 export { default as Icon } from './Icon';
 export { default as IconFont } from './IconFont';
 export { default as IconSelect } from './IconSelect';

package/es/index.js

@@ -11,6 +11,7 @@ export { default as EditTable } from './EditTable';
 export { default as Empty } from './Empty';
 export { default as EnlargeImg } from './EnlargeImg';
 export { default as Filter } from './Filter';
+export { default as LmFilter } from './LmFilter';
 export { default as Icon } from './Icon';
 export { default as IconFont } from './IconFont';
 export { default as IconSelect } from './IconSelect';

package/lib/ImageViewer/LmImageViewer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<{
+    [x: string]: any;
+}, string | number> & React.RefAttributes<unknown>>;
+export default _default;

package/lib/ImageViewer/LmImageViewer.js

@@ -0,0 +1,40 @@
+"use strict";
+
+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 _Root = _interopRequireDefault(require("./wrapeer/Root"));
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var LmImageViewer = function LmImageViewer(_a, ref) {
+  var resetProps = __rest(_a, []);
+
+  var defaultRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_Root.default, Object.assign({
+    ref: ref || defaultRef
+  }, resetProps));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmImageViewer);
+
+exports.default = _default;

package/lib/ImageViewer/index.d.ts

@@ -0,0 +1,2 @@
+import LmImageViewer from './LmImageViewer';
+export default LmImageViewer;

package/lib/ImageViewer/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _LmImageViewer = _interopRequireDefault(require("./LmImageViewer"));
+
+var _default = _LmImageViewer.default;
+exports.default = _default;