From 6c649312d13c0c4c479de8e98740df7afb3095a3 Mon Sep 17 00:00:00 2001
From: zerosoul <yanggc888@163.com>
Date: Thu, 12 May 2022 14:21:14 +0800
Subject: [PATCH] fix: draft performance in mixed input

---
 src/common/component/MixedInput/index.js | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/common/component/MixedInput/index.js b/src/common/component/MixedInput/index.js
index 9b0ed2bf..b02cc03f 100644
--- a/src/common/component/MixedInput/index.js
+++ b/src/common/component/MixedInput/index.js
@@ -9,7 +9,6 @@ import {
   createTrailingBlockPlugin,
   createNodeIdPlugin,
   createParagraphPlugin,
-  // createImagePlugin,
   createSoftBreakPlugin,
   // createComboboxPlugin,
   createMentionPlugin,
@@ -21,7 +20,6 @@ import {
   createPlugins,
   ELEMENT_PARAGRAPH,
   getPlateEditorRef,
-
   // usePlateEditorRef,
   // ELEMENT_IMAGE,
   MentionCombobox,
@@ -51,7 +49,6 @@ const Plugins = ({
   const enableMentions = members.length > 0;
   const filesRef = useRef([]);
   const contactData = useSelector((store) => store.contacts.byId);
-  const [originalValue, setOriginalValue] = useState(initialValue);
   const [msgs, setMsgs] = useState([]);
   const [cmdKey, setCmdKey] = useState(false);
   const editableRef = useRef(null);
@@ -79,12 +76,13 @@ const Plugins = ({
     window.addEventListener("paste", handlePasteEvent);
     return () => {
       window.removeEventListener("paste", handlePasteEvent);
+      const plateEditor = getPlateEditorRef(`${TEXT_EDITOR_PREFIX}_${id}`);
+      if (plateEditor && updateDraft) {
+        updateDraft(plateEditor.children);
+      }
     };
     // window.addEventListener("paste")
-  }, []);
-  useEffect(() => {
-    updateDraft(originalValue);
-  }, [originalValue]);
+  }, [id, updateDraft]);
 
   useKey(
     "Enter",
@@ -154,7 +152,6 @@ const Plugins = ({
 
   const handleChange = useCallback(
     async (val) => {
-      setOriginalValue(val);
       console.log("tmps changed", val);
       const tmps = [];
       const getMixedText = (children) => {