| | |
| | | import { DndProvider } from 'react-dnd' |
| | | import HTML5Backend from 'react-dnd-html5-backend' |
| | | import moment from 'moment' |
| | | import { Button, Card, Modal, Collapse, notification, Select, List, Icon, Empty } from 'antd' |
| | | import { Button, Card, Modal, Collapse, notification, Select, List, Icon, Empty, Popover } from 'antd' |
| | | |
| | | import Api from '@/api' |
| | | import Utils from '@/utils/utils.js' |
| | |
| | | if (type === 'copy') { |
| | | card.originUuid = card.uuid |
| | | card.uuid = Utils.getuuid() |
| | | card.label = card.label + '(copy)' |
| | | card.field = card.field + '(copy)' |
| | | card.focus = true |
| | | |
| | | // 复制到剪切板 |
| | |
| | | config.groups.map(group => { |
| | | return ( |
| | | <div key={group.uuid}> |
| | | <p className={'group-title' + (group.default ? ' default' : '')}> |
| | | <span>{group.label}</span> |
| | | <Icon className="edit" type="edit" onClick={() => {this.handleGroup(group)}} /> |
| | | <Icon className="edit close" type="close" onClick={() => {this.closeGroup(group)}} /> |
| | | </p> |
| | | <div className="group-title"> |
| | | {!group.default ? <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ |
| | | <div className="mk-popover-control"> |
| | | <Icon className="edit" type="edit" onClick={() => {this.handleGroup(group)}} /> |
| | | <Icon className="edit close" type="close" onClick={() => {this.closeGroup(group)}} /> |
| | | </div> |
| | | } trigger="hover"> |
| | | <span>{group.label}</span> |
| | | </Popover> : null} |
| | | {group.default ? <span style={{color: '#bcbcbc'}}>{group.label}</span> : null} |
| | | </div> |
| | | <DragElement |
| | | group={group} |
| | | list={group.sublist} |