linkmore-design 1.1.7 → 1.1.9

package/dist/variables.css

@@ -9764,6 +9764,9 @@ p {
 .lm_editTable_warpper .icon_drag:hover {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;
@@ -9844,11 +9847,15 @@ p {
   background-color: var(--background-color-hover);
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  width: 140px;
   max-width: 140px;
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
   display: inline-flex;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
+  height: 24px;
+}
 .lm_filter_basic_item {
   font-size: 12px;
   display: inline-flex;
@@ -11259,6 +11266,9 @@ p {
   height: 48px;
   font-size: 12px;
 }
+#lm_protable_warp .ant-table-tbody > tr.ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .row-dragging {
   display: flex;
   align-items: center;
@@ -11611,9 +11621,6 @@ button.ant-table-row-expand-icon::before,
 button.ant-table-row-expand-icon::after {
   color: #bfbfbf;
 }
-.ant-table-tbody > tr.ant-table-measure-row > td {
-  padding: 0 !important;
-}
 .react-resizable-handle {
   position: absolute;
   right: -5px;

package/es/Form/FormItem/index.d.ts

@@ -1,5 +1,6 @@
 import type { FormInstance } from 'rc-field-form';
 import type { FieldProps } from 'rc-field-form/lib/Field';
+import type { Rule } from 'rc-field-form/lib/interface';
 import * as React from 'react';
 import useFormItemStatus from '../hooks/useFormItemStatus';
 import type { FormItemInputProps } from '../FormItemInput';
@@ -9,7 +10,10 @@ export declare type ValidateStatus = typeof ValidateStatuses[number];
 declare type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
 declare type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
 declare type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
-export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, RcFieldProps<Values> {
+export declare type LmRule = Rule & {
+    time?: number;
+};
+export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, Omit<RcFieldProps<Values>, 'rules'> {
     prefixCls?: string;
     noStyle?: boolean;
     style?: React.CSSProperties;
@@ -25,6 +29,8 @@ export interface FormItemProps<Values = any> extends FormItemLabelProps, FormIte
     tooltip?: LabelTooltipType;
     /** @deprecated No need anymore */
     fieldKey?: React.Key | React.Key[];
+    /** 变更 */
+    rules?: LmRule[];
     errorPlacement?: string;
     responsive?: boolean;
 }

package/es/Form/FormItem/index.js

@@ -1,11 +1,12 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import { Field, FieldContext, ListContext } from 'rc-field-form';
 import useState from 'rc-util/lib/hooks/useState';
 import { supportRef } from 'rc-util/lib/ref';
 import * as React from 'react';
-import { useContext } from 'react';
+import { useContext, useEffect, useRef } from 'react';
 import useFormItemStatus from '../hooks/useFormItemStatus';
 import { ConfigContext } from '../../ConfigProvider';
 import { cloneElement, isValidElement } from '../../_util/reactNode';
@@ -43,6 +44,31 @@ function genEmptyMeta() {
   };
 }
 
+function getRuleTime(rules) {
+  if (!rules) {
+    return 0;
+  }
+
+  var _iterator = _createForOfIteratorHelper(rules),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var rule = _step.value;
+
+      if (rule && _typeof(rule) === 'object' && rule.time) {
+        return rule.time;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return 0;
+}
+
 function InternalFormItem(props) {
   var name = props.name,
       noStyle = props.noStyle,
@@ -58,6 +84,17 @@ function InternalFormItem(props) {
       trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
       validateTrigger = props.validateTrigger,
       hidden = props.hidden;
+  var timerRef = useRef(null);
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      mergedErrors = _useState2[0],
+      setMergedErrors = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      mergedWarnings = _useState4[0],
+      setMergedWarnings = _useState4[1];
 
   var _useContext = useContext(ConfigContext),
       getPrefixCls = _useContext.getPrefixCls;
@@ -86,12 +123,12 @@ function InternalFormItem(props) {
       setSubFieldErrors = _useFrameState2[1]; // >>>>> Current field errors
 
 
-  var _useState = useState(function () {
+  var _useState5 = useState(function () {
     return genEmptyMeta();
   }),
-      _useState2 = _slicedToArray(_useState, 2),
-      meta = _useState2[0],
-      setMeta = _useState2[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      meta = _useState6[0],
+      setMeta = _useState6[1];
 
   var onMetaChange = function onMetaChange(nextMeta) {
     // This keyInfo is not correct when field is removed
@@ -144,7 +181,7 @@ function InternalFormItem(props) {
   }; // >>>>> Get merged errors
 
 
-  var _React$useMemo = React.useMemo(function () {
+  useEffect(function () {
     var errorList = _toConsumableArray(meta.errors);
 
     var warningList = _toConsumableArray(meta.warnings);
@@ -153,12 +190,18 @@ function InternalFormItem(props) {
       errorList.push.apply(errorList, _toConsumableArray(subFieldError.errors || []));
       warningList.push.apply(warningList, _toConsumableArray(subFieldError.warnings || []));
     });
-    return [errorList, warningList];
-  }, [subFieldErrors, meta.errors, meta.warnings]),
-      _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
-      mergedErrors = _React$useMemo2[0],
-      mergedWarnings = _React$useMemo2[1]; // ===================== Children Ref =====================
-
+    setMergedErrors(errorList);
+    setMergedWarnings(warningList);
+    var time = getRuleTime(rules);
+
+    if (time) {
+      clearTimeout(timerRef.current);
+      timerRef.current = setTimeout(function () {
+        setMergedErrors([]);
+        setMergedWarnings([]);
+      }, time);
+    }
+  }, [subFieldErrors, meta.errors, meta.warnings]); // ===================== Children Ref =====================
 
   var getItemRef = useItemRef(); // ======================== Render ========================
 

package/es/LmEditTable/EditTable.js

@@ -735,13 +735,15 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   };
 
   var onColSortEnd = function onColSortEnd(active, over) {
+    var _a;
+
     var oldIndex = columns.findIndex(function (item) {
       return item.dataIndex === active;
     });
     var newIndex = columns.findIndex(function (item) {
       return item.dataIndex === over;
     });
-    filterChange === null || filterChange === void 0 ? void 0 : filterChange(arrayMove(columns, oldIndex, newIndex).map(function (item, index) {
+    filterChange === null || filterChange === void 0 ? void 0 : filterChange((_a = arrayMove(columns, oldIndex, newIndex)) === null || _a === void 0 ? void 0 : _a.map(function (item, index) {
       return Object.assign(Object.assign({}, item), {
         order: index
       });
@@ -775,7 +777,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     dataSourceRef.current = dataSource;
 
     if (sortOpen) {
-      var dataSourceKeys = dataSource.map(function (item) {
+      var dataSourceKeys = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (item) {
         return item[_rowKey];
       }).join(',');
       var setCallBackFalgKeys = ((_a = sortDataSorceRef.current) === null || _a === void 0 ? void 0 : _a.map(function (item) {
@@ -819,12 +821,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
         if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
           var deeps = function deeps(children) {
-            children.forEach(function (item) {
+            children === null || children === void 0 ? void 0 : children.forEach(function (item) {
               var _a;
 
               if (preKeys.includes(item[_rowKey])) {
                 if (item[_rowKey] === row[_rowKey]) {
-                  children.forEach(function (c) {
+                  children === null || children === void 0 ? void 0 : children.forEach(function (c) {
                     c[key] = value;
                   });
                   (_a = Object.keys(item)) === null || _a === void 0 ? void 0 : _a.forEach(function (v) {
@@ -839,7 +841,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
           deeps(draft);
         } else {
-          draft.forEach(function (item, index) {
+          draft === null || draft === void 0 ? void 0 : draft.forEach(function (item, index) {
             if (row[_rowKey] === item[_rowKey]) {
               draft[index] = row;
             } else {
@@ -850,7 +852,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       } else {
         if ((preKeys === null || preKeys === void 0 ? void 0 : preKeys.length) > 1) {
           var _deeps = function _deeps(children) {
-            children.forEach(function (item) {
+            children === null || children === void 0 ? void 0 : children.forEach(function (item) {
               var _a;
 
               if (preKeys.includes(item[_rowKey])) {
@@ -887,7 +889,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
     setDataSource(function (prevDataSource) {
-      return prevDataSource.map(function (item) {
+      return prevDataSource === null || prevDataSource === void 0 ? void 0 : prevDataSource.map(function (item) {
         if (get(item, rowKey) === rowValue) {
           set(item, dataIndex, nextValue);
         }
@@ -906,10 +908,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     if (preKeys.length > 1) {
       /** 说明删除的是children中的数据 */
       var filter = function filter(data, key) {
-        var newData = data.filter(function (x) {
+        var newData = data === null || data === void 0 ? void 0 : data.filter(function (x) {
           return x[_rowKey] !== key;
         });
-        newData.forEach(function (x) {
+        newData === null || newData === void 0 ? void 0 : newData.forEach(function (x) {
           if (x.children) {
             var c = filter(x.children, key);
             x.children = c;
@@ -957,13 +959,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   var handleTableRowAdd = function handleTableRowAdd(record) {
     var _a, _b;
 
-    console.log(record, '-rrrrr');
     var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = produce(dataSourceRef.current, function (draft) {
       if (preKeys.length > 1) {
         var deeps = function deeps(children) {
-          children.forEach(function (item, index) {
-            if (preKeys.includes(item[_rowKey])) {
+          children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
+            if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
               if (item[_rowKey] === record[_rowKey]) {
                 children.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
               } else if (item.children) {
@@ -994,7 +995,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var handleCopy = function handleCopy(key, value) {
     var res = produce(dataSourceRef.current, function (draft) {
-      draft.forEach(function (item) {
+      draft === null || draft === void 0 ? void 0 : draft.forEach(function (item) {
         return item[key] = value;
       });
     });
@@ -1016,7 +1017,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     });
 
     if (hasOnlyOptionsDatas.length) {
-      return hasOnlyOptionsDatas.map(function (item) {
+      return hasOnlyOptionsDatas === null || hasOnlyOptionsDatas === void 0 ? void 0 : hasOnlyOptionsDatas.map(function (item) {
         return item.dataIndex;
       });
     }
@@ -1033,10 +1034,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
-        var dataIndexData = dataSource.map(function (d) {
+        var dataIndexData = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (d) {
           return d[dataIndex];
         });
-        var newOptions = options.map(function (o) {
+        var newOptions = options === null || options === void 0 ? void 0 : options.map(function (o) {
           return Object.assign(Object.assign({}, o), {
             disabled: !!dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value)
           });
@@ -1092,7 +1093,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     var leftColumns = [];
     var mainColumns = [];
     var rightColumns = [];
-    localColumns.forEach(function (item) {
+    localColumns === null || localColumns === void 0 ? void 0 : localColumns.forEach(function (item) {
       if ((item === null || item === void 0 ? void 0 : item.fixed) === 'left') {
         leftColumns.push(item);
       } else if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
@@ -1105,7 +1106,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     /** 为了支持colums中的分组之后，进行递归处理 */
 
     var mapColumns = function mapColumns(col, index) {
-      var _a;
+      var _a, _b;
 
       if (!col.editable && !((_a = col.children) === null || _a === void 0 ? void 0 : _a.length)) {
         return col;
@@ -1154,7 +1155,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       });
 
       if (col === null || col === void 0 ? void 0 : col.children) {
-        newCol.children = col.children.map(mapColumns);
+        newCol.children = (_b = col.children) === null || _b === void 0 ? void 0 : _b.map(mapColumns);
       }
 
       return newCol;
@@ -1179,9 +1180,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     }, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
   }, [sortEditTable]);
   var colDraggableContainer = useCallback(function (_a) {
+    var _b;
+
     var props = __rest(_a, []);
 
-    return /*#__PURE__*/React.createElement("tr", null, React.Children.map(props.children, function (child) {
+    return /*#__PURE__*/React.createElement("tr", null, (_b = React.Children) === null || _b === void 0 ? void 0 : _b.map(props.children, function (child) {
       var _a, _b;
 
       if ((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.fixed) {
@@ -1322,7 +1325,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       fixed: true,
       type: 'checkbox',
       columnWidth: 36,
-      selectedRowKeys: localRowSelectList.map(function (v) {
+      selectedRowKeys: localRowSelectList === null || localRowSelectList === void 0 ? void 0 : localRowSelectList.map(function (v) {
         return v[_rowKey];
       }),
       onChange: function onChange(selectedRowKeys, selectedRows) {

package/es/LmEditTable/style/index.css

@@ -576,6 +576,9 @@ p {
 .lm_editTable_warpper .icon_drag:hover {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/es/LmEditTable/style/variables.css

@@ -65,6 +65,9 @@
 .lm_editTable_warpper .icon_drag:hover {
   color: var(--text-color);
 }
+.lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
+  padding: 0 !important;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/es/LmEditTable/util.js

@@ -9,13 +9,13 @@ export function deepDataSourcePreKeys(dataSource, rowKey) {
   var deepDataSource = [];
 
   var eachChildren = function eachChildren(children, preKeys) {
-    children.forEach(function (item) {
+    children === null || children === void 0 ? void 0 : children.forEach(function (item) {
       deepDataSource.push(Object.assign(Object.assign({}, item), {
-        preKeys: [].concat(_toConsumableArray(preKeys), [item[rowKey]])
+        preKeys: [].concat(_toConsumableArray(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])
       }));
 
-      if (item.children) {
-        eachChildren(item.children, [].concat(_toConsumableArray(preKeys), [item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
+      if (item === null || item === void 0 ? void 0 : item.children) {
+        eachChildren(item === null || item === void 0 ? void 0 : item.children, [].concat(_toConsumableArray(preKeys), [item === null || item === void 0 ? void 0 : item[rowKey]])); // deepDataSource.push({ ...item, preKeys: [...preKeys, item[rowKey]] })
       }
     });
   };

package/es/LmFilter/clearFilter/index.js

@@ -14,7 +14,8 @@ var _linkmoreDesign = require("linkmore-design");
 var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var onClearChange = instance.onClearChange,
-      getHasFilter = instance.getHasFilter;
+      getHasFilter = instance.getHasFilter,
+      size = instance.size;
   if (!getHasFilter()) return null;
 
   var handleClear = function handleClear() {
@@ -25,6 +26,7 @@ var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
     className: "lm_filter_clear"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "link",
+    size: size,
     onClick: handleClear
   }, "\u4E00\u952E\u6E05\u7A7A"));
 });

package/es/LmFilter/complexFilter/index.js

@@ -24,7 +24,8 @@ var _utils = require("../utils");
 var LmFilterComplex = function LmFilterComplex(_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      dispatch = instance.dispatch;
+      dispatch = instance.dispatch,
+      size = instance.size;
   var expand = (0, _react.useMemo)(function () {
     return state.complexDrawer.visible;
   }, [state.complexDrawer.visible]);
@@ -44,7 +45,7 @@ var LmFilterComplex = function LmFilterComplex(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_filter_complex"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', {
+    className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', size, {
       expand: expand,
       active: active
     }),

package/es/LmFilter/components/DropdownFIlter.js

@@ -98,7 +98,8 @@ var getPlacehodler = function getPlacehodler(props) {
 }; // 根据不同的类型展示文本内容
 
 
-var getLabel = function getLabel(filterValue, item) {
+var getLabel = function getLabel(resetInstance, item) {
+  var filterValue = resetInstance.filterValue;
   var type = item.type,
       data = item.data; // 不存在筛选时
 
@@ -151,7 +152,7 @@ var getLabel = function getLabel(filterValue, item) {
 
 
       var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
-        return filterValue.includes(v.value);
+        return (0, _utils.toStringIsEqual)(v.value, filterValue, 'includes');
       })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
         return v.label;
       });
@@ -180,7 +181,7 @@ var getLabel = function getLabel(filterValue, item) {
 
 
     var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
-      return (v === null || v === void 0 ? void 0 : v.value) === filterValue;
+      return (0, _utils.toStringIsEqual)(v === null || v === void 0 ? void 0 : v.value, filterValue);
     })) === null || _data$find === void 0 ? void 0 : _data$find.label) || filterValue;
     return label;
   } catch (error) {
@@ -203,7 +204,8 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var filterValue = instance.filterValue; // 触发查询时关闭下拉框
+  var filterValue = instance.filterValue,
+      size = instance.size; // 触发查询时关闭下拉框
 
   var setFilterValue = function setFilterValue(obj) {
     instance.setFilterValue(obj);
@@ -244,7 +246,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
     ,
     destroyPopupOnHide: true
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_basic_item', {
+    className: (0, _classnames.default)('lm_filter_basic_item', size, {
       expand: visible,
       active: active
     })
@@ -252,7 +254,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
     className: "filter_item_label"
   }, item === null || item === void 0 ? void 0 : item.title, ":"), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_value"
-  }, getLabel(filterValue, item)), /*#__PURE__*/_react.default.createElement("div", {
+  }, getLabel(resetInstance, item)), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_item_icon addon_after"
   }, item.type !== 'date' || active ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
     type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',

package/es/LmFilter/style/index.css

@@ -53,11 +53,15 @@
   background-color: var(--background-color-hover);
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  width: 140px;
   max-width: 140px;
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
   display: inline-flex;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
+  height: 24px;
+}
 .lm_filter_basic_item {
   font-size: 12px;
   display: inline-flex;

package/es/LmFilter/style/variables.css

@@ -53,11 +53,15 @@
   background-color: var(--background-color-hover);
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_search {
+  width: 140px;
   max-width: 140px;
 }
 .lm_filter_wrapper .lm_filter_container .lm_filter .lm_filter_complex {
   display: inline-flex;
 }
+.lm_filter_wrapper .lm_filter_container .lm_filter.lm_filter_small .lm_filter_custom_line {
+  height: 24px;
+}
 .lm_filter_basic_item {
   font-size: 12px;
   display: inline-flex;

package/es/LmFilter/utils.js

@@ -11,6 +11,7 @@ exports.getFlatItem = getFlatItem;
 exports.getIsHas = getIsHas;
 exports.getRanges = getRanges;
 exports.getValueForType = getValueForType;
+exports.toStringIsEqual = toStringIsEqual;
 exports.uniqueFunc = uniqueFunc;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
@@ -33,6 +34,23 @@ function getIsHas(val) {
   }
 
   return flag;
+}
+/*
+ * 数据(布尔值、数值)转字符串后对比是否相等 str, strs, type
+ * @params {Array | String} strs
+ * @params {String} type 比对类型
+ * @type includes 是否包含在数组内
+ */
+
+
+function toStringIsEqual(str, strs, type) {
+  if (type === 'includes') {
+    return strs === null || strs === void 0 ? void 0 : strs.some(function (v) {
+      return toStringIsEqual(str, v);
+    });
+  }
+
+  return String(str) === String(strs);
 } // 根据类型返回对应的值
 
 

package/es/LmFilter/wrapper/Filter.js

@@ -7,8 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _baseFilter = _interopRequireDefault(require("../baseFilter"));
 
 var _customFilter = _interopRequireDefault(require("../customFilter"));
@@ -22,10 +26,10 @@ var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var enableBaisc = instance.enableBaisc,
       enableComplex = instance.enableComplex,
-      enableCustom = instance.enableCustom,
+      size = instance.size,
       enableClear = instance.enableClear;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter"
+    className: (0, _classnames.default)('lm_filter', (0, _defineProperty2.default)({}, "lm_filter_".concat(size), size))
   }, /*#__PURE__*/_react.default.createElement(_customFilter.default, {
     instance: instance
   }), enableBaisc && /*#__PURE__*/_react.default.createElement(_baseFilter.default, {