linkmore-design 1.0.68 → 1.0.69

package/es/LmUpload/body/UploadCore.js

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

package/es/LmUpload/body/UploadPicture.js

@@ -11,22 +11,22 @@ var uploadPicture = function uploadPicture(_ref) {
     return getUploadStatus().uploading;
   }, [getUploadStatus]);
   return /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_core_picture',
+    className: "lm_upload_core_picture",
     style: {
       height: size,
       width: size
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_core_picture_action'
+    className: "lm_upload_core_picture_action"
   }, !isUploading && /*#__PURE__*/React.createElement("div", {
-    className: 'action_plus'
+    className: "action_plus"
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lmweb-plus",
     style: {
       fontSize: size > 48 ? 16 : 12
     }
   })), /*#__PURE__*/React.createElement("div", {
-    className: 'tip'
+    className: "tip"
   }, "\u4E0A\u4F20"), isUploading && /*#__PURE__*/React.createElement(Progress, {
     instance: instance
   })));

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

@@ -8,6 +8,8 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
         getUploadStatus: () => {
             uploading: boolean;
         };
+        remove: (file: any) => Promise<void>;
+        preview: (file: any) => void;
     };
     RefMethods: {
         getState: () => any;

package/es/LmUpload/fns/index.js

@@ -41,13 +41,16 @@ var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
       dispatch = _ref.dispatch,
       props = _ref.props;
-  var onChange = props.onChange,
+  var uid = props.uid,
+      value = props.fileList,
+      onChange = props.onChange,
       type = props.type,
       fileSize = props.fileSize,
+      enabledOss = props.enabledOss,
       ossConfig = props.ossConfig; // 上传完成
 
   var uploadOnChange = useCallback(function (file) {
-    var fileList = [file].concat(_toConsumableArray(state.fileList));
+    var fileList = [file].concat(_toConsumableArray(value));
     dispatch({
       type: 'changeFileList',
       fileList: fileList
@@ -61,17 +64,17 @@ var useCoreOptions = function useCoreOptions(_ref) {
       file: file,
       fileList: fileList
     });
-  }, [state.fileList]); // 上传至ali-oss
+  }, [value]); // 上传至ali-oss
 
   var uploadOss = useCallback(function (file) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _a, dir, shortlink, region, accessKeyId, accessKeySecret, stsToken, bucket, client, fileName, pathName, url, result, seq, params;
+      var _a, _ossConfig, _ossConfig$dir, dir, shortlink, _ossConfig$region, region, accessKeyId, accessKeySecret, stsToken, _ossConfig$bucket, bucket, client, fileName, pathName, url, seq, params;
 
       return _regeneratorRuntime.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              dir = ossConfig.dir, shortlink = ossConfig.shortlink, region = ossConfig.region, accessKeyId = ossConfig.accessKeyId, accessKeySecret = ossConfig.accessKeySecret, stsToken = ossConfig.stsToken, bucket = ossConfig.bucket;
+              _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,
                 accessKeyId: accessKeyId,
@@ -88,6 +91,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
                 // 获取分片上传进度、断点和返回值。
                 progress: function progress(p, cpt, res) {
                   onChange({
+                    file: file,
+                    fileList: value,
                     event: {
                       progress: p,
                       checkPoint: cpt,
@@ -105,9 +110,9 @@ var useCoreOptions = function useCoreOptions(_ref) {
               });
 
             case 8:
-              result = _context.sent;
               seq = (((_a = state.fileList) === null || _a === void 0 ? void 0 : _a.length) || 0) + 1;
               params = {
+                uid: seq,
                 fileTypeCode: file.type,
                 fileTypeName: file.type,
                 fileName: fileName,
@@ -120,23 +125,22 @@ var useCoreOptions = function useCoreOptions(_ref) {
                 url: url
               };
               uploadOnChange(params);
-              console.log('result', result);
-              _context.next = 18;
+              _context.next = 16;
               break;
 
-            case 15:
-              _context.prev = 15;
+            case 13:
+              _context.prev = 13;
               _context.t0 = _context["catch"](2);
               console.log('error:', _context.t0);
 
-            case 18:
+            case 16:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 15]]);
+      }, _callee, null, [[2, 13]]);
     }));
-  }, [ossConfig, uploadOnChange]); // 上传前的检测
+  }, [ossConfig, uploadOnChange, value]); // 上传前的检测
 
   var beforeUpload = useCallback(function (e) {
     var files = e.target.files; // 循环文件检查是否存在不符合要求的文件
@@ -153,12 +157,51 @@ var useCoreOptions = function useCoreOptions(_ref) {
         return message.warning("\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01\u9644\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7".concat(fileSize, "M\uFF01"), 1.5);
       }
 
-      uploadOss(item); // 单个文件上传
+      enabledOss && uploadOss(item); // 单个文件上传
       // fileUpload?.({ file: item, size, value, onChange: uploadOnChange, isImg: true });
     }
 
     return false;
-  }, [type, fileSize, uploadOss]); // 获取上传状态
+  }, [type, fileSize, uploadOss]); // 删除事件
+
+  var remove = useCallback(function (file) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _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);
+
+            case 2:
+              res = _context2.sent;
+
+              if (res) {
+                fileList = value.filter(function (v) {
+                  return v[uid] !== file[uid];
+                });
+                dispatch({
+                  type: 'changeFileList',
+                  fileList: fileList
+                });
+              }
+
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+  }, [props.onRemove, state.fileList, 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';
@@ -168,7 +211,9 @@ var useCoreOptions = function useCoreOptions(_ref) {
   }, [state.percent]);
   var CoreMethods = {
     beforeUpload: beforeUpload,
-    getUploadStatus: getUploadStatus
+    getUploadStatus: getUploadStatus,
+    remove: remove,
+    preview: preview
   };
   var RefMethods = {
     getState: function getState() {

package/es/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/es/LmUpload/utils.js

@@ -1,5 +1,18 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-import React from "react"; // 检查是否类组件
+import React from 'react'; // 检查是否存在内容
+
+export function getIsHas(val) {
+  var _a; // 检查是否数字类型, 是否布尔类型
+
+
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
+  if (!!val && _typeof(val) === 'object') {
+    flag = Array.isArray(val) ? !!val.length : !!((_a = Object.keys(val)) === null || _a === void 0 ? void 0 : _a.length);
+  }
+
+  return flag;
+} // 检查是否类组件
 
 export function isClassComponent(component) {
   return typeof component === 'function' && function () {

package/es/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/es/LmUpload/wrapper/UploadContainer.js

@@ -1,12 +1,28 @@
 // 上传组件主体区域
 import * as React from 'react';
 import LmUpload from './Upload';
+import LmUploadList from '../UploadList';
 
 var LmUploadContainer = function LmUploadContainer(_ref) {
   var instance = _ref.instance;
-  return /*#__PURE__*/React.createElement(LmUpload, {
-    instance: instance
+  var wrapper = instance.components.wrapper;
+
+  if (!wrapper) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LmUpload, {
+      instance: instance
+    }), /*#__PURE__*/React.createElement(LmUploadList, {
+      instance: instance
+    }));
+  }
+
+  return wrapper === null || wrapper === void 0 ? void 0 : wrapper({
+    upload: /*#__PURE__*/React.createElement(LmUpload, {
+      instance: instance
+    }),
+    fileList: /*#__PURE__*/React.createElement(LmUploadList, {
+      instance: instance
+    })
   });
 };
 
-export default LmUploadContainer;
+export default /*#__PURE__*/React.memo(LmUploadContainer);

package/es/LmUpload/wrapper/UploadRoot.js

@@ -1,9 +1,24 @@
 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 () {
@@ -13,8 +28,20 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
   var _useReducer = useReducer(reducer, initialState),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 获取核心Methods
+      dispatch = _useReducer2[1]; // 格式化接收参数值
+
+
+  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,
@@ -25,7 +52,7 @@ var LmUploadRoot = function LmUploadRoot(props, ref) {
       RefMethods = _useCoreOptions.RefMethods; // 组件实例
 
 
-  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, props), CoreMethods), RefMethods), {
+  var instance = Object.assign(Object.assign(Object.assign(Object.assign({}, configProps), CoreMethods), RefMethods), {
     state: state,
     dispatch: dispatch
   }); // 向外暴露出的方法

package/es/LmUpload/wrapper/UploadWrapper.js

@@ -1,19 +1,15 @@
 // 包裹上传组件区域： 拓展其他结构
-import * as React from 'react';
+import React from 'react';
 import LmUploadContainer from './UploadContainer';
-import LmUploadList from '../UploadList';
 import LmUploadView from '../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(LmUploadContainer, {
+    className: "lm_upload_wrapper"
+  }, /*#__PURE__*/React.createElement(LmUploadContainer, {
     instance: instance
-  }), /*#__PURE__*/React.createElement(LmUploadList, {
-    instance: instance
-  })), /*#__PURE__*/React.createElement(LmUploadView, {
+  }), /*#__PURE__*/React.createElement(LmUploadView, {
     instance: instance
   }));
 };

package/es/LmUpload/wrapper/reducer.js

@@ -26,7 +26,8 @@ export var initialState = function initialState(props) {
     upload: upload,
     process: 0,
     status: 'done',
-    fileList: defaultFileList
+    fileList: defaultFileList // 用于非受控模式时的数据收集
+
   };
 };
 export default reducer;

package/es/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/es/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/es/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/es/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/es/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/es/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/es/Popconfirm/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/es/Popover/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/es/ProTable/Table.js

@@ -297,7 +297,6 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var throttleSize = (0, _lodash.throttle)(function (_ref) {
     var height = _ref.height,
         width = _ref.width;
-    console.log(height, width, 444);
 
     var resetHeight = function resetHeight() {
       var h = height - 48;

package/es/ProTable/autosize.js

@@ -48,7 +48,6 @@ var AutoSizer = /*#__PURE__*/function (_React$Component) {
     _this._detectElementResize = void 0;
 
     _this._onResize = function () {
-      console.log(11);
       var _this$props = _this.props,
           disableHeight = _this$props.disableHeight,
           disableWidth = _this$props.disableWidth,
@@ -109,8 +108,6 @@ var AutoSizer = /*#__PURE__*/function (_React$Component) {
 
         this._detectElementResize.addResizeListener(this._parentNode, this.handleResize);
 
-        console.log(3);
-
         this._onResize();
       }
     }

package/es/ProTable/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;
+}
 .z_container {
   position: relative;
   display: flex;

package/es/Progress/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/es/QuickMenu/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_quick_menu {
   position: fixed;
   right: 16px;

package/es/Rate/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/es/Row/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;
+}