linkmore-design 1.0.30 → 1.0.31

package/es/CkFilter/baseFilter/NestedFilter.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/drawer/style");
+
+var _drawer = _interopRequireDefault(require("antd/es/drawer"));
+
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = require("../context");
+
+var _utils = require("../utils");
+
+var NestedFilter = function NestedFilter() {
+  var _data$body;
+
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var instance = state.instance,
+      _state$nestedDrawer = state.nestedDrawer,
+      visible = _state$nestedDrawer.visible,
+      field = _state$nestedDrawer.field,
+      _state$nestedDrawer$d = _state$nestedDrawer.data,
+      data = _state$nestedDrawer$d === void 0 ? {} : _state$nestedDrawer$d; // 用于缓存数据 1.[{value: '', label: ''}, ...] / 2.{value: []/'', label: []/''}
+
+  var aliveValue = (0, _react.useRef)([]);
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeNestedDrawer',
+      nestedDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.nestedDrawer), {}, {
+        visible: false
+      })
+    });
+  };
+
+  var onSave = function onSave() {
+    var _state$instance$onCha, _state$instance;
+
+    var value = aliveValue.current.map(function (v) {
+      return v.value;
+    }); // 选中的数据
+
+    var childrenField = data.value; // 选中的字段
+
+    var valueLabel = aliveValue.current.map(function (v) {
+      return v.label;
+    }).join('、'); // 字段文本
+
+    var nValue = (0, _objectSpread2.default)({}, state.filterValues); // 过滤的值
+
+    delete nValue[field]; // 删除父级过滤项
+    // 删除所有子级过滤项
+
+    state.instance.data.find(function (v) {
+      return v.field === field;
+    }).data.forEach(function (element) {
+      delete nValue[element.value];
+    });
+    (0, _utils.getIsHas)(value) ? nValue[childrenField] = value : delete nValue[childrenField]; // 保存筛选
+
+    dispatch({
+      type: 'changeFilterValues',
+      filterValues: nValue
+    }); // 保存一个嵌套过滤
+
+    (0, _utils.getIsHas)(valueLabel) && dispatch({
+      type: 'changeNestedFilterValues',
+      nestedFilterValues: (0, _defineProperty2.default)({}, field, {
+        value: value,
+        label: valueLabel,
+        field: childrenField
+      })
+    });
+    (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, nValue, state.customFilterValues);
+    onClose === null || onClose === void 0 ? void 0 : onClose();
+  };
+
+  var onChange = function onChange(value, type) {
+    aliveValue.current = value;
+
+    if (type === 'dbclick') {
+      onSave === null || onSave === void 0 ? void 0 : onSave();
+    }
+  };
+
+  var config = {
+    title: data.label,
+    visible: visible,
+    onClose: onClose,
+    width: 720,
+    placement: 'right',
+    destroyOnClose: true,
+    className: 'filter_drawer',
+    bodyStyle: {
+      padding: '24px 24px 0'
+    },
+    extra: /*#__PURE__*/_react.default.createElement(_space.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
+      onClick: onClose,
+      size: "small"
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "primary",
+      onClick: onSave,
+      size: "small"
+    }, "\u786E\u5B9A"))
+  };
+  return /*#__PURE__*/_react.default.createElement(_drawer.default, config, (_data$body = data.body) === null || _data$body === void 0 ? void 0 : _data$body.call(data, {
+    value: data.value,
+    onChange: onChange,
+    item: data
+  }));
+};
+
+var _default = NestedFilter;
+exports.default = _default;

package/es/CkFilter/baseFilter/filterMenu.js

@@ -0,0 +1,222 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
+var _filterTypes = _interopRequireDefault(require("../components/filterTypes"));
+
+var _context = require("../context");
+
+var _utils = require("../utils");
+
+// 过滤菜单
+var FilterMenu = function FilterMenu(props) {
+  var field = props.field,
+      title = props.title,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'checkbox' : _props$type,
+      _props$dateType = props.dateType,
+      dateType = _props$dateType === void 0 ? 'date' : _props$dateType,
+      data = props.data,
+      comProps = props.props;
+
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1]; // 当前过滤的值
+
+
+  var filterValue = (0, _react.useMemo)(function () {
+    return state.filterValues[field];
+  }, [state.filterValues]); // 判断是否正在过滤,普通过滤 && 嵌套过滤
+
+  var isFiltering = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(filterValue) || (0, _utils.getIsHas)(state.nestedFilterValues[field]);
+  }, [filterValue, state.nestedFilterValues]); // 设置过滤的内容 filterType: 'single' 存在时 单个勾选时触发, 默认按钮触发
+
+  var setFilterValue = (0, _react.useCallback)(function (val, filterType) {
+    var _state$instance$onCha, _state$instance;
+
+    // 嵌套结构时触发
+    if (filterType === 'children') {
+      dispatch({
+        type: 'changeNestedDrawer',
+        nestedDrawer: {
+          visible: true,
+          data: val,
+          field: field
+        }
+      });
+      setVisible(false);
+      return;
+    }
+
+    var nValue = (0, _objectSpread2.default)({}, state.filterValues); // 嵌套结构单选时删除嵌套数据
+
+    if (type === 'nested') {
+      data.forEach(function (element) {
+        delete nValue[element.value];
+      });
+      var resetValue = (0, _objectSpread2.default)({}, state.nestedFilterValues);
+      delete resetValue[field];
+      dispatch({
+        type: 'changeNestedFilterValues',
+        nestedFilterValues: resetValue
+      });
+    }
+
+    (0, _utils.getIsHas)(val) ? nValue[field] = val : delete nValue[field];
+    dispatch({
+      type: 'changeFilterValues',
+      filterValues: nValue
+    }); // 触发外部查询, 单击时不关闭菜单
+
+    (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, nValue, state.customFilterValues);
+    !filterType && setVisible(false);
+  }, [dispatch, field, state.filterValues, state.instance]); // 展示的内容
+
+  var checkedValue = (0, _react.useMemo)(function () {
+    if (type === 'date') {
+      var obj = {
+        props: comProps,
+        dateType: dateType,
+        getFilterValue: filterValue,
+        setFilterValue: setFilterValue
+      };
+      return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({
+        type: "datePicker"
+      }, obj));
+    } // 是否存在嵌套结构
+
+
+    if ((0, _utils.getIsHas)(state.nestedFilterValues[field])) {
+      return state.nestedFilterValues[field].label;
+    }
+
+    if (!isFiltering) return '全部'; // select & checkbox
+
+    if (['select', 'checkbox', 'nested'].includes(type)) {
+      var findItem = data.find(function (v) {
+        return Array.isArray(filterValue) ? filterValue.includes(v.value) : filterValue === v.value;
+      });
+
+      if (!findItem) {
+        setFilterValue(type === 'checkbox' ? [] : '');
+        return '全部';
+      }
+
+      var filterLabel = findItem.label;
+
+      if (Array.isArray(filterValue)) {
+        if (filterValue.length > 1) {
+          return "".concat(filterLabel, "\u3001+").concat(filterValue.length - 1, "...");
+        }
+
+        return filterLabel;
+      }
+
+      return filterLabel;
+    }
+
+    return filterValue;
+  }, [comProps, data, isFiltering, setFilterValue, type, filterValue, state.nestedFilterValues, field]); // 下拉组件渲染
+
+  var FilterControl = function FilterControl() {
+    var obj = {
+      filters: data,
+      getFilterValue: filterValue,
+      setFilterValue: setFilterValue
+    };
+    return (0, _utils.render)(function () {
+      return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({
+        type: type
+      }, obj));
+    });
+  }; // 清除筛选项
+
+
+  var handleClear = function handleClear(e) {
+    if (isFiltering) {
+      e.stopPropagation();
+      setFilterValue(type === 'checkbox' ? [] : '');
+    }
+  };
+
+  if (['cascader'].includes(type)) {
+    return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({}, props, {
+      itemProps: comProps,
+      filters: data,
+      isFiltering: isFiltering,
+      getFilterValue: filterValue,
+      setFilterValue: setFilterValue,
+      handleClear: handleClear
+    }));
+  }
+
+  if (type === 'date') {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__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"
+    }, checkedValue))));
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    trigger: ['click'],
+    visible: visible,
+    placement: "bottomLeft",
+    overlay: FilterControl,
+    onVisibleChange: function onVisibleChange(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("span", {
+    className: "checked"
+  }, checkedValue), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: isFiltering ? 'lmweb-close-circle-fill' : 'lmweb-down',
+    className: "addonAfter",
+    onClick: handleClear
+  })))));
+};
+
+var _default = FilterMenu;
+exports.default = _default;

package/es/CkFilter/baseFilter/index.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+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 _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = require("../context");
+
+var _utils = require("../utils");
+
+var _filterMenu = _interopRequireDefault(require("./filterMenu"));
+
+var _moreFilters = _interopRequireDefault(require("./moreFilters"));
+
+var _NestedFilter = _interopRequireDefault(require("./NestedFilter"));
+
+/* 二级筛选：基础过滤
+ * data
+ *
+ */
+var Filter = function Filter() {
+  var _data$filter, _data$filter$sort;
+
+  var inputRef = (0, _react.useRef)(null);
+
+  var _useStore = (0, _context.useStore)(),
+      _useStore$state = _useStore.state,
+      _useStore$state$insta = _useStore$state.instance,
+      data = _useStore$state$insta.data,
+      onChange = _useStore$state$insta.onChange,
+      placeholder = _useStore$state$insta.placeholder,
+      searchKey = _useStore$state$insta.searchKey,
+      search = _useStore$state$insta.search,
+      filter = _useStore$state$insta.filter,
+      size = _useStore$state$insta.size,
+      isMore = _useStore$state.isMore,
+      filterValues = _useStore$state.filterValues,
+      visibleFields = _useStore$state.visibleFields,
+      orderFields = _useStore$state.orderFields,
+      customFilterValues = _useStore$state.customFilterValues,
+      dispatch = _useStore.dispatch;
+
+  var handleFilter = function handleFilter(val) {
+    var nValue = (0, _objectSpread2.default)({}, filterValues);
+
+    if (!(0, _utils.getIsHas)(val) && !(0, _utils.getIsHas)(nValue[searchKey])) {
+      return false;
+    }
+
+    (0, _utils.getIsHas)(val) ? nValue[searchKey] = val : delete nValue[searchKey];
+    dispatch({
+      type: 'changeFilterValues',
+      filterValues: nValue
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue, customFilterValues);
+    return false;
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, search && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_search"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
+    allowClear: true,
+    size: size,
+    placeholder: placeholder,
+    onSearch: handleFilter
+  })), filter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
+    return visibleFields.includes(v.field);
+  })) === null || _data$filter === void 0 ? void 0 : (_data$filter$sort = _data$filter.sort(function (a, b) {
+    return orderFields.indexOf(a.field) - orderFields.indexOf(b.field);
+  })) === null || _data$filter$sort === void 0 ? void 0 : _data$filter$sort.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement(_filterMenu.default, (0, _extends2.default)({
+      key: v.field
+    }, v));
+  }), isMore && /*#__PURE__*/_react.default.createElement(_moreFilters.default, null)), /*#__PURE__*/_react.default.createElement(_NestedFilter.default, null));
+};
+
+var _default = Filter;
+exports.default = _default;

package/es/CkFilter/baseFilter/moreFilters.js

@@ -0,0 +1,237 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
+var _filterTypes = _interopRequireDefault(require("../components/filterTypes"));
+
+var _context = require("../context");
+
+var _utils = require("../utils");
+
+var MoreFilters = function MoreFilters() {
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var setFilterValue = (0, _react.useCallback)(function (item, type) {
+    // 单选操作: 显隐/过滤
+    if (!type) {
+      // 是否显示, 取反
+      var isVisible = state.visibleFields.includes(item.field);
+      var nValue = isVisible ? state.visibleFields.filter(function (v) {
+        return v !== item.field;
+      }) : [].concat((0, _toConsumableArray2.default)(state.visibleFields), [item.field]);
+      dispatch({
+        type: 'changeVisibleFields',
+        visibleFields: nValue
+      });
+      dispatch({
+        type: 'changeOrderFields',
+        orderFields: [].concat((0, _toConsumableArray2.default)(nValue), (0, _toConsumableArray2.default)(state.orderFields.filter(function (v) {
+          return !nValue.includes(v);
+        })))
+      }); // 收起时，仅当存在筛选条件时, 才会触发筛选改变事件
+
+      if (isVisible && (0, _utils.getIsHas)(state.filterValues[item.field])) {
+        var _state$instance$onCha, _state$instance;
+
+        var filterValues = (0, _objectSpread2.default)({}, state.filterValues);
+        delete filterValues[item.field];
+        dispatch({
+          type: 'changeFilterValues',
+          filterValues: filterValues
+        });
+        (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, filterValues, state.customFilterValues); // 触发外部查询事件
+      }
+    }
+
+    if (type === 'sure') {
+      var _state$instance$onCha2, _state$instance2;
+
+      var flag = false; // 是否触发查询
+
+      dispatch({
+        type: 'changeVisibleFields',
+        visibleFields: item
+      }); // 收起时，仅当存在筛选条件时, 才会触发筛选改变事件
+
+      var _filterValues = (0, _objectSpread2.default)({}, state.filterValues);
+
+      Object.keys(_filterValues).forEach(function (v) {
+        if (!item.includes(v)) {
+          flag = true;
+          delete _filterValues[v];
+        }
+      });
+      dispatch({
+        type: 'changeFilterValues',
+        filterValues: _filterValues
+      });
+      flag && ((_state$instance$onCha2 = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha2 === void 0 ? void 0 : _state$instance$onCha2.call(_state$instance2, _filterValues, state.customFilterValues)); // 触发外部查询事件
+    } // 重置操作: 输入框的内容不重置
+
+
+    if (type === 'reset') {
+      var _state$instance$onCha3, _state$instance3;
+
+      var searchKey = state.instance.searchKey;
+      var searchValue = state.filterValues[searchKey];
+      var obj = state.originProps.filterValues || {};
+      (0, _utils.getIsHas)(searchValue) ? obj[searchKey] = searchValue : delete obj[searchKey];
+      var visileData = state.originProps.data.filter(function (v) {
+        v.fixed && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (obj[v.field] = v.value);
+        return v.fixed;
+      });
+      var options = {
+        filterValues: obj,
+        visibleFields: state.isMore ? visileData.map(function (v) {
+          return v.field;
+        }) : state.originProps.data.map(function (v) {
+          return v.field;
+        }),
+        orderFields: state.originProps.data.sort(function (a, b) {
+          return !!b.fixed - !!a.fixed;
+        }).map(function (v) {
+          return v.field;
+        })
+      };
+      dispatch({
+        type: 'initOptions',
+        options: options
+      });
+      (_state$instance$onCha3 = (_state$instance3 = state.instance).onChange) === null || _state$instance$onCha3 === void 0 ? void 0 : _state$instance$onCha3.call(_state$instance3, obj, state.customFilterValues); // 触发外部查询事件
+    }
+
+    if (type === 'top') {
+      dispatch({
+        type: 'changeOrderFields',
+        orderFields: [item.field].concat((0, _toConsumableArray2.default)(state.orderFields.filter(function (v) {
+          return v !== item.field;
+        })))
+      });
+    }
+
+    if (type === 'move') {
+      var cloneArr = (0, _toConsumableArray2.default)(state.orderFields);
+      var oldIndex = cloneArr.findIndex(function (v) {
+        return v === item.active;
+      });
+      var newIndex = cloneArr.findIndex(function (v) {
+        return v === item.over;
+      }); // 在新位置增加数据
+
+      cloneArr.splice(newIndex, 0, cloneArr.splice(oldIndex, 1)[0]);
+      dispatch({
+        type: 'changeOrderFields',
+        orderFields: cloneArr
+      });
+    } // 全选操作
+
+
+    if (['show', 'hidden'].includes(type)) {
+      var fixed = type === 'show';
+      dispatch({
+        type: 'changeVisibleFields',
+        visibleFields: fixed ? item.map(function (v) {
+          return v.field;
+        }) : []
+      }); // 收起时，仅当存在筛选条件时, 才会触发筛选改变事件
+
+      if (!fixed && (0, _utils.getIsHas)(state.filterValues)) {
+        var _searchKey = state.instance.searchKey;
+        var _searchValue = state.filterValues[_searchKey];
+        var searchObj = (0, _defineProperty2.default)({}, _searchKey, _searchValue); // 判断是否存在选中的筛选数据
+
+        if (JSON.stringify(searchObj) !== JSON.stringify(state.filterValues)) {
+          var _state$instance$onCha4, _state$instance4;
+
+          var _obj = {};
+          (0, _utils.getIsHas)(_searchValue) && (_obj[_searchKey] = _searchValue);
+          dispatch({
+            type: 'changeFilterValues',
+            filterValues: _obj
+          });
+          (_state$instance$onCha4 = (_state$instance4 = state.instance).onChange) === null || _state$instance$onCha4 === void 0 ? void 0 : _state$instance$onCha4.call(_state$instance4, _obj, state.customFilterValues); // 触发外部查询事件
+        }
+      }
+    } // 人性化设计,位置不变无需收起
+
+
+    if (!['top', 'move'].includes(type)) {
+      setVisible(false); // 收起下拉选项框
+    }
+  }, [dispatch, state]);
+  var FilterControl = (0, _react.useCallback)(function () {
+    var _state$instance$data;
+
+    var obj = {
+      filters: (_state$instance$data = state.instance.data) === null || _state$instance$data === void 0 ? void 0 : _state$instance$data.sort(function (a, b) {
+        return state.orderFields.indexOf(a.field) - state.orderFields.indexOf(b.field);
+      }),
+      getFilterValue: state.visibleFields,
+      setFilterValue: setFilterValue
+    };
+    return (0, _utils.render)(function () {
+      return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({
+        type: "more"
+      }, obj));
+    });
+  }, [setFilterValue, state.instance.data, state.orderFields, state.visibleFields]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    trigger: ['click'],
+    visible: visible,
+    placement: "bottomLeft",
+    overlay: FilterControl,
+    onVisibleChange: function onVisibleChange(v) {
+      return setVisible(v);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('filter_item filter_item_more', {
+      isfiltering: visible,
+      active: visible
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item_value"
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "lmweb-plus-circle",
+    className: "addonBefore"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "checked"
+  }, "\u66F4\u591A\u7B5B\u9009"), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "lmweb-down",
+    className: "addonAfter"
+  })))));
+};
+
+var _default = MoreFilters;
+exports.default = _default;