linkmore-design 1.0.25 → 1.0.28

package/lib/CkFilter/components/modal.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,8 +15,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -27,18 +25,17 @@ var _form = _interopRequireDefault(require("antd/es/form"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _linkmoreDesign = require("linkmore-design");
-
 var _react = _interopRequireWildcard(require("react"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _context2 = require("../context");
 
 var _utils = require("../utils");
 
 var _Controls = _interopRequireDefault(require("./Controls"));
 
-var _excluded = ["field"];
-
+// import Modal from '../../Modal'
 // const { EditModal } = Modal
 // 第二层抽屉，弹出数据选择
 var ModalItem = function ModalItem() {
@@ -71,10 +68,15 @@ var ModalItem = function ModalItem() {
     });
     form.resetFields();
   };
+  /*
+   * customModal.data.type === 'nested' 时,处理不同
+   *
+  */
+
 
   var onSave = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var _yield$form$validateF, field, values, filterValues;
+      var _instance$fullData, _yield$form$validateF, field, mode, value, filterValues, getFormField, findCustom, currentItem, isNested, nField, nValue, _value$subValue;
 
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
@@ -87,16 +89,45 @@ var ModalItem = function ModalItem() {
             case 3:
               _yield$form$validateF = _context.sent;
               field = _yield$form$validateF.field;
-              values = (0, _objectWithoutProperties2.default)(_yield$form$validateF, _excluded);
-              filterValues = customModal.type === 'complex' ? (0, _objectSpread2.default)({}, complexDrawer.data) : (0, _objectSpread2.default)({}, customDrawer.data.filterValues); // 判断是新增还是编辑
+              mode = _yield$form$validateF.mode;
+              value = _yield$form$validateF.value;
+              // 选中的筛选数据
+              filterValues = customModal.type === 'complex' ? (0, _objectSpread2.default)({}, complexDrawer.data) : (0, _objectSpread2.default)({}, customDrawer.data.filterValues); // 查找当前筛选的值: 自定义筛选 & 高级筛选
 
-              if (isEdit) {
-                Object.assign(filterValues, (0, _defineProperty2.default)({}, customModal.data.field, values));
-              } else {
-                Object.assign(filterValues, (0, _defineProperty2.default)({}, field, values));
-              }
+              getFormField = form.getFieldValue('field');
+              findCustom = (_instance$fullData = instance.fullData) === null || _instance$fullData === void 0 ? void 0 : _instance$fullData.find(function (v) {
+                return v.field === getFormField;
+              });
+              currentItem = customModal.type === 'complex' ? customModal.data : findCustom; // 是否嵌套筛选
+
+              isNested = currentItem.type === 'nested'; // 嵌套筛选的键值不同
+
+              nField = isEdit ? currentItem.field : field;
+              nValue = value;
+
+              if (isNested) {
+                // 删除原有筛选
+                delete filterValues[currentItem.field];
+                currentItem.data.forEach(function (element) {
+                  delete filterValues[element.value];
+                }); // 存在子级嵌套时,改变键值
+
+                if (value === null || value === void 0 ? void 0 : (_value$subValue = value.subValue) === null || _value$subValue === void 0 ? void 0 : _value$subValue.children) {
+                  nField = value.subValue.value;
+                }
+
+                nValue = (value === null || value === void 0 ? void 0 : value.value) || [];
+              } // 判断是新增还是编辑
+
+
+              Object.assign(filterValues, (0, _defineProperty2.default)({}, nField, {
+                mode: mode,
+                value: nValue,
+                originField: currentItem.field
+              }));
 
               if (customModal.type === 'complex') {
+                // 高级筛选
                 dispatch({
                   type: 'changeComplexDrawer',
                   complexDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, complexDrawer), {}, {
@@ -104,6 +135,7 @@ var ModalItem = function ModalItem() {
                   })
                 });
               } else {
+                // 自定义筛选
                 dispatch({
                   type: 'changeDrawer',
                   customDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customDrawer), {}, {
@@ -115,20 +147,20 @@ var ModalItem = function ModalItem() {
               }
 
               onClose();
-              _context.next = 15;
+              _context.next = 23;
               break;
 
-            case 12:
-              _context.prev = 12;
+            case 20:
+              _context.prev = 20;
               _context.t0 = _context["catch"](0);
               console.log('校验错误！', _context.t0);
 
-            case 15:
+            case 23:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 12]]);
+      }, _callee, null, [[0, 20]]);
     }));
 
     return function onSave() {
@@ -137,30 +169,43 @@ var ModalItem = function ModalItem() {
   }();
 
   var onValuesChange = function onValuesChange(values) {
+    console.log('values', values);
+
     if (values.field) {
       form.setFieldsValue({
         value: []
       });
     }
+
+    if (values.value) {
+      var _values$value;
+
+      // 嵌套筛选双击触发
+      if ((values === null || values === void 0 ? void 0 : (_values$value = values.value) === null || _values$value === void 0 ? void 0 : _values$value.type) === 'dbclick') {
+        onSave();
+      }
+    }
   }; // 动态展示选择框
 
 
   var DynamicSelect = (0, _react.useCallback)(function (_ref2) {
-    var _instance$fullData, _instance$fullData$fi;
+    var _instance$fullData2;
 
     var getFieldValue = _ref2.getFieldValue;
     var field = getFieldValue('field');
-    var options = ((_instance$fullData = instance.fullData) === null || _instance$fullData === void 0 ? void 0 : (_instance$fullData$fi = _instance$fullData.find(function (v) {
+    var findItem = (_instance$fullData2 = instance.fullData) === null || _instance$fullData2 === void 0 ? void 0 : _instance$fullData2.find(function (v) {
       return v.field === field;
-    })) === null || _instance$fullData$fi === void 0 ? void 0 : _instance$fullData$fi.data) || [];
+    });
+    var options = (findItem === null || findItem === void 0 ? void 0 : findItem.data) || [];
 
     if (field) {
       return /*#__PURE__*/_react.default.createElement(_form.default.Item, {
         name: "value",
-        label: "\u9009\u62E9\u5B57\u6BB5\u503C"
+        label: "\u9009\u62E9\u5B57\u6BB5\u503C",
+        noStyle: true
       }, /*#__PURE__*/_react.default.createElement(_Controls.default, (0, _extends2.default)({
         visible: customModal.visible
-      }, customModal.data, {
+      }, findItem, {
         options: options
       })));
     }
@@ -169,9 +214,12 @@ var ModalItem = function ModalItem() {
   }, [instance.fullData, customModal.data.type]);
   var config = {
     title: isEdit ? customModal.data.title : '新增查询项',
-    visible: customModal.type === 'complex' && customModal.visible,
+    visible: customModal.visible,
     onClose: onClose,
     className: 'lm_det_drawer',
+    bodyStyle: customModal.data.type === 'nested' ? {
+      padding: '24px 24px 0'
+    } : null,
     extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
       size: 8
     }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
@@ -191,34 +239,53 @@ var ModalItem = function ModalItem() {
       form.setFieldsValue(customModal.data);
     }
   }, [form, customModal]);
-  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, config, /*#__PURE__*/_react.default.createElement("div", {
-    className: "custom_modal"
-  }, /*#__PURE__*/_react.default.createElement(_form.default, {
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, config, /*#__PURE__*/_react.default.createElement(_form.default, {
     form: form,
     initialValues: {
       mode: 'or'
     },
     onValuesChange: onValuesChange,
     layout: "vertical",
-    size: "default"
-  }, /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    size: "default",
+    className: "custom_form"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_group"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_label"
+  }, "\u67E5\u8BE2\u65B9\u5F0F"), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
     name: "mode",
-    label: "\u67E5\u8BE2\u65B9\u5F0F"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    label: "\u67E5\u8BE2\u65B9\u5F0F",
+    noStyle: true
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+    direction: "column"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
     value: "and"
   }, "\u4E14,\u67E5\u8BE2\u540C\u65F6\u6EE1\u8DB3\u6B64\u9009\u9879\u6761\u4EF6"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
     value: "or"
-  }, "\u6216,\u67E5\u8BE2\u5305\u542B\u6B64\u9009\u9879\u6761\u4EF6"))), !isEdit && /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+  }, "\u6216,\u67E5\u8BE2\u5305\u542B\u6B64\u9009\u9879\u6761\u4EF6")))), !isEdit && /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_group",
+    id: "area"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_label"
+  }, "\u9009\u62E9\u5B57\u6BB5"), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
     name: "field",
-    label: "\u9009\u62E9\u5B57\u6BB5"
+    label: "\u9009\u62E9\u5B57\u6BB5",
+    noStyle: true
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select, {
-    open: true
+    size: "default",
+    getPopupContainer: function getPopupContainer() {
+      return document.getElementById('area');
+    }
   }, state.instance.fullData.map(function (v) {
     return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Select.Option, {
       key: v.field,
       value: v.field
     }, v.title);
-  }))), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_group custom_full"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_label"
+  }, "\u9009\u62E9\u5B57\u6BB5\u503C"), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
     noStyle: true,
     shouldUpdate: function shouldUpdate(prevValues, currentValues) {
       return prevValues.field !== currentValues.field;

package/lib/CkFilter/context.js

@@ -29,7 +29,8 @@ var initialState = {
     searchKey: 'search',
     levelGroupKey: 'levGroup',
     filter: true,
-    complex: false
+    complex: false,
+    size: 'middle'
   },
   // 初始化数据
   visibleFields: [],
@@ -42,8 +43,8 @@ var initialState = {
   // 当前过滤的数据的键值对(二级筛选)
   customFilterValues: {},
   // 一级筛选过滤的内容
+  // 返回的高级筛选过滤的内容
   complexFilterValues: {},
-  // 高级筛选过滤的内容
   nestedFilterValues: {},
   // 嵌套结构的过滤内容 {objType: {field: 'supplier', value: 's1', label: '一号供应商'}, ...}
   customDrawer: {
@@ -57,10 +58,15 @@ var initialState = {
     type: 'custom',
     data: {}
   },
+  // 高级筛选弹窗数据结构data: { type: {mode: 'or', value: [], originField: '', ...}, ... }
   complexDrawer: {
     visible: false,
     data: {}
-  } // 高级筛选弹窗数据
+  },
+  nestedDrawer: {
+    visible: false,
+    data: {}
+  } // 嵌套过滤抽屉
 
 };
 
@@ -73,6 +79,7 @@ var reducer = function reducer(state, action) {
       customDrawer = action.customDrawer,
       customModal = action.customModal,
       complexDrawer = action.complexDrawer,
+      nestedDrawer = action.nestedDrawer,
       customFilterValues = action.customFilterValues,
       complexFilterValues = action.complexFilterValues,
       nestedFilterValues = action.nestedFilterValues;
@@ -134,6 +141,12 @@ var reducer = function reducer(state, action) {
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         complexFilterValues: complexFilterValues
       });
+    // 设置嵌套抽屉的数据
+
+    case 'changeNestedDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        nestedDrawer: nestedDrawer
+      });
     // 设置嵌套结构的内容
 
     case 'changeNestedFilterValues':

package/lib/CkFilter/customFilter/drawer.js

@@ -43,7 +43,7 @@ var _context2 = require("../context");
 
 var _utils = require("../utils");
 
-var _CustomModal = _interopRequireDefault(require("../components/CustomModal"));
+var _modal = _interopRequireDefault(require("../components/modal"));
 
 var _excluded = ["item"];
 
@@ -56,23 +56,68 @@ var ListItem = function ListItem(props) {
       fullData = _state$instance$fullD === void 0 ? [] : _state$instance$fullD,
       customDrawer = state.customDrawer;
   var field = props.field,
-      value = props.value; // 单项匹配数据, 根据字段名查找
+      value = props.value; // 单项匹配数据, 根据字段名查找, 嵌套筛选时查询父级
 
   var getItem = (0, _react.useMemo)(function () {
     return fullData.find(function (v) {
-      return v.field === field;
+      return [field, value.originField].includes(v.field);
     });
-  }, [field, fullData]); // 选中的数据
+  }, [props, fullData]); // 选中值的处理
+
+  var resetValue = (0, _react.useMemo)(function () {
+    if (getItem.type === 'cascader') {
+      var _value$value;
+
+      return (_value$value = value.value) === null || _value$value === void 0 ? void 0 : _value$value.map(function (v) {
+        return v[v.length - 1];
+      });
+    }
+
+    return value.value;
+  }, [props]); // 遍历树结构
+
+  var deepChildren = function deepChildren(arr, preArr) {
+    arr.forEach(function (item) {
+      var _item$children;
+
+      if (resetValue.includes(item.value)) {
+        preArr.push(item);
+      }
+
+      if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
+        deepChildren(item.children, preArr);
+      }
+    });
+  }; // 选中的数据
+
 
   var checkedValues = (0, _react.useMemo)(function () {
+    console.log('value', value);
     var checkedValue = value.value;
 
     if (Array.isArray(checkedValue)) {
+      if (getItem.type === 'nested') {
+        return checkedValue;
+      }
+
+      if (getItem.type === 'cascader') {
+        var arr = [];
+        deepChildren(getItem.data, arr);
+        return arr;
+      }
+
       return getItem.data.filter(function (v) {
         return checkedValue.includes(v.value);
       });
     }
 
+    if (getItem.type === 'input') {
+      return resetValue ? [{
+        value: resetValue,
+        label: resetValue
+      }] : [];
+    }
+
     var filterValue = getItem.data.find(function (v) {
       return v.value === checkedValue;
     });
@@ -87,6 +132,7 @@ var ListItem = function ListItem(props) {
       type: 'changeModal',
       customModal: {
         visible: true,
+        type: 'custom',
         data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), value)
       }
     });
@@ -126,7 +172,12 @@ var ListItem = function ListItem(props) {
 
 
   var tagElem = function tagElem() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tag.default, {
+      className: "site-tag-plus",
+      onClick: handleAdd
+    }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-plus-circle"
+    }), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
       return /*#__PURE__*/_react.default.createElement(_tag.default, {
         key: v.value,
         closable: true,
@@ -134,12 +185,7 @@ var ListItem = function ListItem(props) {
           return onTagClose(v.value);
         }
       }, v.label);
-    }), /*#__PURE__*/_react.default.createElement(_tag.default, {
-      className: "site-tag-plus",
-      onClick: handleAdd
-    }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-plus-circle"
-    }), " \u65B0\u589E"));
+    }));
   }; // 模式
 
 
@@ -180,7 +226,8 @@ var Index = function Index() {
 
   var filterItem = (0, _react.useMemo)(function () {
     return customDrawer.data;
-  }, [customDrawer.data]); // 过滤的内容转数组
+  }, [customDrawer.data]);
+  console.log('customDrawer', customDrawer); // 过滤的内容转数组
 
   var filterItemData = (0, _react.useMemo)(function () {
     return (0, _utils.getIsHas)(filterItem === null || filterItem === void 0 ? void 0 : filterItem.filterValues) ? Object.entries(filterItem.filterValues).map(function (v) {
@@ -271,7 +318,7 @@ var Index = function Index() {
     width: 440,
     placement: 'right',
     destroyOnClose: true,
-    className: 'filter_drawer',
+    className: 'lm_filter_drawer',
     extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       onClick: onClose,
       size: "small"
@@ -325,8 +372,8 @@ var Index = function Index() {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_drawer_group_add"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-    type: "dashed",
     block: true,
+    type: "dashed",
     onClick: addEvent,
     icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
       type: "lmweb-plus-circle"
@@ -341,7 +388,7 @@ var Index = function Index() {
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_drawer_group_item"
     }), /*#__PURE__*/_react.default.createElement(ListItem, item));
-  }))), /*#__PURE__*/_react.default.createElement(_CustomModal.default, null)));
+  }))), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
 };
 
 var _default = Index;

package/lib/CkFilter/customFilter/index.js

@@ -34,6 +34,8 @@ var Custom = function Custom() {
       state = _useStore.state,
       dispatch = _useStore.dispatch;
 
+  var size = state.instance.size;
+
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       visible = _useState2[0],
@@ -107,7 +109,8 @@ var Custom = function Custom() {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('filter_custom', {
-      active: visible
+      active: visible,
+      small: size === 'small'
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "custom_label"

package/lib/CkFilter/customFilter/radioGroup.js

@@ -24,7 +24,8 @@ var CustomGroup = function CustomGroup() {
 
   var _state$instance = state.instance,
       levelGroup = _state$instance.levelGroup,
-      levelGroupKey = _state$instance.levelGroupKey;
+      levelGroupKey = _state$instance.levelGroupKey,
+      size = _state$instance.size;
   var defaultValue = (0, _react.useMemo)(function () {
     var _levelGroup$find;
 
@@ -50,8 +51,8 @@ var CustomGroup = function CustomGroup() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
     defaultValue: defaultValue,
     onChange: onChange,
-    size: "small"
-  }, levelGroup.map(function (v) {
+    size: size
+  }, size, levelGroup.map(function (v) {
     return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Button, {
       key: v.value,
       value: v.value

package/lib/CkFilter/style/style.css

@@ -511,7 +511,7 @@ html {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
-  height: 24px;
+  height: 32px;
   min-width: 100px;
   border: 1px solid var(--box-shadow-color);
   border-radius: 2px;
@@ -520,6 +520,9 @@ html {
   cursor: pointer;
   transition: 0.3s;
 }
+.lm_filter_base .filter_custom.small {
+  height: 24px;
+}
 .lm_filter_base .filter_custom .custom_label {
   padding-right: 16px;
 }
@@ -531,7 +534,7 @@ html {
 }
 .lm_filter_base .line {
   display: inline-block;
-  height: var(--basic-height);
+  height: 32px;
   border-right: 1px solid #eee;
 }
 .lm_filter_base .ant-radio-button-wrapper {
@@ -543,7 +546,7 @@ html {
 .lm_filter_base .filter_item {
   display: inline-flex;
   align-items: center;
-  height: 24px;
+  height: 32px;
   line-height: 1;
   border-radius: 1px;
   padding: 0 8px;
@@ -673,7 +676,7 @@ html {
   width: 100%;
 }
 .filter_dropdown .filter_body .virtual_list {
-  min-width: 160px;
+  min-width: 168px;
   max-height: 224px;
   overflow: auto;
 }
@@ -688,6 +691,7 @@ html {
   transition: 0.3s;
   white-space: nowrap;
   cursor: pointer;
+  gap: 8px;
 }
 .filter_dropdown .filter_body .filter_item.add_more {
   border-top: 1px solid var(--stripe-color);
@@ -742,14 +746,25 @@ html {
 }
 .filter_dropdown .filter_empty {
   display: flex;
+  flex-flow: column;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   min-height: 40px;
   color: #666;
-  padding: 0 8px;
+  padding: 16px 8px;
+  margin: auto;
+  gap: 4px;
+}
+.filter_dropdown .filter_empty .filter_empty_text {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 20px;
+  color: var(--font-color);
 }
 .filter_dropdown .ant-checkbox-wrapper {
+  flex: 1;
   font-size: 12px;
   align-items: center;
 }
@@ -797,6 +812,7 @@ html {
 }
 .ant-drawer.lm_filter_drawer .filter_drawer_group_add .ant-btn {
   font-size: 12px;
+  max-width: initial;
 }
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item {
   margin-bottom: var(--gap);
@@ -804,6 +820,7 @@ html {
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box {
   line-height: 1;
   border: 1px solid transparent;
+  border-radius: 2px;
   background: var(--background-color);
   padding: calc(var(--gap) * 2);
   cursor: pointer;
@@ -818,6 +835,7 @@ html {
   justify-content: space-between;
 }
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_title {
+  font-size: 12px;
   font-weight: 500;
 }
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon {
@@ -847,6 +865,9 @@ html {
   border-style: dashed;
   cursor: pointer;
 }
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.site-tag-plus:hover {
+  border-color: var(--primary-color);
+}
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .tag-input {
   width: 78px;
   margin-right: 8px;
@@ -956,6 +977,23 @@ html {
 }
 .ant-drawer.lm_det_drawer .ant-select {
   font-size: 12px;
+  width: 100%;
+}
+.ant-drawer.lm_det_drawer .custom_form {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+  gap: 24px;
+}
+.ant-drawer.lm_det_drawer .custom_form .custom_label {
+  font-size: 14px;
+  font-weight: 500;
+  margin-bottom: 16px;
+}
+.ant-drawer.lm_det_drawer .custom_form .custom_full {
+  display: flex;
+  flex-flow: column;
+  flex: 1;
 }
 .ant-modal .custom_modal .checkbox_tag {
   display: inline-flex;
@@ -1036,3 +1074,6 @@ html {
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
 }
+.ant-select-dropdown.ant-cascader-dropdown .ant-cascader-menu-item {
+  padding: 5px 8px;
+}

package/lib/Dropdown/index.d.ts

@@ -4,9 +4,11 @@ export interface IDropdownProps extends DropdownProps {
     className?: string;
     style?: React.CSSProperties;
     dropdownmatchwidth?: boolean;
+    onlyIcon?: boolean;
 }
 interface LmDropdownInterface extends React.FC<IDropdownProps> {
     Button?: typeof Dropdown.Button;
+    IconButton?: typeof Dropdown.Button;
 }
 declare const LMDropdown: LmDropdownInterface;
 export default LMDropdown;