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/card/cardcellcomponent/dragaction/index.jsx | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 104 insertions(+), 16 deletions(-)
diff --git a/src/menu/components/card/cardcellcomponent/dragaction/index.jsx b/src/menu/components/card/cardcellcomponent/dragaction/index.jsx
index 313a8af..64bb8d9 100644
--- a/src/menu/components/card/cardcellcomponent/dragaction/index.jsx
+++ b/src/menu/components/card/cardcellcomponent/dragaction/index.jsx
@@ -4,9 +4,11 @@
import update from 'immutability-helper'
import Card from './card'
+import Utils from '@/utils/utils.js'
+import Action from './action'
import './index.scss'
-const Container = ({list, handleList, handleMenu, deleteMenu }) => {
+const Container = ({list, parent, fields, handleList, handleMenu, deleteMenu, profileAction, handleStyle, updateMarks, dropButton, handleSubConfig }) => {
const [cards, setCards] = useState(list)
const moveCard = (id, atIndex) => {
const { card, index } = findCard(id)
@@ -31,32 +33,118 @@
handleMenu(card)
}
+ const copyCard = id => {
+ const { card } = findCard(id)
+ let copycard = fromJS(card).toJS()
+ let _cards = fromJS(cards).toJS()
+
+ if (card.eleType === 'button') {
+ copycard.copyType = 'action'
+ } else {
+ copycard.copyType = 'customCardElement'
+ }
+ copycard.focus = true
+
+ let _val = fromJS(copycard).toJS()
+
+ copycard.uuid = Utils.getuuid()
+ copycard.originCard = card
+
+ try {
+ _val = window.btoa(window.encodeURIComponent(JSON.stringify(_val)))
+ } catch {
+ console.warn('Stringify Failure')
+ _val = ''
+ }
+
+ if (_val) {
+ let oInput = document.createElement('input')
+ oInput.value = _val
+ document.body.appendChild(oInput)
+ oInput.select()
+ document.execCommand('Copy')
+ document.body.removeChild(oInput)
+ }
+
+ _cards.push(copycard)
+
+ handleList(_cards)
+ handleMenu(copycard)
+ }
+
+ const changeStyle = id => {
+ const { card } = findCard(id)
+ handleStyle(card)
+ }
+
+ const profileCard = id => {
+ const { card } = findCard(id)
+ profileAction(card)
+ }
+
+ const doubleClickCard = id => {
+ const { card } = findCard(id)
+
+ if (card.eleType !== 'button') {
+ return
+ }
+
+ handleSubConfig(card)
+ }
+
const delCard = id => {
const { card } = findCard(id)
deleteMenu(card)
}
- let cardIds = cards.map(card => card.uuid)
-
const [, drop] = useDrop({
accept: 'action',
- drop() {}
+ drop(item) {
+ const { index } = findCard(item.id)
+ if (index > -1) return
+ dropButton(item.id)
+ }
})
return (
<div ref={drop} className="ant-row card-detail-row">
- {cards.map(card => (
- <Card
- id={card.uuid}
- key={card.uuid}
- cardIds={cardIds}
- card={card}
- moveCard={moveCard}
- editCard={editCard}
- delCard={delCard}
- findCard={findCard}
- />
- ))}
+ {cards.map(card => {
+ if (card.eleType === 'button') {
+ return (
+ <Action
+ id={card.uuid}
+ key={card.uuid}
+ card={card}
+ parent={parent}
+ copyCard={copyCard}
+ moveCard={moveCard}
+ editCard={editCard}
+ changeStyle={changeStyle}
+ profileCard={profileCard}
+ doubleClickCard={doubleClickCard}
+ delCard={delCard}
+ findCard={findCard}
+ />
+ )
+ } else {
+ return (
+ <Card
+ id={card.uuid}
+ key={card.uuid}
+ card={card}
+ parent={parent}
+ fields={fields}
+ moveCard={moveCard}
+ copyCard={copyCard}
+ editCard={editCard}
+ updateMarks={updateMarks}
+ changeStyle={changeStyle}
+ delCard={delCard}
+ findCard={findCard}
+ />
+ )
+ }
+ })}
</div>
)
}
--
Gitblit v1.8.0