import React, {Component} from 'react'
|
import PropTypes from 'prop-types'
|
import { is, fromJS } from 'immutable'
|
import { Button, notification, message, Modal } from 'antd'
|
import md5 from 'md5'
|
|
import Api from '@/api'
|
import MKEmitter from '@/utils/events.js'
|
import MkIcon from '@/components/mk-icon'
|
|
// import './index.scss'
|
|
class ShareLink extends Component {
|
static propTpyes = {
|
BID: PropTypes.string,
|
btn: PropTypes.object,
|
selectedData: PropTypes.any
|
}
|
|
state = {
|
loading: false
|
}
|
|
componentDidMount () {
|
MKEmitter.addListener('triggerBtnId', this.actionTrigger)
|
}
|
|
shouldComponentUpdate (nextProps, nextState) {
|
return !is(fromJS(this.state), fromJS(nextState))
|
}
|
|
componentWillUnmount () {
|
this.setState = () => {
|
return
|
}
|
MKEmitter.removeListener('triggerBtnId', this.actionTrigger)
|
}
|
|
/**
|
* @description 触发按钮操作
|
*/
|
actionTrigger = (triggerId) => {
|
const { btn, BID, selectedData } = this.props
|
const { loading } = this.state
|
|
if (loading) return
|
if (triggerId && btn.uuid !== triggerId) return
|
|
if (window.GLOB.systemType === 'production' && !btn.shareProUrl) {
|
notification.warning({
|
top: 92,
|
message: '尚未设置正式系统链接地址！',
|
duration: 5
|
})
|
return
|
}
|
|
let bid = BID || ''
|
let id = ''
|
if (selectedData && selectedData[0]) {
|
id = selectedData[0].$$uuid || ''
|
}
|
|
let url = btn.shareUrl
|
if (window.GLOB.systemType === 'production') {
|
url = btn.shareProUrl
|
}
|
|
url = url.replace(/@BID@/ig, bid).replace(/@ID@/ig, id)
|
|
if (btn.shortUrl === 'true') {
|
this.setState({
|
loading: true
|
}, () => {
|
this.getShortUrl(url)
|
})
|
} else {
|
this.copyUrl(url)
|
}
|
}
|
|
getShortUrl = (url) => {
|
let _rduri = window.atob('aHR0cHM6Ly9lcGMubWs5aC5$mkjbi93ZWJhcGkvZG9zdGFycw=='.replace(/\$mk/ig, ''))
|
let _id = window.atob('YmgwYmFwYWJ0ZDQ1ZXBz$mkZ3JhNzlzZWdiY2g2YzFpYms='.replace(/\$mk/ig, ''))
|
|
let param = {
|
func: 's_url_db_adduptdel',
|
appkey: window.GLOB.appkey,
|
userid: _id,
|
LoginUID: _id,
|
type: 'add_only',
|
validity: 15,
|
linkurl: url,
|
nonc: '' + new Date().getTime(),
|
id: md5(url + window.GLOB.appkey)
|
}
|
|
let keys = Object.keys(param).sort()
|
let values = ''
|
keys.forEach(key => {
|
values += key + param[key]
|
})
|
param.sign = md5(values)
|
param.t = new Date().getTime()
|
|
Api.directRequest({
|
url: _rduri + '/s_url_db_adduptdel',
|
method: 'post',
|
data: JSON.stringify(param)
|
}).then(res => {
|
this.setState({
|
loading: false
|
})
|
|
if (res.status && res.id) {
|
this.copyUrl('https://mk9h.cn/m.asp?m=' + res.id)
|
} else {
|
notification.warning({
|
top: 92,
|
message: res.message || '链接生成失败！',
|
duration: 5
|
})
|
}
|
}, () => {
|
this.setState({
|
loading: false
|
})
|
})
|
}
|
|
copyUrl = (url) => {
|
const { btn } = this.props
|
|
let oInput = document.createElement('input')
|
oInput.value = url
|
document.body.appendChild(oInput)
|
oInput.select()
|
document.execCommand('Copy')
|
document.body.removeChild(oInput)
|
|
if (btn.shareTip) {
|
Modal.success({
|
title: btn.shareTip
|
})
|
} else {
|
message.success('已复制到剪切板。')
|
}
|
}
|
|
render() {
|
const { btn } = this.props
|
const { loading } = this.state
|
|
let label = ''
|
|
if (btn.show === 'link') {
|
label = <span>{btn.label}{btn.icon ? <MkIcon style={{marginLeft: '8px'}} type={btn.icon} /> : ''}</span>
|
} else if (btn.show === 'icon') {
|
label = !loading ? <MkIcon type={btn.icon} /> : null
|
} else {
|
label = <span>{!loading && btn.icon ? <MkIcon style={{marginRight: '8px'}} type={btn.icon} /> : ''}{btn.label}</span>
|
}
|
|
return (
|
<Button
|
type="link"
|
title={btn.show === 'icon' ? btn.label : ''}
|
loading={loading}
|
style={btn.style || null}
|
className={btn.hover || ''}
|
onClick={(e) => {e.stopPropagation(); this.actionTrigger()}}
|
>{label}</Button>
|
)
|
}
|
}
|
|
export default ShareLink
|
