From 812070dc565f03bafb0b62696004aa676ed1b787 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期四, 19 八月 2021 15:50:16 +0800 Subject: [PATCH] 2021-08-19 --- src/menu/components/form/dragtitle/card.jsx | 40 ++++++++++++++++++++++++++++++++++------ 1 files changed, 34 insertions(+), 6 deletions(-) diff --git a/src/menu/components/form/dragtitle/card.jsx b/src/menu/components/form/dragtitle/card.jsx index 48e07f4..0ebb97b 100644 --- a/src/menu/components/form/dragtitle/card.jsx +++ b/src/menu/components/form/dragtitle/card.jsx @@ -1,10 +1,15 @@ import React from 'react' +import { fromJS } from 'immutable' import { useDrag, useDrop } from 'react-dnd' import { Icon, Popover } from 'antd' +import getForm from './options' +import asyncIconComponent from '@/utils/asyncIconComponent' import './index.scss' -const Card = ({ id, card, active, moveCard, findCard, editCard, closeCard, selectCard }) => { +const NormalForm = asyncIconComponent(() => import('@/components/normalform')) + +const Card = ({ id, card, active, moveCard, findCard, closeCard, selectCard, updateGroup }) => { const originalIndex = findCard(id).index const [{ isDragging }, drag] = useDrag({ item: { type: 'form', id, originalIndex }, @@ -28,10 +33,6 @@ }) const opacity = isDragging ? 0 : 1 - const edit = () => { - editCard(id) - } - const close = () => { closeCard(id) } @@ -40,10 +41,37 @@ selectCard(id) } + const getForms = () =>{ + return getForm(card) + } + + const updateSetting = (res) => { + let _card = fromJS(card).toJS() + + if (res.prevEnable) { + _card.prevButton.enable = res.prevEnable + delete res.prevEnable + } + if (res.subEnable) { + _card.subButton.enable = res.subEnable + delete res.subEnable + } + if (res.nextEnable) { + _card.nextButton.enable = res.nextEnable + delete res.nextEnable + } + + _card.setting = res + + updateGroup(_card) + } + return ( <Popover overlayClassName="mk-popover-control-wrap" mouseLeaveDelay={0.2} mouseEnterDelay={0.2} content={ <div className="mk-popover-control"> - <Icon className="edit" type="edit" onClick={edit} /> + <NormalForm title="鍒嗙粍缂栬緫" width={850} update={updateSetting} getForms={getForms}> + <Icon type="edit" style={{color: '#1890ff'}} title="缂栬緫"/> + </NormalForm> <Icon className="close" type="close" onClick={close} /> </div> } trigger="hover"> -- Gitblit v1.8.0