From 8a98225c8e9f6c08a704617fb095b2f45f180cd0 Mon Sep 17 00:00:00 2001
From: vben <anncwb@126.com>
Date: Mon, 26 Oct 2020 22:59:49 +0800
Subject: [PATCH] chore(tinymec): remove lineHeight

---
 src/components/Tinymce/src/Editor.vue    |  6 ++--
 src/components/Tinymce/src/lineHeight.js | 44 -----------------------
 src/components/Tinymce/src/lineHeight.ts | 45 ++++++++++++++++++++++++
 src/components/Tinymce/src/plugins.ts    |  2 +-
 4 files changed, 49 insertions(+), 48 deletions(-)
 delete mode 100644 src/components/Tinymce/src/lineHeight.js
 create mode 100644 src/components/Tinymce/src/lineHeight.ts

diff --git a/src/components/Tinymce/src/Editor.vue b/src/components/Tinymce/src/Editor.vue
index d2303e2d..f9d0e718 100644
--- a/src/components/Tinymce/src/Editor.vue
+++ b/src/components/Tinymce/src/Editor.vue
@@ -23,7 +23,7 @@
   import { useScript } from '/@/hooks/web/useScript';
   import { snowUuid } from '/@/utils/uuid';
   import { bindHandlers } from './helper';
-  import LineHeight from './lineHeight';
+  // import lineHeight from './lineHeight';
 
   const CDN_URL = 'https://cdn.bootcdn.net/ajax/libs/tinymce/5.5.1';
 
@@ -71,7 +71,7 @@
           advlist_number_styles: 'default',
           object_resizing: false,
           fontsize_formats: '10px 11px 12px 14px 16px 18px 20px 24px 36px 48px',
-          lineheight_formats: "1 1.5 1.75 2.0 3.0 4.0 5.0",
+          lineheight_formats: '1 1.5 1.75 2.0 3.0 4.0 5.0',
           ...options,
           setup: (editor: any) => {
             editorRef.value = editor;
@@ -120,7 +120,7 @@
       }
 
       function initEditor() {
-        getTinymce().PluginManager.add('lineHeight', LineHeight(getTinymce()));
+        // getTinymce().PluginManager.add('lineHeight', lineHeight(getTinymce()));
         getTinymce().init(unref(initOptions));
       }
 
diff --git a/src/components/Tinymce/src/lineHeight.js b/src/components/Tinymce/src/lineHeight.js
deleted file mode 100644
index 1d8104f7..00000000
--- a/src/components/Tinymce/src/lineHeight.js
+++ /dev/null
@@ -1,44 +0,0 @@
-const LineHeight = function (e) {
-  e.PluginManager.add('lineheight', function (t, n, r) {
-    t.on('init', function () {
-      t.formatter.register({
-        lineheight: {
-          inline: 'span',
-          styles: {
-            'line-height': '%value',
-          },
-        },
-      });
-    });
-    t.ui.registry.addMenuButton('lineheight', {
-      icon: 'lineheight',
-      tooltip: '设置行高',
-      fetch: function (callback) {
-        var dom = t.dom;
-        var blocks = t.selection.getSelectedBlocks();
-        var lhv = 0;
-        global$1.each(blocks, function (block) {
-          if (lhv == 0) {
-            lhv = dom.getStyle(block, 'line-height') ? dom.getStyle(block, 'line-height') : 0;
-          }
-        });
-        var items = lineheight_val.split(' ').map(function (item) {
-          var text = item;
-          var value = item;
-          return {
-            type: 'togglemenuitem',
-            text: text,
-            active: lhv == value ? true : false,
-            onAction: function () {
-              doAct(value);
-            },
-          };
-        });
-        callback(items);
-      },
-    });
-  });
-  e.PluginManager.requireLangPack('lineheight', 'de');
-};
-
-export default LineHeight;
diff --git a/src/components/Tinymce/src/lineHeight.ts b/src/components/Tinymce/src/lineHeight.ts
new file mode 100644
index 00000000..6d7c2503
--- /dev/null
+++ b/src/components/Tinymce/src/lineHeight.ts
@@ -0,0 +1,45 @@
+const lineHeight = function (tinymce: any) {
+  tinymce.PluginManager.add('lineheight', function (t: any) {
+    t.on('init', function () {
+      t.formatter.register({
+        lineheight: {
+          inline: 'span',
+          styles: {
+            'line-height': '%value',
+          },
+        },
+      });
+    });
+
+    t.ui.registry.addMenuButton('lineheight', {
+      icon: 'lineheight',
+      tooltip: '设置行高',
+      // fetch: function (callback: Fn) {
+      //   var dom = t.dom;
+      //   var blocks = t.selection.getSelectedBlocks();
+      //   var lhv = 0;
+      //   global$1.each(blocks, function (block: any) {
+      //     if (lhv == 0) {
+      //       lhv = dom.getStyle(block, 'line-height') ? dom.getStyle(block, 'line-height') : 0;
+      //     }
+      //   });
+      //   var items = lineheight_val.split(' ').map(function (item) {
+      //     var text = item;
+      //     var value = item;
+      //     return {
+      //       type: 'togglemenuitem',
+      //       text: text,
+      //       active: lhv == value ? true : false,
+      //       onAction: function () {
+      //         doAct(value);
+      //       },
+      //     };
+      //   });
+      //   callback(items);
+      // },
+    });
+  });
+  tinymce.PluginManager.requireLangPack('lineheight', 'de');
+};
+
+export default lineHeight;
diff --git a/src/components/Tinymce/src/plugins.ts b/src/components/Tinymce/src/plugins.ts
index d21f7f7b..59602d16 100644
--- a/src/components/Tinymce/src/plugins.ts
+++ b/src/components/Tinymce/src/plugins.ts
@@ -4,7 +4,7 @@
 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration
 
 const plugins = [
-  'advlist anchor autolink autosave code codesample  directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template  textpattern visualblocks visualchars wordcount',
+  'lineheight advlist anchor autolink autosave code codesample  directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template  textpattern visualblocks visualchars wordcount',
 ];
 
 export default plugins;