linkmore-design 1.0.79 → 1.0.80

package/lib/CkFilter/components/filterTypes.js

@@ -1,848 +0,0 @@
-"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/toConsumableArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/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);
-  };
-
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      var _inputRef$current2;
-
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
-    }, 200);
-  }, []);
-  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);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      var _inputRef$current3;
-
-      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
-    }, 200);
-  }, []);
-  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');
-  };
-
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      var _inputRef$current4;
-
-      (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus();
-    }, 200);
-  }, []);
-  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;
-    });
-    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');
-  };
-
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      var _inputRef$current5;
-
-      (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.focus();
-    }, 200);
-  }, []);
-  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;
-  // 对日期格式的转换, 日期组件仅接收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 ? [] : '');
-    };
-
-    (0, _react.useEffect)(function () {
-      visible && setTimeout(function () {
-        var _inputRef$current6;
-
-        (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.focus();
-      }, 200);
-    }, [visible]);
-    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: function onChange(e) {
-        return handleFilter(e.target.value);
-      }
-    })), 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;