choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
52 lines (49 loc) • 1.82 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { useContext } from 'react';
import { observer } from 'mobx-react-lite';
import { Draggable, Droppable } from 'react-beautiful-dnd';
import sortBy from 'lodash/sortBy';
import TabsContext from '../../TabsContext';
import Item from './Item';
var Group = observer(function Group(props) {
var header = props.header,
records = props.records,
value = props.value,
nodeSuffix = props.nodeSuffix,
defaultKey = props.defaultKey;
var _useContext = useContext(TabsContext),
prefixCls = _useContext.prefixCls;
return React.createElement(React.Fragment, null, header && React.createElement("div", {
className: "".concat(prefixCls, "-customization-group-header")
}, header), React.createElement(Droppable, {
droppableId: value,
key: "group"
}, function (droppableProvided) {
return React.createElement("div", _extends({
ref: droppableProvided.innerRef,
className: "".concat(prefixCls, "-customization-group")
}, droppableProvided && droppableProvided.droppableProps), sortBy(records, [function (r) {
return r.get('sort');
}]).map(function (record, index, list) {
return React.createElement(Draggable, {
key: record.key,
draggableId: String(record.key),
index: index
}, function (provided, snapshot) {
return React.createElement(Item, {
key: record.key,
record: record,
suffix: nodeSuffix,
index: index,
records: list,
provided: provided,
snapshot: snapshot,
defaultKey: defaultKey
});
});
}), droppableProvided && droppableProvided.placeholder);
}));
});
Group.displayName = 'Group';
export default Group;
//# sourceMappingURL=Group.js.map