You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.1 KiB
91 lines
3.1 KiB
5 months ago
|
var Clipboard = require('clipboard/dist/clipboard.min.js') // FIXME: workaround for browserify
|
||
|
|
|
||
|
|
var VueClipboardConfig = {
|
||
|
|
autoSetContainer: false,
|
||
|
|
appendToBody: true // This fixes IE, see #50
|
||
|
|
}
|
||
|
|
|
||
|
|
var VueClipboard = {
|
||
|
|
install: function (Vue) {
|
||
|
|
var globalPrototype = Vue.version.slice(0, 2) === '3.' ? Vue.config.globalProperties : Vue.prototype
|
||
|
|
globalPrototype.$clipboardConfig = VueClipboardConfig
|
||
|
|
globalPrototype.$copyText = function (text, container) {
|
||
|
|
return new Promise(function (resolve, reject) {
|
||
|
|
var fakeElement = document.createElement('button')
|
||
|
|
var clipboard = new Clipboard(fakeElement, {
|
||
|
|
text: function () { return text },
|
||
|
|
action: function () { return 'copy' },
|
||
|
|
container: typeof container === 'object' ? container : document.body
|
||
|
|
})
|
||
|
|
clipboard.on('success', function (e) {
|
||
|
|
clipboard.destroy()
|
||
|
|
resolve(e)
|
||
|
|
})
|
||
|
|
clipboard.on('error', function (e) {
|
||
|
|
clipboard.destroy()
|
||
|
|
reject(e)
|
||
|
|
})
|
||
|
|
if (VueClipboardConfig.appendToBody) document.body.appendChild(fakeElement)
|
||
|
|
fakeElement.click()
|
||
|
|
if (VueClipboardConfig.appendToBody) document.body.removeChild(fakeElement)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
Vue.directive('clipboard', {
|
||
|
|
bind: function (el, binding, vnode) {
|
||
|
|
if (binding.arg === 'success') {
|
||
|
|
el._vClipboard_success = binding.value
|
||
|
|
} else if (binding.arg === 'error') {
|
||
|
|
el._vClipboard_error = binding.value
|
||
|
|
} else {
|
||
|
|
var clipboard = new Clipboard(el, {
|
||
|
|
text: function () { return binding.value },
|
||
|
|
action: function () { return binding.arg === 'cut' ? 'cut' : 'copy' },
|
||
|
|
container: VueClipboardConfig.autoSetContainer ? el : undefined
|
||
|
|
})
|
||
|
|
clipboard.on('success', function (e) {
|
||
|
|
var callback = el._vClipboard_success
|
||
|
|
callback && callback(e)
|
||
|
|
})
|
||
|
|
clipboard.on('error', function (e) {
|
||
|
|
var callback = el._vClipboard_error
|
||
|
|
callback && callback(e)
|
||
|
|
})
|
||
|
|
el._vClipboard = clipboard
|
||
|
|
}
|
||
|
|
},
|
||
|
|
update: function (el, binding) {
|
||
|
|
if (binding.arg === 'success') {
|
||
|
|
el._vClipboard_success = binding.value
|
||
|
|
} else if (binding.arg === 'error') {
|
||
|
|
el._vClipboard_error = binding.value
|
||
|
|
} else {
|
||
|
|
el._vClipboard.text = function () { return binding.value }
|
||
|
|
el._vClipboard.action = function () { return binding.arg === 'cut' ? 'cut' : 'copy' }
|
||
|
|
}
|
||
|
|
},
|
||
|
|
unbind: function (el, binding) {
|
||
|
|
// FIXME: investigate why $element._vClipboard was missing
|
||
|
|
if (!el._vClipboard) return
|
||
|
|
if (binding.arg === 'success') {
|
||
|
|
delete el._vClipboard_success
|
||
|
|
} else if (binding.arg === 'error') {
|
||
|
|
delete el._vClipboard_error
|
||
|
|
} else {
|
||
|
|
el._vClipboard.destroy()
|
||
|
|
delete el._vClipboard
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
config: VueClipboardConfig
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof exports === 'object') {
|
||
|
|
module.exports = VueClipboard
|
||
|
|
} else if (typeof define === 'function' && define.amd) {
|
||
|
|
define([], function () {
|
||
|
|
return VueClipboard
|
||
|
|
})
|
||
|
|
}
|