linkmore-design 1.0.66 → 1.0.67

package/es/LmEditTable/EditTable.js

@@ -260,7 +260,25 @@ var EditableCell = function EditableCell(props) {
 
   var _col$componentProps = col.componentProps,
       componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
-      dataIndex = col.dataIndex; // const checkCellRef = useRef(null)
+      dataIndex = col.dataIndex;
+  /** 是否正在编辑中 */
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      editing = _useState2[0],
+      setEditing = _useState2[1];
+
+  var inputRef = useRef(null);
+  var form = useContext(EditableContext);
+  useEffect(function () {
+    if (editing) {
+      inputRef.current.focus();
+    }
+  }, [editing]);
+
+  var toggleEdit = function toggleEdit() {
+    setEditing(!editing); // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
+  }; // const checkCellRef = useRef(null)
   // const focusCapturedRef = useRef(false);
   // const curValue = useMemo(() => {
   //   return record?.dataIndex
@@ -268,6 +286,7 @@ var EditableCell = function EditableCell(props) {
   // const curValueIsValid = isValidValue(curValue);
   // 校验保存
 
+
   var save = function save(row) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var values;
@@ -311,19 +330,29 @@ var EditableCell = function EditableCell(props) {
               return form.validateFields();
 
             case 10:
-              _context.next = 14;
+              if (col === null || col === void 0 ? void 0 : col.hoverEdit) {
+                toggleEdit();
+              } // // 清空异常校验
+              // setValid((old) => {
+              //   const obj = { ...old }
+              //   delete obj[record[rowKey]]
+              //   return obj
+              // })
+
+
+              _context.next = 15;
               break;
 
-            case 12:
-              _context.prev = 12;
+            case 13:
+              _context.prev = 13;
               _context.t1 = _context["catch"](0);
 
-            case 14:
+            case 15:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 12]]);
+      }, _callee, null, [[0, 13]]);
     }));
   }; // 触发保存
 
@@ -342,7 +371,6 @@ var EditableCell = function EditableCell(props) {
 
   var copyKey = function copyKey(e) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
-    console.log(rowKey, record[rowKey], 'fff');
     var dataIndex = col.dataIndex;
     handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex]);
   };
@@ -353,7 +381,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/React.createElement(Input, Object.assign({
           onPressEnter: handleFormItemChange,
           onBlur: handleFormItemChange,
-          // ref={checkCellRef}
+          ref: inputRef,
           placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps, {
           addonBefore: componentProps.addonBefore ? /*#__PURE__*/React.createElement(Form.Item, {
@@ -368,7 +396,9 @@ var EditableCell = function EditableCell(props) {
           }, /*#__PURE__*/React.cloneElement(componentProps.addonAfter, {
             onChange: handleFormItemChange
           })) : null,
-          suffix: componentProps.quickcopy ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(IconFont, {
+          suffix: componentProps.quickcopy ? /*#__PURE__*/React.createElement("span", {
+            className: 'lm_table_quickcopy'
+          }, /*#__PURE__*/React.createElement(IconFont, {
             onClick: copyKey,
             type: 'lmweb-icon_m_brush'
           })) : null
@@ -376,7 +406,8 @@ var EditableCell = function EditableCell(props) {
 
       case 'inputRange':
         return /*#__PURE__*/React.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'number':
@@ -386,7 +417,8 @@ var EditableCell = function EditableCell(props) {
           style: {
             width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
           },
-          placeholder: "\u8BF7\u8F93\u5165"
+          placeholder: "\u8BF7\u8F93\u5165",
+          ref: inputRef
         }, componentProps));
 
       case 'date':
@@ -400,7 +432,7 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          // ref={checkCellRef}
+          ref: inputRef,
           filterOption: function filterOption(input, option) {
             var _a, _b;
 
@@ -417,7 +449,7 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          // ref={checkCellRef}
+          ref: inputRef,
           filterOption: function filterOption(input, option) {
             var _a;
 
@@ -429,12 +461,14 @@ var EditableCell = function EditableCell(props) {
 
       case 'checkbox':
         return /*#__PURE__*/React.createElement(Checkbox.Group, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'radio':
         return /*#__PURE__*/React.createElement(Radio.Group, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'switch':
@@ -445,7 +479,7 @@ var EditableCell = function EditableCell(props) {
       case 'upload':
         return /*#__PURE__*/React.createElement(UploadSingle, {
           editEnum: componentProps,
-          // ref={checkCellRef}
+          ref: inputRef,
           onChange: handleFormItemChange
         });
 
@@ -454,7 +488,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/React.createElement(Opetate, Object.assign({
           record: record,
           rowKey: rowKey,
-          // ref={checkCellRef}
+          ref: inputRef,
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength
@@ -471,7 +505,8 @@ var EditableCell = function EditableCell(props) {
       default:
         return /*#__PURE__*/React.createElement(Input, Object.assign({
           onPressEnter: handleFormItemChange,
-          onBlur: handleFormItemChange
+          onBlur: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
     }
   };
@@ -480,10 +515,19 @@ var EditableCell = function EditableCell(props) {
     var editable = col.editable,
         dataIndex = col.dataIndex,
         formProps = col.formProps,
-        componentProps = col.componentProps;
+        componentProps = col.componentProps,
+        hoverEdit = col.hoverEdit;
     var childNode = children;
 
-    if (isEdit && editable) {
+    if (hoverEdit && !editing) {
+      childNode = /*#__PURE__*/React.createElement("div", {
+        className: "editable-cell-value-wrap",
+        style: {
+          minHeight: '22px'
+        },
+        onClick: toggleEdit
+      }, childNode);
+    } else if (isEdit && editable) {
       childNode = /*#__PURE__*/React.createElement(Form.Item, Object.assign({
         errorPlacement: "right",
         valuePropName: editable === 'switch' ? 'checked' : 'value',
@@ -507,9 +551,8 @@ var EditableCell = function EditableCell(props) {
     }
 
     return childNode;
-  }, [col, isEdit]); // const [childNode, setChildNode] = useState(getMemoChildNode);
-
-  var form = useContext(EditableContext); // 出现死循环找我
+  }, [col, isEdit, editing]); // const [childNode, setChildNode] = useState(getMemoChildNode);
+  // 出现死循环找我
 
   useEffect(function () {
     var editable = col.editable,
@@ -582,26 +625,26 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       size = _props$size === void 0 ? 'small' : _props$size,
       resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size"]);
 
-  var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      dataSource = _useState2[0],
-      setDataSource = _useState2[1]; // const [count, setCount] = useState(0);
-
-
-  var _useState3 = useState({}),
+  var _useState3 = useState([]),
       _useState4 = _slicedToArray(_useState3, 2),
-      _valid = _useState4[0],
-      setValid = _useState4[1];
+      dataSource = _useState4[0],
+      setDataSource = _useState4[1]; // const [count, setCount] = useState(0);
 
-  var _useState5 = useState([]),
+
+  var _useState5 = useState({}),
       _useState6 = _slicedToArray(_useState5, 2),
-      localRowSelectList = _useState6[0],
-      setLocalRowSelectList = _useState6[1];
+      _valid = _useState6[0],
+      setValid = _useState6[1];
 
   var _useState7 = useState([]),
       _useState8 = _slicedToArray(_useState7, 2),
-      sortEditTable = _useState8[0],
-      setCallBackFalg = _useState8[1];
+      localRowSelectList = _useState8[0],
+      setLocalRowSelectList = _useState8[1];
+
+  var _useState9 = useState([]),
+      _useState10 = _slicedToArray(_useState9, 2),
+      sortEditTable = _useState10[0],
+      setCallBackFalg = _useState10[1];
 
   var dataSourceRef = useRef([]);
   var sortDataSorceRef = useRef([]);
@@ -910,9 +953,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
       return Object.assign(Object.assign({}, col), {
         shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
+          var _a;
+
           var dataIndex = col.dataIndex;
 
-          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex)) {
+          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options)) {
             return true;
           }
 
@@ -1089,8 +1134,8 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     style: {
       marginTop: 8
     }
-  }, /*#__PURE__*/React.createElement(PlusCircleOutlined, {
-    className: "lmweb-plus"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-plus"
   }), "\u65B0\u589E"));
 });
 export default /*#__PURE__*/memo(EditTable);

package/es/LmEditTable/style/index.css

@@ -512,6 +512,9 @@ html {
   line-height: 1;
   gap: 8px;
 }
+.lm_editTable_warpper .ant-table-cell {
+  border-right: 0px !important;
+}
 .lm_editTable_warpper .ant-table-cell:empty::before {
   content: '-';
 }
@@ -547,6 +550,9 @@ html {
 .lm_editTable_warpper .ant-form-item-explain-error {
   font-size: 12px;
 }
+.lm_editTable_warpper .lm_table_quickcopy .anticon {
+  color: var(--text-color);
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/es/LmFilter/LmFilter.js

@@ -39,6 +39,8 @@ var LmFilter = function LmFilter(_ref, ref) {
     // 是否启用高级筛选
     enableCustom: false,
     // 是否启用自定义筛选
+    enableClear: true,
+    // 是否展示一件清空
     size: 'middle',
     // 尺寸
     searchKey: 'search',

package/es/LmFilter/filterFns/index.js

@@ -379,10 +379,11 @@ var useCoreOptions = function useCoreOptions(_ref) {
         type: item.type,
         value: Array.isArray(itemValue) ? itemValue : [itemValue],
         operator: item.operator || 'equal'
-      }));
+      })); // 数据清楚时不返回结构体
 
       if (!(0, _utils.getIsHas)(itemValue)) {
         delete basicFilter[field];
+        delete basicQuery[field];
       }
 
       ; // 触发外部事件

package/es/LmFilter/wrapper/Filter.js

@@ -22,7 +22,8 @@ var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var enableBaisc = instance.enableBaisc,
       enableComplex = instance.enableComplex,
-      enableCustom = instance.enableCustom;
+      enableCustom = instance.enableCustom,
+      enableClear = instance.enableClear;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_filter"
   }, enableCustom && /*#__PURE__*/_react.default.createElement(_customFilter.default, {
@@ -31,7 +32,7 @@ var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
     instance: instance
   }), enableComplex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, {
     instance: instance
-  }), /*#__PURE__*/_react.default.createElement(_clearFilter.default, {
+  }), enableClear && /*#__PURE__*/_react.default.createElement(_clearFilter.default, {
     instance: instance
   }));
 });

package/es/LmSelect/NormalSelect.js

@@ -45,7 +45,7 @@ var NormalSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       showSearch = props.showSearch,
       others = __rest(props, ["children", "className", "dropdownClassName", "type", "options", "showSearch"]);
 
-  var _React$useState = React.useState([]),
+  var _React$useState = React.useState(others.defaultValue || []),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       checkedValues = _React$useState2[0],
       setCheckedValues = _React$useState2[1];
@@ -64,6 +64,10 @@ var NormalSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
     setCheckedValues(v);
     (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v, renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.filter(function (item) {
+      if (typeof v === 'boolean') {
+        return v === item.value;
+      }
+
       return v === null || v === void 0 ? void 0 : v.includes(item.value);
     }));
   });

package/es/LmSelect/style/index.css

@@ -704,7 +704,8 @@ html {
   transition: 0.3s;
   opacity: 0;
 }
-.select_dropdown .filter_body .filter_item[disabled] {
+.select_dropdown .filter_body .filter_item[disabled],
+.select_dropdown .filter_body .filter_item.disabled {
   display: none;
 }
 .select_dropdown .filter_body .filter_item.checked {

package/es/LmSelect/useCheckboxOptions.js

@@ -113,7 +113,8 @@ export var useCheckboxOptions = function useCheckboxOptions(options, _ref) {
 
     return /*#__PURE__*/React.createElement("div", Object.assign({}, resetProps, {
       className: classNames('filter_item', {
-        checked: checkedValues.includes(item.value)
+        checked: checkedValues.includes(item.value),
+        disabled: item.disabled
       }),
       onClick: function onClick(e) {
         return onChange(e, item);

package/es/LmTable/Table.js

@@ -39,8 +39,6 @@ var _reactResizable = require("react-resizable");
 
 var _reactSortableHoc = require("react-sortable-hoc");
 
-var _empty = _interopRequireDefault(require("./assets/empty.png"));
-
 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"],
@@ -53,7 +51,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'
     }
   });
@@ -97,7 +95,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;
 
@@ -439,13 +436,25 @@ 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);
+      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;

package/es/LmUpload/LmUpload.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

package/es/LmUpload/LmUpload.js

@@ -0,0 +1,34 @@
+import React, { useRef, forwardRef } from 'react';
+import LmFilterRoot from './wrapper/UploadRoot';
+
+var LmUpload = function LmUpload(props, ref) {
+  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);
+      }
+    },
+    ossConfig: {} // defaultConfig: {
+    //   label: '上传',
+    // },
+
+  };
+  return /*#__PURE__*/React.createElement(LmFilterRoot, Object.assign({
+    ref: ref || defaultRef
+  }, defaultProps, props));
+};
+
+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,69 @@
+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 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 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 ? /*#__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.fileName)) : /*#__PURE__*/React.createElement(Image, {
+    width: resetSize.width,
+    height: resetSize.width,
+    src: file.url,
+    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;

package/es/LmUpload/UploadList/RenderItem.js

@@ -0,0 +1,31 @@
+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 TextItem from './ItemText';
+import PictureItem from './ItemPicture';
+import PictureCardItem from './ItemPictureCard';
+import { render } from '../utils';
+
+var RenderCell = function RenderCell(props) {
+  var type = props.type,
+      resetProsp = __rest(props, ["type"]);
+
+  var types = {
+    'text': TextItem,
+    'picture': PictureItem,
+    'card': PictureCardItem
+  };
+  return render(types[type] || PictureItem, resetProsp);
+};
+
+export default RenderCell;

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

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