From 0d694e9870382f972fd5d7fa838f56bc33218a90 Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Wed, 20 Apr 2022 13:38:33 +0800
Subject: [PATCH] perf: wangeditor

---
 src/layout/components/navbar.vue             |  6 +++++-
 src/layout/components/setting/index.vue      |  2 ++
 src/layout/components/sidebar/horizontal.vue |  6 +++++-
 src/layout/components/sidebar/mixNav.vue     |  6 +++++-
 src/layout/hooks/nav.ts                      | 13 ++++++++++++-
 src/views/editor/index.vue                   |  2 +-
 6 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/src/layout/components/navbar.vue b/src/layout/components/navbar.vue
index 6586e64aa..5c1e13e9d 100644
--- a/src/layout/components/navbar.vue
+++ b/src/layout/components/navbar.vue
@@ -25,13 +25,17 @@ const {
   pureApp,
   username,
   avatarsStyle,
-  getDropdownItemStyle
+  getDropdownItemStyle,
+  changeWangeditorLanguage
 } = useNav();
 
 watch(
   () => locale.value,
   () => {
     changeTitle(route.meta);
+    locale.value === "en"
+      ? changeWangeditorLanguage(locale.value)
+      : changeWangeditorLanguage("zh-CN");
   }
 );
 
diff --git a/src/layout/components/setting/index.vue b/src/layout/components/setting/index.vue
index b51285360..00151d7c6 100644
--- a/src/layout/components/setting/index.vue
+++ b/src/layout/components/setting/index.vue
@@ -186,6 +186,8 @@ function setFalse(Doms): any {
 }
 
 watch(instance, ({ layout }) => {
+  // 设置wangeditorV5主题色
+  body.style.setProperty("--w-e-toolbar-active-color", layout["epThemeColor"]);
   switch (layout["layout"]) {
     case "vertical":
       toggleClass(true, isSelect, unref(verticalRef));
diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/sidebar/horizontal.vue
index b252e4bcc..c81ac5784 100644
--- a/src/layout/components/sidebar/horizontal.vue
+++ b/src/layout/components/sidebar/horizontal.vue
@@ -31,7 +31,8 @@ const {
   menuSelect,
   username,
   avatarsStyle,
-  getDropdownItemStyle
+  getDropdownItemStyle,
+  changeWangeditorLanguage
 } = useNav();
 
 onMounted(() => {
@@ -44,6 +45,9 @@ watch(
   () => locale.value,
   () => {
     changeTitle(route.meta);
+    locale.value === "en"
+      ? changeWangeditorLanguage(locale.value)
+      : changeWangeditorLanguage("zh-CN");
   }
 );
 
diff --git a/src/layout/components/sidebar/mixNav.vue b/src/layout/components/sidebar/mixNav.vue
index c1894b1da..cf1b3408b 100644
--- a/src/layout/components/sidebar/mixNav.vue
+++ b/src/layout/components/sidebar/mixNav.vue
@@ -34,7 +34,8 @@ const {
   pureApp,
   username,
   avatarsStyle,
-  getDropdownItemStyle
+  getDropdownItemStyle,
+  changeWangeditorLanguage
 } = useNav();
 
 let defaultActive = ref(null);
@@ -60,6 +61,9 @@ watch(
   () => locale.value,
   () => {
     changeTitle(route.meta);
+    locale.value === "en"
+      ? changeWangeditorLanguage(locale.value)
+      : changeWangeditorLanguage("zh-CN");
   }
 );
 
diff --git a/src/layout/hooks/nav.ts b/src/layout/hooks/nav.ts
index cd108dd74..f1c01056b 100644
--- a/src/layout/hooks/nav.ts
+++ b/src/layout/hooks/nav.ts
@@ -7,6 +7,7 @@ import { remainingPaths } from "/@/router";
 import { transformI18n } from "/@/plugins/i18n";
 import { storageSession } from "/@/utils/storage";
 import { useAppStoreHook } from "/@/store/modules/app";
+import { i18nChangeLanguage } from "@wangeditor/editor";
 import { useEpThemeStoreHook } from "/@/store/modules/epTheme";
 
 const errorInfo = "当前路由配置不正确，请检查配置";
@@ -109,6 +110,15 @@ export function useNav() {
     return remainingPaths.includes(path);
   }
 
+  /**
+   * 切换wangEditorV5国际化
+   * @param language string 可选值 en、zh-CN
+   * @returns void
+   */
+  function changeWangeditorLanguage(language: string): void {
+    i18nChangeLanguage(language);
+  }
+
   return {
     logout,
     backHome,
@@ -122,6 +132,7 @@ export function useNav() {
     pureApp,
     username,
     avatarsStyle,
-    getDropdownItemStyle
+    getDropdownItemStyle,
+    changeWangeditorLanguage
   };
 }
diff --git a/src/views/editor/index.vue b/src/views/editor/index.vue
index c1f896c71..d70887888 100644
--- a/src/views/editor/index.vue
+++ b/src/views/editor/index.vue
@@ -24,7 +24,7 @@ onMounted(() => {
   }, 1500);
 });
 
-const toolbarConfig = {};
+const toolbarConfig = { excludeKeys: "fullScreen" };
 const editorConfig = { placeholder: "请输入内容..." };
 
 // 组件销毁时，也及时销毁编辑器