import React, {Component} from 'react'
|
import PropTypes from 'prop-types'
|
// import { is, fromJS } from 'immutable'
|
import { Icon, Modal } from 'antd'
|
|
import zhCN from '@/locales/zh-CN/mob.js'
|
import enUS from '@/locales/en-US/mob.js'
|
import './index.scss'
|
|
const { confirm } = Modal
|
|
class ContentDelete extends Component {
|
static propTpyes = {
|
element: PropTypes.object,
|
list: PropTypes.array,
|
updateContent: PropTypes.func
|
}
|
|
state = {
|
dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
|
images: [],
|
visible: false
|
}
|
|
UNSAFE_componentWillMount () {
|
|
}
|
|
// shouldComponentUpdate (nextProps, nextState) {
|
// return !is(fromJS(this.props), fromJS(nextProps)) || !is(fromJS(this.state), fromJS(nextState))
|
// }
|
|
deleteElement = () => {
|
const { list, element } = this.props
|
const _this = this
|
|
confirm({
|
title: '确定删除元素吗？',
|
onOk() {
|
_this.props.updateContent({...list, subItems: list.subItems.filter(item => item.uuid !== element.uuid)})
|
},
|
onCancel() {}
|
})
|
}
|
|
|
|
render () {
|
return (
|
<div className="mob-content-list-delete">
|
<Icon type="close" onClick={this.deleteElement} />
|
</div>
|
)
|
}
|
}
|
|
export default ContentDelete
|
