feat(copyTextToClipboard): 可设置复制容器类名

src/utils/copyTextToClipboard.test.ts

@@ -2,8 +2,19 @@ import { copyTextToClipboard } from './copyTextToClipboard'
 
 describe('copyTextToClipboard', () => {
   document.execCommand = () => true
+  document.body.removeChild = () => true as any
 
   test('复制成功', () => {
     expect(copyTextToClipboard('123')).toBeTrue()
   })
+
+  test('可设置容器类名', () => {
+    expect(document.querySelector('.x-copy')?.tagName).toBeNil()
+    expect(
+      copyTextToClipboard('1234', {
+        containerClass: 'x-copy',
+      }),
+    ).toBeTrue()
+    expect(document.querySelector('.x-copy')?.tagName).toBe('TEXTAREA')
+  })
 })

src/utils/copyTextToClipboard.ts

@@ -1,10 +1,21 @@
+export interface CopyTextToClipboardOptions {
+  /**
+   * 复制容器的类名。
+   */
+  containerClass?: string
+}
+
 /**
  * 复制文本到剪切板。
  *
  * @param text 要复制的文本
+ * @param options 选项
  * @returns 返回是否复制成功
  */
-export function copyTextToClipboard(text: string): boolean {
+export function copyTextToClipboard(
+  text: string,
+  options?: CopyTextToClipboardOptions,
+): boolean {
   // https://github.com/sindresorhus/copy-text-to-clipboard/blob/master/index.js
   const element = document.createElement('textarea')
 
@@ -19,6 +30,10 @@ export function copyTextToClipboard(text: string): boolean {
   element.style.left = '-9999px'
   element.style.fontSize = '12pt' // Prevent zooming on iOS
 
+  if (options?.containerClass) {
+    element.className = options.containerClass
+  }
+
   const selection = document.getSelection()!
   let originalRange: Range | undefined
   if (selection.rangeCount > 0) {