linkmore-design 1.0.67 → 1.0.68

package/lib/LmTable/Table.js

@@ -13,12 +13,12 @@ require("antd/es/config-provider/style");
 
 var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -39,9 +39,15 @@ var _reactResizable = require("react-resizable");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
+var _DndContainer = _interopRequireDefault(require("./components/DndContainer"));
+
+var _sortableBoxCol = _interopRequireDefault(require("./components/sortableBoxCol"));
+
+var _sortableItemCol = _interopRequireDefault(require("./components/sortableItemCol"));
+
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "emptyProps"],
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "colSortOpen", "resizeable", "customCheck", "components", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size", "emptyProps"],
     _excluded2 = ["className", "style"],
     _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary; // const DragHandle = SortableHandle(() => <MenuOutlined style={{ cursor: 'grab', color: '#999' }} />);
@@ -81,6 +87,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       virtual = _props$virtual === void 0 ? false : _props$virtual,
       _props$sortOpen = props.sortOpen,
       sortOpen = _props$sortOpen === void 0 ? false : _props$sortOpen,
+      _props$colSortOpen = props.colSortOpen,
+      colSortOpen = _props$colSortOpen === void 0 ? false : _props$colSortOpen,
       _props$resizeable = props.resizeable,
       resizeable = _props$resizeable === void 0 ? false : _props$resizeable,
       customCheck = props.customCheck,
@@ -138,9 +146,26 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var newData = (0, _sortable.arrayMove)(dataSource, oldIndex, newIndex).filter(function (el) {
         return !!el;
       }); // setDataSource([...newData])
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(newData);
     }
   };
 
+  var onColSortEnd = function onColSortEnd(active, over) {
+    var oldIndex = columns.findIndex(function (item) {
+      return item.dataIndex === active;
+    });
+    var newIndex = columns.findIndex(function (item) {
+      return item.dataIndex === over;
+    });
+    console.log((0, _sortable.arrayMove)(columns, oldIndex, newIndex), 222);
+    filterChange === null || filterChange === void 0 ? void 0 : filterChange((0, _sortable.arrayMove)(columns, oldIndex, newIndex).map(function (item, index) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+        order: index
+      });
+    }));
+  };
+
   var DraggableContainer = function DraggableContainer(props) {
     return /*#__PURE__*/_react.default.createElement(SortContainer, (0, _extends2.default)({
       useDragHandle: true,
@@ -160,31 +185,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return /*#__PURE__*/_react.default.createElement(SortableItem, (0, _extends2.default)({
       index: index
     }, restProps));
-  }; // 原宽度，先宽度，序号
-  // const handleResize = (sc, size, index) => {
-  //   // const preCountW = sumBy(useColumns, 'width') + 36
-  //   // const curCountW = preCountW - sc + size
-  //   // const scale =
-  //   //   curCountW > preCountW
-  //   //     ? subtract(preCountW, size) / subtract(preCountW, sc)
-  //   //     : subtract(autoSize.width, size) / subtract(autoSize.width, sc)
-  //   // const nValue = useColumns.map((v, idx) => {
-  //   //   const w = curCountW < autoSize.width ? scale * v.width : v.width
-  //   //   return {
-  //   //     ...v,
-  //   //     width: idx === index ? size : w,
-  //   //   }
-  //   // })
-  //   // setColumns([...nValue])
-  //   console.log(sc, size, index, 666)
-  //   const nextColumns = [...useColumns]
-  //   nextColumns[index] = {
-  //     ...nextColumns[index],
-  //     width: size.width,
-  //   }
-  //   setColumns(nextColumns)
-  // }
-
+  };
 
   var handleResize = function handleResize(index) {
     return function (e, _ref2) {
@@ -283,7 +284,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableAlertRender: false,
       checkConfig: checkConfig,
       // components: vComponents,
-      scroll: resetProps.autoSizer || resetProps.scroll ? Object.assign((0, _objectSpread2.default)({
+      scroll: resetProps.autoSizer || resetProps.scroll ? (0, _objectSpread2.default)((0, _objectSpread2.default)({
         y: autoSize.height
       }, resetProps.scroll), resizeable ? {
         x: '100%'
@@ -439,7 +440,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var obj = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
         sortOrder: false
       });
-      obj['filteredValue'] = filters[obj.dataIndex] || []; // if (filters[obj.dataIndex]) {
+      obj.filteredValue = filters[obj.dataIndex] || []; // if (filters[obj.dataIndex]) {
       //   obj['filteredValue'] = filters[obj.dataIndex]
       // }
 
@@ -449,12 +450,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         });
 
         if (checkSort) {
-          obj['sortOrder'] = checkSort.order;
-        }
-      } else {
-        if ((sorter === null || sorter === void 0 ? void 0 : sorter.field) === obj.dataIndex) {
-          obj['sortOrder'] = sorter.order;
+          obj.sortOrder = checkSort.order;
         }
+      } else if ((sorter === null || sorter === void 0 ? void 0 : sorter.field) === obj.dataIndex) {
+        obj.sortOrder = sorter.order;
       }
 
       return obj;
@@ -493,33 +492,53 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     }, /*#__PURE__*/_react.default.createElement("th", restProps));
   };
 
+  var colDraggableContainer = (0, _react.useCallback)(function (_ref4) {
+    var props = (0, _extends2.default)({}, _ref4);
+    return /*#__PURE__*/_react.default.createElement("tr", null, _react.default.Children.map(props.children, function (child) {
+      var _child$props, _child$props$column;
+
+      if (child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : (_child$props$column = _child$props.column) === null || _child$props$column === void 0 ? void 0 : _child$props$column.fixed) {
+        return child;
+      }
+
+      return /*#__PURE__*/_react.default.createElement(_sortableItemCol.default, {
+        id: child.key
+      }, child);
+    }));
+  }, [columns]);
   var tableComponents = (0, _react.useMemo)(function () {
     var obj = {};
 
     if (sortOpen) {
-      obj['body'] = {
+      obj.body = {
         wrapper: DraggableContainer,
         row: DraggableBodyRow
       };
     }
 
     if (resizeable) {
-      obj['header'] = {
+      obj.header = {
         cell: ResizableTitle
       };
     }
 
+    if (colSortOpen) {
+      obj.header = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj.header), {}, {
+        row: colDraggableContainer
+      });
+    }
+
     if (components) {
       var _components$body = components.body,
           body = _components$body === void 0 ? {} : _components$body,
           _components$header = components.header,
           header = _components$header === void 0 ? {} : _components$header;
-      obj['body'] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj['body']), body);
-      obj['header'] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj['header']), header);
+      obj.body = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj.body), body);
+      obj.header = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, obj.header), header);
     }
 
     return obj;
-  }, [sortOpen, resizeable, components]);
+  }, [sortOpen, resizeable, components, colSortOpen]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%',
@@ -531,6 +550,12 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } : emptyProps ? function () {
       return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Empty, emptyProps, (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.footer) || null);
     } : customizeRenderEmpty
+  }, colSortOpen ? /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
+    move: onColSortEnd
+  }, /*#__PURE__*/_react.default.createElement(_sortableBoxCol.default, {
+    items: columns.reduce(function (acc, item) {
+      return [].concat((0, _toConsumableArray2.default)(acc), [item.dataIndex]);
+    }, [])
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
@@ -540,6 +565,15 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
+  })))) : /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
+    loading: loading,
+    dataSource: dataSource,
+    components: tableComponents,
+    onChange: onTableChange,
+    tableClassName: (0, _classnames.default)('lm_protable', resizeable && 'lm_resizeable'),
+    summary: function summary(pageData) {
+      return _summary && _summary(pageData, resultColumns);
+    }
   }))), !!customCheck && /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_customCheck"
   }, customCheck));
@@ -615,11 +649,11 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     var value = props.summary ? 48 : 0;
 
-    var _ref4 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _tableWarpRef$current.getBoundingClientRect()) || {},
-        _ref4$width = _ref4.width,
-        width = _ref4$width === void 0 ? '100%' : _ref4$width,
-        _ref4$height = _ref4.height,
-        height = _ref4$height === void 0 ? '100%' : _ref4$height;
+    var _ref5 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _tableWarpRef$current.getBoundingClientRect()) || {},
+        _ref5$width = _ref5.width,
+        width = _ref5$width === void 0 ? '100%' : _ref5$width,
+        _ref5$height = _ref5.height,
+        height = _ref5$height === void 0 ? '100%' : _ref5$height;
 
     setTableSize({
       width: width,

package/lib/LmTable/components/DndContainer.d.ts

@@ -0,0 +1,5 @@
+declare const DndContainer: ({ children, move }: {
+    children: any;
+    move: any;
+}) => JSX.Element;
+export default DndContainer;

package/lib/LmTable/components/DndContainer.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@dnd-kit/core");
+
+var _modifiers = require("@dnd-kit/modifiers");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _react = _interopRequireDefault(require("react"));
+
+// 可拖拽容器
+var DndContainer = function DndContainer(_ref) {
+  var children = _ref.children,
+      move = _ref.move;
+  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  })); // 拖拽结束
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over; // 未移入时触发
+
+    if (!(over === null || over === void 0 ? void 0 : over.id)) {
+      return;
+    } // 移入时触发更新数据
+
+
+    if (active.id !== over.id) {
+      move(active.id, over.id);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    collisionDetection: _core.closestCenter,
+    onDragEnd: handleDragEnd,
+    modifiers: [_modifiers.restrictToParentElement]
+  }, children);
+};
+
+var _default = DndContainer;
+exports.default = _default;

package/lib/LmTable/components/sortableBoxCol.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var SortableBox = function SortableBox(_ref) {
+  var items = _ref.items,
+      children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: items,
+    strategy: _sortable.horizontalListSortingStrategy
+  }, children);
+};
+
+var _default = SortableBox;
+exports.default = _default;

package/lib/LmTable/components/sortableItemCol.js

@@ -0,0 +1,54 @@
+"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 = SortableItem;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var _excluded = ["children"];
+var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement("th", (0, _extends2.default)({}, props, {
+    ref: ref
+  }), children);
+});
+
+function SortableItem(props) {
+  var _useSortable = (0, _sortable.useSortable)({
+    id: props.id
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    position: 'relative',
+    transform: _utilities.CSS.Translate.toString(transform),
+    transition: transition,
+    padding: '8px',
+    touchAction: 'none',
+    height: '40px',
+    cursor: 'move'
+  };
+  return /*#__PURE__*/_react.default.createElement(Item, (0, _extends2.default)({
+    ref: setNodeRef,
+    style: style
+  }, attributes, listeners, props));
+}

package/lib/LmUpload/LmUpload.d.ts

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

package/lib/LmUpload/LmUpload.js

@@ -13,7 +13,25 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _UploadRoot = _interopRequireDefault(require("./wrapper/UploadRoot"));
 
-var LmUpload = function LmUpload(props, ref) {
+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 stsToken = 'CAISjgJ1q6Ft5B2yfSjIr5eDGdHdi5RigKuYR2fGhUcBaOEfmKHYijz2IH5IenZuA+gYtf8ymm1Q5v8ZloAvFs4YbR3KPJco48QJtA/9aoGE5cW7tfkIhJasXDPCBRPyjJ+OaLn0RYseuA94rQiW+BVoyJ7WKB+APTX8Q7Dr5LdjatMIJHraCRNNGNZRICZ7tcYeLgG/HP2xMxns8AGyZQgSzWgas25k7rmlycCx8wfXiEaAqtUYvIPsOJOpHaIOVdVdK47tgr0pLfeRinQNukYSpPhM4fYaqWudjLa0GEJM5hiKCe3Q/+B0IRVxDqpAQPAY8qeiz6Um4beOydmvm08WJ49SSD/FTYWwXwx6zT9crb8agAE/AmQIq01ud7Oe11GaycEGpfRMjSM7w3GYv7WZPtY7dlVJemeghJDOuoOjPuu+WigsrFqJr4LCXB44EvoV4tTBz9NrFdJ8T1JPD5nCQ15TSifXJMjym4tWeOTVRiZk04N27cXgD3YYj7s9wOFMsUsenZR6WulrHhyUEwyjb9fGcQ==';
+
+var LmUpload = function LmUpload(_a, ref) {
+  var ossConfig = _a.ossConfig,
+      resetProps = __rest(_a, ["ossConfig"]);
+
   var defaultRef = (0, _react.useRef)(null);
   var defaultProps = {
     value: [],
@@ -33,14 +51,21 @@ var LmUpload = function LmUpload(props, ref) {
         return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, upload, fileList);
       }
     },
-    ossConfig: {} // defaultConfig: {
-    //   label: '上传',
-    // },
-
+    // oss配置
+    ossConfig: Object.assign({
+      dir: '/BizFile/4595/Supplier/',
+      region: 'oss-cn-hangzhou',
+      accessKeyId: 'STS.NT6RkifKC7isEAwaGTdn3wdsh',
+      accessKeySecret: '2iKmXAauEr1M8W8ZaRGgfVABJJWsb2cBFYP7s9rPGJT8',
+      // aks
+      stsToken: stsToken,
+      bucket: 'linkmore-scm-test',
+      shortlink: 'https://linkmore-scm-test.oss-cn-hangzhou.aliyuncs.com'
+    }, ossConfig)
   };
   return /*#__PURE__*/_react.default.createElement(_UploadRoot.default, Object.assign({
     ref: ref || defaultRef
-  }, defaultProps, props));
+  }, defaultProps, resetProps));
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(LmUpload);

package/lib/LmUpload/UploadList/ItemPictureCard.js

@@ -17,7 +17,55 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _linkmoreDesign = require("linkmore-design");
 
-// 图片列表项
+var renderThumb = function renderThumb(file) {
+  switch (file.fileExtension) {
+    case '':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-folder-fill"
+      });
+
+    case 'jpeg':
+    case 'png':
+    case 'jpg':
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: 'lm_upload_item_error'
+      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-image"
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: 'lm_upload_item_name'
+      }, file.realFileName));
+
+    case 'doc':
+    case 'docx':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-word"
+      });
+
+    case 'ppt':
+    case 'pptx':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-ppt"
+      });
+
+    case 'xls':
+    case 'xlsx':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-excel"
+      });
+
+    case 'pdf':
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-pdf"
+      });
+
+    default:
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-file-text"
+      });
+  }
+}; // 图片列表项
+
+
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
       instance = _ref.instance;
@@ -26,8 +74,22 @@ var PictureItem = function PictureItem(_ref) {
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isError = _useState2[0],
-      setIsError = _useState2[1]; // 重置尺寸大小
+      setIsError = _useState2[1]; // 文件信息重组
+
 
+  var resetFile = (0, _react.useMemo)(function () {
+    var fileExtension = file.realFileName.replace(/.*\./, '').toLowerCase();
+    return Object.assign(Object.assign({}, file), {
+      fileExtension: fileExtension
+    });
+  }, [file]); // 预览小图
+
+  var thumbUrl = (0, _react.useMemo)(function () {
+    return "".concat(file.url, "?x-oss-process=image/resize,w_").concat(size);
+  }, [file.url, size]);
+  var isImg = (0, _react.useMemo)(function () {
+    return ['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(resetFile.fileExtension);
+  }, [resetFile]); // 重置尺寸大小
 
   var resetSize = (0, _react.useMemo)(function () {
     var width = size - 16;
@@ -47,16 +109,10 @@ var PictureItem = function PictureItem(_ref) {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'lm_upload_item_thumb'
-  }, isError ? /*#__PURE__*/_react.default.createElement("div", {
-    className: 'lm_upload_item_error'
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: "lmweb-image"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'lm_upload_item_name'
-  }, file.fileName)) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Image, {
+  }, isError || !isImg ? renderThumb(resetFile) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Image, {
     width: resetSize.width,
     height: resetSize.width,
-    src: file.url,
+    src: thumbUrl,
     onError: function onError() {
       return setIsError(true);
     }

package/lib/LmUpload/UploadList/index.d.ts

@@ -1,4 +1,4 @@
 declare const LmUploadList: ({ instance }: {
     instance: any;
-}) => any;
+}) => JSX.Element;
 export default LmUploadList;

package/lib/LmUpload/UploadList/index.js

@@ -2,11 +2,15 @@
 
 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 _utils = require("../utils");
 
 var _RenderItem = _interopRequireDefault(require("./RenderItem"));
@@ -17,7 +21,7 @@ var LmUploadList = function LmUploadList(_ref) {
       itemRender = instance.itemRender,
       listType = instance.listType;
   var fileList = state.fileList;
-  return fileList.map(function (file, idx) {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fileList.map(function (file, idx) {
     return (0, _utils.render)(itemRender || _RenderItem.default, {
       type: listType,
       key: idx,
@@ -25,7 +29,7 @@ var LmUploadList = function LmUploadList(_ref) {
       fileList: fileList,
       instance: instance
     });
-  });
+  }));
 };
 
 var _default = LmUploadList;

package/lib/LmUpload/body/Progress.d.ts

@@ -0,0 +1,4 @@
+declare const Progress: ({ instance }: {
+    instance: any;
+}) => JSX.Element;
+export default Progress;

package/lib/LmUpload/body/{UploadDrag.js → Progress.js}

@@ -9,13 +9,18 @@ exports.default = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
-// 预设拖拽上传样式
-var uploadDrag = function uploadDrag(_ref) {
+var Progress = function Progress(_ref) {
   var instance = _ref.instance;
+  var state = instance.state;
   return /*#__PURE__*/React.createElement("div", {
-    className: 'lm_upload_item'
-  }, "drag");
+    className: 'lm_upload_progress'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'line',
+    style: {
+      width: "".concat(state.percent || 0, "%")
+    }
+  }));
 };
 
-var _default = uploadDrag;
+var _default = Progress;
 exports.default = _default;

package/lib/LmUpload/body/UploadCore.js

@@ -21,27 +21,33 @@ var UploadCore = function UploadCore(_ref) {
   var inputRef = React.useRef(null);
   var accept = instance.accept,
       children = instance.children,
-      beforeUpload = instance.beforeUpload; // 点击事件触发文件上传
+      beforeUpload = instance.beforeUpload,
+      getUploadStatus = instance.getUploadStatus; // 点击事件触发文件上传
 
   var handleClick = function handleClick() {
     var _a;
 
+    var isUploading = getUploadStatus().uploading;
+    if (isUploading) return;
     (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+  }; // 上传触发事件
+
+
+  var uploadChange = function uploadChange(e) {
+    var _a;
+
+    beforeUpload === null || beforeUpload === void 0 ? void 0 : beforeUpload(e);
+
+    if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) {
+      inputRef.current.value = '';
+    }
   };
 
   var inputConfig = {
     type: "file",
     accept: accept,
     title: '',
-    onChange: function onChange(e) {
-      var _a;
-
-      beforeUpload === null || beforeUpload === void 0 ? void 0 : beforeUpload(e);
-
-      if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) {
-        inputRef.current.value = '';
-      }
-    },
+    onChange: uploadChange,
     style: {
       display: 'none'
     }