2023-08-18

king

2023-08-18 57266ee8c62f0fddb42c18c705507fc0dc2416f6

 src/pc/modulesource/index.jsx

@@ -1,14 +1,9 @@
import React, {Component} from 'react'
import { is, fromJS } from 'immutable'
import { Modal, notification } from 'antd'

import Api from '@/api'
import { menuOptions } from './option'
import SourceWrap from './dragsource'
import MKEmitter from '@/utils/events.js'
import './index.scss'

const { confirm } = Modal

class ModelSource extends Component {
  state = {
@@ -30,54 +25,8 @@
    })
  }

  UNSAFE_componentWillReceiveProps (nextProps) {
    if (nextProps.components && !is(fromJS(this.props.components), fromJS(nextProps.components))) {
      this.setState({
        menuOptions: fromJS(nextProps.components).toJS()
      })
    }
  }

  shouldComponentUpdate (nextProps, nextState) {
    return !is(fromJS(this.state), fromJS(nextState))
  }

  triggerDel = (item) => {
    confirm({
      title: `确定删除<${item.title}>吗？`,
      content: '',
      onOk() {
        return new Promise(resolve => {
          Api.getCloudConfig({
            func: 's_custom_components_adduptdel',
            c_id: item.uuid,
            images: '',
            c_name: item.title,
            typename: sessionStorage.getItem('appType') || '',
            long_param: '',
            del_type: 'Y'
          }).then(result => {
            if (result.status) {
              notification.success({
                top: 92,
                message: '删除成功！',
                duration: 5
              })

              MKEmitter.emit('updateCustomComponent')
            } else {
              notification.warning({
                top: 92,
                message: result.message,
                duration: 5
              })
            }
            resolve()
          })
        })
      },
      onCancel() {}
    })
  }

  render() {
@@ -85,7 +34,7 @@

    return (
      <div className="mob-card-source-box">
        {menuOptions.map((item, index) => (<SourceWrap key={index} item={item} triggerDel={this.triggerDel} />))}
        {menuOptions.map((item, index) => (<SourceWrap key={index} item={item}/>))}
      </div>
    )
  }