linkmore-design 1.1.13-alpha.2 → 1.1.13-alpha.4

package/lib/IconFont/index.js

@@ -1,16 +1,37 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
 var _icons = require("@ant-design/icons");
 
-var IconFont = (0, _icons.createFromIconfontCN)({
-  scriptUrl: '//at.alicdn.com/t/c/font_2966019_neaxovtw4w.js' // 在 iconfont.cn 上生成
-  // scriptUrl: require('./font/iconfont.js'),
+var _ConfigProvider = _interopRequireDefault(require("../ConfigProvider"));
+
+var ConfigContext = _ConfigProvider.default.ConfigContext;
+
+var IconFont = function IconFont(props) {
+  var _React$useContext = _react.default.useContext(ConfigContext),
+      iconUrl = _React$useContext.iconUrl;
+
+  var resetUrl = (0, _react.useMemo)(function () {
+    if (!iconUrl) return [];
+    return Array.isArray(iconUrl) ? iconUrl : [iconUrl];
+  }, [iconUrl]);
+  var Component = (0, _icons.createFromIconfontCN)({
+    scriptUrl: ['//at.alicdn.com/t/c/font_2966019_ac9pzkeuo0e.js'].concat((0, _toConsumableArray2.default)(resetUrl))
+  });
+  return /*#__PURE__*/_react.default.createElement(Component, Object.assign({}, props));
+};
 
-});
 var _default = IconFont;
 exports.default = _default;

package/lib/ImageViewer/components/Operate.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _linkmoreDesign = require("linkmore-design");
 
-var _icons = require("@ant-design/icons");
-
 var Operate = function Operate(_ref) {
   var instance = _ref.instance;
   var setTransform = instance.setTransform;
@@ -31,20 +29,18 @@ var Operate = function Operate(_ref) {
     onClick: function onClick(e) {
       return handleTranform(e, 'zoomIn');
     }
-  }), /*#__PURE__*/_react.default.createElement(_icons.ZoomOutOutlined, {
+  }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-icon_m_narrow",
     onClick: function onClick(e) {
       return handleTranform(e, 'zoomOut');
-    },
-    style: {
-      fontSize: 22
     }
   }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: "lmweb-undo",
+    type: "lmweb-icon_m_turnleft-01",
     onClick: function onClick(e) {
       return handleTranform(e, 'rotateLeft');
     }
   }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: "lmweb-redo",
+    type: "lmweb-reload",
     onClick: function onClick(e) {
       return handleTranform(e, 'rotateRight');
     }

package/lib/InputNumber/index.js

@@ -17,6 +17,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
 
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -36,18 +38,25 @@ var LMInputNumber = function LMInputNumber(props) {
   var children = props.children,
       className = props.className,
       customDisabled = props.disabled,
+      customizeSize = props.size,
       rest = __rest(props // ===================== Disabled =====================
-  , ["children", "className", "disabled"]); // ===================== Disabled =====================
+  , ["children", "className", "disabled", "size"]); // ===================== Disabled =====================
 
 
   var disabled = _react.default.useContext(_DisabledContext.default);
 
-  var mergedDisabled = customDisabled || disabled;
+  var mergedDisabled = customDisabled || disabled; // ===================== size =====================
+
+  var size = _react.default.useContext(_SizeContext.default);
+
+  var mergeSize = customizeSize || size;
   return /*#__PURE__*/_react.default.createElement(_inputNumber.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls),
-    disabled: mergedDisabled,
     placeholder: "\u8BF7\u8F93\u5165"
-  }, rest));
+  }, rest, {
+    size: mergeSize,
+    disabled: mergedDisabled
+  }));
 };
 
 var CInputNumber = LMInputNumber;

package/lib/InputNumber/style/index.css

@@ -510,8 +510,12 @@ html {
 p {
   margin-bottom: 0;
 }
+.lm_input-number {
+  width: 100%;
+}
 .lm_input-number.ant-input-number {
   border: 1px solid var(--color-15);
+  width: 100%;
 }
 .lm_input-number .ant-input-number-handler-wrap {
   width: 28px;
@@ -545,3 +549,6 @@ p {
 .lm_input-number.ant-input-number-status-warning {
   border-color: var(--warning-color) !important;
 }
+.lm_input-number .ant-input-number-input::placeholder {
+  font-size: 12px;
+}

package/lib/InputNumber/style/variables.css

@@ -1,5 +1,9 @@
+.lm_input-number {
+  width: 100%;
+}
 .lm_input-number.ant-input-number {
   border: 1px solid var(--color-15);
+  width: 100%;
 }
 .lm_input-number .ant-input-number-handler-wrap {
   width: 28px;
@@ -33,3 +37,6 @@
 .lm_input-number.ant-input-number-status-warning {
   border-color: var(--warning-color) !important;
 }
+.lm_input-number .ant-input-number-input::placeholder {
+  font-size: 12px;
+}

package/lib/LmEditTable/EditTable.js

@@ -1158,7 +1158,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     } : null]).filter(function (item) {
       return item;
     });
-    localColumns = localColumns.map(function (item, index) {
+    localColumns = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (item, index) {
       return Object.assign(Object.assign({}, item), {
         order: [null, undefined].includes(item.order) ? index : item.order
       });
@@ -1230,7 +1230,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return newCol;
     };
 
-    var res = localColumns.map(function (col, index) {
+    var res = localColumns === null || localColumns === void 0 ? void 0 : localColumns.map(function (col, index) {
       return mapColumns(col, index);
     });
     return res;
@@ -1336,7 +1336,7 @@ var EditTable = /*#__PURE__*/(0, _react.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/lib/LmEditTable/sortableItemCol.js

@@ -27,14 +27,15 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 
 var Item = /*#__PURE__*/(0, _react.forwardRef)(function (_a, ref) {
-  var _b;
-
   var children = _a.children,
       props = __rest(_a, ["children"]);
 
-  return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, props, {
+  return /*#__PURE__*/_react.default.createElement("th", Object.assign({}, props, children.props, {
     ref: ref
-  }), ((_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.children) || children);
+  })); // <th {...props} ref={ref as any}>
+  //   {/* {(children as any)?.props?.children || children} */}
+  //   { children }
+  // </th>
 });
 
 function SortableItem(props) {
@@ -49,7 +50,9 @@ function SortableItem(props) {
 
   var style = {
     position: 'relative',
-    transform: _utilities.CSS.Translate.toString(transform),
+    transform: _utilities.CSS.Translate.toString(transform ? Object.assign(Object.assign({}, transform), {
+      y: 0
+    }) : transform),
     transition: transition,
     touchAction: 'none',
     height: '40px',

package/lib/LmEditTable/util.js

@@ -74,7 +74,7 @@ function checkRowKeyByDataSource(dataSource, rowKey) {
 
     return Object.assign(Object.assign({}, v), (0, _defineProperty2.default)({}, rowKey, v[rowKey] || "v".concat(idx + 1)));
   });
-  return res;
+  return res || [];
 }
 
 function getExpandStatus(children) {

package/lib/LmFilter/components/CheckboxFilter.js

@@ -43,7 +43,9 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
       visible = instance.visible,
       setVisible = instance.setVisible;
   var _itemProps$data = itemProps.data,
-      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data,
+      showSearch = itemProps.showSearch,
+      showAllChecked = itemProps.showAllChecked;
   var inputRef = (0, _react.useRef)(); // 选中的数据项: [key, key, ...];
 
   var _useState = (0, _react.useState)(filterValue),
@@ -62,8 +64,11 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
   var delayedFn = (0, _hooks.useDelayedFn)(); // 是否存在搜索, 当数据大于8时存在搜索
 
   var isSearch = (0, _react.useMemo)(function () {
-    return filters.length > 8;
-  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+    return filters.length > 8 && !!(showSearch !== null && showSearch !== void 0 ? showSearch : true);
+  }, [filters.length, showSearch]);
+  var isAllCheck = (0, _react.useMemo)(function () {
+    return !!(showAllChecked !== null && showAllChecked !== void 0 ? showAllChecked : true);
+  }, [showAllChecked]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
 
   var checkAll = (0, _react.useMemo)(function () {
     var isAll = checkedValues.length >= options.length;
@@ -145,7 +150,7 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
     ref: inputRef,
     onSearch: handleFilter,
     onChange: handleFilter
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), isAllCheck && /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_header_operate"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
     indeterminate: indeterminate,

package/lib/LmFilter/components/DropdownFIlter.js

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -63,133 +61,194 @@ var FilterControl = function FilterControl(_ref) {
     })
   };
   return widgets[type] || null;
-};
+}; // 提示文字 占位符
+
 
-var getPlacehodler = function getPlacehodler(props) {
-  var type = props.type,
-      itemProps = props.props; // 日期显示的处理
+var ItemPlacehodler = /*#__PURE__*/_react.default.memo(function (_ref2) {
+  var item = _ref2.item;
+  var type = item.type,
+      itemProps = item.props,
+      dateType = item.dateType,
+      datetype = item.datetype,
+      placeholder = item.placeholder; // 日期显示的处理
 
   if (['date'].includes(type)) {
-    if (['range', 'rangePicker'].includes(props.dateType || props.datetype)) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u5F00\u59CB\u65E5\u671F", /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    // 兼容大小写
+    if (['range', 'rangePicker'].includes(dateType || datetype)) {
+      var pls = placeholder !== null && placeholder !== void 0 ? placeholder : ['开始日期', '结束日期'];
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, pls === null || pls === void 0 ? void 0 : pls[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
         type: "lmweb-swap-right",
         style: {
           fontSize: 14
         }
-      }), "\u7ED3\u675F\u65E5\u671F", /*#__PURE__*/_react.default.createElement(_icons.CalendarOutlined, {
+      }), pls === null || pls === void 0 ? void 0 : pls[1], /*#__PURE__*/_react.default.createElement(_icons.CalendarOutlined, {
         style: {
           fontSize: 12
         }
       }));
     }
 
-    var placeholder = {
+    var unit = {
       week: '周',
       month: '月份',
       quarter: '季度',
       year: '年份'
     };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u9009\u62E9", placeholder[itemProps === null || itemProps === void 0 ? void 0 : itemProps.picker] || '日期', /*#__PURE__*/_react.default.createElement(_icons.CalendarOutlined, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, placeholder !== null && placeholder !== void 0 ? placeholder : "\u9009\u62E9".concat(unit[itemProps === null || itemProps === void 0 ? void 0 : itemProps.picker] || '日期'), /*#__PURE__*/_react.default.createElement(_icons.CalendarOutlined, {
       style: {
         fontSize: 12
       }
     }));
   }
 
-  return '全部';
-}; // 根据不同的类型展示文本内容
+  return /*#__PURE__*/_react.default.createElement("span", null, placeholder !== null && placeholder !== void 0 ? placeholder : '全部');
+}); // 根据不同的类型展示文本内容
 
 
-var getLabel = function getLabel(resetInstance, item) {
-  var filterValue = resetInstance.filterValue;
+var ItemLabel = /*#__PURE__*/_react.default.memo(function (_ref3) {
+  var instance = _ref3.instance,
+      item = _ref3.item;
+  var filterValue = instance.filterValue;
   var type = item.type,
-      data = item.data; // 不存在筛选时
-
-  if (!(0, _utils.getIsHas)(filterValue)) {
-    return getPlacehodler(item);
-  } // 存在筛选数据时 ⬇️
+      data = item.data;
+  /*
+   * 是否返回字符串类型
+   * return string | type:  'input', 'select', 'checkbox', 'cascader'
+   * return Jsx | type: 'date'
+   */
+
+  var isString = (0, _react.useMemo)(function () {
+    return ['input', 'select', 'checkbox', 'cascader'].includes(type);
+  }, [type]); // 存在筛选数据时 ⬇️
+
+  var String = (0, _react.useMemo)(function () {
+    try {
+      var _data$find;
+
+      // 级联数据转换平级结构
+      if (['cascader'].includes(type)) {
+        var nArr = (0, _utils.getFlatItem)(item, filterValue);
+        var labels = nArr === null || nArr === void 0 ? void 0 : nArr.map(function (v) {
+          var _item$props, _item$props$fieldName;
+
+          return v[(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : (_item$props$fieldName = _item$props.fieldNames) === null || _item$props$fieldName === void 0 ? void 0 : _item$props$fieldName.label) || 'label'];
+        });
+
+        switch (labels.length) {
+          case 0:
+            // 数据未查找到时
+            return filterValue;
+
+          case 1:
+            return labels[0];
+
+          case 2:
+            return "".concat(labels[0], "\u3001").concat(labels[1]);
+
+          default:
+            return "".concat(labels[0], "\u3001+").concat(labels.length - 1, "...");
+        }
+      }
 
+      if (Array.isArray(filterValue)) {
+        var _data$filter;
 
-  try {
-    var _data$find;
+        // 日期
+        if (['date'].includes(type)) {
+          return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterValue[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+            type: "lmweb-swap-right",
+            style: {
+              fontSize: 14,
+              color: 'var(--text-color)'
+            }
+          }), filterValue[1]);
+        } // 多选
 
-    // 级联数据转换平级结构
-    if (['cascader'].includes(type)) {
-      var nArr = (0, _utils.getFlatItem)(item, filterValue);
-      var labels = nArr === null || nArr === void 0 ? void 0 : nArr.map(function (v) {
-        var _item$props, _item$props$fieldName;
 
-        return v[(item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : (_item$props$fieldName = _item$props.fieldNames) === null || _item$props$fieldName === void 0 ? void 0 : _item$props$fieldName.label) || 'label'];
-      });
+        var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
+          return (0, _utils.toStringIsEqual)(v.value, filterValue, 'includes');
+        })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
+          return v.label;
+        });
 
-      switch (labels.length) {
-        case 0:
-          // 数据未查找到时
-          return filterValue;
+        if (!_labels.length) {
+          _labels = filterValue;
+        } // 受控模式未查找到显示的内容时展示
 
-        case 1:
-          return labels[0];
 
-        case 2:
-          return "".concat(labels[0], "\u3001").concat(labels[1]);
+        switch (_labels.length) {
+          case 1:
+            return _labels[0];
 
-        default:
-          return "".concat(labels[0], "\u3001+").concat(labels.length - 1, "...");
-      }
-    }
+          case 2:
+            return "".concat(_labels[0], "\u3001").concat(_labels[1]);
 
-    if (Array.isArray(filterValue)) {
-      var _data$filter;
-
-      // 日期
-      if (['date'].includes(type)) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filterValue[0], /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-          type: "lmweb-swap-right",
-          style: {
-            fontSize: 14,
-            color: 'var(--text-color)'
-          }
-        }), filterValue[1]);
-      } // 多选
+          default:
+            return "".concat(_labels[0], "\u3001+").concat(_labels.length - 1, "...");
+        }
+      } // 输入框
 
 
-      var _labels = data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
-        return (0, _utils.toStringIsEqual)(v.value, filterValue, 'includes');
-      })) === null || _data$filter === void 0 ? void 0 : _data$filter.map(function (v) {
-        return v.label;
-      });
+      if (['input', 'date'].includes(type)) {
+        return filterValue;
+      } // 单选框 受控模式未查找到显示的内容时展示filterValue
 
-      if (!_labels.length) {
-        _labels = filterValue;
-      } // 受控模式未查找到显示的内容时展示
 
+      var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
+        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) {
+      return filterValue;
+    }
+  }, [type, filterValue]);
 
-      switch (_labels.length) {
-        case 1:
-          return _labels[0];
+  if (isString) {
+    return /*#__PURE__*/_react.default.createElement("span", null, String);
+  }
 
-        case 2:
-          return "".concat(_labels[0], "\u3001").concat(_labels[1]);
+  return String;
+});
 
-        default:
-          return "".concat(_labels[0], "\u3001+").concat(_labels.length - 1, "...");
-      }
-    } // 输入框
+var FilterItem = /*#__PURE__*/_react.default.memo(function (_ref4) {
+  var instance = _ref4.instance,
+      item = _ref4.item;
+  var filterValue = instance.filterValue,
+      setFilterValue = instance.setFilterValue;
+  var title = item.title,
+      colon = item.colon; // 是否有筛选值/是否处于筛选状态
 
+  var active = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(filterValue);
+  }, [filterValue]); // 冒号
 
-    if (['input', 'date'].includes(type)) {
-      return filterValue;
-    } // 单选框 受控模式未查找到显示的内容时展示filterValue
+  var showColon = (0, _react.useMemo)(function () {
+    return (colon !== null && colon !== void 0 ? colon : ':') ? ':' : null;
+  }, [colon]);
 
+  var handleClear = function handleClear(e) {
+    if (active) {
+      e.stopPropagation();
+      setFilterValue((0, _utils.getValueForType)(item.type));
+    }
+  };
 
-    var label = (data === null || data === void 0 ? void 0 : (_data$find = data.find(function (v) {
-      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) {
-    return filterValue;
-  }
-};
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (title || showColon) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item_label"
+  }, title, showColon), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item_value"
+  }, active ? /*#__PURE__*/_react.default.createElement(ItemLabel, {
+    instance: instance,
+    item: item
+  }) : /*#__PURE__*/_react.default.createElement(ItemPlacehodler, {
+    item: 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',
+    onClick: handleClear
+  }) : null));
+});
 /*
  * css样式控制
  * expand: 展开样式
@@ -197,9 +256,9 @@ var getLabel = function getLabel(resetInstance, item) {
  */
 
 
-var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
-  var instance = _ref2.instance,
-      item = _ref2.item;
+var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref5) {
+  var instance = _ref5.instance,
+      item = _ref5.item;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -208,11 +267,21 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
 
   var filterValue = instance.filterValue,
       size = instance.size;
-  var popupClassName = item.popupClassName; // 触发查询时关闭下拉框
+  var popupClassName = item.popupClassName,
+      className = item.className,
+      style = item.style; // 是否有筛选值/是否处于筛选状态
+
+  var active = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(filterValue);
+  }, [filterValue]); // 触发查询时关闭下拉框
 
   var setFilterValue = function setFilterValue(obj) {
     instance.setFilterValue(obj);
     setVisible(false);
+  };
+
+  var onVisibleChange = function onVisibleChange(v) {
+    return setVisible(v);
   }; // 重组Instance 加入下拉关闭控制
 
 
@@ -221,19 +290,7 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
     setVisible: setVisible
   }, instance), {}, {
     setFilterValue: setFilterValue
-  }); // 是否有筛选值/是否处于筛选状态
-
-  var active = (0, _react.useMemo)(function () {
-    return (0, _utils.getIsHas)(filterValue);
-  }, [filterValue]);
-
-  var handleClear = function handleClear(e) {
-    if (active) {
-      e.stopPropagation();
-      setFilterValue((0, _utils.getValueForType)(item.type));
-    }
-  };
-
+  });
   return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
     trigger: ['click'],
     visible: resetInstance.visible,
@@ -242,27 +299,21 @@ var DropdownFilter = /*#__PURE__*/_react.default.memo(function (_ref2) {
       instance: resetInstance,
       item: item
     }),
-    overlayClassName: (0, _classnames.default)("filter_dropdown_container_".concat(item.type), (0, _defineProperty2.default)({}, popupClassName, popupClassName)),
-    onVisibleChange: function onVisibleChange(v) {
-      return setVisible(v);
-    } // 未开启则需手动控制下拉展示组件的初始化
+    overlayClassName: (0, _classnames.default)("filter_dropdown_container_".concat(item.type), popupClassName),
+    onVisibleChange: onVisibleChange // 未开启则需手动控制下拉展示组件的初始化
     ,
     destroyPopupOnHide: true
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_basic_item', size, {
+    className: (0, _classnames.default)('lm_filter_basic_item', className, size, {
       expand: visible,
       active: active
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_label"
-  }, item === null || item === void 0 ? void 0 : item.title, ":"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_value"
-  }, 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',
-    onClick: handleClear
-  }) : null)));
+    }),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(FilterItem, {
+    key: item.title,
+    instance: resetInstance,
+    item: item
+  })));
 });
 
 var _default = DropdownFilter;

package/lib/LmFilter/components/SelectFilter.js

@@ -39,7 +39,8 @@ var SelectFilter = function SelectFilter(_ref) {
       setFilterValue = instance.setFilterValue,
       visible = instance.visible;
   var _itemProps$data = itemProps.data,
-      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data,
+      showSearch = itemProps.showSearch;
   var delayedFn = (0, _hooks.useDelayedFn)();
   var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
 
@@ -50,8 +51,8 @@ var SelectFilter = function SelectFilter(_ref) {
 
 
   var isSearch = (0, _react.useMemo)(function () {
-    return filters.length > 8;
-  }, [filters.length]); // 自定义节点字段
+    return filters.length > 8 && !!(showSearch !== null && showSearch !== void 0 ? showSearch : true);
+  }, [filters.length, showSearch]); // 自定义节点字段
 
   var fieldNames = (0, _react.useMemo)(function () {
     return (0, _objectSpread2.default)({