linkmore-design 1.0.23 → 1.0.26

package/es/CkFilter/components/Nested.js

@@ -0,0 +1,90 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _excluded = ["value", "onChange", "options"];
+
+var Nested = function Nested(_ref) {
+  var _aliveActive$body;
+
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      options = _ref.options,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)({}),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      aliveActive = _useState2[0],
+      setAliveActive = _useState2[1];
+
+  var handleClick = function handleClick(item) {
+    setAliveActive(item);
+
+    if (!item.children) {
+      onChange({
+        subValue: item,
+        value: [(0, _objectSpread2.default)({}, item)]
+      });
+    }
+  };
+  /*
+   * @Array val 选中的数据数组: [{}, ...]
+   * @String subValue 选中的子级
+   * 
+  */
+
+
+  var handleOnChange = function handleOnChange(val, type) {
+    onChange({
+      subValue: aliveActive,
+      value: val,
+      type: type
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+    size: 8,
+    wrap: true
+  }, options === null || options === void 0 ? void 0 : options.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.value,
+      className: (0, _classnames.default)('checkbox_tag', {
+        active: aliveActive.value === v.value
+      }),
+      onClick: function onClick() {
+        return handleClick(v);
+      }
+    }, v.label);
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flex: 1,
+      marginTop: 16
+    }
+  }, (_aliveActive$body = aliveActive.body) === null || _aliveActive$body === void 0 ? void 0 : _aliveActive$body.call(aliveActive, {
+    value: aliveActive.value,
+    onChange: handleOnChange,
+    item: aliveActive
+  })));
+};
+
+var _default = Nested;
+exports.default = _default;

package/es/CkFilter/components/filterTypes.js

@@ -41,12 +41,13 @@ var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
 
 var _utils = require("../utils");
 
+var _DragBox = _interopRequireDefault(require("./DragBox"));
+
 var _excluded = ["item"],
     _excluded2 = ["item"],
     _excluded3 = ["item"],
     _excluded4 = ["item"],
-    _excluded5 = ["item"],
-    _excluded6 = ["type"];
+    _excluded5 = ["type"];
 
 // 输入框过滤器
 var InputFilter = function InputFilter(_ref) {
@@ -162,15 +163,14 @@ var NestedFilter = function NestedFilter(_ref4) {
   }; // 单选事件
 
 
-  var onChange = function onChange(e, item) {
-    e.preventDefault();
-    setFilterValue(item.value);
-  };
-
   var handleClick = function handleClick(e, item) {
-    e.preventDefault();
-    e.stopPropagation();
-    setFilterValue(item, 'children');
+    e.preventDefault(); // 是否存在嵌套
+
+    if (item === null || item === void 0 ? void 0 : item.children) {
+      setFilterValue(item, 'children');
+    } else {
+      setFilterValue(item.value);
+    }
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -199,16 +199,11 @@ var NestedFilter = function NestedFilter(_ref4) {
         checked: item.value === getFilterValue
       }),
       onClick: function onClick(e) {
-        return onChange(e, item);
+        return handleClick(e, item);
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_item-content"
-    }, item.label), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-gengduotianchong",
-      onClick: function onClick(e) {
-        return handleClick(e, item);
-      }
-    }));
+    }, item.label));
   }), !options.length && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_empty"
   }, "\u6682\u65E0\u6570\u636E")));
@@ -434,19 +429,12 @@ var MoreFilter = function MoreFilter(_ref12) {
   var _useState11 = (0, _react.useState)(filters || []),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
       options = _useState12[0],
-      setOptions = _useState12[1];
+      setOptions = _useState12[1]; // 是否存在搜索, 当数据大于8时存在搜索
 
-  console.log('more'); // 是否存在搜索, 当数据大于8时存在搜索
 
   var isSearch = (0, _react.useMemo)(function () {
     return filters.length > 8;
-  }, [filters.length]); // 是否可置顶, 第一项无置顶操作, 所以这里的index > 0
-
-  var isTop = (0, _react.useCallback)(function (item) {
-    return checkedValues.includes(item.field) && filters.findIndex(function (v) {
-      return v.field === item.field;
-    }) > 0;
-  }, [checkedValues, filters]); // 是否半选
+  }, [filters.length]); // 是否半选
 
   var indeterminate = (0, _react.useMemo)(function () {
     return checkedValues.length && checkedValues.length < options.length;
@@ -486,23 +474,6 @@ var MoreFilter = function MoreFilter(_ref12) {
 
   var handleCancel = function handleCancel() {
     setFilterValue(checkedValues, 'cancel');
-  }; // 置顶操作, 防止频繁操作, 建议加上节流
-
-
-  var handleTop = function handleTop(e, item) {
-    e.stopPropagation();
-    setFilterValue(item, 'top');
-  }; // 单选事件
-
-
-  var onChange = function onChange(e, item) {
-    e.preventDefault();
-    e.stopPropagation(); // setFilterValue(item)
-
-    var nValue = checkedValues.includes(item.field) ? checkedValues.filter(function (v) {
-      return v !== item.field;
-    }) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.field]);
-    setCheckedValues(nValue);
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -525,33 +496,13 @@ var MoreFilter = function MoreFilter(_ref12) {
   }, "\u5168\u90E8")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
     className: "filter_reset",
     onClick: handleReset
-  }, "\u91CD\u7F6E")))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
-    value: checkedValues,
-    className: "filter_body"
-  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
+  }, "\u91CD\u7F6E")))), /*#__PURE__*/_react.default.createElement(_DragBox.default, {
+    filters: filters,
     options: options,
-    className: "filter_list"
-  }, function (_ref13) {
-    var item = _ref13.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref13, _excluded5);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
-      className: "filter_item",
-      onClick: function onClick(e) {
-        return onChange(e, item);
-      }
-    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
-      value: item.field,
-      className: "filter_item-content"
-    }, item.title), /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_item_operate"
-    }, isTop(item) && /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-vertical-align-top",
-      className: "hover_show icon_top",
-      onClick: function onClick(e) {
-        return handleTop(e, item);
-      }
-    })));
-  })), /*#__PURE__*/_react.default.createElement("div", {
+    checkedValues: checkedValues,
+    setFilterValue: setFilterValue,
+    setCheckedValues: setCheckedValues
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_footer"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "footer_clear",
@@ -564,11 +515,11 @@ var MoreFilter = function MoreFilter(_ref12) {
 }; // 日期范围选择器
 
 
-var DatePickerFilter = function DatePickerFilter(_ref14) {
-  var getFilterValue = _ref14.getFilterValue,
-      setFilterValue = _ref14.setFilterValue,
-      props = _ref14.props,
-      dateType = _ref14.dateType;
+var DatePickerFilter = function DatePickerFilter(_ref13) {
+  var getFilterValue = _ref13.getFilterValue,
+      setFilterValue = _ref13.setFilterValue,
+      props = _ref13.props,
+      dateType = _ref13.dateType;
   console.log(dateType, '--dateType'); // 对日期格式的转换, 日期组件仅接收moment格式
 
   var value = (0, _react.useMemo)(function () {
@@ -579,8 +530,7 @@ var DatePickerFilter = function DatePickerFilter(_ref14) {
     }
 
     return nValue;
-  }, [getFilterValue]);
-  console.log(value, '--value'); // 最近的时间段, 值为JSON转换后的字符串
+  }, [getFilterValue]); // 最近的时间段, 值为JSON转换后的字符串
 
   var ranges = (0, _react.useMemo)(function () {
     return Object.entries((0, _utils.getRanges)()).map(function (item, i) {
@@ -814,7 +764,7 @@ var CascaderFilter = function CascaderFilter(props) {
 
 var FilterComp = function FilterComp(props) {
   var type = props.type,
-      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded6);
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded5);
 
   switch (type) {
     case 'input':

package/es/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/esm/exten
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
@@ -37,8 +35,7 @@ var _utils = require("../utils");
 
 var _Controls = _interopRequireDefault(require("./Controls"));
 
-var _excluded = ["field"];
-
+// import Modal from '../../Modal'
 // const { EditModal } = Modal
 // 第二层抽屉，弹出数据选择
 var ModalItem = function ModalItem() {
@@ -53,8 +50,9 @@ var ModalItem = function ModalItem() {
 
   var _Form$useForm = _form.default.useForm(),
       _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-      form = _Form$useForm2[0]; // 是否编辑
+      form = _Form$useForm2[0];
 
+  console.log('customModal', customModal); // 是否编辑
 
   var isEdit = (0, _react.useMemo)(function () {
     var type = customModal.type,
@@ -71,10 +69,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 _yield$form$validateF, field, mode, value, filterValues, isNested, nField, nValue, _value$subValue;
 
       return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
@@ -87,16 +90,39 @@ 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));
-              }
+              isNested = customModal.data.type === 'nested'; // 嵌套筛选的键值不同
+
+              nField = isEdit ? customModal.data.field : field;
+              nValue = value;
+
+              if (isNested) {
+                // 删除原有筛选
+                delete filterValues[customModal.data.field];
+                customModal.data.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: customModal.data.field
+              }));
 
               if (customModal.type === 'complex') {
+                // 高级筛选
                 dispatch({
                   type: 'changeComplexDrawer',
                   complexDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, complexDrawer), {}, {
@@ -104,6 +130,7 @@ var ModalItem = function ModalItem() {
                   })
                 });
               } else {
+                // 自定义筛选
                 dispatch({
                   type: 'changeDrawer',
                   customDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customDrawer), {}, {
@@ -115,20 +142,20 @@ var ModalItem = function ModalItem() {
               }
 
               onClose();
-              _context.next = 15;
+              _context.next = 20;
               break;
 
-            case 12:
-              _context.prev = 12;
+            case 17:
+              _context.prev = 17;
               _context.t0 = _context["catch"](0);
               console.log('校验错误！', _context.t0);
 
-            case 15:
+            case 20:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 12]]);
+      }, _callee, null, [[0, 17]]);
     }));
 
     return function onSave() {
@@ -137,11 +164,22 @@ 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();
+      }
+    }
   }; // 动态展示选择框
 
 
@@ -157,7 +195,8 @@ var ModalItem = function ModalItem() {
     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, {
@@ -172,6 +211,9 @@ var ModalItem = function ModalItem() {
     visible: customModal.type === 'complex' && 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,26 +233,35 @@ 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"
+    label: "\u67E5\u8BE2\u65B9\u5F0F",
+    noStyle: true
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, null, /*#__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"
+  }, /*#__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
   }, state.instance.fullData.map(function (v) {
@@ -218,7 +269,11 @@ var ModalItem = function ModalItem() {
       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/es/CkFilter/context.js

@@ -42,8 +42,8 @@ var initialState = {
   // 当前过滤的数据的键值对(二级筛选)
   customFilterValues: {},
   // 一级筛选过滤的内容
+  // 返回的高级筛选过滤的内容
   complexFilterValues: {},
-  // 高级筛选过滤的内容
   nestedFilterValues: {},
   // 嵌套结构的过滤内容 {objType: {field: 'supplier', value: 's1', label: '一号供应商'}, ...}
   customDrawer: {
@@ -57,10 +57,15 @@ var initialState = {
     type: 'custom',
     data: {}
   },
+  // 高级筛选弹窗数据结构data: { type: {mode: 'or', value: [], originField: '', ...}, ... }
   complexDrawer: {
     visible: false,
     data: {}
-  } // 高级筛选弹窗数据
+  },
+  nestedDrawer: {
+    visible: false,
+    data: {}
+  } // 嵌套过滤抽屉
 
 };
 
@@ -73,6 +78,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 +140,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/es/CkFilter/customFilter/drawer.js

@@ -271,7 +271,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,7 +325,6 @@ var Index = function Index() {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_drawer_group_add"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-    type: "dashed",
     block: true,
     onClick: addEvent,
     icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {

package/es/CkFilter/style/style.css

@@ -75,6 +75,9 @@
   font-size: 14px;
   font-weight: 500;
 }
+.ant-notification-notice .ant-notification-notice-content > div > div:last-child {
+  margin-bottom: 8px;
+}
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }
@@ -670,7 +673,7 @@ html {
   width: 100%;
 }
 .filter_dropdown .filter_body .virtual_list {
-  min-width: 160px;
+  min-width: 168px;
   max-height: 224px;
   overflow: auto;
 }
@@ -685,6 +688,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);
@@ -747,6 +751,7 @@ html {
   padding: 0 8px;
 }
 .filter_dropdown .ant-checkbox-wrapper {
+  flex: 1;
   font-size: 12px;
   align-items: center;
 }
@@ -794,6 +799,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);
@@ -953,6 +959,23 @@ html {
 }
 .ant-drawer.lm_det_drawer .ant-select {
   font-size: 12px;
+  width: auto;
+}
+.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;

package/es/CustomerService/style/style.css

@@ -75,6 +75,9 @@
   font-size: 14px;
   font-weight: 500;
 }
+.ant-notification-notice .ant-notification-notice-content > div > div:last-child {
+  margin-bottom: 8px;
+}
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }

package/es/Drawer/style/index.css

@@ -75,6 +75,9 @@
   font-size: 14px;
   font-weight: 500;
 }
+.ant-notification-notice .ant-notification-notice-content > div > div:last-child {
+  margin-bottom: 8px;
+}
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }

package/es/Dropdown/style/index.css

@@ -75,6 +75,9 @@
   font-size: 14px;
   font-weight: 500;
 }
+.ant-notification-notice .ant-notification-notice-content > div > div:last-child {
+  margin-bottom: 8px;
+}
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }

package/es/EditTable/style/style.css

@@ -75,6 +75,9 @@
   font-size: 14px;
   font-weight: 500;
 }
+.ant-notification-notice .ant-notification-notice-content > div > div:last-child {
+  margin-bottom: 8px;
+}
 .ant-notification-notice .ant-notification-notice-description {
   font-size: 12px;
 }