linkmore-design 1.0.24 → 1.0.27

package/lib/CkFilter/baseFilter/filterMenu.js

@@ -52,20 +52,25 @@ var FilterMenu = function FilterMenu(props) {
 
   var filterValue = (0, _react.useMemo)(function () {
     return state.filterValues[field];
-  }, [state.filterValues]); // 判断是否正在过滤
+  }, [state.filterValues]); // 判断是否正在过滤,普通过滤 && 嵌套过滤
 
   var isFiltering = (0, _react.useMemo)(function () {
     return (0, _utils.getIsHas)(filterValue) || (0, _utils.getIsHas)(state.nestedFilterValues[field]);
-  }, [filterValue]); // 设置过滤的内容 filterType: 'single' 存在时 单个勾选时触发, 默认按钮触发
+  }, [filterValue, state.nestedFilterValues]); // 设置过滤的内容 filterType: 'single' 存在时 单个勾选时触发, 默认按钮触发
 
   var setFilterValue = (0, _react.useCallback)(function (val, filterType) {
-    var _state$instance$onCha, _state$instance2;
+    var _state$instance$onCha, _state$instance;
 
     // 嵌套结构时触发
     if (filterType === 'children') {
-      var _state$instance$onNes, _state$instance;
-
-      (_state$instance$onNes = (_state$instance = state.instance).onNested) === null || _state$instance$onNes === void 0 ? void 0 : _state$instance$onNes.call(_state$instance, val);
+      dispatch({
+        type: 'changeNestedDrawer',
+        nestedDrawer: {
+          visible: true,
+          data: val,
+          field: field
+        }
+      });
       setVisible(false);
       return;
     }
@@ -90,7 +95,7 @@ var FilterMenu = function FilterMenu(props) {
       filterValues: nValue
     }); // 触发外部查询, 单击时不关闭菜单
 
-    (_state$instance$onCha = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance2, nValue, state.customFilterValues);
+    (_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]); // 展示的内容
 
@@ -140,7 +145,7 @@ var FilterMenu = function FilterMenu(props) {
     return filterValue;
   }, [comProps, data, isFiltering, setFilterValue, type, filterValue, state.nestedFilterValues, field]); // 下拉组件渲染
 
-  var FilterControl = (0, _react.useCallback)(function () {
+  var FilterControl = function FilterControl() {
     var obj = {
       filters: data,
       getFilterValue: filterValue,
@@ -151,7 +156,8 @@ var FilterMenu = function FilterMenu(props) {
         type: type
       }, obj));
     });
-  }, [data, setFilterValue, type, filterValue]); // 清除筛选项
+  }; // 清除筛选项
+
 
   var handleClear = function handleClear(e) {
     if (isFiltering) {

package/lib/CkFilter/baseFilter/index.js

@@ -25,6 +25,8 @@ var _filterMenu = _interopRequireDefault(require("./filterMenu"));
 
 var _moreFilters = _interopRequireDefault(require("./moreFilters"));
 
+var _NestedFilter = _interopRequireDefault(require("./NestedFilter"));
+
 /* 二级筛选：基础过滤
  * data
  *
@@ -43,6 +45,7 @@ var Filter = function Filter() {
       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,
@@ -71,7 +74,7 @@ var Filter = function Filter() {
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
     ref: inputRef,
     allowClear: true,
-    size: "small",
+    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) {
@@ -82,7 +85,7 @@ var Filter = function Filter() {
     return /*#__PURE__*/_react.default.createElement(_filterMenu.default, (0, _extends2.default)({
       key: v.field
     }, v));
-  }), isMore && /*#__PURE__*/_react.default.createElement(_moreFilters.default, null)));
+  }), isMore && /*#__PURE__*/_react.default.createElement(_moreFilters.default, null)), /*#__PURE__*/_react.default.createElement(_NestedFilter.default, null));
 };
 
 var _default = Filter;

package/lib/CkFilter/baseFilter/moreFilters.js

@@ -139,6 +139,22 @@ var MoreFilters = function MoreFilters() {
           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
+      });
     } // 全选操作
 
 
@@ -171,7 +187,9 @@ var MoreFilters = function MoreFilters() {
     } // 人性化设计,位置不变无需收起
 
 
-    type !== 'top' && setVisible(false); // 收起下拉选项框
+    if (!['top', 'move'].includes(type)) {
+      setVisible(false); // 收起下拉选项框
+    }
   }, [dispatch, state]);
   var FilterControl = (0, _react.useCallback)(function () {
     var _state$instance$data;
@@ -208,7 +226,7 @@ var MoreFilters = function MoreFilters() {
     className: "addonBefore"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "checked"
-  }, "\u66F4\u591A\u67E5\u8BE2"), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+  }, "\u66F4\u591A\u7B5B\u9009"), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
     type: "lmweb-down",
     className: "addonAfter"
   })))));

package/lib/CkFilter/complexFilter/drawer.js

@@ -50,17 +50,20 @@ var ListItemChecked = function ListItemChecked(props) {
       fullData = _state$instance$fullD === void 0 ? [] : _state$instance$fullD,
       data = state.complexDrawer.data;
   var field = props.field,
-      value = props.value; // 单项匹配数据, 根据字段名查找
+      _props$value = props.value,
+      value = _props$value === void 0 ? {} : _props$value; // 单项匹配数据, 根据字段名查找, 嵌套筛选时查询父级
 
   var getItem = (0, _react.useMemo)(function () {
     return fullData.find(function (v) {
-      return v.field === field;
+      return [field, value.originField].includes(v.field);
     });
-  }, [field, fullData]); // 级联选择器的选中值
+  }, [props, fullData]); // 选中值的处理
 
-  var cascaderValue = (0, _react.useMemo)(function () {
+  var resetValue = (0, _react.useMemo)(function () {
     if (getItem.type === 'cascader') {
-      return value.value.map(function (v) {
+      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];
       });
     }
@@ -72,7 +75,7 @@ var ListItemChecked = function ListItemChecked(props) {
     arr.forEach(function (item) {
       var _item$children;
 
-      if (cascaderValue.includes(item.value)) {
+      if (resetValue.includes(item.value)) {
         preArr.push(item);
       }
 
@@ -87,6 +90,10 @@ var ListItemChecked = function ListItemChecked(props) {
     var checkedValue = value.value;
 
     if (Array.isArray(checkedValue)) {
+      if (getItem.type === 'nested') {
+        return checkedValue;
+      }
+
       if (getItem.type === 'cascader') {
         var arr = [];
         deepChildren(getItem.data, arr);
@@ -99,9 +106,9 @@ var ListItemChecked = function ListItemChecked(props) {
     }
 
     if (getItem.type === 'input') {
-      return cascaderValue ? [{
-        value: cascaderValue,
-        label: cascaderValue
+      return resetValue ? [{
+        value: resetValue,
+        label: resetValue
       }] : [];
     }
 
@@ -157,7 +164,12 @@ var ListItemChecked = function ListItemChecked(props) {
 
 
   var tagElem = function tagElem() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
+    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,
@@ -165,12 +177,7 @@ var ListItemChecked = function ListItemChecked(props) {
           return onTagClose(v.value);
         }
       }, v.label);
-    }), /*#__PURE__*/_react.default.createElement(_tag.default, {
-      className: "site-tag-plus",
-      onClick: handleAdd
-    }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-plus-circle"
-    }), " \u65B0\u589E"));
+    }));
   }; // 模式
 
 
@@ -218,8 +225,7 @@ var ListGroup = function ListGroup() {
     // 单项匹配数据, 根据字段名查找
     var getItem = fullData.find(function (v) {
       return v.field === field;
-    });
-    console.log('getItem', getItem); // 编辑
+    }); // 编辑
 
     dispatch({
       type: 'changeModal',
@@ -322,10 +328,19 @@ var Index = function Index() {
         }
       });
     }
-  }, [dispatch, 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: '高级查询',
+    title: /*#__PURE__*/_react.default.createElement(Tit, null),
     visible: visible,
     onClose: onClose,
     width: 440,

package/lib/CkFilter/complexFilter/index.js

@@ -62,7 +62,7 @@ var Custom = function Custom() {
     className: "addonBefore"
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "checked"
-  }, "\u9AD8\u7EA7\u67E5\u8BE2"))), /*#__PURE__*/_react.default.createElement(_drawer.default, null));
+  }, "\u9AD8\u7EA7\u7B5B\u9009"))), /*#__PURE__*/_react.default.createElement(_drawer.default, null));
 };
 
 var _default = Custom;

package/lib/CkFilter/components/Controls.js

@@ -21,6 +21,8 @@ var _CheckboxTags = _interopRequireDefault(require("./CheckboxTags"));
 
 var _CascaderFilter = _interopRequireDefault(require("./CascaderFilter"));
 
+var _Nested = _interopRequireDefault(require("./Nested"));
+
 var _excluded = ["type", "options"];
 
 var Controls = function Controls(props) {
@@ -31,11 +33,17 @@ var Controls = function Controls(props) {
     '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;

package/lib/CkFilter/components/DragBox/DndContainer.js

@@ -0,0 +1,49 @@
+"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 _core = require("@dnd-kit/core");
+
+var _modifiers = require("@dnd-kit/modifiers");
+
+var _sortable = require("@dnd-kit/sortable");
+
+// 可拖拽容器
+var DndContainer = function DndContainer(_ref) {
+  var children = _ref.children,
+      move = _ref.move;
+  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  })); // 拖拽结束
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over; // 未移入时触发
+
+    if (!(over === null || over === void 0 ? void 0 : over.id)) {
+      return;
+    } // 移入时触发更新数据
+
+
+    if (active.id !== over.id) {
+      move(active.data.current.field, over.data.current.field);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    collisionDetection: _core.closestCenter,
+    onDragEnd: handleDragEnd,
+    modifiers: [_modifiers.restrictToParentElement]
+  }, children);
+};
+
+var _default = DndContainer;
+exports.default = _default;

package/lib/CkFilter/components/DragBox/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+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/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _DndContainer = _interopRequireDefault(require("./DndContainer"));
+
+var _sortableBox = _interopRequireDefault(require("./sortableBox"));
+
+var _sortableItem = _interopRequireDefault(require("./sortableItem"));
+
+var _excluded = ["options", "checkedValues", "setFilterValue"];
+
+var Drag = function Drag(_ref) {
+  var _ref$options = _ref.options,
+      options = _ref$options === void 0 ? [] : _ref$options,
+      _ref$checkedValues = _ref.checkedValues,
+      checkedValues = _ref$checkedValues === void 0 ? [] : _ref$checkedValues,
+      setFilterValue = _ref.setFilterValue,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var move = function move(active, over) {
+    setFilterValue({
+      active: active,
+      over: over
+    }, 'move');
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DndContainer.default, {
+    move: move
+  }, /*#__PURE__*/_react.default.createElement(_sortableBox.default, {
+    items: options.map(function (v) {
+      return "drag".concat(v.field);
+    })
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
+    value: checkedValues,
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_list"
+  }, function (virProps) {
+    return /*#__PURE__*/_react.default.createElement(_sortableItem.default, (0, _extends2.default)({}, virProps, {
+      options: options,
+      checkedValues: checkedValues,
+      setFilterValue: setFilterValue
+    }, props));
+  })))));
+};
+
+var _default = Drag;
+exports.default = _default;

package/lib/CkFilter/components/DragBox/sortableBox.js

@@ -0,0 +1,24 @@
+"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 _sortable = require("@dnd-kit/sortable");
+
+var SortableBox = function SortableBox(_ref) {
+  var items = _ref.items,
+      children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: items,
+    strategy: _sortable.verticalListSortingStrategy
+  }, children);
+};
+
+var _default = SortableBox;
+exports.default = _default;

package/lib/CkFilter/components/DragBox/sortableItem.js

@@ -0,0 +1,111 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var _excluded = ["item", "filters", "options", "checkedValues", "setFilterValue", "setCheckedValues"];
+
+var SortableItem = function SortableItem(props) {
+  var virItem = props.item,
+      filters = props.filters,
+      options = props.options,
+      checkedValues = props.checkedValues,
+      setFilterValue = props.setFilterValue,
+      setCheckedValues = props.setCheckedValues,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useSortable = (0, _sortable.useSortable)({
+    id: "drag".concat(virItem.field),
+    data: (0, _objectSpread2.default)({}, virItem)
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    transform: _utilities.CSS.Transform.toString(transform),
+    transition: transition
+  }; // 是否可置顶, 第一项无置顶操作, 所以这里的index > 0
+
+  var isTop = (0, _react.useCallback)(function (item) {
+    return checkedValues.includes(item.field) && filters.findIndex(function (v) {
+      return v.field === item.field;
+    }) > 0;
+  }, [checkedValues, filters]); // 置顶操作, 防止频繁操作, 建议加上节流
+
+  var handleTop = function handleTop(e, item) {
+    e.stopPropagation();
+    setFilterValue(item, 'top');
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, item) {
+    e.preventDefault();
+    e.stopPropagation(); // setFilterValue(item)
+
+    var nValue = checkedValues.includes(item.field) ? checkedValues.filter(function (v) {
+      return v !== item.field;
+    }) : [].concat((0, _toConsumableArray2.default)(checkedValues), [item.field]);
+    setCheckedValues(nValue);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: setNodeRef,
+    style: style
+  }, attributes), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+    className: (0, _classnames.default)('filter_item', {
+      checked: checkedValues.includes(virItem.field)
+    }),
+    onClick: function onClick(e) {
+      return onChange(e, virItem);
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: "pointer_move"
+  }, listeners), /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, {
+    style: {
+      color: 'var(--tip-text-color)'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    value: virItem.field,
+    className: "filter_item-content"
+  }, virItem.title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item_operate"
+  }, isTop(virItem) && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-vertical-align-top",
+    className: "hover_show icon_top",
+    onClick: function onClick(e) {
+      return handleTop(e, virItem);
+    }
+  })))));
+};
+
+var _default = SortableItem;
+exports.default = _default;

package/lib/CkFilter/components/Nested.js

@@ -0,0 +1,90 @@
+"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 _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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _excluded = ["value", "onChange", "options"];
+
+var Nested = function Nested(_ref) {
+  var _aliveActive$body;
+
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      options = _ref.options,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+
+  var _useState = (0, _react.useState)({}),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      aliveActive = _useState2[0],
+      setAliveActive = _useState2[1];
+
+  var handleClick = function handleClick(item) {
+    setAliveActive(item);
+
+    if (!item.children) {
+      onChange({
+        subValue: item,
+        value: [(0, _objectSpread2.default)({}, item)]
+      });
+    }
+  };
+  /*
+   * @Array val 选中的数据数组: [{}, ...]
+   * @String subValue 选中的子级
+   * 
+  */
+
+
+  var handleOnChange = function handleOnChange(val, type) {
+    onChange({
+      subValue: aliveActive,
+      value: val,
+      type: type
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+    size: 8,
+    wrap: true
+  }, 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: aliveActive.value === v.value
+      }),
+      onClick: function onClick() {
+        return handleClick(v);
+      }
+    }, v.label);
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      flex: 1,
+      marginTop: 16
+    }
+  }, (_aliveActive$body = aliveActive.body) === null || _aliveActive$body === void 0 ? void 0 : _aliveActive$body.call(aliveActive, {
+    value: aliveActive.value,
+    onChange: handleOnChange,
+    item: aliveActive
+  })));
+};
+
+var _default = Nested;
+exports.default = _default;