linkmore-design 1.0.30 → 1.0.33

package/es/CkFilter/components/filterTypes.js

@@ -0,0 +1,815 @@
+"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;
+
+require("antd/es/cascader/style");
+
+var _cascader = _interopRequireDefault(require("antd/es/cascader"));
+
+require("antd/es/date-picker/style");
+
+var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+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 _lodash = require("lodash");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
+var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
+
+var _utils = require("../utils");
+
+var _DragBox = _interopRequireDefault(require("./DragBox"));
+
+var _icon_placeholder = _interopRequireDefault(require("../icon_placeholder.png"));
+
+var _excluded = ["item"],
+    _excluded2 = ["item"],
+    _excluded3 = ["item"],
+    _excluded4 = ["item"],
+    _excluded5 = ["type"];
+
+var FilterEmpty = function FilterEmpty() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _icon_placeholder.default,
+    alt: "empty",
+    width: 81
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty_text"
+  }, "\u6682\u65E0\u6570\u636E"));
+}; // 输入框过滤器
+
+
+var InputFilter = function InputFilter(_ref) {
+  var getFilterValue = _ref.getFilterValue,
+      setFilterValue = _ref.setFilterValue;
+  var inputRef = (0, _react.useRef)(null);
+
+  var onChange = function onChange(val) {
+    return setFilterValue(val);
+  };
+
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    }, 200);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
+    defaultValue: getFilterValue,
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: onChange
+  })));
+}; // 下拉单选过滤器
+
+
+var SelectFilter = function SelectFilter(_ref2) {
+  var _ref2$filters = _ref2.filters,
+      filters = _ref2$filters === void 0 ? [] : _ref2$filters,
+      getFilterValue = _ref2.getFilterValue,
+      setFilterValue = _ref2.setFilterValue;
+  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;
+  }, [filters.length]); // 搜索
+
+  var handleFilter = function handleFilter(val) {
+    setOptions(filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    }));
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, item) {
+    e.preventDefault();
+    setFilterValue(item.value);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: handleFilter,
+    onChange: (0, _lodash.debounce)(function (e) {
+      return handleFilter(e.target.value);
+    }, 500)
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref3) {
+    var item = _ref3.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item.value === getFilterValue
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item-content"
+    }, item.label));
+  }), !options.length && /*#__PURE__*/_react.default.createElement(FilterEmpty, null)));
+}; // 嵌套结构下拉单选过滤器
+
+
+var NestedFilter = function NestedFilter(_ref4) {
+  var filters = _ref4.filters,
+      getFilterValue = _ref4.getFilterValue,
+      setFilterValue = _ref4.setFilterValue;
+  var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
+
+  var _useState3 = (0, _react.useState)(filters),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      options = _useState4[0],
+      setOptions = _useState4[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]); // 搜索
+
+  var handleFilter = function handleFilter(val) {
+    setOptions(filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    }));
+  }; // 单选事件
+
+
+  var handleClick = function handleClick(e, item) {
+    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", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: handleFilter,
+    onChange: (0, _lodash.debounce)(function (e) {
+      return handleFilter(e.target.value);
+    }, 500)
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref5) {
+    var item = _ref5.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item.value === getFilterValue
+      }),
+      onClick: function onClick(e) {
+        return handleClick(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item-content"
+    }, item.label));
+  }), !options.length && /*#__PURE__*/_react.default.createElement(FilterEmpty, null)));
+}; // 自定义筛选下拉选过滤器
+
+
+var CustomFilter = function CustomFilter(_ref6) {
+  var _ref6$filters = _ref6.filters,
+      filters = _ref6$filters === void 0 ? [] : _ref6$filters,
+      getFilterValue = _ref6.getFilterValue,
+      setFilterValue = _ref6.setFilterValue;
+
+  // 单选事件
+  var onChange = function onChange(e, item) {
+    e.preventDefault();
+    setFilterValue(item);
+  };
+
+  var handleAdd = function handleAdd(e) {
+    e.preventDefault();
+    setFilterValue('', 'add');
+  };
+
+  var handleEdit = function handleEdit(e, item) {
+    e.stopPropagation();
+    setFilterValue(item, 'edit');
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
+    options: filters,
+    className: "filter_list"
+  }, function (_ref7) {
+    var item = _ref7.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref7, _excluded3);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item.value === getFilterValue
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item-content"
+    }, item.label), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_operate"
+    }, item.default ? '默认' : /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-edit",
+      className: "hover_show icon_top",
+      onClick: function onClick(e) {
+        return handleEdit(e, item);
+      }
+    })));
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item add_more",
+    onClick: function onClick(e) {
+      return handleAdd(e);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item-content"
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "lmweb-plus"
+  }), "\u65B0\u589E\u81EA\u5B9A\u4E49\u67E5\u8BE2")), !filters.length && /*#__PURE__*/_react.default.createElement(FilterEmpty, null)));
+}; // 下拉多选过滤器: 要过滤的数据, 当前选中项, 触发过滤, 过滤前的数据
+
+
+var CheckboxFilter = function CheckboxFilter(_ref8) {
+  var _ref8$filters = _ref8.filters,
+      filters = _ref8$filters === void 0 ? [] : _ref8$filters,
+      getFilterValue = _ref8.getFilterValue,
+      setFilterValue = _ref8.setFilterValue;
+  var inputRef = (0, _react.useRef)(null); // 选中的数据项: ['', '', ...];
+
+  var _useState5 = (0, _react.useState)(getFilterValue || []),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      checkedValues = _useState6[0],
+      setCheckedValues = _useState6[1]; // 搜索后的筛选项：[{value: '', ... }, ...]
+
+
+  var _useState7 = (0, _react.useState)(filters),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      options = _useState8[0],
+      setOptions = _useState8[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+
+  var checkAll = (0, _react.useMemo)(function () {
+    var isLen = checkedValues.length >= options.length;
+    return isLen && options.every(function (_ref9) {
+      var value = _ref9.value;
+      return checkedValues.includes(value);
+    });
+  }, [checkedValues.length, options]); // 是否半选: 存在选中的数据 && 未全选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && !checkAll;
+  }, [checkedValues.length, checkAll]); // 全选事件
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var nValue = checkAll ? checkedValues.filter(function (v) {
+      return !options.some(function (_ref10) {
+        var value = _ref10.value;
+        return v === value;
+      });
+    }) : Array.from(new Set([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options.map(function (v) {
+      return v.value;
+    })))));
+    setCheckedValues(nValue);
+  }; // 搜索
+
+
+  var handleFilter = function handleFilter(val) {
+    setOptions(filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    }));
+  }; // 确定
+
+
+  var handleSure = function handleSure() {
+    setFilterValue(checkedValues);
+  }; // 取消
+
+
+  var handleReset = function handleReset() {
+    if (inputRef.current) {
+      inputRef.current.input.value = '';
+    }
+
+    setFilterValue(undefined);
+  }; // 单选事件
+  // const onChange = (values) => setCheckedValues(values || undefined);
+
+
+  var onChange = function onChange(e, item) {
+    e.preventDefault();
+    var arr = checkedValues.includes(item.value) ? checkedValues.filter(function (v) {
+      return v !== item.value;
+    }) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.value]);
+    setCheckedValues(arr || undefined);
+    !isSearch && setFilterValue(arr, 'single');
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: handleFilter,
+    onChange: (0, _lodash.debounce)(function (e) {
+      var _e$target;
+
+      return handleFilter(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
+    }, 500)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header_operate"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    indeterminate: indeterminate,
+    onChange: onCheckAllChange,
+    checked: checkAll,
+    className: "filter_tip"
+  }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "filter_tip"
+  }, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
+    value: checkedValues,
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref11) {
+    var item = _ref11.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref11, _excluded4);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: checkedValues.includes(item.value)
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+      value: item.value,
+      className: "filter_item-content"
+    }, item.label));
+  }), !options.length && /*#__PURE__*/_react.default.createElement(FilterEmpty, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_footer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "footer_clear",
+    onClick: handleReset
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
+}; // 更多筛选
+
+
+var MoreFilter = function MoreFilter(_ref12) {
+  var _ref12$filters = _ref12.filters,
+      filters = _ref12$filters === void 0 ? [] : _ref12$filters,
+      getFilterValue = _ref12.getFilterValue,
+      setFilterValue = _ref12.setFilterValue;
+
+  // 选中的数据
+  var _useState9 = (0, _react.useState)(getFilterValue || []),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      checkedValues = _useState10[0],
+      setCheckedValues = _useState10[1]; // 排序后的数组
+
+
+  var _useState11 = (0, _react.useState)(filters || []),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      options = _useState12[0],
+      setOptions = _useState12[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]); // 是否半选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && checkedValues.length < options.length;
+  }, [checkedValues.length, options.length]); // 是否全选
+
+  var checkAll = (0, _react.useMemo)(function () {
+    return checkedValues.length === options.length;
+  }, [checkedValues.length, options.length]); // 全选事件
+
+  var onCheckAllChange = function onCheckAllChange(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    var nValue = checkAll ? [] : options.map(function (v) {
+      return v.field;
+    });
+    console.log('nValue', checkAll, nValue, nValue.length);
+    setCheckedValues(nValue); // setFilterValue(options, checkAll ? 'hidden' : 'show')
+  }; // 搜索
+
+
+  var handleFilter = function handleFilter(val) {
+    setOptions(filters.filter(function (v) {
+      return v.title.indexOf(val) > -1;
+    }));
+  }; // 重置
+
+
+  var handleReset = function handleReset() {
+    return setFilterValue(null, 'reset');
+  }; // 确定
+
+
+  var handleSure = function handleSure() {
+    setFilterValue(checkedValues, 'sure');
+  }; // 取消
+
+
+  var handleCancel = function handleCancel() {
+    setFilterValue(checkedValues, 'cancel');
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, isSearch && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: handleFilter
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header_operate"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onClick: onCheckAllChange,
+    className: "filter_header_operate_checked"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    indeterminate: indeterminate,
+    checked: checkAll
+  }, "\u5168\u90E8")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "filter_reset",
+    onClick: handleReset
+  }, "\u91CD\u7F6E")))), /*#__PURE__*/_react.default.createElement(_DragBox.default, {
+    filters: filters,
+    options: options,
+    checkedValues: checkedValues,
+    setFilterValue: setFilterValue,
+    setCheckedValues: setCheckedValues
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_footer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "footer_clear",
+    onClick: handleCancel
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
+}; // 日期范围选择器
+
+
+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 () {
+    var nValue;
+
+    if (getFilterValue) {
+      nValue = dateType === 'rangePicker' ? [(0, _moment.default)(getFilterValue[0]), (0, _moment.default)(getFilterValue[1])] : (0, _moment.default)(getFilterValue);
+    }
+
+    return nValue;
+  }, [getFilterValue]); // 最近的时间段, 值为JSON转换后的字符串
+
+  var ranges = (0, _react.useMemo)(function () {
+    return Object.entries((0, _utils.getRanges)()).map(function (item, i) {
+      return {
+        id: i,
+        label: item[0],
+        value: JSON.stringify(item[1])
+      };
+    });
+  }, []); // 选中时间段的触发
+
+  var onChange = function onChange(dates, dateStrings) {
+    setFilterValue((0, _utils.getIsHas)(dateStrings) ? dateStrings : null);
+  };
+
+  if (dateType === 'rangePicker') {
+    // 选中时间段的触发
+    var handleOnChange = function handleOnChange(dates, dateStrings) {
+      onChange(dates, (0, _utils.getIsHas)(dateStrings.filter(function (v) {
+        return !!v;
+      })) ? dateStrings : null);
+    }; // 最近的时间触发事件
+
+
+    var handleLastDateOnChange = function handleLastDateOnChange(e) {
+      var nValue = JSON.parse(e.target.value);
+      setFilterValue(nValue);
+    };
+
+    var panelRender = function panelRender(panelNode) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_box"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_main"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_header"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_header_tip"
+      }, getFilterValue && "".concat(getFilterValue[0], " - ").concat(getFilterValue[1])), /*#__PURE__*/_react.default.createElement("div", {
+        className: "filter_picker_header_operate"
+      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+        value: JSON.stringify(getFilterValue),
+        onChange: handleLastDateOnChange,
+        size: "small"
+      }, ranges.map(function (v) {
+        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Button, {
+          key: v.label,
+          value: v.value
+        }, v.label);
+      })))), panelNode));
+    };
+
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_datePicker.default.RangePicker, (0, _extends2.default)({
+      picker: "date",
+      separator: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+        type: "lmweb-swap-right",
+        style: {
+          color: 'var(--text-color)'
+        }
+      }),
+      placeholder: ['开始日期', '结束日期'],
+      style: {
+        width: 210
+      }
+    }, props, {
+      value: value,
+      onChange: handleOnChange,
+      panelRender: panelRender,
+      dropdownClassName: "lm_filter_dropdown_picker",
+      bordered: false,
+      size: "small"
+    })));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({
+    placeholder: "\u9009\u62E9\u65F6\u95F4"
+  }, props, {
+    value: value,
+    onChange: onChange,
+    bordered: false,
+    size: "small"
+  }));
+}; // 级联选择器
+
+
+var CascaderFilter = function CascaderFilter(props) {
+  var title = props.title,
+      filters = props.filters,
+      getFilterValue = props.getFilterValue,
+      setFilterValue = props.setFilterValue,
+      _props$itemProps = props.itemProps,
+      itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
+      isFiltering = props.isFiltering;
+
+  var _useState13 = (0, _react.useState)(false),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      visible = _useState14[0],
+      setVisible = _useState14[1];
+
+  var _useState15 = (0, _react.useState)(filters),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      options = _useState16[0],
+      setOptions = _useState16[1];
+
+  var _useState17 = (0, _react.useState)('全部'),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      text = _useState18[0],
+      setText = _useState18[1];
+
+  var _useState19 = (0, _react.useState)(getFilterValue || itemProps.multiple ? [] : ''),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      checkedValues = _useState20[0],
+      setCheckedValues = _useState20[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
+
+
+  var handleFilter = function handleFilter(val) {
+    setOptions(filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    }));
+  }; // 重置级联弹框
+
+
+  var dropdownRender = function dropdownRender(menus) {
+    var inputRef = (0, _react.useRef)(null); // 确定
+
+    var handleSure = function handleSure() {
+      setFilterValue(itemProps.multiple ? checkedValues.map(function (v) {
+        return v[v.length - 1];
+      }) : checkedValues);
+      setVisible(false);
+    }; // 取消
+
+
+    var handleReset = function handleReset() {
+      if (inputRef.current) {
+        inputRef.current.input.value = '';
+      }
+
+      setFilterValue(undefined);
+      setCheckedValues(itemProps.multiple ? [] : '');
+    };
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_cascader_container filter_dropdown"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_header"
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+      ref: inputRef,
+      allowClear: true,
+      size: "small",
+      placeholder: "\u8BF7\u8F93\u5165",
+      onSearch: handleFilter,
+      onChange: (0, _lodash.debounce)(function (e) {
+        return handleFilter(e.target.value);
+      }, 500)
+    })), menus, itemProps.multiple && /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_footer"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "footer_clear",
+      onClick: handleReset
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      type: "primary",
+      size: "small",
+      onClick: handleSure
+    }, "\u786E\u5B9A")));
+  };
+
+  var onChange = function onChange(item, selectedOptions) {
+    if (!item.length) {
+      setText('全部');
+      setCheckedValues(itemProps.multiple ? [] : '');
+      setFilterValue(undefined);
+      return;
+    }
+
+    if (itemProps.multiple) {
+      var arr = [];
+      selectedOptions.map(function (vals) {
+        return vals.length > 1 ? arr.push(vals.map(function (v) {
+          return v.label;
+        }).join('/')) : vals[0].children.map(function (v) {
+          return arr.push("".concat(vals[0].label, "/").concat(v.label));
+        });
+      });
+      var showLabel = arr.length < 3 ? arr.join('、') : "".concat(arr[0], "\u3001+").concat(arr.length);
+      setText(showLabel);
+      setCheckedValues(item);
+    } else {
+      setText(selectedOptions.map(function (v) {
+        return v.label;
+      }).join('/'));
+      setFilterValue(item);
+      setCheckedValues(item);
+    }
+  };
+
+  var handleClear = function handleClear(e) {
+    if (isFiltering) {
+      e.stopPropagation();
+      setText('全部');
+      setCheckedValues(itemProps.multiple ? [] : '');
+      setFilterValue(undefined);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({}, itemProps, {
+    options: options,
+    value: checkedValues,
+    onChange: onChange,
+    open: visible // showCheckedStrategy="Cascader.SHOW_CHILD"
+    ,
+    dropdownRender: dropdownRender,
+    onDropdownVisibleChange: function onDropdownVisibleChange(v) {
+      return setVisible(v);
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('filter_item', {
+      isfiltering: isFiltering || visible,
+      active: !isFiltering && visible
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item_label"
+  }, title, ":"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item_value"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "checked"
+  }, isFiltering ? text : '全部'), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: isFiltering ? 'lmweb-close-circle-fill' : 'lmweb-down',
+    className: "addonAfter",
+    onClick: handleClear
+  })))));
+};
+
+var FilterComp = function FilterComp(props) {
+  var type = props.type,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded5);
+
+  switch (type) {
+    case 'input':
+      return /*#__PURE__*/_react.default.createElement(InputFilter, resetProps);
+
+    case 'select':
+      return /*#__PURE__*/_react.default.createElement(SelectFilter, resetProps);
+
+    case 'checkbox':
+      return /*#__PURE__*/_react.default.createElement(CheckboxFilter, resetProps);
+
+    case 'datePicker':
+      return /*#__PURE__*/_react.default.createElement(DatePickerFilter, resetProps);
+
+    case 'custom':
+      return /*#__PURE__*/_react.default.createElement(CustomFilter, resetProps);
+
+    case 'more':
+      return /*#__PURE__*/_react.default.createElement(MoreFilter, resetProps);
+
+    case 'nested':
+      return /*#__PURE__*/_react.default.createElement(NestedFilter, resetProps);
+
+    case 'cascader':
+      return /*#__PURE__*/_react.default.createElement(CascaderFilter, resetProps);
+
+    default:
+      return /*#__PURE__*/_react.default.createElement(CheckboxFilter, resetProps);
+  }
+};
+
+var _default = FilterComp;
+exports.default = _default;