zhuoyuan.wang
2024-06-19 15ebe96f28cadec6a726c5324593a40bbf56205f
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/**
 * v-copyText 复制文本内容
 * Copyright (c) 2022
 */
 
const beforeMount = (el, {value, arg}) => {
  if (arg === "callback") {
    el.$copyCallback = value;
  } else {
    el.$copyValue = value;
    const handler = () => {
      copyTextToClipboard(el.$copyValue);
      if (el.$copyCallback) {
        el.$copyCallback(el.$copyValue);
      }
    };
    el.addEventListener("click", handler);
    el.$destroyCopy = () => el.removeEventListener("click", handler);
  }
};
 
const copyTextToClipboard = (input, {target = document.body} = {}) => {
  const element = document.createElement('textarea');
  const previouslyFocusedElement = document.activeElement;
 
  element.value = input;
 
  // Prevent keyboard from showing on mobile
  element.setAttribute('readonly', '');
 
  element.style.contain = 'strict';
  element.style.position = 'absolute';
  element.style.left = '-9999px';
  element.style.fontSize = '12pt'; // Prevent zooming on iOS
 
  const selection = document.getSelection();
  const originalRange = selection.rangeCount > 0 && selection.getRangeAt(0);
 
  target.append(element);
  element.select();
 
  // Explicit selection workaround for iOS
  element.selectionStart = 0;
  element.selectionEnd = input.length;
 
  let isSuccess = false;
  try {
    isSuccess = document.execCommand('copy');
  } catch {
  }
 
  element.remove();
 
  if (originalRange) {
    selection.removeAllRanges();
    selection.addRange(originalRange);
  }
 
  // Get the focus back on the previously focused element, if any
  if (previouslyFocusedElement) {
    previouslyFocusedElement.focus();
  }
 
  return isSuccess;
};
 
export default {
  beforeMount
};