linkmore-design 1.0.64 → 1.0.68

package/es/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/esm/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
@@ -39,11 +39,15 @@ var _reactResizable = require("react-resizable");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
-var _empty = _interopRequireDefault(require("./assets/empty.png"));
+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' }} />);
@@ -53,7 +57,7 @@ var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
   return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
     type: "lmweb-icon-m-receipt1",
     style: {
-      cursor: 'grab',
+      cursor: 'move',
       fontSize: '16px'
     }
   });
@@ -83,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,
@@ -97,7 +103,6 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       size = _props$size === void 0 ? 'default' : _props$size,
       emptyProps = props.emptyProps,
       resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  console.log(emptyProps, '--emptyProps');
   var _resetProps$rowKey = resetProps.rowKey,
       rowKey = _resetProps$rowKey === void 0 ? 'id' : _resetProps$rowKey;
 
@@ -141,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,
@@ -163,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) {
@@ -286,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,13 +437,23 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var onTableChange = function onTableChange(pagination, filters, sorter, extra) {
     var resultColumns = useColumns.map(function (item) {
-      var obj = (0, _objectSpread2.default)({}, item);
-      obj['filteredValue'] = filters[obj.dataIndex] || []; // if (filters[obj.dataIndex]) {
+      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 ((sorter === null || sorter === void 0 ? void 0 : sorter.field) === obj.dataIndex) {
-        obj['sortOrder'] = sorter.order;
+      if (Array.isArray(sorter)) {
+        var checkSort = sorter.find(function (s) {
+          return s.field === obj.dataIndex;
+        });
+
+        if (checkSort) {
+          obj.sortOrder = checkSort.order;
+        }
+      } else if ((sorter === null || sorter === void 0 ? void 0 : sorter.field) === obj.dataIndex) {
+        obj.sortOrder = sorter.order;
       }
 
       return obj;
@@ -484,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%',
@@ -522,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,
@@ -531,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));
@@ -606,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/es/LmTable/components/DndContainer.d.ts

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

package/es/LmTable/components/DndContainer.js

@@ -0,0 +1,35 @@
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { restrictToParentElement } from '@dnd-kit/modifiers';
+import { sortableKeyboardCoordinates } from '@dnd-kit/sortable';
+import React from 'react'; // 可拖拽容器
+
+var DndContainer = function DndContainer(_ref) {
+  var children = _ref.children,
+      move = _ref.move;
+  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: 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.createElement(DndContext, {
+    sensors: sensors,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd,
+    modifiers: [restrictToParentElement]
+  }, children);
+};
+
+export default DndContainer;

package/es/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/es/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/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/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/es/LmUpload/LmUpload.d.ts

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

package/es/LmUpload/LmUpload.js

@@ -0,0 +1,58 @@
+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, { useRef, forwardRef } from 'react';
+import LmFilterRoot from './wrapper/UploadRoot';
+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 = useRef(null);
+  var defaultProps = {
+    value: [],
+    type: ['jpg', 'jpeg', 'png'],
+    accept: '',
+    fileSize: 10,
+    listType: 'card',
+    size: 100,
+    disabled: false,
+    maxCount: null,
+    children: null,
+    defaultFileList: [],
+    itemRender: null,
+    components: {
+      // 包装结构体: 上传, 列表
+      wrapper: function wrapper(upload, fileList) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, upload, fileList);
+      }
+    },
+    // 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.createElement(LmFilterRoot, Object.assign({
+    ref: ref || defaultRef
+  }, defaultProps, resetProps));
+};
+
+export default /*#__PURE__*/forwardRef(LmUpload);

package/es/LmUpload/UploadList/ItemPicture.d.ts

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

package/es/LmUpload/UploadList/ItemPicture.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { IconFont } from 'linkmore-design'; // 图片列表项
+
+var PictureItem = function PictureItem(_ref) {
+  var file = _ref.file;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item lm_upload_item_picture'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'picture_left'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item_thumb'
+  }, /*#__PURE__*/React.createElement("img", {
+    src: file.url
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item_name'
+  }, file.fileName)), /*#__PURE__*/React.createElement("div", {
+    className: 'picture_right lm_upload_item_action'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'action_delete'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-delete"
+  }))));
+};
+
+export default PictureItem;

package/es/LmUpload/UploadList/ItemPictureCard.d.ts

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

package/es/LmUpload/UploadList/ItemPictureCard.js

@@ -0,0 +1,126 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useMemo, useState } from 'react';
+import cn from 'classnames';
+import { IconFont, Image } from 'linkmore-design';
+
+var renderThumb = function renderThumb(file) {
+  switch (file.fileExtension) {
+    case '':
+      return /*#__PURE__*/React.createElement(IconFont, {
+        type: "lmweb-folder-fill"
+      });
+
+    case 'jpeg':
+    case 'png':
+    case 'jpg':
+      return /*#__PURE__*/React.createElement("div", {
+        className: 'lm_upload_item_error'
+      }, /*#__PURE__*/React.createElement(IconFont, {
+        type: "lmweb-image"
+      }), /*#__PURE__*/React.createElement("div", {
+        className: 'lm_upload_item_name'
+      }, file.realFileName));
+
+    case 'doc':
+    case 'docx':
+      return /*#__PURE__*/React.createElement(IconFont, {
+        type: "lmweb-file-word"
+      });
+
+    case 'ppt':
+    case 'pptx':
+      return /*#__PURE__*/React.createElement(IconFont, {
+        type: "lmweb-file-ppt"
+      });
+
+    case 'xls':
+    case 'xlsx':
+      return /*#__PURE__*/React.createElement(IconFont, {
+        type: "lmweb-file-excel"
+      });
+
+    case 'pdf':
+      return /*#__PURE__*/React.createElement(IconFont, {
+        type: "lmweb-file-pdf"
+      });
+
+    default:
+      return /*#__PURE__*/React.createElement(IconFont, {
+        type: "lmweb-file-text"
+      });
+  }
+}; // 图片列表项
+
+
+var PictureItem = function PictureItem(_ref) {
+  var file = _ref.file,
+      instance = _ref.instance;
+  var size = instance.size;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isError = _useState2[0],
+      setIsError = _useState2[1]; // 文件信息重组
+
+
+  var resetFile = useMemo(function () {
+    var fileExtension = file.realFileName.replace(/.*\./, '').toLowerCase();
+    return Object.assign(Object.assign({}, file), {
+      fileExtension: fileExtension
+    });
+  }, [file]); // 预览小图
+
+  var thumbUrl = useMemo(function () {
+    return "".concat(file.url, "?x-oss-process=image/resize,w_").concat(size);
+  }, [file.url, size]);
+  var isImg = useMemo(function () {
+    return ['jpg', 'jpeg', 'png', 'gif', 'bmp'].includes(resetFile.fileExtension);
+  }, [resetFile]); // 重置尺寸大小
+
+  var resetSize = useMemo(function () {
+    var width = size - 16;
+    var padding = size > 60 ? 8 : 4;
+    var fontSize = size > 60 ? 16 : 14;
+    return {
+      width: width,
+      padding: padding,
+      fontSize: fontSize
+    };
+  }, [size]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn('lm_upload_item', 'lm_upload_item_card', isError && 'error'),
+    style: {
+      height: size,
+      width: size
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item_thumb'
+  }, isError || !isImg ? renderThumb(resetFile) : /*#__PURE__*/React.createElement(Image, {
+    width: resetSize.width,
+    height: resetSize.width,
+    src: thumbUrl,
+    onError: function onError() {
+      return setIsError(true);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item_mask'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item_action'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'action_preview'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-eye",
+    style: {
+      fontSize: size > 48 ? 16 : 12
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'action_delete'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-delete",
+    style: {
+      fontSize: size > 48 ? 16 : 12
+    }
+  })))));
+};
+
+export default PictureItem;

package/es/LmUpload/UploadList/ItemText.d.ts

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

package/es/LmUpload/UploadList/ItemText.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { IconFont } from 'linkmore-design';
+
+var TextItem = function TextItem(_ref) {
+  var file = _ref.file;
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item lm_upload_item_text'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'text_left'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'prefix'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-attachment"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'lm_upload_item_name'
+  }, file.fileName)), /*#__PURE__*/React.createElement("div", {
+    className: 'text_right lm_upload_item_text_action'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'action_delete'
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-delete"
+  }))));
+};
+
+export default TextItem;

package/es/LmUpload/UploadList/RenderItem.d.ts

@@ -0,0 +1,6 @@
+export interface RenderCellProps<T = any> {
+    type?: string;
+    instance: any;
+}
+declare const RenderCell: (props: RenderCellProps) => any;
+export default RenderCell;