| | |
| | | import { Empty, Modal } from 'antd' |
| | | |
| | | import Utils from '@/utils/utils.js' |
| | | import MKEmitter from '@/utils/events.js' |
| | | import MenuUtils from '@/utils/utils-custom.js' |
| | | import Card from './card' |
| | | import './index.scss' |
| | | |
| | |
| | | handleList({...config, components: cards.map(item => item.uuid === element.uuid ? element : item)}) |
| | | } |
| | | |
| | | const unGroup = (id) => { |
| | | let { card, index } = findCard(`${id}`) |
| | | let components = [...card.components].map(item => { |
| | | if (item.wrap) { |
| | | item.wrap.width = card.width |
| | | item.width = card.width |
| | | } else if (item.plot) { |
| | | item.plot.width = card.width |
| | | item.width = card.width |
| | | } |
| | | return item |
| | | }) |
| | | card.components = [] |
| | | |
| | | const _cards = update(cards, { $splice: [[index, 1, card, ...components]] }) |
| | | |
| | | handleList({...config, components: _cards}) |
| | | } |
| | | |
| | | const deleteCard = (id) => { |
| | | const { card } = findCard(id) |
| | | |
| | |
| | | }) |
| | | } |
| | | |
| | | let uuids = MenuUtils.getDelButtonIds(card) |
| | | |
| | | confirm({ |
| | | title: `确定删除《${card.name}》吗?`, |
| | | content: hasComponent ? '当前组件中含有子组件!' : '', |
| | | onOk() { |
| | | handleList({...config, components: cards.filter(item => item.uuid !== card.uuid)}) |
| | | |
| | | if (uuids.length === 0) return |
| | | |
| | | MKEmitter.emit('delButtons', uuids) |
| | | }, |
| | | onCancel() {} |
| | | }) |
| | |
| | | card={card} |
| | | moveCard={moveCard} |
| | | delCard={deleteCard} |
| | | unGroup={unGroup} |
| | | findCard={findCard} |
| | | updateConfig={updateConfig} |
| | | /> |