linkmore-design 1.0.91 → 1.0.95

package/lib/LmFilter/components/InputSearchClose.js

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

package/lib/LmFilter/components/SelectFilter.js

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

package/lib/LmFilter/components/index.js

@@ -0,0 +1,93 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DropdownFIlter = _interopRequireDefault(require("./DropdownFIlter"));
+
+var _utils = require("../utils");
+
+var _excluded = ["instance", "item", "value", "onChange", "options"],
+    _excluded2 = ["getFilterValue", "setFilterValue"];
+
+// 下拉筛选组件
+
+/*
+ * 筛选组件使用时只传入 instance, item
+ * 其余参数皆为单独使用时传入
+ */
+var FilterControl = /*#__PURE__*/_react.default.memo(function (props) {
+  var _props$instance = props.instance,
+      instance = _props$instance === void 0 ? {} : _props$instance,
+      _props$item = props.item,
+      item = _props$item === void 0 ? {} : _props$item,
+      value = props.value,
+      onChange = props.onChange,
+      options = props.options,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var getFilterValue = instance.getFilterValue,
+      _setFilterValue = instance.setFilterValue,
+      resetInstanceProps = (0, _objectWithoutProperties2.default)(instance, _excluded2); // 重组item值
+
+  var resetItem = (0, _react.useMemo)(function () {
+    var data = item.data;
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), resetProps), {}, {
+      data: data || options
+    });
+  }, [item, resetProps, options]); // 单独使用时的缓存数据(非受控模式) 默认值: [] || ''
+
+  var _useState = (0, _react.useState)(function () {
+    return (0, _utils.getValueForType)(resetItem.type);
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      aliveValue = _useState2[0],
+      setAliveValue = _useState2[1]; // 单独使用 检查是否受控模式
+
+
+  var transformFilterValue = (0, _react.useMemo)(function () {
+    return value || aliveValue;
+  }, [value, aliveValue]);
+  var filterValue = (0, _react.useMemo)(function () {
+    var val = getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem);
+
+    if ((0, _utils.getIsHas)(val)) {
+      return val;
+    }
+
+    return val || transformFilterValue;
+  }, [getFilterValue, resetItem, transformFilterValue]); // 单独使用时抛出选中的值
+
+  var handleChange = function handleChange(val) {
+    setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(val);
+    onChange === null || onChange === void 0 ? void 0 : onChange(val);
+  }; // 重组instance
+
+
+  var resetInstance = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetInstanceProps), {}, {
+    filterValue: filterValue,
+    setFilterValue: function setFilterValue(val) {
+      return (_setFilterValue || handleChange)(val, resetItem);
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_DropdownFIlter.default, {
+    instance: resetInstance,
+    item: resetItem
+  });
+});
+
+var _default = FilterControl;
+exports.default = _default;

package/lib/LmFilter/customFilter/drawer.js

@@ -0,0 +1,409 @@
+"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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+require("antd/es/form/style");
+
+var _form = _interopRequireDefault(require("antd/es/form"));
+
+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 _SelectFilter = _interopRequireDefault(require("../components/SelectFilter"));
+
+var _valueDrawer = _interopRequireDefault(require("./valueDrawer"));
+
+var _excluded = ["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 () {
+    return valueObj.value;
+  }, [valueObj.value]); // 选中的数据
+
+  var checkedValues = (0, _react.useMemo)(function () {
+    var checkedValue = valueObj.value;
+
+    if (Array.isArray(checkedValue)) {
+      var _getItem$data;
+
+      if (['date'].includes(getItem.type)) {
+        return [{
+          value: resetValue,
+          label: "".concat(resetValue[0], " ~ ").concat(resetValue[1])
+        }];
+      }
+
+      if (getItem.type === 'nested') {
+        return checkedValue;
+      }
+
+      if (getItem.type === 'cascader') {
+        return (0, _utils.getFlatItem)(getItem, checkedValue, 'parent');
+      }
+
+      return (_getItem$data = getItem.data) === null || _getItem$data === void 0 ? void 0 : _getItem$data.filter(function (v) {
+        return checkedValue.includes(v.value);
+      });
+    }
+
+    if (['input', 'date'].includes(getItem.type)) {
+      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];
+    dispatch({
+      type: 'changeComplexDrawer',
+      complexDrawer: {
+        visible: true,
+        data: filterValues
+      }
+    });
+  }; // 删除Tag
+
+
+  var onTagClose = function onTagClose(val) {
+    var originData = (0, _objectSpread3.default)({}, complexDrawer.data);
+    var nValue = '';
+
+    if (['select', 'checkbox'].includes(getItem.type)) {
+      nValue = originData[field].value.filter(function (v) {
+        return !v.includes(val);
+      });
+    }
+
+    if (['input'].includes(getItem.type)) {
+      nValue = '';
+    }
+
+    if (['cascader'].includes(getItem.type)) {
+      nValue = [];
+    }
+
+    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData[field]), {}, {
+      value: nValue
+    })));
+    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 DropdownBtn = function DropdownBtn(_ref2) {
+  var instance = _ref2.instance;
+  var dispatch = instance.dispatch,
+      dataSource = instance.dataSource;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var selectInstance = {
+    filterValue: '',
+    setFilterValue: function setFilterValue(_, valObj) {
+      setVisible(false);
+      dispatch({
+        type: 'changeValueDrawer',
+        valueDrawer: {
+          visible: true,
+          type: 'custom',
+          data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, valObj), {}, {
+            value: []
+          })
+        }
+      });
+    }
+  };
+  var itemProps = {
+    data: dataSource,
+    fieldNames: {
+      label: 'title',
+      value: 'field'
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    trigger: ['click'],
+    placement: "bottomLeft",
+    visible: visible,
+    onVisibleChange: function onVisibleChange(v) {
+      return setVisible(v);
+    },
+    overlay: /*#__PURE__*/_react.default.createElement(_SelectFilter.default, {
+      instance: selectInstance,
+      item: itemProps
+    }),
+    overlayClassName: "filter_dropdown_container_btn"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    block: true,
+    type: "dashed",
+    icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-plus"
+    }),
+    size: "middle"
+  }, "\u65B0\u589E\u7B5B\u9009\u9879"));
+};
+
+var Index = function Index(_ref3) {
+  var instance = _ref3.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch;
+  var customDrawer = state.customDrawer;
+
+  var _Form$useForm = _form.default.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0]; // 过滤的内容转数组
+
+
+  var filterItemData = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(customDrawer.data) ? Object.entries(customDrawer.data).map(function (v) {
+      return {
+        field: v[0],
+        value: v[1]
+      };
+    }) : [];
+  }, [customDrawer.data]); // 关闭抽屉
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeCustomDrawer',
+      customDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer), {}, {
+        visible: false
+      })
+    });
+  }; // 保存数据
+
+
+  var onSave = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var val, nValue;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return form.validateFields();
+
+            case 3:
+              val = _context.sent;
+              nValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer), val);
+
+              if (!nValue.value) {
+                Object.assign(nValue, {
+                  value: "diy".concat(Date.now())
+                });
+              }
+
+              dispatch({
+                type: 'changeSaveModal',
+                saveModal: {
+                  visible: true,
+                  data: nValue
+                }
+              });
+              _context.next = 11;
+              break;
+
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](0);
+
+            case 11:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 9]]);
+    }));
+
+    return function onSave() {
+      return _ref4.apply(this, arguments);
+    };
+  }(); // 弹窗配置项
+
+
+  var config = {
+    title: customDrawer.type === 'edit' ? "\u7F16\u8F91".concat(customDrawer.label) : '创建自定义查询',
+    visible: customDrawer.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"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      type: "primary",
+      onClick: onSave,
+      size: "small"
+    }, "\u786E\u5B9A"))
+  };
+  (0, _react.useEffect)(function () {
+    if (customDrawer.visible) {
+      form.resetFields();
+    }
+  }, [customDrawer.visible, form]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, config, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_form.default, {
+    form: form,
+    initialValues: {
+      label: customDrawer.label,
+      default: !!customDrawer.default
+    },
+    layout: "vertical",
+    size: "default"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    name: "label",
+    label: "\u540D\u79F0",
+    rules: [{
+      required: true,
+      message: '请输入名称'
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, {
+    placeholder: "\u8BF7\u8F93\u5165",
+    size: "middle"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    name: "default",
+    label: "\u8BBE\u4E3A\u9ED8\u8BA4"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: true
+  }, "\u662F"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: false
+  }, "\u5426"))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group_add"
+  }, /*#__PURE__*/_react.default.createElement(DropdownBtn, {
+    instance: instance
+  })), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: filterItemData,
+    className: "filter_drawer_group_list"
+  }, function (_ref5) {
+    var item = _ref5.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
+    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(_valueDrawer.default, {
+    instance: instance
+  })));
+};
+
+var _default = Index;
+exports.default = _default;