linkmore-design 1.1.20 → 1.1.22-beta.1

package/es/LmFilter/components/DropdownFIlter.js

@@ -0,0 +1,341 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _icons = require("@ant-design/icons");
+
+var _InputFilter = _interopRequireDefault(require("./InputFilter"));
+
+var _SelectFilter = _interopRequireDefault(require("./SelectFilter"));
+
+var _CheckboxFilter = _interopRequireDefault(require("./CheckboxFilter"));
+
+var _CascaderFilter = _interopRequireDefault(require("./CascaderFilter"));
+
+var _DateFilter = _interopRequireDefault(require("./DateFilter"));
+
+var _utils = require("../utils");
+
+// 组件渲染
+var FilterControl = function FilterControl(_ref) {
+  var instance = _ref.instance,
+      item = _ref.item;
+  var type = item.type;
+  var widgets = {
+    input: /*#__PURE__*/_react.default.createElement(_InputFilter.default, {
+      instance: instance,
+      item: item
+    }),
+    select: /*#__PURE__*/_react.default.createElement(_SelectFilter.default, {
+      instance: instance,
+      item: item
+    }),
+    checkbox: /*#__PURE__*/_react.default.createElement(_CheckboxFilter.default, {
+      instance: instance,
+      item: item
+    }),
+    cascader: /*#__PURE__*/_react.default.createElement(_CascaderFilter.default, {
+      instance: instance,
+      item: item
+    }),
+    date: /*#__PURE__*/_react.default.createElement(_DateFilter.default, {
+      instance: instance,
+      item: item
+    })
+  };
+  return widgets[type] || null;
+}; // 提示文字 占位符
+
+
+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(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
+        }
+      }), pls === null || pls === void 0 ? void 0 : pls[1], /*#__PURE__*/_react.default.createElement(_icons.CalendarOutlined, {
+        style: {
+          fontSize: 12
+        }
+      }));
+    }
+
+    var unit = {
+      week: '周',
+      month: '月份',
+      quarter: '季度',
+      year: '年份'
+    };
+    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 /*#__PURE__*/_react.default.createElement("span", null, placeholder !== null && placeholder !== void 0 ? placeholder : '全部');
+}); // 根据不同的类型展示文本内容
+
+
+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;
+  /*
+   * 是否返回字符串类型
+   * 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;
+
+        // 日期
+        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]);
+        } // 多选
+
+
+        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 (!_labels.length) {
+          _labels = filterValue;
+        } // 受控模式未查找到显示的内容时展示
+
+
+        switch (_labels.length) {
+          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 (['input', 'date'].includes(type)) {
+        return filterValue;
+      } // 单选框 受控模式未查找到显示的内容时展示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, data, filterValue]);
+
+  if (isString) {
+    return /*#__PURE__*/_react.default.createElement("span", null, String);
+  }
+
+  return String;
+});
+
+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,
+      clearIconTrigger = item.clearIconTrigger; // 是否有筛选值/是否处于筛选状态
+
+  var active = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(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));
+    }
+  }; // Icon展示方式
+
+
+  var Icon = function Icon() {
+    // hover时出现清空
+    if (clearIconTrigger === 'hover') {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-close-circle-fill",
+        onClick: handleClear,
+        className: "icon_clear"
+      }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+        type: "lmweb-down",
+        className: "icon_down"
+      }));
+    } // 日期类型并且未选中时返回日期自带icon
+
+
+    if (item.type === 'date' && !active) return null; // 选中时展示清楚按钮
+
+    return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: active ? 'lmweb-close-circle-fill' : 'lmweb-down',
+      onClick: handleClear
+    });
+  };
+
+  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"
+  }, /*#__PURE__*/_react.default.createElement(Icon, null)));
+});
+/*
+ * css样式控制
+ * expand: 展开样式
+ * active: 选中样式
+ */
+
+
+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),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var filterValue = instance.filterValue,
+      size = instance.size;
+  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 加入下拉关闭控制
+
+
+  var resetInstance = (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    visible: visible,
+    setVisible: setVisible
+  }, instance), {}, {
+    setFilterValue: setFilterValue
+  });
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    trigger: ['click'],
+    visible: resetInstance.visible,
+    placement: "bottomLeft",
+    overlay: /*#__PURE__*/_react.default.createElement(FilterControl, {
+      instance: resetInstance,
+      item: item
+    }),
+    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', className, size, {
+      expand: visible,
+      active: active
+    }),
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(FilterItem, {
+    key: item.title,
+    instance: resetInstance,
+    item: item
+  })));
+});
+
+var _default = DropdownFilter;
+exports.default = _default;

package/es/LmFilter/components/EmptyFilter.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var emptyBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKIAAABkCAYAAAAFQ+uyAAAABHNCSVQICAgIfAhkiAAAC5NJREFUeJztnUtsG8cdxr/ZmSW5fOhZyXJruVKd1IGNJg5qxIcAtgS4UaMqcJCDbgWcS3NznAIFekhRFiiKnlwV7UWX2ChQoGAObSGDMOCg8qEQYECC04OTIJUfSGPZ8VMSKS33MTM9SExoWRIf2uUuV/MDBInkcPej5uN/5j8zu0MQQXK5XAwADMNgb7zxxuoWZbpSqVQGAEqlEjjnd8fHx+1m6qyVbDarvfLKKzqllC0sLHAASKVSzvj4OA9am1eQoAV4zaVLl/ZyzveUH3POHSnlF6dOnSoAQC6Xo6lU6gCAZOX7XNcVmqbNb2XcZpPP59scx+kFAMZYerMynHOHUloUQqwAQDqdXhweHnabqdMrImXEXC7XbhjGwGavmab5OQAkEokeQkjnZmUIIfbY2NinPkqsSi6Xo4lEYj8hpK3e93LOBSHk/rVr1x5ks1nhhz6/0IIWoFAAEYuIU1NTzzPGjC1ettZ/x7c7hpTyLgCMjo4+8FJbNfL5fBwAKKWDQojYTo7luq5NKb0FAKOjo1a18mEgMkacmZkxCoXCAQ8O5QLAyMjIZx4cqyby+XycUjq4/pB5cUxN0zgACCG+GBkZWfHimH4SeiPmcjlqGMZTUcw0TWtjxnj58uX9nPOMV+d1XXdhbGzsiVfH24rJyUl9//793yOEeGLAjRBC+O3bt2+88847jh/H9wpfPvxOOX/+fKK3t3cPABBCUhtfT6fTuHjxYknTNLtcgY7jJAFIrzQwxroB+G7EgYGBfZxzKqX0TPsGtIGBgX0Abvl0fE9QyYoiFISuaZ6ZmTFWV1f7KaVh+JI8HB4efrhdgWw2q504cSJpWVYsHo+XkwwGwLUsy15eXjYBYHx83Nz43kuXLu2Nx+Pt3st+Fs75g5MnTz5qxrkaIVRGnJ6eZgAGpJQ0aC1lCoXCQnkwvMzs7Ky+uLjYBQBCiDbGWNUvDWPs8fHjxx8AwOXLl9sBgFLa54fmzbBtm4+MjNwAAEKIX92AhgmVET/66KM9AJoSIeqBc74IAKlUyrQsq01K+Uy/tRZM03xMKS1omtYPALUY2EtKpdIDAGhGElYvoUhW1iMhAGQAhG5GgFLaBgCO47RpmgY0qDGdTndompYR4uu3N/Wz6rresf5n6IwYhn6YQhGOiMg5bwfC2XfxGiGEBg+Hmeqh3BWYnJzUwzauGAojxuPxFACIijZL4R/9/f2hawkDN+LU1FTSdd3yPybyETEMGIah45u591AQuBH37t2btCxLGbCJcM4NAMWgdVQSuhCt2J0EFhGllNrVq1fTQghD13XVN2wiuq4npJQaISQ0//emDmhfv349trS0VF72bmiaFqoB9d0EIcQ8duxYaKb8mmKEmZkZw3XdNGNsRws+Fd6SSqUWX3rppVCsVfTNiNPT04lMJlOOfrpf51E0jhBC9vT0LALA4OBgKUgtKllRhALPI2I+n4/39vZmhBCBDw0pakcIsXrs2LFCULNbnhgxl8vRnp6eDABsXNavaB1s2xamaa6+9tprq0Bzp1x3bMTZ2dmkpmkNLYtShBMhhAQAXddNx3Hso0eP+j4v3ZARpZQaAMzNzWWgEpHdggMAuq67d+7ccYvFouvlLU9UsqIIBXVHxNnZWd227QwAUErVgLQClFIXgHPz5s1nLvOtlbqMdP369RjnXPUHFVtCKXUA4NChQyv1JDs1G3F2dlanlCoTKmrCsixRz3BQ1bG+cmJy9epVA2q9oKJGGGNkbm7OAFDTbf5UsqIIBVUj4t27dxMA0NHRIaEioqI+ar4+fVsjSinpJ598opbxKxpGSklq6Sdua8T5+Xnmuq4yoKIhHMeRniUrXV1doVnFq2gtlpeXax5TVMmKIhRUjYiqaVY0yocffljzDgfbDmhLKRlU1FQ0hiCE1GzEahGRz83NqflkRc0UCgUJAPXu91LVZLlcjgJAT0+PMqSiKsPDw+UEpa4unWp2FaGg5ihXnnNWKLZiJxfs19XcSilV86zYlN1wS0GFQqFQKBQKRXNRyQeAt35X+IMk8k0CMuD3uaTEx1IjFwDgH79M/9Hv87UKu9qIp367dH7tL3k6iPMLyPem3u+cCOLcYWPXGnHsN48mCPBu0Dog5dtT2W9dCFpG0KhBakUo2JURcfRX908TgvNB61hnUWoYzmd7Pw5aSJDsOiP++P27Q0RiOmgdTyMXJScvA8Cl3++9HbCYQNg1RvzRL748AgCEyGlCSEe18s1GSnwMALadGr4y0bkYtJ5msytupjl09laHlO55AJAyfCZc5wgAMLb0dwDDAWtpOipZUYSCXdE0D5+9eY2QtYjTEkh54V8TB94OWkYzibwRh96dP0+A09XK/eC5DF490on2jH/3Hf3qkYX8v+/j/mO7alkpyHtX/nRg1wx2R9qIQ2f+myWE/LpauRefz2DseG8zJKFkcfw1vwAA+KqKISXB2wBwZeK5C74LC5hIGnHo7PxpACBy+7HCPd1r+w/99CffRiJe821adkzJWrus489/+wIle+tFzRJYy54JHb4yMRjpcUaVrChCQeQi4tDZW0eI5NeqlevIMPzsrX0A0NRoWMm9hxb+cnFh26gIrEdGQl++MjF4uznKmk/kxhEPDrZNxWPbG0vTgL7uOD79X/nKR45EjODgPgad+ffdNC2BG3c5Snb58g6CV4/21ZK8dBSK1sQV4E3fxAVM5IyYSbN0JlV970nLBSz3m0hUMAGqSRz+rn/7Vn72pYvF4sboR9DdWX2PJM5luz+qwkHkjKhrgN5gS7tiSmg+9ZodV2LFFA1rY8H0HpqGSlYUoSByEZFSAtZgP8+VwPLKWtPZkfb2O/qkKBrWBQBaxCNi9Iy4g6YZAD6/s7btXHebhoS+88SlWFpLTB4XGm+WASDqWytF0ohe9KceF7y9Ue5ONVEVEVuLjgy7oVP8MGgdXrOnU/9P0Br8RCUrilAQuYhoxLUiIdHrUGXSeqRXbUfOiLHIfaJ1In6vrchVW9QHfqMKA4Bz584ZiTVa3pg6kbpv0yNBIuzkBx980BO0DK8pFovWmTNnliNYY4pWhJ07d87o6+sr78Pc8j0RyoAI5ioAgEQi0fL1s5F0Os0AgL3wwgu6pmmR2ebMZURGrrYAQNNkMrrb0RFWLBZFMpmMRN25biYd15CI4vANt+1uU+idTvHREwCISp2tIxkAM5VKtWSSYtuxmKCJPgDgEntpjCaZtOYJS0ZuZgWwHjLW/WKyp9sBAFs496nFFwzDLAatbCcYhiEANbOiCAkEAKanp5lpmkld92C5SZNgrKvHlfEDmiae+TLRzgM/BwBCYyebr8x7hFP6p1i6NbnZa4zQe7a9cLPZmrziyZMn9vj4uPm18SYnJ/X+/n4jSFG1kkp9p1vS+EDVgtRIa7H0c/4r8gdhPqjpEtKSvfoYAETp3i1/FXnP66+/XiCEPL2Bz/T0NAOArq6uONvJKk6fWTZj34/H9OoXeuwSpFwbKNDE4mexWKyuzRiD4tChQyUAKO9guqnZcrkcPXjwYKKZwurB0dvbmERf0DrCQlI3lgDANO99FbSWWmCMOYcPH37q0kWVrChCwZbNbzab1U6cOBHLZDKhNKuu62mSaOsiURw0rAfNLVqLi4+CllErhULB3mwv53r2a9bj8XioKj0WixEgkwQAw2BJXWctOR5aD5wLAQC6zlcty1pdWlri1d4TNJZlSQAYGhqyt9rBtN7dSTUAFOFt0jUA+voPVlbAEIHbqkgJnk7DBuAACL3xKpAAOCGkquaGKqliu9yyIUnFscJW8QRrOstatYrnwoIEUI4UouKnFafxypp5Pfs3h6kyFLsYX6LXesSsjJLY5HEY2UrfZs9XPrdV5Kr3+VZGABCNbiAemDEqmveNGqpVuiIcfN118GL3+pat4Aojl9kYfRXeICt/e2G6zVAVVgebmL8l8ctMO0ElKwqFQlHm/1pwrIuiAlBWAAAAAElFTkSuQmCC";
+
+var EmptyFilter = function EmptyFilter() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: emptyBase64,
+    alt: "empty",
+    width: 81
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty_text"
+  }, "\u6682\u65E0\u6570\u636E"));
+};
+
+var _default = EmptyFilter;
+exports.default = _default;

package/es/LmFilter/components/InputFilter.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var InputFilter = function InputFilter(_ref) {
+  var instance = _ref.instance;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible;
+  var inputRef = (0, _react.useRef)(null);
+
+  var onChange = function onChange(val) {
+    return setFilterValue(val);
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+        cursor: 'all'
+      }); // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
+      // inputRef.current?.setValue?.('');
+      // handleFilter('');
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    defaultValue: filterValue,
+    ref: inputRef,
+    onSearch: onChange
+  })));
+};
+
+var _default = InputFilter;
+exports.default = _default;

package/es/LmFilter/components/InputSearchClose.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+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 _linkmoreDesign = require("linkmore-design");
+
+var _hooks = require("../hooks");
+
+var _excluded = ["value", "onChange", "onSearch"];
+// 搜索输入框, 增加Ref关闭功能
+var InputSearchClose = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var inputRef = (0, _react.useRef)(null);
+  var value = props.value,
+      onChange = props.onChange,
+      onSearch = props.onSearch,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)(value),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      aliveValue = _useState2[0],
+      setAliveValue = _useState2[1];
+
+  var delayedQuery = (0, _hooks.useDelayedFn)(500); // 内容改变触发 => 延迟触发
+
+  var handleChange = function handleChange(e) {
+    e === null || e === void 0 ? void 0 : e.persist();
+    setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(e.target.value);
+    delayedQuery(function () {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+    });
+  }; // 搜索触发 => 立即触发 & 解除上一次的延迟触发
+
+
+  var handleSearch = function handleSearch(val) {
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
+    delayedQuery.cancel();
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, inputRef.current), {}, {
+      setValue: function setValue(val) {
+        return setAliveValue(val);
+      }
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, (0, _extends2.default)({
+    ref: inputRef,
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    value: aliveValue,
+    onSearch: handleSearch,
+    onChange: handleChange
+  }, resetProps));
+});
+var _default = InputSearchClose;
+exports.default = _default;

package/es/LmFilter/components/SelectFilter.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var _EmptyFilter = _interopRequireDefault(require("./EmptyFilter"));
+
+var _hooks = require("../hooks");
+
+var _excluded = ["item"];
+
+var SelectFilter = function SelectFilter(_ref) {
+  var instance = _ref.instance,
+      itemProps = _ref.item;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible;
+  var _itemProps$data = itemProps.data,
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data,
+      showSearch = itemProps.showSearch;
+  var delayedFn = (0, _hooks.useDelayedFn)();
+  var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8 && !!(showSearch !== null && showSearch !== void 0 ? showSearch : true);
+  }, [filters.length, showSearch]); // 自定义节点字段
+
+  var fieldNames = (0, _react.useMemo)(function () {
+    return (0, _objectSpread2.default)({
+      label: 'label',
+      value: 'value'
+    }, itemProps.fieldNames);
+  }, [itemProps.fieldNames]);
+
+  var handleFilter = function handleFilter() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var serachValues = filters.filter(function (v) {
+      return v[fieldNames.label].indexOf(val) > -1;
+    });
+    setOptions(serachValues);
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, obj) {
+    e.preventDefault();
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj[fieldNames.value], obj);
+  }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
+
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      delayedFn(function () {
+        var _inputRef$current, _inputRef$current$foc;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current, {
+          cursor: 'all'
+        });
+      }); // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
+      // inputRef.current?.setValue?.('');
+      // handleFilter('');
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item[fieldNames.value] === filterValue
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_content"
+    }, item[fieldNames.label]));
+  }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)));
+};
+
+var _default = SelectFilter;
+exports.default = _default;