linkmore-design 1.0.66 → 1.0.67

package/lib/LmEditTable/EditTable.js

@@ -289,7 +289,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 = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      editing = _useState2[0],
+      setEditing = _useState2[1];
+
+  var inputRef = (0, _react.useRef)(null);
+  var form = (0, _react.useContext)(EditableContext);
+  (0, _react.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
@@ -297,6 +315,7 @@ var EditableCell = function EditableCell(props) {
   // const curValueIsValid = isValidValue(curValue);
   // 校验保存
 
+
   var save = function save(row) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var values;
@@ -340,19 +359,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]]);
     }));
   }; // 触发保存
 
@@ -371,7 +400,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]);
   };
@@ -382,7 +410,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
           onBlur: handleFormItemChange,
-          // ref={checkCellRef}
+          ref: inputRef,
           placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps, {
           addonBefore: componentProps.addonBefore ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
@@ -397,7 +425,9 @@ var EditableCell = function EditableCell(props) {
           }, /*#__PURE__*/_react.default.cloneElement(componentProps.addonAfter, {
             onChange: handleFormItemChange
           })) : null,
-          suffix: componentProps.quickcopy ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+          suffix: componentProps.quickcopy ? /*#__PURE__*/_react.default.createElement("span", {
+            className: 'lm_table_quickcopy'
+          }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
             onClick: copyKey,
             type: 'lmweb-icon_m_brush'
           })) : null
@@ -405,7 +435,8 @@ var EditableCell = function EditableCell(props) {
 
       case 'inputRange':
         return /*#__PURE__*/_react.default.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'number':
@@ -415,7 +446,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':
@@ -429,7 +461,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;
 
@@ -446,7 +478,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;
 
@@ -458,12 +490,14 @@ var EditableCell = function EditableCell(props) {
 
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'radio':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'switch':
@@ -474,7 +508,7 @@ var EditableCell = function EditableCell(props) {
       case 'upload':
         return /*#__PURE__*/_react.default.createElement(UploadSingle, {
           editEnum: componentProps,
-          // ref={checkCellRef}
+          ref: inputRef,
           onChange: handleFormItemChange
         });
 
@@ -483,7 +517,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(Opetate, Object.assign({
           record: record,
           rowKey: rowKey,
-          // ref={checkCellRef}
+          ref: inputRef,
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength
@@ -500,7 +534,8 @@ var EditableCell = function EditableCell(props) {
       default:
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
-          onBlur: handleFormItemChange
+          onBlur: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
     }
   };
@@ -509,10 +544,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.default.createElement("div", {
+        className: "editable-cell-value-wrap",
+        style: {
+          minHeight: '22px'
+        },
+        onClick: toggleEdit
+      }, childNode);
+    } else if (isEdit && editable) {
       childNode = /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
         errorPlacement: "right",
         valuePropName: editable === 'switch' ? 'checked' : 'value',
@@ -536,9 +580,8 @@ var EditableCell = function EditableCell(props) {
     }
 
     return childNode;
-  }, [col, isEdit]); // const [childNode, setChildNode] = useState(getMemoChildNode);
-
-  var form = (0, _react.useContext)(EditableContext); // 出现死循环找我
+  }, [col, isEdit, editing]); // const [childNode, setChildNode] = useState(getMemoChildNode);
+  // 出现死循环找我
 
   (0, _react.useEffect)(function () {
     var editable = col.editable,
@@ -611,26 +654,26 @@ var EditTable = /*#__PURE__*/(0, _react.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 = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dataSource = _useState2[0],
-      setDataSource = _useState2[1]; // const [count, setCount] = useState(0);
-
-
-  var _useState3 = (0, _react.useState)({}),
+  var _useState3 = (0, _react.useState)([]),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      _valid = _useState4[0],
-      setValid = _useState4[1];
+      dataSource = _useState4[0],
+      setDataSource = _useState4[1]; // const [count, setCount] = useState(0);
 
-  var _useState5 = (0, _react.useState)([]),
+
+  var _useState5 = (0, _react.useState)({}),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      localRowSelectList = _useState6[0],
-      setLocalRowSelectList = _useState6[1];
+      _valid = _useState6[0],
+      setValid = _useState6[1];
 
   var _useState7 = (0, _react.useState)([]),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      sortEditTable = _useState8[0],
-      setCallBackFalg = _useState8[1];
+      localRowSelectList = _useState8[0],
+      setLocalRowSelectList = _useState8[1];
+
+  var _useState9 = (0, _react.useState)([]),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      sortEditTable = _useState10[0],
+      setCallBackFalg = _useState10[1];
 
   var dataSourceRef = (0, _react.useRef)([]);
   var sortDataSorceRef = (0, _react.useRef)([]);
@@ -938,9 +981,11 @@ var EditTable = /*#__PURE__*/(0, _react.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;
           }
 
@@ -1117,8 +1162,8 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     style: {
       marginTop: 8
     }
-  }, /*#__PURE__*/_react.default.createElement(_icons.PlusCircleOutlined, {
-    className: "lmweb-plus"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-plus"
   }), "\u65B0\u589E"));
 });
 

package/lib/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/lib/LmFilter/LmFilter.js

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

package/lib/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/lib/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/lib/LmSelect/NormalSelect.js

@@ -63,7 +63,7 @@ var NormalSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       showSearch = props.showSearch,
       others = __rest(props, ["children", "className", "dropdownClassName", "type", "options", "showSearch"]);
 
-  var _React$useState = _react.default.useState([]),
+  var _React$useState = _react.default.useState(others.defaultValue || []),
       _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       checkedValues = _React$useState2[0],
       setCheckedValues = _React$useState2[1];
@@ -82,6 +82,10 @@ var NormalSelect = /*#__PURE__*/(0, _react.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/lib/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/lib/LmSelect/useCheckboxOptions.js

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

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

@@ -0,0 +1,48 @@
+"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 = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _UploadRoot = _interopRequireDefault(require("./wrapper/UploadRoot"));
+
+var LmUpload = function LmUpload(props, ref) {
+  var defaultRef = (0, _react.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.default.createElement(_react.default.Fragment, null, upload, fileList);
+      }
+    },
+    ossConfig: {} // defaultConfig: {
+    //   label: '上传',
+    // },
+
+  };
+  return /*#__PURE__*/_react.default.createElement(_UploadRoot.default, Object.assign({
+    ref: ref || defaultRef
+  }, defaultProps, props));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmUpload);
+
+exports.default = _default;

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

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

package/lib/LmUpload/UploadList/ItemPicture.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("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(_linkmoreDesign.IconFont, {
+    type: "lmweb-delete"
+  }))));
+};
+
+var _default = PictureItem;
+exports.default = _default;

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

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

package/lib/LmUpload/UploadList/ItemPictureCard.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+// 图片列表项
+var PictureItem = function PictureItem(_ref) {
+  var file = _ref.file,
+      instance = _ref.instance;
+  var size = instance.size;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isError = _useState2[0],
+      setIsError = _useState2[1]; // 重置尺寸大小
+
+
+  var resetSize = (0, _react.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.default.createElement("div", {
+    className: (0, _classnames.default)('lm_upload_item', 'lm_upload_item_card', isError && 'error'),
+    style: {
+      height: size,
+      width: size
+    }
+  }, /*#__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, {
+    width: resetSize.width,
+    height: resetSize.width,
+    src: file.url,
+    onError: function onError() {
+      return setIsError(true);
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'lm_upload_item_mask'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'lm_upload_item_action'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'action_preview'
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-eye",
+    style: {
+      fontSize: size > 48 ? 16 : 12
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'action_delete'
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-delete",
+    style: {
+      fontSize: size > 48 ? 16 : 12
+    }
+  })))));
+};
+
+var _default = PictureItem;
+exports.default = _default;

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

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

package/lib/LmUpload/UploadList/ItemText.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("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(_linkmoreDesign.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(_linkmoreDesign.IconFont, {
+    type: "lmweb-delete"
+  }))));
+};
+
+var _default = TextItem;
+exports.default = _default;