bl-common-vue3 3.8.44 → 3.8.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/BlTinymceEditor/index.vue +25 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bl-common-vue3",
3
- "version": "3.8.44",
3
+ "version": "3.8.46",
4
4
  "main": "index.js",
5
5
  "module": "index.js",
6
6
  "description": "bailing vue3 common components lib",
package/src/components/BlTinymceEditor/index.vue CHANGED
@@ -5,14 +5,32 @@
5
5
  </template>
6
6
 
7
7
  <script>
8
- import { computed, defineComponent, onMounted, reactive, ref, watch, nextTick, onUnmounted, defineAsyncComponent } from "vue";
8
+ import { computed, defineComponent, onMounted, reactive, ref, watch, nextTick, onUnmounted } from "vue";
9
9
  import { message } from "ant-design-vue";
10
10
 
11
- import { t, loadLanguageAsync } from "../../locale";
12
- import utils from "../../common/utils/util";
11
+ import tinymce from "tinymce/tinymce";
12
+ import TinymceVueEditor from "@tinymce/tinymce-vue";
13
+
14
+ import "tinymce/icons/default/icons";
15
+ import "tinymce/themes/silver";
16
+ import "tinymce/models/dom/model";
13
17
 
14
- const TinymceVueEditor = defineAsyncComponent(() => import("@tinymce/tinymce-vue"));
18
+ //按需引入插件
19
+ import "tinymce/plugins/image";
20
+ import "tinymce/plugins/table";
21
+ import "tinymce/plugins/lists";
22
+ import "tinymce/plugins/link";
23
+ import "tinymce/plugins/help";
24
+ import "tinymce/plugins/wordcount";
25
+ import "tinymce/plugins/code";
26
+ import "tinymce/plugins/preview";
27
+ import "tinymce/plugins/visualblocks";
28
+ import "tinymce/plugins/visualchars";
29
+ import "tinymce/plugins/fullscreen";
30
+ import "tinymce/plugins/media";
15
31
 
32
+ import { t, loadLanguageAsync } from "../../locale";
33
+ import utils from "../../common/utils/util";
16
34
  export default defineComponent({
17
35
  name: "BlTinymceEditor",
18
36
  components: {
@@ -284,26 +302,8 @@ export default defineComponent({
284
302
  };
285
303
  });
286
304
 
287
- onMounted(async () => {
288
- const tinymce = await import("tinymce/tinymce");
289
- await import("tinymce/icons/default/icons");
290
- await import("tinymce/themes/silver");
291
- await import("tinymce/models/dom/model");
292
- await Promise.all([
293
- import("tinymce/plugins/image"),
294
- import("tinymce/plugins/table"),
295
- import("tinymce/plugins/lists"),
296
- import("tinymce/plugins/link"),
297
- import("tinymce/plugins/help"),
298
- import("tinymce/plugins/wordcount"),
299
- import("tinymce/plugins/code"),
300
- import("tinymce/plugins/preview"),
301
- import("tinymce/plugins/visualblocks"),
302
- import("tinymce/plugins/visualchars"),
303
- import("tinymce/plugins/fullscreen"),
304
- import("tinymce/plugins/media"),
305
- ]);
306
- tinymce.default.init({});
305
+ onMounted(() => {
306
+ tinymce.init({});
307
307
  });
308
308
 
309
309
  onUnmounted(() => {
@@ -333,7 +333,7 @@ export default defineComponent({
333
333
  loadLanguageAsync(utils.getLang());
334
334
 
335
335
  window.addEventListener("setBLLang", (event) => {
336
- baseConfig.language = newVal;
336
+ baseConfig.language = event.newValue;
337
337
  refreshKey.value++;
338
338
  const newLang = event.newValue; // 获取新的语言值
339
339
  loadLanguageAsync(newLang);