fix: onFocus & onBlur state error

eslib/BraftEditor/index.js

@@ -45,8 +45,8 @@ var BarftEditorPage = function BarftEditorPage(_ref) {
       onDelete = _ref.onDelete,
       onSave = _ref.onSave,
       onTab = _ref.onTab,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
+      _onFocus = _ref.onFocus,
+      _onBlur = _ref.onBlur,
       converts = _ref.converts;
   var optionsControls = controls ? controls : ["bold", "italic", "underline", "separator", "link", "emoji", "separator", "media"];
   var options = {
@@ -72,10 +72,12 @@ var BarftEditorPage = function BarftEditorPage(_ref) {
     contentClassName: classnames(styles.editorContent, _defineProperty({}, styles.focus, focusState)),
     contentStyle: contentStyle,
     onFocus: function onFocus() {
-      return setFocusState(true);
+      setFocusState(true);
+      _onFocus && _onFocus();
     },
     onBlur: function onBlur() {
-      return setFocusState(false);
+      setFocusState(false);
+      _onBlur && _onBlur();
     },
     hooks: {
       "toggle-link": function toggleLink(_ref2) {
@@ -98,8 +100,7 @@ var BarftEditorPage = function BarftEditorPage(_ref) {
     onDelete: onDelete,
     onSave: onSave,
     onTab: onTab,
-    onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: _onBlur
   })));
 };
 

lib/BraftEditor/index.js

@@ -53,8 +53,8 @@ var BarftEditorPage = function BarftEditorPage(_ref) {
       onDelete = _ref.onDelete,
       onSave = _ref.onSave,
       onTab = _ref.onTab,
-      onFocus = _ref.onFocus,
-      onBlur = _ref.onBlur,
+      _onFocus = _ref.onFocus,
+      _onBlur = _ref.onBlur,
       converts = _ref.converts;
   var optionsControls = controls ? controls : ["bold", "italic", "underline", "separator", "link", "emoji", "separator", "media"];
   var options = {
@@ -80,10 +80,12 @@ var BarftEditorPage = function BarftEditorPage(_ref) {
     contentClassName: index.classnames(styles.editorContent, defineProperty._defineProperty({}, styles.focus, focusState)),
     contentStyle: contentStyle,
     onFocus: function onFocus() {
-      return setFocusState(true);
+      setFocusState(true);
+      _onFocus && _onFocus();
     },
     onBlur: function onBlur() {
-      return setFocusState(false);
+      setFocusState(false);
+      _onBlur && _onBlur();
     },
     hooks: {
       "toggle-link": function toggleLink(_ref2) {
@@ -106,8 +108,7 @@ var BarftEditorPage = function BarftEditorPage(_ref) {
     onDelete: onDelete,
     onSave: onSave,
     onTab: onTab,
-    onFocus: onFocus,
-    onBlur: onBlur
+    onBlur: _onBlur
   })));
 };
 

src/components/Editor/BraftEditor/index.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from "react";
+import axios from 'axios';
 import classnames from "classnames";
 import BraftEditor, { ControlType, EditorState } from "braft-editor";
 import styles from "./index.less";
@@ -106,8 +107,14 @@ export const BarftEditorPage = ({
           [styles.focus]: focusState,
         })}
         contentStyle={contentStyle}
-        onFocus={() => setFocusState(true)}
-        onBlur={() => setFocusState(false)}
+        onFocus={() => {
+          setFocusState(true)
+          onFocus && onFocus();
+        }}
+        onBlur={() => {
+          setFocusState(false);
+          onBlur && onBlur();
+        }}
         hooks={{
           "toggle-link": ({ href, target }) => {
             href = href.indexOf("http") === 0 ? href : `http://${href}`;
@@ -124,7 +131,6 @@ export const BarftEditorPage = ({
           onDelete,
           onSave,
           onTab,
-          onFocus,
           onBlur,
         }}
       />