linkmore-design 1.0.30 → 1.0.31

package/lib/CkFilter/complexFilter/drawer.js

@@ -0,0 +1,379 @@
+"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"));
+
+require("antd/es/tag/style");
+
+var _tag = _interopRequireDefault(require("antd/es/tag"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _modal = _interopRequireDefault(require("../components/modal"));
+
+var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
+var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
+
+var _context = require("../context");
+
+var _utils = require("../utils");
+
+var _excluded = ["item"],
+    _excluded2 = ["item"];
+
+// 选中的筛选项
+var ListItemChecked = function ListItemChecked(props) {
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var _state$instance$fullD = state.instance.fullData,
+      fullData = _state$instance$fullD === void 0 ? [] : _state$instance$fullD,
+      data = state.complexDrawer.data;
+  var field = props.field,
+      _props$value = props.value,
+      value = _props$value === void 0 ? {} : _props$value; // 单项匹配数据, 根据字段名查找, 嵌套筛选时查询父级
+
+  var getItem = (0, _react.useMemo)(function () {
+    return fullData.find(function (v) {
+      return [field, value.originField].includes(v.field);
+    });
+  }, [props, fullData]); // 选中值的处理
+
+  var resetValue = (0, _react.useMemo)(function () {
+    if (getItem.type === 'cascader') {
+      var _value$value;
+
+      return (_value$value = value.value) === null || _value$value === void 0 ? void 0 : _value$value.map(function (v) {
+        return v[v.length - 1];
+      });
+    }
+
+    return value.value;
+  }, [props]); // 遍历树结构
+
+  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 = value.value;
+
+    if (Array.isArray(checkedValue)) {
+      if (getItem.type === 'nested') {
+        return checkedValue;
+      }
+
+      if (getItem.type === 'cascader') {
+        var arr = [];
+        deepChildren(getItem.data, arr);
+        return arr;
+      }
+
+      return 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.data, value]); // 新增
+
+  var handleAdd = function handleAdd() {}; // 编辑
+
+
+  var handleEdit = function handleEdit() {
+    dispatch({
+      type: 'changeModal',
+      customModal: {
+        visible: true,
+        type: 'complex',
+        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), value)
+      }
+    });
+  }; // 删除
+
+
+  var handleDelete = function handleDelete(e) {
+    e.stopPropagation();
+    var filterValues = (0, _objectSpread3.default)({}, data);
+    delete filterValues[field];
+    dispatch({
+      type: 'changeComplexDrawer',
+      complexDrawer: {
+        visible: true,
+        data: filterValues
+      }
+    });
+  }; // 删除Tag
+
+
+  var onTagClose = function onTagClose(val) {
+    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, data), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, data[field]), {}, {
+      value: data[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(_tag.default, {
+      className: "site-tag-plus",
+      onClick: handleAdd
+    }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-plus-circle"
+    }), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
+      return /*#__PURE__*/_react.default.createElement(_tag.default, {
+        key: v.value,
+        closable: true,
+        onClose: function onClose() {
+          return onTagClose(v.value);
+        }
+      }, v.label);
+    }));
+  }; // 模式
+
+
+  var modeLabel = (0, _react.useMemo)(function () {
+    return value.mode === 'and' ? '且' : '或';
+  }, [value.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(_IconFont.default, {
+    type: "lmweb-close1",
+    onClick: handleDelete,
+    className: "item_header_icon"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "item_tags"
+  }, tagElem())));
+}; // 全部筛选项
+
+
+var ListGroup = function ListGroup() {
+  var _useStore2 = (0, _context.useStore)(),
+      state = _useStore2.state,
+      dispatch = _useStore2.dispatch;
+
+  var fullData = state.instance.fullData;
+
+  var _useState = (0, _react.useState)(fullData),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var handleSearch = function handleSearch(val) {
+    setOptions(fullData.filter(function (v) {
+      return v.title.indexOf(val) > -1;
+    }));
+  }; // 编辑
+
+
+  var handleEdit = function handleEdit(_ref) {
+    var field = _ref.field;
+    // 单项匹配数据, 根据字段名查找
+    var getItem = fullData.find(function (v) {
+      return v.field === field;
+    }); // 编辑
+
+    dispatch({
+      type: 'changeModal',
+      customModal: {
+        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(_VirtualList.default, {
+    options: options,
+    className: "filter_drawer_group_list"
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _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(_IconFont.default, {
+      type: "lmweb-plus",
+      className: "item_header_icon icon_plus"
+    }))));
+  })));
+};
+
+var Index = function Index() {
+  var _useStore3 = (0, _context.useStore)(),
+      state = _useStore3.state,
+      dispatch = _useStore3.dispatch;
+
+  var instance = state.instance,
+      _state$complexDrawer = state.complexDrawer,
+      visible = _state$complexDrawer.visible,
+      data = _state$complexDrawer.data,
+      complexFilterValues = state.complexFilterValues;
+  var isHas = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(data);
+  }, [data]); // 过滤的内容转数组
+
+  var filterItemData = (0, _react.useMemo)(function () {
+    return isHas ? Object.entries(data).map(function (v) {
+      return {
+        field: v[0],
+        value: v[1]
+      };
+    }) : [];
+  }, [data, isHas]);
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeComplexDrawer',
+      complexDrawer: {
+        data: data,
+        visible: false
+      }
+    });
+  };
+
+  var onSave = function onSave() {};
+
+  var onSearch = function onSearch() {
+    console.log('complexDrawer:', data);
+    dispatch({
+      type: 'changeComplexFilterValues',
+      complexFilterValues: data
+    });
+    onClose();
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      dispatch({
+        type: 'changeComplexDrawer',
+        complexDrawer: {
+          data: complexFilterValues,
+          visible: visible
+        }
+      });
+    }
+  }, [dispatch, 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: 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(_linkmoreDesign.Button, {
+      onClick: onSave,
+      size: "small"
+    }, "\u4FDD\u5B58\u67E5\u8BE2"), /*#__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(_VirtualList.default, {
+    options: filterItemData,
+    className: "filter_drawer_group_list"
+  }, function (_ref3) {
+    var item = _ref3.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: "filter_drawer_group_item"
+    }), /*#__PURE__*/_react.default.createElement(ListItemChecked, item));
+  })), /*#__PURE__*/_react.default.createElement(ListGroup, null)), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
+};
+
+var _default = Index;
+exports.default = _default;

package/lib/CkFilter/complexFilter/index.js

@@ -0,0 +1,69 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
+var _context = require("../context");
+
+var _utils = require("../utils");
+
+var _drawer = _interopRequireDefault(require("./drawer"));
+
+var Custom = function Custom() {
+  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 isOnSearch = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(state.complexFilterValues);
+  }, [state.complexFilterValues]);
+
+  var handleClick = function handleClick() {
+    dispatch({
+      type: 'changeComplexDrawer',
+      complexDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.complexDrawer), {}, {
+        visible: true
+      })
+    });
+    setVisible(!visible);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('filter_item filter_item_more', {
+      active: isOnSearch
+    }),
+    onClick: handleClick
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item_value"
+  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+    type: "lmweb-filter",
+    className: "addonBefore"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "checked"
+  }, "\u9AD8\u7EA7\u7B5B\u9009"))), /*#__PURE__*/_react.default.createElement(_drawer.default, null));
+};
+
+var _default = Custom;
+exports.default = _default;

package/lib/CkFilter/components/CascaderFilter.js

@@ -0,0 +1,132 @@
+"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/cascader/style");
+
+var _cascader = _interopRequireDefault(require("antd/es/cascader"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = require("lodash");
+
+var CascaderFilter = function CascaderFilter(_ref) {
+  var visible = _ref.visible,
+      filters = _ref.options,
+      getFilterValue = _ref.value,
+      setFilterValue = _ref.onChange,
+      _ref$props = _ref.props,
+      props = _ref$props === void 0 ? {} : _ref$props;
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(props.multiple ? [] : ''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      defaultValue = _useState4[0],
+      setDefaultValue = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(getFilterValue || (props.multiple ? [] : '')),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      checkedValues = _useState6[0],
+      setCheckedValues = _useState6[1];
+
+  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 dropdownRender = function dropdownRender(menus) {
+    var inputRef = (0, _react.useRef)(null); // 确定
+
+    var handleSure = function handleSure() {
+      setFilterValue(checkedValues);
+    }; // 清空
+
+
+    var handleReset = function handleReset() {
+      inputRef.current.input.value = '';
+      setFilterValue(undefined);
+    };
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_cascader_container filter_dropdown",
+      style: {
+        width: 392
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_header"
+    }, /*#__PURE__*/_react.default.createElement(_input.default.Search, {
+      ref: inputRef,
+      allowClear: true,
+      size: "small",
+      placeholder: "\u8BF7\u8F93\u5165",
+      onSearch: handleFilter // onChange={debounce((e) => handleFilter(e.target.value), 500)}
+
+    })), menus, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_footer"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "footer_clear",
+      onClick: handleReset
+    }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "primary",
+      size: "small",
+      onClick: handleSure
+    }, "\u786E\u5B9A")));
+  };
+
+  var onChange = function onChange(item, selectedOptions) {
+    if (props.multiple) {
+      setFilterValue(item); // setFilterValue(item.map((v) => v[v.length - 1]));
+
+      setCheckedValues(item);
+    } else {
+      setFilterValue(item);
+      setCheckedValues(item);
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      setCheckedValues(getFilterValue || (props.multiple ? [] : ''));
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({
+    allowClear: true
+  }, props, {
+    options: options,
+    defaultValue: defaultValue,
+    value: checkedValues,
+    onChange: onChange,
+    dropdownRender: dropdownRender
+  })));
+};
+
+var _default = CascaderFilter;
+exports.default = _default;

package/lib/CkFilter/components/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/CkFilter/components/Controls.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;
+
+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 _CascaderFilter = _interopRequireDefault(require("./CascaderFilter"));
+
+var _Nested = _interopRequireDefault(require("./Nested"));
+
+var _excluded = ["type", "options"];
+
+var Controls = function Controls(props) {
+  var type = props.type,
+      options = props.options,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  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': /*#__PURE__*/_react.default.createElement(_CascaderFilter.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    'input': /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
+      placeholder: "\u8BF7\u8F93\u5165"
+    }, resetProps)),
+    'nested': /*#__PURE__*/_react.default.createElement(_Nested.default, (0, _extends2.default)({
+      options: options
+    }, resetProps))
+  };
+  return obj[type] || null;
+};
+
+var _default = Controls;
+exports.default = _default;