1 | "use strict";
|
2 |
|
3 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4 |
|
5 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
6 |
|
7 | Object.defineProperty(exports, "__esModule", {
|
8 | value: true
|
9 | });
|
10 | exports["default"] = void 0;
|
11 |
|
12 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13 |
|
14 | var _react = _interopRequireWildcard(require("react"));
|
15 |
|
16 | var _mobxReactLite = require("mobx-react-lite");
|
17 |
|
18 | var _reactBeautifulDnd = require("react-beautiful-dnd");
|
19 |
|
20 | var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
|
21 |
|
22 | var _TabsContext = _interopRequireDefault(require("../../TabsContext"));
|
23 |
|
24 | var _Item = _interopRequireDefault(require("./Item"));
|
25 |
|
26 | var Group = (0, _mobxReactLite.observer)(function Group(props) {
|
27 | var header = props.header,
|
28 | records = props.records,
|
29 | value = props.value,
|
30 | nodeSuffix = props.nodeSuffix,
|
31 | defaultKey = props.defaultKey;
|
32 |
|
33 | var _useContext = (0, _react.useContext)(_TabsContext["default"]),
|
34 | prefixCls = _useContext.prefixCls;
|
35 |
|
36 | return _react["default"].createElement(_react["default"].Fragment, null, header && _react["default"].createElement("div", {
|
37 | className: "".concat(prefixCls, "-customization-group-header")
|
38 | }, header), _react["default"].createElement(_reactBeautifulDnd.Droppable, {
|
39 | droppableId: value,
|
40 | key: "group"
|
41 | }, function (droppableProvided) {
|
42 | return _react["default"].createElement("div", (0, _extends2["default"])({
|
43 | ref: droppableProvided.innerRef,
|
44 | className: "".concat(prefixCls, "-customization-group")
|
45 | }, droppableProvided && droppableProvided.droppableProps), (0, _sortBy["default"])(records, [function (r) {
|
46 | return r.get('sort');
|
47 | }]).map(function (record, index, list) {
|
48 | return _react["default"].createElement(_reactBeautifulDnd.Draggable, {
|
49 | key: record.key,
|
50 | draggableId: String(record.key),
|
51 | index: index
|
52 | }, function (provided, snapshot) {
|
53 | return _react["default"].createElement(_Item["default"], {
|
54 | key: record.key,
|
55 | record: record,
|
56 | suffix: nodeSuffix,
|
57 | index: index,
|
58 | records: list,
|
59 | provided: provided,
|
60 | snapshot: snapshot,
|
61 | defaultKey: defaultKey
|
62 | });
|
63 | });
|
64 | }), droppableProvided && droppableProvided.placeholder);
|
65 | }));
|
66 | });
|
67 | Group.displayName = 'Group';
|
68 | var _default = Group;
|
69 | exports["default"] = _default;
|
70 |
|