linkmore-design 1.0.62 → 1.0.63

package/lib/LmFilter/components/CustomSelectFilter.js

@@ -0,0 +1,128 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _hooks = require("../hooks");
+
+var _excluded = ["item"];
+
+// 自定义筛选使用
+var CustomSelect = function CustomSelect(_ref) {
+  var instance = _ref.instance;
+  var _instance$filters = instance.filters,
+      filters = _instance$filters === void 0 ? [] : _instance$filters,
+      _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var delayedFn = (0, _hooks.useDelayedFn)();
+  var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]);
+
+  var handleFilter = function handleFilter() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var serachValues = filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    });
+    setOptions(serachValues);
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, obj) {
+    e.preventDefault();
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj.value);
+  };
+
+  var handleAdd = function handleAdd(e) {
+    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
+
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      delayedFn(function () {
+        var _inputRef$current, _inputRef$current$foc;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current, {
+          cursor: 'all'
+        });
+      });
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item.value === filterValue
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_content"
+    }, item.label), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_operate"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "icon_hover"
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-edit"
+    })), item.default && /*#__PURE__*/_react.default.createElement("div", null, "\u9ED8\u8BA4")));
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item last_item",
+    onClick: function onClick(e) {
+      return handleAdd(e);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item-content"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-plus"
+  }), "\u65B0\u589E\u81EA\u5B9A\u4E49\u67E5\u8BE2"))));
+};
+
+var _default = CustomSelect;
+exports.default = _default;

package/lib/LmFilter/components/EmptyFilter.js

@@ -9,13 +9,13 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _icon_placeholder = _interopRequireDefault(require("../icon_placeholder.png"));
+var _empty = _interopRequireDefault(require("../assets/empty.png"));
 
 var EmptyFilter = function EmptyFilter() {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_empty"
   }, /*#__PURE__*/_react.default.createElement("img", {
-    src: _icon_placeholder.default,
+    src: _empty.default,
     alt: "empty",
     width: 81
   }), /*#__PURE__*/_react.default.createElement("div", {

package/lib/LmFilter/components/SelectFilter.js

@@ -103,7 +103,7 @@ var SelectFilter = function SelectFilter(_ref) {
         return onChange(e, item);
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_item-content"
+      className: "filter_item_content"
     }, item.label));
   }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)));
 };

package/lib/LmFilter/customFilter/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,11 +9,82 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _CustomSelectFilter = _interopRequireDefault(require("../components/CustomSelectFilter"));
 
 var LmFilterCustom = function LmFilterCustom(_ref) {
   var instance = _ref.instance;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  var state = instance.state,
+      dispatch = instance.dispatch,
+      size = instance.size,
+      customOptions = instance.customOptions;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      checkedValue = _useState4[0],
+      setCheckedValue = _useState4[1];
+
+  var filterOptions = customOptions || [{
+    label: '不限',
+    value: '',
+    default: true
+  }];
+  var defaultValue = (0, _react.useMemo)(function () {
+    return filterOptions.find(function (v) {
+      return v.value === checkedValue;
+    });
+  }, [filterOptions, checkedValue]);
+  var selectInstance = {
+    filterValue: '',
+    filters: filterOptions,
+    setFilterValue: function setFilterValue(val) {
+      setCheckedValue(val);
+      setVisible(false);
+    },
+    visible: visible,
+    setVisible: setVisible
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_custom"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    trigger: ['click'],
+    visible: visible,
+    placement: "bottomLeft",
+    overlay: /*#__PURE__*/_react.default.createElement(_CustomSelectFilter.default, {
+      instance: selectInstance
+    }),
+    overlayClassName: "filter_dropdown_container_custom",
+    onVisibleChange: function onVisibleChange(v) {
+      return setVisible(v);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('lm_filter_custom_select', {
+      expand: visible,
+      small: size === 'small'
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_custom_select_label"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)({
+      placeholder: !checkedValue
+    })
+  }, defaultValue.label)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_custom_select_icon addon_after"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-down"
+  })))));
 };
 
 var _default = LmFilterCustom;

package/lib/LmFilter/filterFns/index.js

@@ -1,20 +1,110 @@
 "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;
+exports.initLocalization = exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _utils = require("../utils");
 
-// 核心参数集合
-var CoreOptions = function CoreOptions(_ref) {
+// 初始化查询结构
+var initLocalization = function initLocalization(props) {
+  var _filterQuery$filters, _filterQuery$filters$;
+
+  var localization = props.localization,
+      dataSource = props.dataSource,
+      searchKey = props.searchKey;
+  var globalQuery = localization.globalQuery,
+      filterQuery = localization.filterQuery;
+  var basicFilter = (localization === null || localization === void 0 ? void 0 : localization.basicFilter) || {};
+  var basicQuery = {}; // 存储查询结构
+
+  if ((0, _utils.getIsHas)(basicFilter)) {
+    var _Object$keys;
+
+    basicQuery = (_Object$keys = Object.keys(basicFilter)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.reduce(function (pre, cur) {
+      var item = dataSource.find(function (v) {
+        if (cur === v.field) {
+          return v.show || typeof v.show !== 'boolean';
+        }
+
+        return false;
+      });
+
+      if (cur === searchKey) {
+        item = {
+          field: searchKey,
+          operator: 'contains',
+          fieldType: 'string'
+        };
+      }
+
+      if ((0, _utils.getIsHas)(basicFilter[cur]) && !!item) {
+        var _item, _item2;
+
+        pre[cur] = {
+          fieldName: cur,
+          fieldType: ((_item = item) === null || _item === void 0 ? void 0 : _item.valueType) || 'string',
+          value: Array.isArray(basicFilter[cur]) ? basicFilter[cur] : [basicFilter[cur]],
+          operator: ((_item2 = item) === null || _item2 === void 0 ? void 0 : _item2.operator) || 'equal'
+        };
+      }
+
+      return pre;
+    }, {});
+  } else if (filterQuery === null || filterQuery === void 0 ? void 0 : (_filterQuery$filters = filterQuery.filters) === null || _filterQuery$filters === void 0 ? void 0 : (_filterQuery$filters$ = _filterQuery$filters[0]) === null || _filterQuery$filters$ === void 0 ? void 0 : _filterQuery$filters$.conditions) {
+    var _filterQuery$filters2, _filterQuery$filters3;
+
+    var filterQueryArr = (filterQuery === null || filterQuery === void 0 ? void 0 : (_filterQuery$filters2 = filterQuery.filters) === null || _filterQuery$filters2 === void 0 ? void 0 : (_filterQuery$filters3 = _filterQuery$filters2[0]) === null || _filterQuery$filters3 === void 0 ? void 0 : _filterQuery$filters3.conditions) || []; // 初始化基础查询缓存
+
+    basicFilter = filterQueryArr.reduce(function (pre, cur) {
+      var checkedValue = cur.value; // 选中的数据
+      // 是否搜索框
+
+      var isSearchInput = cur.fieldName === searchKey; // 查找该数据是否展示
+
+      var someData = dataSource.some(function (v) {
+        if (cur.fieldName === v.field) {
+          return v.show || typeof v.show !== 'boolean';
+        }
+
+        return false;
+      });
+
+      if ((0, _utils.getIsHas)(checkedValue) && someData || isSearchInput) {
+        basicQuery[cur.fieldName] = cur; // 复选/级联/日期区间
+
+        if (!['checkbox', 'cascader'].includes(cur.type) && checkedValue.length < 2) {
+          checkedValue = checkedValue[0];
+        }
+
+        pre[cur.fieldName] = checkedValue;
+      }
+
+      return pre;
+    }, {});
+  }
+
+  return {
+    basicFilter: basicFilter,
+    basicQuery: basicQuery
+  };
+}; // 核心参数集合
+
+
+exports.initLocalization = initLocalization;
+
+var useCoreOptions = function useCoreOptions(_ref) {
   var state = _ref.state,
       dispatch = _ref.dispatch,
       props = _ref.props;
@@ -22,15 +112,19 @@ var CoreOptions = function CoreOptions(_ref) {
       dataSource = props.dataSource,
       searchKey = props.searchKey; // 触发查询 type  basic基础筛选 ｜ complex高级筛选
 
-  var onQuery = function onQuery(_ref2) {
-    var basicFilter = _ref2.basicFilter,
-        complexFilter = _ref2.complexFilter,
-        basicQuery = _ref2.basicQuery,
-        type = _ref2.type;
-    console.log('type', type);
+  var onQuery = (0, _react.useCallback)(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        _ref2$basicFilter = _ref2.basicFilter,
+        basicFilter = _ref2$basicFilter === void 0 ? {} : _ref2$basicFilter,
+        _ref2$complexFilter = _ref2.complexFilter,
+        complexFilter = _ref2$complexFilter === void 0 ? {} : _ref2$complexFilter,
+        _ref2$basicQuery = _ref2.basicQuery,
+        basicQuery = _ref2$basicQuery === void 0 ? {} : _ref2$basicQuery,
+        _ref2$type = _ref2.type,
+        type = _ref2$type === void 0 ? 'basic' : _ref2$type;
 
     if (type === 'basic') {
-      var _Object$keys;
+      var _Object$keys2;
 
       dispatch({
         type: 'changeBasicFilter',
@@ -48,7 +142,7 @@ var CoreOptions = function CoreOptions(_ref) {
 
       var filterQuery = {
         filters: [{
-          conditions: (_Object$keys = Object.keys(basicQuery)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (k) {
+          conditions: (_Object$keys2 = Object.keys(basicQuery)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.map(function (k) {
             return basicQuery[k];
           })
         }]
@@ -61,9 +155,9 @@ var CoreOptions = function CoreOptions(_ref) {
     }
 
     if (type === 'complex') {
-      var _Object$keys2, _Object$keys3;
+      var _Object$keys3, _Object$keys4;
 
-      var _basicQuery = (_Object$keys2 = Object.keys(complexFilter)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.reduce(function (pre, cur) {
+      var _basicQuery = (_Object$keys3 = Object.keys(complexFilter)) === null || _Object$keys3 === void 0 ? void 0 : _Object$keys3.reduce(function (pre, cur) {
         var item = dataSource.find(function (v) {
           return cur === v.field;
         });
@@ -73,6 +167,7 @@ var CoreOptions = function CoreOptions(_ref) {
           pre[cur] = {
             fieldName: cur,
             fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
+            type: item.type,
             value: Array.isArray(itemValue) ? itemValue : [itemValue],
             operator: complexFilter[cur].mode === 'and' ? 'equal' : 'contains'
           };
@@ -102,7 +197,7 @@ var CoreOptions = function CoreOptions(_ref) {
       });
       var _filterQuery = {
         filters: [{
-          conditions: (_Object$keys3 = Object.keys(_basicQuery)) === null || _Object$keys3 === void 0 ? void 0 : _Object$keys3.map(function (k) {
+          conditions: (_Object$keys4 = Object.keys(_basicQuery)) === null || _Object$keys4 === void 0 ? void 0 : _Object$keys4.map(function (k) {
             return _basicQuery[k];
           })
         }]
@@ -113,18 +208,57 @@ var CoreOptions = function CoreOptions(_ref) {
         type: type
       });
     }
-  }; // 根据字段查找过滤的数据, 不存在时返回默认值
-
-
-  var getFilterValue = function getFilterValue(_ref3) {
+  }, []); // 清除事件
+
+  var onClearChange = (0, _react.useCallback)(function () {
+    var _props$onClearChange;
+
+    var params = {
+      basicFilter: {},
+      complexFilter: {},
+      basicQuery: {},
+      type: 'basic'
+    };
+    (_props$onClearChange = props.onClearChange) === null || _props$onClearChange === void 0 ? void 0 : _props$onClearChange.call(props, params);
+    onQuery(params);
+  }, [onQuery]); // 根据字段查找过滤的数据, 不存在时返回默认值
+
+  var getFilterValue = (0, _react.useCallback)(function (_ref3) {
     var field = _ref3.field,
         type = _ref3.type;
     var defaultValue = (0, _utils.getValueForType)(type);
     return state.basicFilter[field] || defaultValue;
-  }; // 设置筛选的值 itemValue => String || Array => ['', '', ...]
+  }, [state.basicFilter]); // 获取查询结构
 
+  var getFilterQuery = (0, _react.useCallback)(function () {
+    var _Object$keys5;
 
-  var setFilterValue = function setFilterValue(itemValue, item) {
+    var originData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dataSource;
+    var basicFilter = (0, _utils.getFilterShow)(state.basicFilter, originData);
+    var basicQuery = (0, _utils.getFilterShow)(state.basicQuery, originData);
+    dispatch({
+      type: 'changeBasicFilter',
+      basicFilter: basicFilter
+    });
+    dispatch({
+      type: 'changeBasicQuery',
+      basicQuery: basicQuery
+    });
+    var filterQuery = {
+      filters: [{
+        conditions: (_Object$keys5 = Object.keys(basicQuery)) === null || _Object$keys5 === void 0 ? void 0 : _Object$keys5.map(function (k) {
+          return basicQuery[k];
+        })
+      }]
+    };
+    return {
+      basicFilter: basicFilter,
+      filterQuery: filterQuery,
+      type: 'basic'
+    };
+  }, [state, dataSource]); // 设置筛选的值 itemValue => String || Array => ['', '', ...]
+
+  var setFilterValue = (0, _react.useCallback)(function (itemValue, item) {
     var field = item.field;
 
     if (field) {
@@ -134,6 +268,7 @@ var CoreOptions = function CoreOptions(_ref) {
       var basicQuery = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.basicQuery), {}, (0, _defineProperty2.default)({}, field, {
         fieldName: field,
         fieldType: item.valueType || 'string',
+        type: item.type,
         value: Array.isArray(itemValue) ? itemValue : [itemValue],
         operator: item.operator || 'equal'
       }));
@@ -150,45 +285,24 @@ var CoreOptions = function CoreOptions(_ref) {
         type: 'basic'
       });
     }
-  }; // 读取缓存
-
+  }, [state]); // 单个设置过滤字段值, 会触发onChange事件, 多个字段时使用setLocalization
 
-  var setLocalization = function setLocalization() {
-    var _Object$keys4;
+  var setFilterFieldValue = (0, _react.useCallback)(function (field, value) {
+    var item = dataSource.find(function (v) {
+      return v.fidld === field;
+    }) || {};
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(value, item);
+  }, [dataSource]); // 读取缓存
 
+  var setLocalization = (0, _react.useCallback)(function () {
     var localization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.localization;
-    var globalQuery = localization.globalQuery,
-        basicFilter = localization.basicFilter;
-    var basicQuery = (_Object$keys4 = Object.keys(basicFilter)) === null || _Object$keys4 === void 0 ? void 0 : _Object$keys4.reduce(function (pre, cur) {
-      var item = dataSource.find(function (v) {
-        if (cur === v.field) {
-          return v.show || typeof v.show !== 'boolean';
-        }
-
-        return false;
-      });
-
-      if (cur === searchKey) {
-        item = {
-          field: searchKey,
-          operator: 'contains',
-          fieldType: 'string'
-        };
-      }
 
-      if ((0, _utils.getIsHas)(basicFilter[cur]) && !!item) {
-        var _item, _item2;
+    var _initLocalization = initLocalization((0, _objectSpread4.default)((0, _objectSpread4.default)({}, props), {}, {
+      localization: localization
+    })),
+        basicFilter = _initLocalization.basicFilter,
+        basicQuery = _initLocalization.basicQuery;
 
-        pre[cur] = {
-          fieldName: cur,
-          fieldType: ((_item = item) === null || _item === void 0 ? void 0 : _item.valueType) || 'string',
-          value: Array.isArray(basicFilter[cur]) ? basicFilter[cur] : [basicFilter[cur]],
-          operator: ((_item2 = item) === null || _item2 === void 0 ? void 0 : _item2.operator) || 'equal'
-        };
-      }
-
-      return pre;
-    }, {});
     dispatch({
       type: 'changeBasicFilter',
       basicFilter: basicFilter
@@ -197,18 +311,13 @@ var CoreOptions = function CoreOptions(_ref) {
       type: 'changeBasicQuery',
       basicQuery: basicQuery
     });
-  }; // 单个设置过滤字段值, 会触发onChange事件, 多个字段时使用setLocalization
+  }, [props]); // 组件内部使用
 
+  var CoreMethods = {
+    onQuery: onQuery
+  }; // 参与Ref转发
 
-  var setFilterFieldValue = function setFilterFieldValue(field, value) {
-    var item = dataSource.find(function (v) {
-      return v.fidld === field;
-    }) || {};
-    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(value, item);
-  };
-
-  return {
-    onQuery: onQuery,
+  var RefMethods = {
     getState: function getState() {
       return state;
     },
@@ -216,11 +325,17 @@ var CoreOptions = function CoreOptions(_ref) {
       return state.basicFilter;
     },
     getFilterValue: getFilterValue,
+    getFilterQuery: getFilterQuery,
     setFilterValue: setFilterValue,
     setFilterFieldValue: setFilterFieldValue,
-    setLocalization: setLocalization
+    setLocalization: setLocalization,
+    onClearChange: onClearChange
+  };
+  return {
+    CoreMethods: CoreMethods,
+    RefMethods: RefMethods
   };
 };
 
-var _default = CoreOptions;
+var _default = useCoreOptions;
 exports.default = _default;

package/lib/LmFilter/style/style.css

@@ -5,6 +5,44 @@
   gap: 8px;
   font-size: 12px;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom_select {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 32px;
+  line-height: 1;
+  min-width: 100px;
+  max-width: 180px;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  color: var(--font2-color);
+  padding: 0 8px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom_select.small {
+  height: 24px;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom_select .lm_filter_custom_select_label span {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom_select .lm_filter_custom_select_icon {
+  font-size: 14px;
+  color: var(--text-color);
+  transition: 0.3s;
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom_select:hover {
+  border-color: var(--primary-hover-color);
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom_select.expand {
+  color: var(--text-color);
+  border-color: var(--primary-hover-color);
+}
+.lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_custom_select.expand .lm_filter_custom_select_icon {
+  transform: rotateX(180deg);
+}
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
   max-width: 140px;
 }
@@ -125,13 +163,18 @@
   cursor: pointer;
   gap: 8px;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item.add_more {
-  border-top: 1px solid var(--stripe-color);
+.ant-dropdown .filter_dropdown .filter_body .filter_item.last_item {
+  border-top: 1px solid var(--line-color);
 }
 .ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_content {
   flex: auto;
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .hover_show {
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.ant-dropdown .filter_dropdown .filter_body .filter_item .filter_item_operate .icon_hover {
   font-size: 16px;
   color: var(--primary-color);
   transition: 0.3s;
@@ -141,12 +184,13 @@
   display: none;
 }
 .ant-dropdown .filter_dropdown .filter_body .filter_item.checked {
+  color: var(--font-color);
   background-color: var(--primary-select-color);
 }
 .ant-dropdown .filter_dropdown .filter_body .filter_item:hover {
-  background-color: var(--stripe-color);
+  background-color: var(--background-color);
 }
-.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_top {
+.ant-dropdown .filter_dropdown .filter_body .filter_item:hover .filter_item_operate .icon_hover {
   opacity: 1;
 }
 .ant-dropdown .filter_dropdown .filter_footer {