From 72419e2f826031a158173f46d723a672064e37cd Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期二, 31 八月 2021 22:42:51 +0800
Subject: [PATCH] 2021-08-31
---
src/menu/components/tabs/tabcomponents/index.jsx | 54 +++++++++++++++++++++++++++++++++++-------------------
1 files changed, 35 insertions(+), 19 deletions(-)
diff --git a/src/menu/components/tabs/tabcomponents/index.jsx b/src/menu/components/tabs/tabcomponents/index.jsx
index 62d2cb7..657c5d9 100644
--- a/src/menu/components/tabs/tabcomponents/index.jsx
+++ b/src/menu/components/tabs/tabcomponents/index.jsx
@@ -5,14 +5,14 @@
import { Empty, notification, 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'
const { confirm } = Modal
const Container = ({ config, handleList }) => {
- let target = null
-
const [cards, setCards] = useState(config.components)
const moveCard = (id, atIndex) => {
const { card, index } = findCard(id)
@@ -32,10 +32,6 @@
}
}
- const hasDrop = (item) => {
- target = item
- }
-
const updateConfig = (element) => {
handleList({...config, components: cards.map(item => item.uuid === element.uuid ? element : item)})
}
@@ -52,11 +48,17 @@
})
}
+ let uuids = MenuUtils.getDelButtonIds(card)
+
confirm({
- title: `纭畾鍒犻櫎銆�${card.setting.name}銆嬪悧锛焋,
+ 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() {}
})
@@ -92,13 +94,26 @@
let names = {
bar: '鏌辩姸鍥�',
line: '鎶樼嚎鍥�',
- tabs: '鏍囩缁�'
+ tabs: '鏍囩缁�',
+ pie: '楗煎浘',
+ search: '鎼滅储',
+ table: '琛ㄦ牸',
+ group: '鍒嗙粍',
+ editor: '瀵屾枃鏈�',
+ code: '鑷畾涔�',
+ carousel: '杞挱',
+ form: '琛ㄥ崟',
+ dashboard: '浠〃鐩�',
+ scatter: '鏁ｇ偣鍥�',
+ tree: '鏍戝舰鍒楄〃',
+ balcony: '娴姩鍗�',
+ card: '鍗＄墖'
}
let i = 1
while (!name && names[item.component]) {
let _name = names[item.component] + i
- if (config.components.filter(com => com.setting && com.setting.name === _name).length === 0) {
+ if (config.components.filter(com => com.name === _name).length === 0) {
name = _name
}
i++
@@ -110,25 +125,27 @@
parentId: config.parentId,
type: item.component,
subtype: item.subtype,
+ config: item.config,
+ width: item.width || 24,
+ dataName: Utils.getdataName(),
name: name,
floor: config.floor ? (config.floor + 1) : 2, // 缁勪欢鐨勫眰绾�
isNew: true // 鏂版坊鍔犳爣蹇楋紝鐢ㄤ簬鍒濆鍖�
}
- let targetId = cards.length > 0 ? cards[cards.length - 1].uuid : 0
- if (target) {
- targetId = target.uuid
+ let targetId = ''
+
+ if (item.dropTargetId) {
+ targetId = item.dropTargetId
+ delete item.dropTargetId
+ } else if (cards.length > 0) {
+ targetId = cards.slice(-1)[0].uuid
}
const { index: overIndex } = findCard(`${targetId}`)
- let targetIndex = overIndex
-
- targetIndex++
-
- const _cards = update(cards, { $splice: [[targetIndex, 0, newcard]] })
+ const _cards = update(cards, { $splice: [[overIndex + 1, 0, newcard]] })
handleList({...config, components: _cards})
- target = null
}
})
@@ -143,7 +160,6 @@
moveCard={moveCard}
delCard={deleteCard}
findCard={findCard}
- hasDrop={hasDrop}
updateConfig={updateConfig}
/>
))}
--
Gitblit v1.8.0