linkmore-design 1.1.22 → 1.1.23

package/dist/variables.css

@@ -9939,15 +9939,6 @@ p {
 }
 .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);
@@ -9962,6 +9953,12 @@ p {
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/es/LmFilter/style/index.css

@@ -110,15 +110,6 @@
 }
 .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);
@@ -133,6 +124,12 @@
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/es/LmFilter/style/variables.css

@@ -110,15 +110,6 @@
 }
 .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);
@@ -133,6 +124,12 @@
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/es/LmTable/Table.js

@@ -1086,13 +1086,19 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var selectedRows = useSelectedRows.selectedRows;
 
       if (tableRowType === 'select' || tableRowType === 'default' && selectedRows.length) {
-        var selectIndex = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.findIndex(function (v) {
-          return (0, _lodash.isObject)(v) ? v[rowKey] === record[rowKey] : v === record[rowKey];
-        });
-        selectIndex >= 0 ? selectedRows.splice(selectIndex, 1) : selectedRows.push((0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]);
-        setSelectedRows({
-          selectedRows: (0, _lodash.cloneDeep)(selectedRows)
-        }); // rowClick?.(selectedRows)
+        if ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio') {
+          setSelectedRows({
+            selectedRows: [(0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]]
+          });
+        } else {
+          var selectIndex = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.findIndex(function (v) {
+            return (0, _lodash.isObject)(v) ? v[rowKey] === record[rowKey] : v === record[rowKey];
+          });
+          selectIndex >= 0 ? selectedRows.splice(selectIndex, 1) : selectedRows.push((0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]);
+          setSelectedRows({
+            selectedRows: (0, _lodash.cloneDeep)(selectedRows)
+          });
+        }
       }
     } else {
       rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
@@ -1176,7 +1182,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           }); // rowClick?.(reulstSelect)
         } : undefined,
         onSelect: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (record, selected) {
-          var reulstSelect = selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
+          var reulstSelect = rowSelection.type === 'radio' ? [record] : selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
             return item[rowKey] !== record[rowKey];
           });
           setSelectedRows({

package/es/LmUpload/UploadList/index.js

@@ -6,14 +6,14 @@ import RenderItem from './RenderItem';
 var LmUploadList = function LmUploadList(_ref) {
   var instance = _ref.instance;
   var uid = instance.uid,
-      dispatch = instance.dispatch,
       getFileHasValue = instance.getFileHasValue,
       getFileList = instance.getFileList,
       itemRender = instance.itemRender,
       listType = instance.listType,
       showUploadList = instance.showUploadList,
       enableDrag = instance.enableDrag,
-      fileNames = instance.fileNames;
+      fileNames = instance.fileNames,
+      move = instance.move;
   if (!showUploadList) return null;
   var fileList = useMemo(function () {
     var _a;
@@ -40,10 +40,7 @@ var LmUploadList = function LmUploadList(_ref) {
 
         return v;
       });
-      dispatch({
-        type: 'changeFileList',
-        fileList: fileMap
-      });
+      move(active, over, fileMap);
     } catch (error) {
       console.log('移动出现了错误', error);
     }

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

@@ -15,6 +15,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
         remove: (file: any) => Promise<void>;
         preview: (file: any) => void;
         download: (file: any) => void;
+        move: (active: any, over: any, fileList: any) => void;
     };
     RefMethods: {
         getState: () => any;

package/es/LmUpload/fns/index.js

@@ -471,7 +471,21 @@ var useCoreOptions = function useCoreOptions(_ref) {
     var _a;
 
     (_a = props.onDownload) === null || _a === void 0 ? void 0 : _a.call(props, file);
-  }, [props.onDownload]);
+  }, [props.onDownload]); // 拖拽移动事件
+
+  var move = useCallback(function (active, over, fileList) {
+    var _a;
+
+    (_a = props.onMove) === null || _a === void 0 ? void 0 : _a.call(props, active, over, fileList);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      file: active,
+      fileList: fileList
+    });
+    dispatch({
+      type: 'changeFileList',
+      fileList: fileList
+    });
+  }, [props.onMove, onChange, dispatch]);
   var CoreMethods = {
     getIsMaxCount: getIsMaxCount,
     getFileHasValue: getFileHasValue,
@@ -481,7 +495,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
     getUploadStatus: getUploadStatus,
     remove: remove,
     preview: preview,
-    download: download
+    download: download,
+    move: move
   };
   var RefMethods = {
     getState: function getState() {

package/es/QuickMenu/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IMenuData {
+export interface IMenuData {
     menuId: string;
     title: string | React.ReactNode;
     hidden?: boolean;
@@ -10,6 +10,7 @@ export interface IQuickMenuProps {
     top?: number;
     menuData: IMenuData[];
     warpElement: any;
+    root?: IntersectionObserver['root'] | undefined;
 }
 declare const LMQuickMenu: React.FC<IQuickMenuProps>;
 export default LMQuickMenu;

package/es/QuickMenu/index.js

@@ -12,7 +12,8 @@ var LMQuickMenu = function LMQuickMenu(props) {
       top = _props$top === void 0 ? '104px' : _props$top,
       _props$menuData = props.menuData,
       menuData = _props$menuData === void 0 ? [] : _props$menuData,
-      warpElement = props.warpElement;
+      warpElement = props.warpElement,
+      root = props.root;
   var idTopInfo = useRef({});
 
   var _useState = useState(false),
@@ -70,11 +71,13 @@ var LMQuickMenu = function LMQuickMenu(props) {
     var scrollama = require('scrollama');
 
     menuTimeEventRef.current = scrollama();
+    console.log(getTargetElement(warpElement || document), '--getTargetElement(warpElement || document)');
     (_c = (_b = menuTimeEventRef.current) === null || _b === void 0 ? void 0 : _b.setup({
       step: filterMenuData.map(function (item) {
         return document.getElementById("".concat(item.menuId));
       }).filter(Boolean),
-      container: getTargetElement(warpElement || document)
+      container: getTargetElement(warpElement || document),
+      root: root ? getTargetElement(root) : undefined
     })) === null || _c === void 0 ? void 0 : _c.onStepEnter(function (_ref) {
       var element = _ref.element;
       updateActiveToc(element.id);
@@ -106,12 +109,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
     wait: 50
   });
 
-  var bindDom = function bindDom() {
-    if (!Object.keys(idTopInfo.current).length) {
-      setKeysDom();
-    }
-  };
-
   var handleScroll = function handleScroll() {
     setScrollOpenStatus(true);
   };
@@ -126,10 +123,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
     var _a; // bindScroller();
 
 
-    setTimeout(function () {
-      bindDom();
-      bindScroller();
-    }, 200);
     (_a = getTargetElement(warpElement || document)) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScroll, {
       once: true
     });
@@ -139,6 +132,12 @@ var LMQuickMenu = function LMQuickMenu(props) {
       (_a = getTargetElement(warpElement || document)) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScroll);
     };
   }, []);
+  useEffect(function () {
+    setTimeout(function () {
+      setKeysDom();
+      bindScroller();
+    }, 200);
+  }, [filterMenuData]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls),
     onMouseEnter: function onMouseEnter() {

package/es/index.d.ts

@@ -54,6 +54,7 @@ export { default as LmEditTable } from './LmEditTable';
 export type { CountdownHandle, TLmEditTable } from './LmEditTable/EditTable';
 export { default as List } from './List';
 export { default as LMQuickMenu } from './QuickMenu';
+export type { IMenuData, IQuickMenuProps } from './QuickMenu';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps } from './DatePicker';
 export { default as Popover } from './Popover';

package/es/styles/variables.css

@@ -9939,15 +9939,6 @@ p {
 }
 .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);
@@ -9962,6 +9953,12 @@ p {
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/lib/LmFilter/style/index.css

@@ -110,15 +110,6 @@
 }
 .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);
@@ -133,6 +124,12 @@
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/lib/LmFilter/style/variables.css

@@ -110,15 +110,6 @@
 }
 .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);
@@ -133,6 +124,12 @@
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/lib/LmTable/Table.js

@@ -1086,13 +1086,19 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       var selectedRows = useSelectedRows.selectedRows;
 
       if (tableRowType === 'select' || tableRowType === 'default' && selectedRows.length) {
-        var selectIndex = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.findIndex(function (v) {
-          return (0, _lodash.isObject)(v) ? v[rowKey] === record[rowKey] : v === record[rowKey];
-        });
-        selectIndex >= 0 ? selectedRows.splice(selectIndex, 1) : selectedRows.push((0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]);
-        setSelectedRows({
-          selectedRows: (0, _lodash.cloneDeep)(selectedRows)
-        }); // rowClick?.(selectedRows)
+        if ((rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.type) === 'radio') {
+          setSelectedRows({
+            selectedRows: [(0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]]
+          });
+        } else {
+          var selectIndex = selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.findIndex(function (v) {
+            return (0, _lodash.isObject)(v) ? v[rowKey] === record[rowKey] : v === record[rowKey];
+          });
+          selectIndex >= 0 ? selectedRows.splice(selectIndex, 1) : selectedRows.push((0, _lodash.isObject)(selectedRows[0]) || !selectedRows.length ? record : record[rowKey]);
+          setSelectedRows({
+            selectedRows: (0, _lodash.cloneDeep)(selectedRows)
+          });
+        }
       }
     } else {
       rowClick === null || rowClick === void 0 ? void 0 : rowClick(record);
@@ -1176,7 +1182,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           }); // rowClick?.(reulstSelect)
         } : undefined,
         onSelect: (rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.selectedRows) ? function (record, selected) {
-          var reulstSelect = selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
+          var reulstSelect = rowSelection.type === 'radio' ? [record] : selected ? (0, _lodash.uniqBy)([].concat((0, _toConsumableArray2.default)(rowSelection.selectedRows), [record]), rowKey) : rowSelection.selectedRows.filter(function (item) {
             return item[rowKey] !== record[rowKey];
           });
           setSelectedRows({

package/lib/LmUpload/UploadList/index.js

@@ -20,14 +20,14 @@ var _RenderItem = _interopRequireDefault(require("./RenderItem"));
 var LmUploadList = function LmUploadList(_ref) {
   var instance = _ref.instance;
   var uid = instance.uid,
-      dispatch = instance.dispatch,
       getFileHasValue = instance.getFileHasValue,
       getFileList = instance.getFileList,
       itemRender = instance.itemRender,
       listType = instance.listType,
       showUploadList = instance.showUploadList,
       enableDrag = instance.enableDrag,
-      fileNames = instance.fileNames;
+      fileNames = instance.fileNames,
+      move = instance.move;
   if (!showUploadList) return null;
   var fileList = (0, _react.useMemo)(function () {
     var _a;
@@ -54,10 +54,7 @@ var LmUploadList = function LmUploadList(_ref) {
 
         return v;
       });
-      dispatch({
-        type: 'changeFileList',
-        fileList: fileMap
-      });
+      move(active, over, fileMap);
     } catch (error) {
       console.log('移动出现了错误', error);
     }

package/lib/LmUpload/fns/index.d.ts

@@ -15,6 +15,7 @@ declare const useCoreOptions: ({ state, dispatch, props }: {
         remove: (file: any) => Promise<void>;
         preview: (file: any) => void;
         download: (file: any) => void;
+        move: (active: any, over: any, fileList: any) => void;
     };
     RefMethods: {
         getState: () => any;

package/lib/LmUpload/fns/index.js

@@ -484,7 +484,21 @@ var useCoreOptions = function useCoreOptions(_ref) {
     var _a;
 
     (_a = props.onDownload) === null || _a === void 0 ? void 0 : _a.call(props, file);
-  }, [props.onDownload]);
+  }, [props.onDownload]); // 拖拽移动事件
+
+  var move = (0, _react.useCallback)(function (active, over, fileList) {
+    var _a;
+
+    (_a = props.onMove) === null || _a === void 0 ? void 0 : _a.call(props, active, over, fileList);
+    onChange === null || onChange === void 0 ? void 0 : onChange({
+      file: active,
+      fileList: fileList
+    });
+    dispatch({
+      type: 'changeFileList',
+      fileList: fileList
+    });
+  }, [props.onMove, onChange, dispatch]);
   var CoreMethods = {
     getIsMaxCount: getIsMaxCount,
     getFileHasValue: getFileHasValue,
@@ -494,7 +508,8 @@ var useCoreOptions = function useCoreOptions(_ref) {
     getUploadStatus: getUploadStatus,
     remove: remove,
     preview: preview,
-    download: download
+    download: download,
+    move: move
   };
   var RefMethods = {
     getState: function getState() {

package/lib/QuickMenu/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IMenuData {
+export interface IMenuData {
     menuId: string;
     title: string | React.ReactNode;
     hidden?: boolean;
@@ -10,6 +10,7 @@ export interface IQuickMenuProps {
     top?: number;
     menuData: IMenuData[];
     warpElement: any;
+    root?: IntersectionObserver['root'] | undefined;
 }
 declare const LMQuickMenu: React.FC<IQuickMenuProps>;
 export default LMQuickMenu;

package/lib/QuickMenu/index.js

@@ -29,7 +29,8 @@ var LMQuickMenu = function LMQuickMenu(props) {
       top = _props$top === void 0 ? '104px' : _props$top,
       _props$menuData = props.menuData,
       menuData = _props$menuData === void 0 ? [] : _props$menuData,
-      warpElement = props.warpElement;
+      warpElement = props.warpElement,
+      root = props.root;
   var idTopInfo = (0, _react.useRef)({});
 
   var _useState = (0, _react.useState)(false),
@@ -87,11 +88,13 @@ var LMQuickMenu = function LMQuickMenu(props) {
     var scrollama = require('scrollama');
 
     menuTimeEventRef.current = scrollama();
+    console.log((0, _domTarget.getTargetElement)(warpElement || document), '--getTargetElement(warpElement || document)');
     (_c = (_b = menuTimeEventRef.current) === null || _b === void 0 ? void 0 : _b.setup({
       step: filterMenuData.map(function (item) {
         return document.getElementById("".concat(item.menuId));
       }).filter(Boolean),
-      container: (0, _domTarget.getTargetElement)(warpElement || document)
+      container: (0, _domTarget.getTargetElement)(warpElement || document),
+      root: root ? (0, _domTarget.getTargetElement)(root) : undefined
     })) === null || _c === void 0 ? void 0 : _c.onStepEnter(function (_ref) {
       var element = _ref.element;
       updateActiveToc(element.id);
@@ -123,12 +126,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
     wait: 50
   });
 
-  var bindDom = function bindDom() {
-    if (!Object.keys(idTopInfo.current).length) {
-      setKeysDom();
-    }
-  };
-
   var handleScroll = function handleScroll() {
     setScrollOpenStatus(true);
   };
@@ -143,10 +140,6 @@ var LMQuickMenu = function LMQuickMenu(props) {
     var _a; // bindScroller();
 
 
-    setTimeout(function () {
-      bindDom();
-      bindScroller();
-    }, 200);
     (_a = (0, _domTarget.getTargetElement)(warpElement || document)) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScroll, {
       once: true
     });
@@ -156,6 +149,12 @@ var LMQuickMenu = function LMQuickMenu(props) {
       (_a = (0, _domTarget.getTargetElement)(warpElement || document)) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScroll);
     };
   }, []);
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      setKeysDom();
+      bindScroller();
+    }, 200);
+  }, [filterMenuData]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(prefixCls),
     onMouseEnter: function onMouseEnter() {

package/lib/index.d.ts

@@ -54,6 +54,7 @@ export { default as LmEditTable } from './LmEditTable';
 export type { CountdownHandle, TLmEditTable } from './LmEditTable/EditTable';
 export { default as List } from './List';
 export { default as LMQuickMenu } from './QuickMenu';
+export type { IMenuData, IQuickMenuProps } from './QuickMenu';
 export { default as DatePicker } from './DatePicker';
 export type { DatePickerProps, MonthPickerProps, WeekPickerProps, RangePickerProps } from './DatePicker';
 export { default as Popover } from './Popover';

package/lib/styles/variables.css

@@ -9939,15 +9939,6 @@ p {
 }
 .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);
@@ -9962,6 +9953,12 @@ p {
 .lm_filter_basic_item.active.lm_filter_complex_item .filter_item_label {
   color: var(--primary-color);
 }
+.lm_filter_basic_item.active:hover .icon_down {
+  display: none;
+}
+.lm_filter_basic_item.active:hover .icon_clear {
+  display: inline-block;
+}
 .ant-dropdown.filter_dropdown_container_cascader > div {
   transform: translateY(-4px);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkmore-design",
-  "version": "1.1.22",
+  "version": "1.1.23",
   "author": {
     "name": "nowthen",
     "email": "rnlvwyx@gmail.com"