linkmore-design 1.0.53 → 1.0.56

package/lib/Descriptions/style/index.css

@@ -508,29 +508,31 @@ html {
   margin-bottom: 8px;
 }
 .lm_descriptions .ant-descriptions-header .ant-descriptions-title {
+  color: var(--color-85);
+  font-size: 14px;
   /* 正文/苹方 14px Medium */
   font-family: PingFangSC-Medium;
-  font-size: 14px;
   line-height: 22px;
   letter-spacing: 0px;
-  color: var(--color-85);
 }
 .lm_descriptions .ant-descriptions-item {
+  padding-right: 24px;
   padding-bottom: 8px;
 }
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
-  font-family: PingFangSC-Regular;
+  color: var(--color-85);
   font-size: 12px;
+  font-family: PingFangSC-Regular;
   line-height: 20px;
-  color: var(--color-85);
 }
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-label,
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-content {
-  font-family: PingFangSC-Regular;
+  color: var(--color-85);
   font-size: 12px;
+  font-family: PingFangSC-Regular;
   line-height: 20px;
-  color: var(--color-85);
 }
-.lm_descriptions_default .ant-descriptions-item[colspan='1'] .ant-descriptions-item-container {
-  width: 376px;
+.lm_descriptions_default .ant-descriptions-item[colspan='1'] {
+  min-width: 330px;
+  max-width: 376px;
 }

package/lib/IconFont/index.js

@@ -8,8 +8,9 @@ exports.default = void 0;
 var _icons = require("@ant-design/icons");
 
 var IconFont = (0, _icons.createFromIconfontCN)({
-  // scriptUrl: '//at.alicdn.com/t/font_2966019_8aij0300kjo.js', // 在 iconfont.cn 上生成
-  scriptUrl: require('./font/iconfont.js')
+  scriptUrl: '//at.alicdn.com/t/c/font_2966019_7jeb9gjjk63.js' // 在 iconfont.cn 上生成
+  // scriptUrl: require('./font/iconfont.js'),
+
 });
 var _default = IconFont;
 exports.default = _default;

package/lib/LmFilter/Controls/CheckboxTags.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+// 复选标签组件，选中字段，多选
+var CheckboxTags = function CheckboxTags(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      options = _ref.options;
+
+  var handleClick = function handleClick(item) {
+    var oriValue = value || []; // 源数据
+
+    var has = oriValue === null || oriValue === void 0 ? void 0 : oriValue.includes(item.value); // 是否已被选中
+
+    var nValue = has ? oriValue.filter(function (v) {
+      return v !== item.value;
+    }) : [].concat((0, _toConsumableArray2.default)(oriValue), [item.value]);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue); // 返回选中的数据
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+    size: 8,
+    wrap: true,
+    className: "auto_height"
+  }, options === null || options === void 0 ? void 0 : options.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.value,
+      className: (0, _classnames.default)('checkbox_tag', {
+        active: value === null || value === void 0 ? void 0 : value.includes(v.value)
+      }),
+      onClick: function onClick() {
+        return handleClick(v);
+      }
+    }, v.label);
+  })));
+};
+
+var _default = CheckboxTags;
+exports.default = _default;

package/lib/LmFilter/Controls/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CheckboxTags = _interopRequireDefault(require("./CheckboxTags"));
+
+var _excluded = ["item", "options"];
+
+var Controls = function Controls(props) {
+  var _props$item = props.item,
+      item = _props$item === void 0 ? {} : _props$item,
+      options = props.options,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var type = item.type;
+  var obj = {
+    'select': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    'checkbox': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    // 'cascader': <CascaderFilter options={options} {...resetProps} />,
+    'input': /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
+      placeholder: "\u8BF7\u8F93\u5165"
+    }, resetProps)) // 'nested': <Nested options={options} {...resetProps} />,
+
+  };
+  return obj[type] || null;
+};
+
+var _default = Controls;
+exports.default = _default;

package/lib/LmFilter/LmFilter.js

@@ -0,0 +1,39 @@
+"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;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
+
+var _localization = require("./localization.tsx");
+
+var _excluded = ["localization"];
+
+var LmFilter = function LmFilter(_ref, ref) {
+  var _ref$localization = _ref.localization,
+      localization = _ref$localization === void 0 ? {} : _ref$localization,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var defaultRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
+    ref: ref || defaultRef,
+    localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization)
+  }, resetProps));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilter);
+
+exports.default = _default;

package/lib/LmFilter/baseFilter/fuzzySearch.js

@@ -0,0 +1,53 @@
+"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;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _InputSearchClose = _interopRequireDefault(require("../components/InputSearchClose"));
+
+var FuzzySearch = function FuzzySearch(_ref) {
+  var instance = _ref.instance;
+  var inputRef = (0, _react.useRef)(null);
+  var state = instance.state,
+      setFilterValue = instance.setFilterValue,
+      size = instance.size,
+      placeholder = instance.placeholder,
+      searchKey = instance.searchKey; // 默认值
+
+  var defaultValue = (0, _react.useMemo)(function () {
+    var _state$basicFilter;
+
+    return ((_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey]) || '';
+  }, [state.basicFilter]);
+
+  var onSearch = function onSearch(val) {
+    setFilterValue(val, searchKey);
+  };
+
+  (0, _react.useEffect)(function () {
+    if (!defaultValue) {
+      inputRef.current.setValue('');
+    }
+  }, [state.basicFilter]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_search"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    allowClear: true,
+    defaultValue: defaultValue,
+    size: size,
+    placeholder: placeholder,
+    onSearch: onSearch
+  }));
+};
+
+var _default = FuzzySearch;
+exports.default = _default;

package/lib/LmFilter/baseFilter/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _fuzzySearch = _interopRequireDefault(require("./fuzzySearch"));
+
+var _components = _interopRequireDefault(require("../components"));
+
+// 二级过滤 => 基础过滤组件
+var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var dataSource = instance.dataSource;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_basic"
+  }, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
+    instance: instance
+  }), dataSource.map(function (v, index) {
+    return /*#__PURE__*/_react.default.createElement(_components.default, {
+      key: (v === null || v === void 0 ? void 0 : v.field) || index,
+      instance: instance,
+      item: v
+    });
+  }));
+});
+
+var _default = LmFilterBase;
+exports.default = _default;

package/lib/LmFilter/clearFilter/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch;
+
+  var handleClear = function handleClear() {
+    console.log('state', state);
+    dispatch({
+      type: 'reset'
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_clear"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u4E00\u952E\u6E05\u7A7A"));
+});
+
+var _default = LmFilterClear;
+exports.default = _default;

package/lib/LmFilter/complexFilter/drawer.js

@@ -0,0 +1,376 @@
+"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;
+
+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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _utils = require("../utils");
+
+var _valueDrawer = _interopRequireDefault(require("./valueDrawer"));
+
+var _excluded = ["item"],
+    _excluded2 = ["item"];
+
+// 选中的筛选项
+var ListItemChecked = function ListItemChecked(_ref) {
+  var instance = _ref.instance,
+      itemProps = _ref.item;
+  var state = instance.state,
+      dispatch = instance.dispatch,
+      dataSource = instance.dataSource;
+  var complexDrawer = state.complexDrawer;
+  var field = itemProps.field,
+      _itemProps$value = itemProps.value,
+      valueObj = _itemProps$value === void 0 ? {} : _itemProps$value; // 单项匹配数据, 根据字段名查找, 嵌套筛选时查询父级
+
+  var getItem = (0, _react.useMemo)(function () {
+    return dataSource.find(function (v) {
+      return [field, valueObj.originField].includes(v.field);
+    });
+  }, [field, valueObj.originField, dataSource]); // 选中值的处理
+
+  var resetValue = (0, _react.useMemo)(function () {
+    if (getItem.type === 'cascader') {
+      var _valueObj$value;
+
+      return (_valueObj$value = valueObj.value) === null || _valueObj$value === void 0 ? void 0 : _valueObj$value.map(function (v) {
+        return v[v.length - 1];
+      });
+    }
+
+    return valueObj.value;
+  }, [getItem, valueObj.value]); // 遍历树结构
+
+  var deepChildren = function deepChildren(arr, preArr) {
+    arr.forEach(function (item) {
+      var _item$children;
+
+      if (resetValue.includes(item.value)) {
+        preArr.push(item);
+      }
+
+      if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
+        deepChildren(item.children, preArr);
+      }
+    });
+  }; // 选中的数据
+
+
+  var checkedValues = (0, _react.useMemo)(function () {
+    var checkedValue = valueObj.value;
+
+    if (Array.isArray(checkedValue)) {
+      var _getItem$data;
+
+      if (getItem.type === 'nested') {
+        return checkedValue;
+      }
+
+      if (getItem.type === 'cascader') {
+        var arr = [];
+        deepChildren(getItem.data, arr);
+        return arr;
+      }
+
+      return (_getItem$data = getItem.data) === null || _getItem$data === void 0 ? void 0 : _getItem$data.filter(function (v) {
+        return checkedValue.includes(v.value);
+      });
+    }
+
+    if (getItem.type === 'input') {
+      return resetValue ? [{
+        value: resetValue,
+        label: resetValue
+      }] : [];
+    }
+
+    var filterValue = getItem.data.find(function (v) {
+      return v.value === checkedValue;
+    });
+    return filterValue ? [filterValue] : [];
+  }, [getItem, valueObj.value]); // 编辑
+
+  var handleEdit = function handleEdit() {
+    dispatch({
+      type: 'changeValueDrawer',
+      valueDrawer: {
+        visible: true,
+        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), valueObj)
+      }
+    });
+  }; // 删除
+
+
+  var handleDelete = function handleDelete(e) {
+    e.stopPropagation();
+    var filterValues = (0, _objectSpread3.default)({}, complexDrawer.data);
+    delete filterValues[field];
+    console.log('filterValues', filterValues);
+    dispatch({
+      type: 'changeComplexDrawer',
+      complexDrawer: {
+        visible: true,
+        data: filterValues
+      }
+    });
+  }; // 删除Tag
+
+
+  var onTagClose = function onTagClose(val) {
+    var originData = (0, _objectSpread3.default)({}, complexDrawer.data);
+    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData[field]), {}, {
+      value: originData[field].value.filter(function (v) {
+        return !v.includes(val);
+      })
+    })));
+    dispatch({
+      type: 'changeComplexDrawer',
+      complexDrawer: {
+        visible: true,
+        data: filterValues
+      }
+    });
+  }; // Tags显示
+
+
+  var tagElem = function tagElem() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Tag, {
+      className: "add_tags"
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-plus"
+    }), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Tag, {
+        key: v.value,
+        closable: true,
+        onClose: function onClose() {
+          return onTagClose(v.value);
+        }
+      }, v.label);
+    }));
+  }; // 模式
+
+
+  var modeLabel = (0, _react.useMemo)(function () {
+    return valueObj.mode === 'and' ? '且' : '或';
+  }, [valueObj.mode]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "item_box",
+    onClick: handleEdit
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "item_header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "item_header_title"
+  }, "".concat(getItem.title, "\uFF08").concat(modeLabel, "\uFF09")), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-close1",
+    onClick: handleDelete,
+    className: "item_header_icon"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "item_tags"
+  }, tagElem())));
+}; // 全部筛选项
+
+
+var ListGroup = function ListGroup(_ref2) {
+  var instance = _ref2.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch,
+      dataSource = instance.dataSource;
+
+  var _useState = (0, _react.useState)(function () {
+    return dataSource;
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var handleSearch = function handleSearch(val) {
+    setOptions(dataSource.filter(function (v) {
+      var _v$title;
+
+      return ((_v$title = v.title) === null || _v$title === void 0 ? void 0 : _v$title.indexOf(val)) > -1;
+    }));
+  }; // 编辑
+
+
+  var handleEdit = function handleEdit(_ref3) {
+    var field = _ref3.field;
+    // 单项匹配数据, 根据字段名查找
+    var getItem = dataSource.find(function (v) {
+      return v.field === field;
+    }); // 编辑
+
+    dispatch({
+      type: 'changeValueDrawer',
+      valueDrawer: {
+        visible: true,
+        type: 'complex',
+        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), {}, {
+          value: []
+        })
+      }
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "list_group"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "list_group_title"
+  }, "\u9009\u62E9\u67E5\u8BE2\u9879"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "list_group_search"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    allowClear: true,
+    size: "default",
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: handleSearch
+  })), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_drawer_group_list"
+  }, function (_ref4) {
+    var item = _ref4.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: "filter_drawer_group_item"
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "item_box",
+      onClick: function onClick() {
+        return handleEdit(item);
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "item_header"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "item_header_title"
+    }, item.title), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-plus",
+      className: "item_header_icon icon_plus"
+    }))));
+  })));
+};
+
+var ComplexDrawer = function ComplexDrawer(_ref5) {
+  var instance = _ref5.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch,
+      onChange = instance.onChange;
+  var complexDrawer = state.complexDrawer,
+      complexFilter = state.complexFilter;
+  var isHas = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(complexDrawer.data);
+  }, [complexDrawer.data]); // 过滤的内容转数组
+
+  var filterItemData = (0, _react.useMemo)(function () {
+    return isHas ? Object.entries(complexDrawer.data).map(function (v) {
+      return {
+        field: v[0],
+        value: v[1]
+      };
+    }) : [];
+  }, [complexDrawer.data, isHas]);
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeComplexDrawer',
+      complexDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.complexDrawer), {}, {
+        visible: false
+      })
+    });
+  };
+
+  var onSearch = function onSearch() {
+    dispatch({
+      type: 'changeBasicFilter',
+      basicFilter: {}
+    });
+    dispatch({
+      type: 'changeComplexFilter',
+      complexFilter: complexDrawer.data
+    });
+    onClose();
+    onChange === null || onChange === void 0 ? void 0 : onChange(null, complexDrawer.data);
+  }; // 初始化筛选
+
+
+  (0, _react.useEffect)(function () {
+    if (complexDrawer.visible) {
+      dispatch({
+        type: 'changeComplexDrawer',
+        complexDrawer: {
+          data: complexFilter,
+          visible: complexDrawer.visible
+        }
+      });
+    }
+  }, [dispatch, complexDrawer.visible]);
+
+  var Tit = function Tit() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      onClick: function onClick() {
+        console.log('title', state);
+      }
+    }, "\u9AD8\u7EA7\u67E5\u8BE2");
+  }; // 弹窗配置项
+
+
+  var config = {
+    title: /*#__PURE__*/_react.default.createElement(Tit, null),
+    visible: state.complexDrawer.visible,
+    onClose: onClose,
+    width: 440,
+    placement: 'right',
+    destroyOnClose: true,
+    className: 'lm_filter_drawer',
+    extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      onClick: onClose,
+      size: "small"
+    }, "\u53D6\u6D88"), !!instance.custom && /*#__PURE__*/_react.default.createElement(SaveModal, {
+      state: state,
+      dispatch: dispatch
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      type: "primary",
+      onClick: onSearch,
+      size: "small"
+    }, "\u67E5\u8BE2"))
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, config, /*#__PURE__*/_react.default.createElement("div", {
+    className: "complex_filter_body"
+  }, isHas && /*#__PURE__*/_react.default.createElement("div", {
+    className: "checked_group"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: filterItemData,
+    className: "filter_drawer_group_list"
+  }, function (_ref6) {
+    var item = _ref6.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded2);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: "filter_drawer_group_item"
+    }), /*#__PURE__*/_react.default.createElement(ListItemChecked, {
+      instance: instance,
+      item: item
+    }));
+  })), /*#__PURE__*/_react.default.createElement(ListGroup, {
+    instance: instance
+  })), /*#__PURE__*/_react.default.createElement(_valueDrawer.default, {
+    instance: instance
+  })));
+};
+
+var _default = ComplexDrawer;
+exports.default = _default;