1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
| import React, {Component} from 'react'
| import PropTypes from 'prop-types'
| import { Modal, notification } from 'antd'
| import { SnippetsOutlined } from '@ant-design/icons'
|
| import MenuUtils from '@/utils/utils-custom.js'
| import asyncComponent from '@/utils/asyncComponent'
| // import './index.scss'
|
| const PasteForm = asyncComponent(() => import('@/templates/zshare/pasteform'))
|
| class PasteGroup extends Component {
| static propTpyes = {
| insert: PropTypes.func
| }
|
| state = {
| visible: false
| }
|
| pasteSubmit = () => {
| let appType = sessionStorage.getItem('appType')
| let options = ['datacard', 'propcard', 'balcony', 'timeline', 'simpleform', 'stepform', 'tabform', 'normaltable', 'tablecard', 'editor', 'line', 'bar', 'pie', 'scatter', 'sandbox']
| let types = {
| login: '登录',
| navbar: '导航栏',
| topbar: '导航栏',
| tabs: '标签页',
| search: '搜索',
| mainsearch: '搜索',
| group: '分组',
| menubar: '菜单'
| }
|
| if (appType !== 'mob') {
| options.push('editable', 'antvG6', 'antvX6', 'tree', 'dashboard', 'chart')
| }
|
| this.pasteFormRef.handleConfirm().then(res => {
| if (res.copyType && types[res.copyType]) {
| notification.warning({
| top: 92,
| message: '分组中不可添加《' + types[res.copyType] + '》组件！',
| duration: 5
| })
| return
| } else if (!options.includes(res.copyType)) {
| notification.warning({
| top: 92,
| message: '配置信息格式错误！',
| duration: 5
| })
| return
| }
|
| res = MenuUtils.resetComponentConfig(res, appType)
|
| delete res.copyType
|
| this.props.insert(res)
|
| this.setState({visible: false})
|
| notification.success({
| top: 92,
| message: '粘贴成功！',
| duration: 2
| })
| })
| }
|
| render() {
| const { visible } = this.state
|
| return (
| <div style={{display: 'inline-block'}}>
| <SnippetsOutlined style={{color: 'purple'}} onClick={() => {this.setState({visible: true})}} />
| <Modal
| title="粘贴"
| visible={visible}
| width={600}
| maskClosable={false}
| onOk={this.pasteSubmit}
| onCancel={() => {this.setState({visible: false})}}
| destroyOnClose
| >
| <PasteForm wrappedComponentRef={(inst) => this.pasteFormRef = inst} inputSubmit={this.pasteSubmit}/>
| </Modal>
| </div>
| )
| }
| }
|
| export default PasteGroup
|
|
