linkmore-design 1.1.8 → 1.1.9

package/es/Form/FormItem/index.d.ts

@@ -1,5 +1,6 @@
 import type { FormInstance } from 'rc-field-form';
 import type { FieldProps } from 'rc-field-form/lib/Field';
+import type { Rule } from 'rc-field-form/lib/interface';
 import * as React from 'react';
 import useFormItemStatus from '../hooks/useFormItemStatus';
 import type { FormItemInputProps } from '../FormItemInput';
@@ -9,7 +10,10 @@ export declare type ValidateStatus = typeof ValidateStatuses[number];
 declare type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
 declare type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
 declare type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
-export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> {
+export declare type LmRule = Rule & {
+    time?: number;
+};
+export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, Omit<RcFieldProps<Values>, 'rules'> {
     prefixCls?: string;
     noStyle?: boolean;
     style?: React.CSSProperties;
@@ -25,6 +29,8 @@ export interface FormItemProps<Values = any> extends FormItemLabelProps, FormIte
     tooltip?: LabelTooltipType;
     /** @deprecated No need anymore */
     fieldKey?: React.Key | React.Key[];
+    /** 变更 */
+    rules?: LmRule[];
     errorPlacement?: string;
     responsive?: boolean;
 }

package/es/Form/FormItem/index.js

@@ -1,11 +1,12 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import { Field, FieldContext, ListContext } from 'rc-field-form';
 import useState from 'rc-util/lib/hooks/useState';
 import { supportRef } from 'rc-util/lib/ref';
 import * as React from 'react';
-import { useContext } from 'react';
+import { useContext, useEffect, useRef } from 'react';
 import useFormItemStatus from '../hooks/useFormItemStatus';
 import { ConfigContext } from '../../ConfigProvider';
 import { cloneElement, isValidElement } from '../../_util/reactNode';
@@ -43,6 +44,31 @@ function genEmptyMeta() {
   };
 }
 
+function getRuleTime(rules) {
+  if (!rules) {
+    return 0;
+  }
+
+  var _iterator = _createForOfIteratorHelper(rules),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var rule = _step.value;
+
+      if (rule && _typeof(rule) === 'object' && rule.time) {
+        return rule.time;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return 0;
+}
+
 function InternalFormItem(props) {
   var name = props.name,
       noStyle = props.noStyle,
@@ -58,6 +84,17 @@ function InternalFormItem(props) {
       trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
       validateTrigger = props.validateTrigger,
       hidden = props.hidden;
+  var timerRef = useRef(null);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      mergedErrors = _useState2[0],
+      setMergedErrors = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      mergedWarnings = _useState4[0],
+      setMergedWarnings = _useState4[1];
 
   var _useContext = useContext(ConfigContext),
       getPrefixCls = _useContext.getPrefixCls;
@@ -86,12 +123,12 @@ function InternalFormItem(props) {
       setSubFieldErrors = _useFrameState2[1]; // >>>>> Current field errors
 
 
-  var _useState = useState(function () {
+  var _useState5 = useState(function () {
     return genEmptyMeta();
   }),
-      _useState2 = _slicedToArray(_useState, 2),
-      meta = _useState2[0],
-      setMeta = _useState2[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      meta = _useState6[0],
+      setMeta = _useState6[1];
 
   var onMetaChange = function onMetaChange(nextMeta) {
     // This keyInfo is not correct when field is removed
@@ -144,7 +181,7 @@ function InternalFormItem(props) {
   }; // >>>>> Get merged errors
 
 
-  var _React$useMemo = React.useMemo(function () {
+  useEffect(function () {
     var errorList = _toConsumableArray(meta.errors);
 
     var warningList = _toConsumableArray(meta.warnings);
@@ -153,12 +190,18 @@ function InternalFormItem(props) {
       errorList.push.apply(errorList, _toConsumableArray(subFieldError.errors || []));
       warningList.push.apply(warningList, _toConsumableArray(subFieldError.warnings || []));
     });
-    return [errorList, warningList];
-  }, [subFieldErrors, meta.errors, meta.warnings]),
-      _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
-      mergedErrors = _React$useMemo2[0],
-      mergedWarnings = _React$useMemo2[1]; // ===================== Children Ref =====================
-
+    setMergedErrors(errorList);
+    setMergedWarnings(warningList);
+    var time = getRuleTime(rules);
+
+    if (time) {
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(function () {
+        setMergedErrors([]);
+        setMergedWarnings([]);
+      }, time);
+    }
+  }, [subFieldErrors, meta.errors, meta.warnings]); // ===================== Children Ref =====================
 
   var getItemRef = useItemRef(); // ======================== Render ========================
 

package/es/LmEditTable/EditTable.js

@@ -735,13 +735,15 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   var onColSortEnd = function onColSortEnd(active, over) {
+    var _a;
+
     var oldIndex = columns.findIndex(function (item) {
       return item.dataIndex === active;
     });
     var newIndex = columns.findIndex(function (item) {
       return item.dataIndex === over;
     });
-    filterChange === null || filterChange === void 0 ? void 0 : filterChange(arrayMove(columns, oldIndex, newIndex).map(function (item, index) {
+    filterChange === null || filterChange === void 0 ? void 0 : filterChange((_a = arrayMove(columns, oldIndex, newIndex)) === null || _a === void 0 ? void 0 : _a.map(function (item, index) {
       return Object.assign(Object.assign({}, item), {
         order: index
       });
@@ -775,7 +777,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     dataSourceRef.current = dataSource;
 
     if (sortOpen) {
-      var dataSourceKeys = dataSource.map(function (item) {
+      var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
         return item[_rowKey];
       }).join(',');
       var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
@@ -819,12 +821,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
         if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
           var deeps = function deeps(children) {
-            children.forEach(function (item) {
+            children === null || children === void 0 ? void 0 : children.forEach(function (item) {
               var _a;
 
               if (preKeys.includes(item[_rowKey])) {
                 if (item[_rowKey] === row[_rowKey]) {
-                  children.forEach(function (c) {
+                  children === null || children === void 0 ? void 0 : children.forEach(function (c) {
                     c[key] = value;
                   });
                   (_a = Object.keys(item)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
@@ -839,7 +841,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
           deeps(draft);
         } else {
-          draft.forEach(function (item, index) {
+          draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
             if (row[_rowKey] === item[_rowKey]) {
               draft[index] = row;
             } else {
@@ -850,7 +852,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       } else {
         if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
           var _deeps = function _deeps(children) {
-            children.forEach(function (item) {
+            children === null || children === void 0 ? void 0 : children.forEach(function (item) {
               var _a;
 
               if (preKeys.includes(item[_rowKey])) {
@@ -887,7 +889,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
     setDataSource(function (prevDataSource) {
-      return prevDataSource.map(function (item) {
+      return prevDataSource === null || prevDataSource === void 0 ? void 0 : prevDataSource.map(function (item) {
         if (get(item, rowKey) === rowValue) {
           set(item, dataIndex, nextValue);
         }
@@ -906,10 +908,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     if (preKeys.length > 1) {
       /** 说明删除的是children中的数据 */
       var filter = function filter(data, key) {
-        var newData = data.filter(function (x) {
+        var newData = data === null || data === void 0 ? void 0 : data.filter(function (x) {
           return x[_rowKey] !== key;
         });
-        newData.forEach(function (x) {
+        newData === null || newData === void 0 ? void 0 : newData.forEach(function (x) {
           if (x.children) {
             var c = filter(x.children, key);
             x.children = c;
@@ -957,13 +959,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleTableRowAdd = function handleTableRowAdd(record) {
     var _a, _b;
 
-    console.log(record, '-rrrrr');
     var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = produce(dataSourceRef.current, function (draft) {
       if (preKeys.length > 1) {
         var deeps = function deeps(children) {
-          children.forEach(function (item, index) {
-            if (preKeys.includes(item[_rowKey])) {
+          children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
+            if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
               if (item[_rowKey] === record[_rowKey]) {
                 children.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
               } else if (item.children) {
@@ -994,7 +995,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var handleCopy = function handleCopy(key, value) {
     var res = produce(dataSourceRef.current, function (draft) {
-      draft.forEach(function (item) {
+      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
         return item[key] = value;
       });
     });
@@ -1016,7 +1017,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     });
 
     if (hasOnlyOptionsDatas.length) {
-      return hasOnlyOptionsDatas.map(function (item) {
+      return hasOnlyOptionsDatas === null || hasOnlyOptionsDatas === void 0 ? void 0 : hasOnlyOptionsDatas.map(function (item) {
         return item.dataIndex;
       });
     }
@@ -1033,10 +1034,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
-        var dataIndexData = dataSource.map(function (d) {
+        var dataIndexData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (d) {
           return d[dataIndex];
         });
-        var newOptions = options.map(function (o) {
+        var newOptions = options === null || options === void 0 ? void 0 : options.map(function (o) {
           return Object.assign(Object.assign({}, o), {
             disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
           });
@@ -1092,7 +1093,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     var leftColumns = [];
     var mainColumns = [];
     var rightColumns = [];
-    localColumns.forEach(function (item) {
+    localColumns === null || localColumns === void 0 ? void 0 : localColumns.forEach(function (item) {
       if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left') {
         leftColumns.push(item);
       } else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
@@ -1105,7 +1106,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     /** 为了支持colums中的分组之后，进行递归处理 */
 
     var mapColumns = function mapColumns(col, index) {
-      var _a;
+      var _a, _b;
 
       if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length)) {
         return col;
@@ -1154,7 +1155,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       });
 
       if (col === null || col === void 0 ? void 0 : col.children) {
-        newCol.children = col.children.map(mapColumns);
+        newCol.children = (_b = col.children) === null || _b === void 0 ? void 0 : _b.map(mapColumns);
       }
 
       return newCol;
@@ -1179,9 +1180,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     }, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
   }, [sortEditTable]);
   var colDraggableContainer = useCallback(function (_a) {
+    var _b;
+
     var props = __rest(_a, []);
 
-    return /*#__PURE__*/React.createElement("tr", null, React.Children.map(props.children, function (child) {
+    return /*#__PURE__*/React.createElement("tr", null, (_b = React.Children) === null || _b === void 0 ? void 0 : _b.map(props.children, function (child) {
       var _a, _b;
 
       if ((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.fixed) {
@@ -1322,7 +1325,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       fixed: true,
       type: 'checkbox',
       columnWidth: 36,
-      selectedRowKeys: localRowSelectList.map(function (v) {
+      selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
         return v[_rowKey];
       }),
       onChange: function onChange(selectedRowKeys, selectedRows) {

package/es/LmEditTable/util.js

@@ -9,13 +9,13 @@ export function deepDataSourcePreKeys(dataSource, rowKey) {
   var deepDataSource = [];
 
   var eachChildren = function eachChildren(children, preKeys) {
-    children.forEach(function (item) {
+    children === null || children === void 0 ? void 0 : children.forEach(function (item) {
       deepDataSource.push(Object.assign(Object.assign({}, item), {
-        preKeys: [].concat(_toConsumableArray(preKeys), [item[rowKey]])
+        preKeys: [].concat(_toConsumableArray(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])
       }));
 
-      if (item.children) {
-        eachChildren(item.children, [].concat(_toConsumableArray(preKeys), [item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
+      if (item === null || item === void 0 ? void 0 : item.children) {
+        eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat(_toConsumableArray(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
       }
     });
   };

package/es/LmTable/Table.js

@@ -310,7 +310,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var source = [];
 
     var deepChildren = function deepChildren(arr) {
-      arr.forEach(function (item) {
+      arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
         source.push((0, _lodash.omit)(item, 'children')); // 展开
 
         if ((item === null || item === void 0 ? void 0 : item.children) && expandedRowKeys.includes(item.key)) {
@@ -327,7 +327,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var source = [];
 
     var deepChildren = function deepChildren(arr) {
-      arr.forEach(function (item) {
+      arr === null || arr === void 0 ? void 0 : arr.forEach(function (item) {
         if (item.children && item.children.length) {
           deepChildren(item.children);
         } else {
@@ -758,6 +758,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var _shellStatusRef$curre11;
 
     if (isEmpty((_shellStatusRef$curre11 = shellStatusRef.current) === null || _shellStatusRef$curre11 === void 0 ? void 0 : _shellStatusRef$curre11.editing)) {
+      var _pasteData;
+
       var _shellStatusRef$curre12 = shellStatusRef.current,
           start = _shellStatusRef$curre12.start,
           end = _shellStatusRef$curre12.end;
@@ -781,8 +783,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
 
       var resultEnd = [];
-      pasteData.forEach(function (row, i) {
-        row.forEach(function (value, j) {
+      (_pasteData = pasteData) === null || _pasteData === void 0 ? void 0 : _pasteData.forEach(function (row, i) {
+        row === null || row === void 0 ? void 0 : row.forEach(function (value, j) {
           resultEnd.push({
             i: start.i + i,
             j: start.j + j,
@@ -791,7 +793,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         });
       });
       var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
-        resultEnd.forEach(function (item) {
+        resultEnd === null || resultEnd === void 0 ? void 0 : resultEnd.forEach(function (item) {
           var _isSelected2;
 
           if ((_isSelected2 = isSelected(item.i, item.j)) === null || _isSelected2 === void 0 ? void 0 : _isSelected2.isSelected) {
@@ -994,7 +996,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var colIndex = 0;
 
     var traverseColumns = function traverseColumns(columns) {
-      columns.forEach(function (col) {
+      columns === null || columns === void 0 ? void 0 : columns.forEach(function (col) {
         if (col.show === false) {
           return;
         }

package/es/LmTable/util.js

@@ -50,10 +50,12 @@ exports.range = range;
 
 function dataGroup(data, key) {
   var result = {};
-  data.forEach(function (item) {
+  data === null || data === void 0 ? void 0 : data.forEach(function (item) {
     if (item.children) {
+      var _Object$keys;
+
       var temp = dataGroup(item.children, key);
-      Object.keys(temp).forEach(function (k) {
+      (_Object$keys = Object.keys(temp)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.forEach(function (k) {
         if (!result[k]) result[k] = [];
         result[k] = result[k].concat(temp[k]);
       });
@@ -100,7 +102,7 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
       // 表头数据的生成，生成新的 dataIndex 值
       // dataIndex最后的i：筛选的值相同需要加索引
       var handledColumns = [];
-      source.forEach(function (souItem, i) {
+      source === null || source === void 0 ? void 0 : source.forEach(function (souItem, i) {
         handledColumns = handledColumns.concat(columns.filter(function (c) {
           // 过滤掉（表头操作） 使用列分组作为key的项
           return groupColKeysCopy.indexOf(c.dataIndex) === -1;
@@ -143,9 +145,11 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
 
         return [].concat((0, _toConsumableArray2.default)(prev), [sItem]);
       } else {
+        var _Object$keys2;
+
         var str = ''; // 根据筛选条件生成对应的前缀key值，比如[name, age] => 'name_xiaoming_age_18'
 
-        groupColKeysCopy.forEach(function (dataIndex, i) {
+        groupColKeysCopy === null || groupColKeysCopy === void 0 ? void 0 : groupColKeysCopy.forEach(function (dataIndex, i) {
           if (i !== 0) {
             str += '_';
           }
@@ -153,7 +157,7 @@ function transformWithColGroup(columns, dataSource, groupColKeys) {
           str += "".concat(dataIndex, "_").concat(sItem[dataIndex]);
         }); // 对dataSource的key值进行更改：例如：'name' => 'name_xiaoming_age_18_address'
 
-        Object.keys(sItem).forEach(function (key) {
+        (_Object$keys2 = Object.keys(sItem)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.forEach(function (key) {
           if (key === '__index') {
             return;
           }

package/es/LmUpload/LmUpload.js

@@ -86,6 +86,7 @@ var LmUpload = function LmUpload(_a, ref) {
     maxCount: null,
     children: null,
     itemRender: null,
+    enabledPreview: true,
     enabledCrop: false,
     enabledOss: false,
     // oss配置

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

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

package/es/LmUpload/UploadList/ItemPictureCard.js

@@ -63,8 +63,10 @@ var renderThumb = function renderThumb(file) {
 
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
+      index = _ref.index,
       instance = _ref.instance;
-  var readOnly = instance.readOnly,
+  var dispatch = instance.dispatch,
+      readOnly = instance.readOnly,
       size = instance.size,
       remove = instance.remove,
       preview = instance.preview,
@@ -107,6 +109,18 @@ var PictureItem = function PictureItem(_ref) {
       fontSize: fontSize
     };
   }, [size]);
+
+  var handlePreview = function handlePreview() {
+    preview === null || preview === void 0 ? void 0 : preview(file);
+    dispatch({
+      type: 'changePreview',
+      preview: {
+        visible: true,
+        index: index
+      }
+    });
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: cn('lm_upload_item', 'lm_upload_item_card', isError && 'lm_upload_item_error'),
     style: {
@@ -128,9 +142,7 @@ var PictureItem = function PictureItem(_ref) {
     className: "lm_upload_item_action"
   }, /*#__PURE__*/React.createElement("div", {
     className: "action_preview",
-    onClick: function onClick() {
-      return preview(file);
-    }
+    onClick: handlePreview
   }, /*#__PURE__*/React.createElement(IconFont, {
     type: "lmweb-eye",
     style: {

package/es/LmUpload/UploadList/index.js

@@ -1,25 +1,29 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import { render } from '../utils';
 import RenderItem from './RenderItem';
 
 var LmUploadList = function LmUploadList(_ref) {
   var instance = _ref.instance;
-
-  var _a, _b;
-
   var getFileHasValue = instance.getFileHasValue,
       getFileList = instance.getFileList,
       itemRender = instance.itemRender,
       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 || _b === void 0 ? void 0 : _b.map(function (file, idx) {
+  var fileList = useMemo(function () {
+    var _a;
+
+    return (_a = getFileList()) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
+      return a.seq - b.seq;
+    });
+  }, [getFileList]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, fileList === null || fileList === void 0 ? void 0 : fileList.map(function (file, idx) {
     return render(itemRender || RenderItem, {
       type: listType,
       key: getFileHasValue(file) || idx,
+      index: idx,
       file: file,
+      fileList: fileList,
       instance: instance
     });
   }));

package/es/LmUpload/components/Preview.d.ts

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

package/es/LmUpload/components/Preview.js

@@ -0,0 +1,43 @@
+import React, { useMemo } from 'react';
+import { ImageViewer } from 'linkmore-design';
+
+var Preview = function Preview(_ref) {
+  var instance = _ref.instance;
+  var enabledPreview = instance.enabledPreview,
+      state = instance.state,
+      dispatch = instance.dispatch,
+      getFileList = instance.getFileList;
+  if (!enabledPreview) return null; // 与展示顺序保持一致
+
+  var fileList = useMemo(function () {
+    var _a;
+
+    return (_a = getFileList()) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
+      return a.seq - b.seq;
+    });
+  }, [getFileList]);
+  var config = useMemo(function () {
+    var _state$preview = state.preview,
+        index = _state$preview.index,
+        visible = _state$preview.visible;
+    return {
+      urlList: fileList === null || fileList === void 0 ? void 0 : fileList.map(function (_ref2) {
+        var url = _ref2.url;
+        return url;
+      }),
+      initialIndex: index,
+      visible: visible,
+      close: function close() {
+        dispatch({
+          type: 'changePreview',
+          preview: {
+            visible: false
+          }
+        });
+      }
+    };
+  }, [fileList, state.preview]);
+  return /*#__PURE__*/React.createElement(ImageViewer, Object.assign({}, config));
+};
+
+export default /*#__PURE__*/React.memo(Preview);

package/es/LmUpload/wrapper/UploadWrapper.js

@@ -3,6 +3,7 @@ import React from 'react';
 import LmUploadContainer from './UploadContainer';
 import LmUploadView from '../view';
 import Crop from '../components/Crop';
+import Preview from '../components/Preview';
 
 var LmUploadWrapper = function LmUploadWrapper(_ref) {
   var instance = _ref.instance;
@@ -14,6 +15,8 @@ var LmUploadWrapper = function LmUploadWrapper(_ref) {
     instance: instance
   }), /*#__PURE__*/React.createElement(Crop, {
     instance: instance
+  }), /*#__PURE__*/React.createElement(Preview, {
+    instance: instance
   }));
 };
 

package/es/LmUpload/wrapper/reducer.d.ts

@@ -5,5 +5,9 @@ export declare const initialState: (props: any) => {
     status: string;
     fileList: any;
     cropFile: any;
+    preview: {
+        index: number;
+        visible: boolean;
+    };
 };
 export default reducer;

package/es/LmUpload/wrapper/reducer.js

@@ -2,7 +2,8 @@
 export var reducer = function reducer(state, action) {
   var fileList = action.fileList,
       percent = action.percent,
-      cropFile = action.cropFile;
+      cropFile = action.cropFile,
+      preview = action.preview;
 
   switch (action.type) {
     case 'changeFileList':
@@ -20,6 +21,11 @@ export var reducer = function reducer(state, action) {
         cropFile: cropFile
       });
 
+    case 'changePreview':
+      return Object.assign(Object.assign({}, state), {
+        preview: Object.assign(Object.assign({}, state.preview), preview)
+      });
+
     default:
       throw new Error();
   }
@@ -33,8 +39,11 @@ export var initialState = function initialState(props) {
     process: 0,
     status: 'done',
     fileList: defaultFileList,
-    cropFile: null // 需要裁剪的图片
-
+    cropFile: null,
+    preview: {
+      index: 0,
+      visible: false
+    }
   };
 };
 export default reducer;