代码优化：将render类的onPaste方法中的读取剪贴板数据的逻辑提取为工具函数

simple-mind-map/src/core/render/Render.js

@@ -22,7 +22,8 @@ import {
   createUid,
   getNodeDataIndex,
   getNodeIndexInNodeList,
-  setDataToClipboard
+  setDataToClipboard,
+  getDataFromClipboard
 } from '../../utils'
 import { shapeList } from './node/Shape'
 import { lineStyleProps } from '../../themes/default'
@@ -805,23 +806,12 @@ class Render {
     // 读取剪贴板的文字和图片
     let text = null
     let img = null
-    if (navigator.clipboard) {
+    try {
-      try {
+      const res = await getDataFromClipboard()
-        text = await navigator.clipboard.readText()
+      text = res.text
-        const items = await navigator.clipboard.read()
+      img = res.img
-        if (items && items.length > 0) {
+    } catch (error) {
-          for (const clipboardItem of items) {
+      errorHandler(ERROR_TYPES.READ_CLIPBOARD_ERROR, error)
-            for (const type of clipboardItem.types) {
-              if (/^image\//.test(type)) {
-                img = await clipboardItem.getType(type)
-                break
-              }
-            }
-          }
-        }
-      } catch (error) {
-        errorHandler(ERROR_TYPES.READ_CLIPBOARD_ERROR, error)
-      }
     }
     // 检查剪切板数据是否有变化
     // 通过图片大小来判断图片是否发生变化，可能是不准确的，但是目前没有其他好方法

simple-mind-map/src/utils/index.js

@@ -898,3 +898,27 @@ export const setDataToClipboard = data => {
     navigator.clipboard.writeText(JSON.stringify(data))
   }
 }
+
+// 从用户剪贴板中读取文字和图片
+export const getDataFromClipboard = async () => {
+  let text = null
+  let img = null
+  if (navigator.clipboard) {
+    text = await navigator.clipboard.readText()
+    const items = await navigator.clipboard.read()
+    if (items && items.length > 0) {
+      for (const clipboardItem of items) {
+        for (const type of clipboardItem.types) {
+          if (/^image\//.test(type)) {
+            img = await clipboardItem.getType(type)
+            break
+          }
+        }
+      }
+    }
+  }
+  return {
+    text,
+    img
+  }
+}