linkmore-design 1.1.13-alpha.3 → 1.1.13-alpha.5

package/lib/LmDrag/components/sortableItem.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var SortableItem = function SortableItem(_ref) {
+  var index = _ref.index,
+      item = _ref.item,
+      instance = _ref.instance;
+  var children = instance.children,
+      rowKey = instance.rowKey;
+
+  var _useSortable = (0, _sortable.useSortable)({
+    id: item[rowKey] || index,
+    data: {
+      item: item
+    }
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var resetStyle = (0, _react.useMemo)(function () {
+    return {
+      transform: _utilities.CSS.Transform.toString(transform),
+      transition: transition
+    };
+  }, [transform, transition]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    className: "lm_drag_item",
+    ref: setNodeRef,
+    style: resetStyle
+  }, attributes), children === null || children === void 0 ? void 0 : children({
+    item: item,
+    listeners: listeners,
+    index: index
+  })));
+};
+
+var _default = /*#__PURE__*/_react.default.memo(SortableItem);
+
+exports.default = _default;

package/lib/LmDrag/index.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import LmDrag from './LmDrag';
+export default LmDrag;
+export { LmDrag };
+export interface LmDragProps {
+    options?: Array<any>;
+    rowKey: string;
+    move?: (activeId: string, overId: string, fileList: Array<any>) => void;
+    children?: ReactNode | React.FC | null;
+}

package/lib/LmDrag/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LmDrag", {
+  enumerable: true,
+  get: function get() {
+    return _LmDrag.default;
+  }
+});
+exports.default = void 0;
+
+var _LmDrag = _interopRequireDefault(require("./LmDrag"));
+
+var _default = _LmDrag.default;
+exports.default = _default;

package/lib/LmDrag/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/lib/LmDrag/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/LmDrag/style/variables.d.ts

@@ -0,0 +1 @@
+import './variables.less';

package/lib/LmDrag/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/lib/LmDrag/wrapper/Root.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/LmDrag/wrapper/Root.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DndContainer = _interopRequireDefault(require("../components/DndContainer"));
+
+var Root = function Root(props, ref) {
+  // 向外暴露出的方法
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {};
+  });
+  return /*#__PURE__*/_react.default.createElement(_DndContainer.default, Object.assign({}, props));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(Root);
+
+exports.default = _default;

package/lib/LmEditTable/EditTable.d.ts

@@ -23,6 +23,18 @@ interface ILmEditTable extends TableProps<any> {
     };
     /** 是否为强制更新 */
     shouldUpdate?: boolean;
+    rowSelection?: TableProps<any>['rowSelection'] & {
+        selectedRows?: Record<string, any>;
+    };
+}
+export interface CountdownHandle {
+    setRow: (data: any) => void;
+    getCheckboxRecords: () => any[];
+    clearSelect: () => void;
+    customSetCheckboxRecords: (data: any[]) => void;
+    deleteRowData: (record: string | Record<string, any>) => void;
+    addRowData: (record: string | Record<string, any>, addInChind: boolean, defaultValue?: Record<string, any>) => void;
+    valid: () => void;
 }
 interface ILmColumns extends TableColumnType<any> {
     editable?: 'input' | 'number' | 'inputRange' | 'date' | 'select' | 'multiple' | 'checkbox' | 'radio' | 'switch' | 'upload' | 'operate' | 'lm_edit_opetate' | 'render';
@@ -37,11 +49,11 @@ interface ILmColumns extends TableColumnType<any> {
 export declare type TLmEditTable = {
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
-    virtual: boolean;
+    virtual?: boolean;
 } & ILmEditTable;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
-    virtual: boolean;
-} & ILmEditTable & React.RefAttributes<unknown>>>;
+    virtual?: boolean;
+} & ILmEditTable & React.RefAttributes<CountdownHandle>>>;
 export default _default;

package/lib/LmEditTable/EditTable.js

@@ -521,8 +521,7 @@ var EditableCell = function EditableCell(props) {
 
       case 'inputRange':
         return /*#__PURE__*/_react.default.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange,
-          ref: inputRef
+          onChange: handleFormItemChange
         }, resultComponentProps, {
           record: record,
           rowIndex: rowIndex,
@@ -615,7 +614,6 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(Opetate, Object.assign({
           record: record,
           rowKey: rowKey,
-          ref: inputRef,
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength,
@@ -744,6 +742,8 @@ var MemoEditableCell = /*#__PURE__*/(0, _react.memo)(EditableCell, function (pre
   return (0, _lodash.isEqual)(p, n);
 });
 var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _a, _b;
+
   var defaultData = props.value,
       columns = props.columns,
       isEdit = props.isEdit,
@@ -787,19 +787,31 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _useState7 = (0, _react.useState)({}),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       _valid = _useState8[0],
-      setValid = _useState8[1];
+      setValid = _useState8[1]; // const [localRowSelectList, setLocalRowSelectList] = useState([])
 
-  var _useState9 = (0, _react.useState)([]),
-      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-      localRowSelectList = _useState10[0],
-      setLocalRowSelectList = _useState10[1];
+
+  var transformRowSelect = function transformRowSelect(selectedRowKeys, selectedRows, info) {
+    var _a;
+
+    return (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, selectedRowKeys, selectedRows, info);
+  };
+
+  var _useControllableValue3 = (0, _ahooks.useControllableValue)({
+    value: {
+      selectedRows: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) || (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRowKeys) || []
+    },
+    onChange: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) ? transformRowSelect : undefined
+  }),
+      _useControllableValue4 = (0, _slicedToArray2.default)(_useControllableValue3, 2),
+      localRowSelectList = _useControllableValue4[0],
+      setLocalRowSelectList = _useControllableValue4[1];
   /** 当前展开的列 */
 
 
-  var _useState11 = (0, _react.useState)([]),
-      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      expandedRowKeys = _useState12[0],
-      setExpandedRowKeys = _useState12[1];
+  var _useState9 = (0, _react.useState)([]),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      expandedRowKeys = _useState10[0],
+      setExpandedRowKeys = _useState10[1];
 
   var dataSourceRef = (0, _react.useRef)(dataSource);
   var deepDataSourceRef = (0, _react.useRef)((0, _util.deepDataSourcePreKeys)(dataSource, _rowKey));
@@ -843,25 +855,20 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     setDataSource(res); // onChange?.(res)
   };
   /** 本地缓存一个选择数据 */
+  // useEffect(() => {
+  //   if (rowSelection) {
+  //     const { selectedRowKeys } = rowSelection
+  //     if (selectedRowKeys) {
+  //       setLocalRowSelectList(localRowSelectList || [])
+  //     }
+  //   }
+  // }, [rowSelection])
+  // const editTableRowChange = (selectRows) => {
+  //   setLocalRowSelectList(selectRows)
+  //   ;(rowSelection?.onChange as any)?.(selectRows)
+  // }
 
 
-  (0, _react.useEffect)(function () {
-    if (rowSelection) {
-      var selectedRowKeys = rowSelection.selectedRowKeys;
-
-      if (selectedRowKeys) {
-        setLocalRowSelectList(localRowSelectList || []);
-      }
-    }
-  }, [rowSelection]);
-
-  var editTableRowChange = function editTableRowChange(selectRows) {
-    var _a;
-
-    setLocalRowSelectList(selectRows);
-    (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, selectRows);
-  };
-
   var handleSave = function handleSave(row, options) {
     var _a, _b;
 
@@ -951,7 +958,8 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var handleTableRowDelete = function handleTableRowDelete(key) {
     var _a, _b, _c;
 
-    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.preKeys;
+    var rkey = (0, _lodash.isObject)(key) ? key[_rowKey] : key;
+    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[rkey]) === null || _b === void 0 ? void 0 : _b.preKeys;
 
     if (preKeys.length > 1) {
       /** 说明删除的是children中的数据 */
@@ -995,10 +1003,11 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** 快捷添加 */
 
 
-  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
+  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren, defaultRecord) {
     var _a, _b;
 
-    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 rkey = (0, _lodash.isObject)(record) ? record[_rowKey] : record;
+    var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[rkey]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
       var _a, _b, _c, _d;
 
@@ -1008,17 +1017,17 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
             var _a;
 
             if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
-              if (item[_rowKey] === record[_rowKey]) {
+              if (item[_rowKey] === rkey) {
                 if (isAppendInChindren) {
                   if (item === null || item === void 0 ? void 0 : item.children) {
-                    (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.push((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                    (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.push(defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
                   } else {
-                    item.children = [(0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
+                    item.children = [defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
                   }
 
                   !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat((0, _toConsumableArray2.default)(expandedRowKeys), [item[_rowKey]]));
                 } else {
-                  children.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                  children.splice(index + 1, 0, defaultRecord || (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
                 }
               } else if (item.children) {
                 deeps(item.children);
@@ -1030,7 +1039,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         deeps(draft);
       } else {
         var index = draft.findIndex(function (item) {
-          return record[_rowKey] === item[_rowKey];
+          return rkey === item[_rowKey];
         });
 
         if (index !== -1) {
@@ -1048,6 +1057,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }
     });
+    console.log(preKeys, '--preKeys', res);
     setDataSource(res);
   };
 
@@ -1083,9 +1093,9 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var DisableOptions = (0, _react.useMemo)(function () {
     var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
-      var _ref5 = item.componentProps || {},
-          optionOnly = _ref5.optionOnly,
-          options = _ref5.options;
+      var _ref7 = item.componentProps || {},
+          optionOnly = _ref7.optionOnly,
+          options = _ref7.options;
 
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
@@ -1158,7 +1168,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } : null]).filter(function (item) {
       return item;
     });
-    localColumns = localColumns.map(function (item, index) {
+    localColumns = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (item, index) {
       return Object.assign(Object.assign({}, item), {
         order: [null, undefined].includes(item.order) ? index : item.order
       });
@@ -1230,7 +1240,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return newCol;
     };
 
-    var res = localColumns.map(function (col, index) {
+    var res = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (col, index) {
       return mapColumns(col, index);
     });
     return res;
@@ -1267,6 +1277,25 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       setRow: handleSave,
+      getCheckboxRecords: function getCheckboxRecords() {
+        return localRowSelectList.selectedRows;
+      },
+      deleteRowData: function deleteRowData(data) {
+        return handleTableRowDelete(data);
+      },
+      addRowData: function addRowData(data, addInChind, defaultValue) {
+        return handleTableRowAdd(data, addInChind, defaultValue);
+      },
+      clearSelect: function clearSelect() {
+        setLocalRowSelectList({
+          selectedRows: []
+        });
+      },
+      customSetCheckboxRecords: function customSetCheckboxRecords(value) {
+        setLocalRowSelectList({
+          selectedRows: value
+        });
+      },
       valid: function valid() {
         return _valid;
       }
@@ -1332,17 +1361,18 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       bordered: true,
       pagination: false,
       // components={tableComponents}
-      rowSelection: !rowSelection ? undefined : {
+      rowSelection: !rowSelection ? undefined : Object.assign(Object.assign({
         fixed: true,
         type: 'checkbox',
-        columnWidth: 36,
-        selectedRowKeys: localRowSelectList.map(function (v) {
-          return v[_rowKey];
+        columnWidth: 36
+      }, rowSelection), {
+        selectedRowKeys: (_a = localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.selectedRows) === null || _a === void 0 ? void 0 : _a.map(function (v) {
+          return (0, _lodash.isObject)(v) ? v[_rowKey] : v;
         }),
-        onChange: function onChange(selectedRowKeys, selectedRows) {
-          editTableRowChange(selectedRows);
+        onChange: function onChange(selectedRowKeys, selectedRows, info) {
+          setLocalRowSelectList(selectedRowKeys, selectedRows, info);
         }
-      },
+      }),
       dataSource: dataSource
     })))), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       className: "lm_editTable_add_bar",
@@ -1373,17 +1403,18 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         return setExpandedRowKeys(expandedRows);
       }
     },
-    rowSelection: !rowSelection ? undefined : {
+    rowSelection: !rowSelection ? undefined : Object.assign(Object.assign({
       fixed: true,
       type: 'checkbox',
-      columnWidth: 36,
-      selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
-        return v[_rowKey];
+      columnWidth: 36
+    }, rowSelection), {
+      selectedRowKeys: (_b = localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.selectedRows) === null || _b === void 0 ? void 0 : _b.map(function (v) {
+        return (0, _lodash.isObject)(v) ? v[_rowKey] : v;
       }),
-      onChange: function onChange(selectedRowKeys, selectedRows) {
-        editTableRowChange(selectedRows);
+      onChange: function onChange(selectedRowKeys, selectedRows, info) {
+        setLocalRowSelectList(selectedRowKeys, selectedRows, info);
       }
-    },
+    }),
     dataSource: dataSource
   })), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     className: "lm_editTable_add_bar",

package/lib/LmEditTable/sortableItemCol.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _sortable = require("@dnd-kit/sortable");
 
+var _lodash = require("lodash");
+
 var _utilities = require("@dnd-kit/utilities");
 
 var __rest = void 0 && (void 0).__rest || function (s, e) {
@@ -30,7 +32,8 @@ var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
   var children = _a.children,
       props = __rest(_a, ["children"]);
 
-  return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, props, children.props, {
+  var rProps = (0, _lodash.omit)(Object.assign(Object.assign({}, props), children.props), ['isSticky', 'colStart', 'colEnd', 'prefixCls', 'fixLeft', 'fixRight', 'lastFixLeft', 'firstFixRight', 'lastFixRight', 'firstFixLeft', 'isSticky', 'additionalProps', 'rowType']);
+  return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, rProps, {
     ref: ref
   })); // <th {...props} ref={ref as any}>
   //   {/* {(children as any)?.props?.children || children} */}

package/lib/LmEditTable/util.js

@@ -74,7 +74,7 @@ function checkRowKeyByDataSource(dataSource, rowKey) {
 
     return Object.assign(Object.assign({}, v), (0, _defineProperty2.default)({}, rowKey, v[rowKey] || "v".concat(idx + 1)));
   });
-  return res;
+  return res || [];
 }
 
 function getExpandStatus(children) {

package/lib/LmFilter/components/DropdownFIlter.js

@@ -201,7 +201,7 @@ var ItemLabel = /*#__PURE__*/_react.default.memo(function (_ref3) {
     } catch (error) {
       return filterValue;
     }
-  }, [type, filterValue]);
+  }, [type, data, filterValue]);
 
   if (isString) {
     return /*#__PURE__*/_react.default.createElement("span", null, String);
@@ -216,7 +216,8 @@ var FilterItem = /*#__PURE__*/_react.default.memo(function (_ref4) {
   var filterValue = instance.filterValue,
       setFilterValue = instance.setFilterValue;
   var title = item.title,
-      colon = item.colon; // 是否有筛选值/是否处于筛选状态
+      colon = item.colon,
+      clearIconTrigger = item.clearIconTrigger; // 是否有筛选值/是否处于筛选状态
 
   var active = (0, _react.useMemo)(function () {
     return (0, _utils.getIsHas)(filterValue);
@@ -231,6 +232,29 @@ var FilterItem = /*#__PURE__*/_react.default.memo(function (_ref4) {
       e.stopPropagation();
       setFilterValue((0, _utils.getValueForType)(item.type));
     }
+  }; // Icon展示方式
+
+
+  var Icon = function Icon() {
+    // hover时出现清空
+    if (clearIconTrigger === 'hover') {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-close-circle-fill",
+        onClick: handleClear,
+        className: "icon_clear"
+      }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-down",
+        className: "icon_down"
+      }));
+    } // 日期类型并且未选中时返回日期自带icon
+
+
+    if (item.type === 'date' && !active) return null; // 选中时展示清楚按钮
+
+    return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
+      onClick: handleClear
+    });
   };
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (title || showColon) && /*#__PURE__*/_react.default.createElement("div", {
@@ -244,10 +268,7 @@ var FilterItem = /*#__PURE__*/_react.default.memo(function (_ref4) {
     item: item
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_icon addon_after"
-  }, item.type !== 'date' || active ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
-    onClick: handleClear
-  }) : null));
+  }, /*#__PURE__*/_react.default.createElement(Icon, null)));
 });
 /*
  * css样式控制

package/lib/LmFilter/style/index.css

@@ -108,6 +108,18 @@
 .lm_filter_basic_item .filter_item_icon.addon_before {
   color: var(--font-color);
 }
+.lm_filter_basic_item .filter_item_icon .icon_clear {
+  display: none;
+  opacity: 0;
+}
+.lm_filter_basic_item .filter_item_icon:hover .icon_down {
+  display: none;
+  opacity: 0;
+}
+.lm_filter_basic_item .filter_item_icon:hover .icon_clear {
+  display: inline-block;
+  opacity: 1;
+}
 .lm_filter_basic_item.expand .filter_item_icon.addon_after {
   transform: rotateX(180deg);
 }

package/lib/LmFilter/style/variables.css

@@ -108,6 +108,18 @@
 .lm_filter_basic_item .filter_item_icon.addon_before {
   color: var(--font-color);
 }
+.lm_filter_basic_item .filter_item_icon .icon_clear {
+  display: none;
+  opacity: 0;
+}
+.lm_filter_basic_item .filter_item_icon:hover .icon_down {
+  display: none;
+  opacity: 0;
+}
+.lm_filter_basic_item .filter_item_icon:hover .icon_clear {
+  display: inline-block;
+  opacity: 1;
+}
 .lm_filter_basic_item.expand .filter_item_icon.addon_after {
   transform: rotateX(180deg);
 }

package/lib/LmUpload/LmUpload.js

@@ -85,7 +85,7 @@ var LmUpload = function LmUpload(_a, ref) {
     size: 100,
     fileSize: 10,
     fileSizeType: 'M',
-    uid: 'uid',
+    uid: 'fileName',
     accept: '',
     type: ['jpg', 'jpeg', 'png'],
     listType: 'card',
@@ -100,6 +100,7 @@ var LmUpload = function LmUpload(_a, ref) {
     itemRender: null,
     enabledPreview: true,
     enabledCrop: false,
+    enableDrag: false,
     enabledOss: false,
     // oss配置
     ossConfig: function ossConfig() {

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

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

package/lib/LmUpload/UploadList/ItemPictureCard.js

@@ -78,7 +78,8 @@ var renderThumb = function renderThumb(file) {
 var PictureItem = function PictureItem(_ref) {
   var file = _ref.file,
       index = _ref.index,
-      instance = _ref.instance;
+      instance = _ref.instance,
+      listeners = _ref.listeners;
   var dispatch = instance.dispatch,
       readOnly = instance.readOnly,
       size = instance.size,
@@ -135,13 +136,13 @@ var PictureItem = function PictureItem(_ref) {
     });
   };
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
     className: (0, _classnames.default)('lm_upload_item', 'lm_upload_item_card', isError && 'lm_upload_item_error'),
     style: {
       height: size,
       width: size
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, listeners || {}), /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_upload_item_thumb"
   }, isError || !isImg ? renderThumb(resetFile) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Image, {
     width: resetSize.width,