view-ui-plus/src/components/copy/index.js

A high quality UI components Library with Vue.js 3

import select from 'select';
import $Message from '../message';
import { isClient } from '../../utils/index';

const defaultSuccessTip = '复制成功';
const defaultErrorTip = '复制失败';

export default function ({ text = '', successTip = defaultSuccessTip, errorTip = defaultErrorTip, success, error, showTip = true }) {
    if (!isClient) return;
    const isRTL = document.documentElement.getAttribute('dir') === 'rtl';
    const $textarea = document.createElement('textarea');
    $textarea.style.fontSize = '12pt';
    $textarea.style.border = '0';
    $textarea.style.padding = '0';
    $textarea.style.margin = '0';
    $textarea.style.position = 'absolute';
    $textarea.style[isRTL ? 'right' : 'left'] = '-9999px';
    let yPosition = window.pageYOffset || document.documentElement.scrollTop;
    $textarea.style.top = `${yPosition}px`;
    $textarea.setAttribute('readonly', '');
    $textarea.value = text;
    document.body.appendChild($textarea);

    select($textarea);

    let succeeded; // eslint-disable-line

    try {
        succeeded = document.execCommand('copy');
        if (showTip) {
            $Message.success({
                content: successTip
            });
        }
        document.body.removeChild($textarea);
        if (success) success.call();
    } catch (err) {
        succeeded = false;

        if (showTip) {
            $Message.error({
                content: errorTip
            });
        }
        document.body.removeChild($textarea);
        if (error) error.call();
    }
}