From 9ff5920c0a58771219b134a7b46b7d0c1e1542ad Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期三, 19 六月 2024 23:50:13 +0800
Subject: [PATCH] 2024-06-19
---
src/menu/components/card/cardcellcomponent/dragaction/index.jsx | 235 ++++++++++++++++++++++++++++++++++++++++++++++++----------
1 files changed, 193 insertions(+), 42 deletions(-)
diff --git a/src/menu/components/card/cardcellcomponent/dragaction/index.jsx b/src/menu/components/card/cardcellcomponent/dragaction/index.jsx
index 90e4bc9..e55c040 100644
--- a/src/menu/components/card/cardcellcomponent/dragaction/index.jsx
+++ b/src/menu/components/card/cardcellcomponent/dragaction/index.jsx
@@ -1,14 +1,15 @@
import React, { useState } from 'react'
import { useDrop } from 'react-dnd'
import { is, fromJS } from 'immutable'
+import { message } from 'antd'
import update from 'immutability-helper'
-import { Icon } from 'antd'
-import Utils from '@/utils/utils.js'
import Card from './card'
+import Utils from '@/utils/utils.js'
+import Action from './action'
import './index.scss'
-const Container = ({type, 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)
@@ -33,56 +34,206 @@
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()
+
+ if (_val.control) {
+ delete _val.controlField
+ delete _val.controlVal
+ }
+
+ copycard.uuid = Utils.getuuid()
+
+ try {
+ delete _val.$srcId
+
+ let srcid = localStorage.getItem(window.GLOB.sysSign + 'srcId')
+ if (srcid) {
+ _val.$srcId = srcid
+ }
+
+ _val = window.btoa(window.encodeURIComponent(JSON.stringify(_val)))
+ } catch (e) {
+ 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)
+
+ message.success('澶嶅埗鎴愬姛銆�')
+ } else {
+ message.warning('澶嶅埗澶辫触銆�')
+ }
+
+ if (card.eleType !== 'button') {
+ _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) {
+ if (item.$init) { // 鎷栨嫿娣诲姞
+ let newcard = {}
+ newcard.uuid = Utils.getuuid()
+ newcard.focus = true
+
+ // 鏄剧ず鍒楄繃婊�
+ if (parent.type === 'custom' && item.class !== 'element') {
+ delete item.overIndex
+ return
+ } else if (parent.type === 'action' && item.class === 'element') {
+ delete item.overIndex
+ return
+ }
+
+ if (item.class === 'element') {
+ newcard.eleType = item.value
+ newcard.datatype = 'dynamic'
+ newcard.height = 1
+
+ if (item.value === 'splitline') {
+ newcard.width = 24
+ newcard.color = '#EBE9E9'
+ } else if (item.value === 'tag') {
+ newcard.style = {
+ backgroundColor: 'var(--mk-sys-color1)',
+ color: 'var(--mk-sys-color)',
+ borderColor: 'var(--mk-sys-color)',
+ borderWidth: '1px',
+ borderRadius: '4px',
+ paddingLeft: '7px',
+ paddingRight: '7px',
+ marginRight: '8px',
+ marginBottom: '8px',
+ }
+ } else if (item.value === 'slider') {
+ newcard.width = 24
+ newcard.color = '#1890ff'
+ }
+ } else {
+ newcard.eleType = 'button'
+ newcard.label = 'button'
+ newcard.verify = null
+ newcard.show = 'link'
+ newcard.Ot = 'requiredSgl'
+ newcard.OpenType = item.value
+ newcard.class = 'primary'
+
+ if (newcard.OpenType === 'excelIn') {
+ newcard.label = item.text
+ newcard.class = 'border-dgreen'
+ newcard.Ot = 'notRequired'
+ } else if (item.subType === 'excelOut') {
+ newcard.label = item.text
+ newcard.execSuccess = 'never'
+ newcard.class = 'dgreen'
+ }
+ }
+
+ if (item.overIndex) {
+ const { index } = findCard(item.overIndex)
+ const _cards = update(cards, { $splice: [[index + 1, 0, newcard]] })
+ handleList(_cards)
+ } else {
+ handleList([...cards, newcard])
+ }
+
+ handleMenu(newcard)
+
+ delete item.overIndex
+ return
+ }
+
+ const { index } = findCard(item.id)
+ if (index > -1) return
+ dropButton(item.id)
+ }
})
-
- const addelement = () => {
- let newcard = {}
- newcard.uuid = Utils.getuuid()
- newcard.focus = true
-
- newcard.eleType = 'text'
- newcard.datatype = 'dynamic'
- newcard.color = 'rgba(0,0,0,0.85)'
- newcard.padding = '5px'
- newcard.align = 'left'
-
- let targetId = cards.length > 0 ? cards[cards.length - 1].uuid : 0
-
- const { index: overIndex } = findCard(`${targetId}`)
- let targetIndex = overIndex
-
- targetIndex++
-
- const _cards = update(cards, { $splice: [[targetIndex, 0, newcard]] })
-
- handleList(_cards, newcard)
- }
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}
- />
- ))}
- <Icon type="plus" title="娣诲姞鍏冪礌" onClick={addelement}/>
+ {cards.map(card => {
+ if (card.eleType === 'button') {
+ return (
+ <Action
+ id={card.uuid}
+ key={card.uuid}
+ card={card}
+ 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