fix: use appendChild instead of append to adapt chrome version 53 and…

… lower
Tencent · Oct 28, 2022 · a21925a · a21925a
1 parent 59cef79
commit a21925a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/core/hooks/Suggester.js b/src/core/hooks/Suggester.js
@@ -144,7 +144,7 @@ class SuggesterPanel {
     this.suggesterConfig = {};
 
     if (!this.$suggesterPanel && isBrowser()) {
-      document.body.append(this.createDom(SuggesterPanel.panelWrap));
+      document.body.appendChild(this.createDom(SuggesterPanel.panelWrap));
       this.$suggesterPanel = document.querySelector('.cherry-suggester-panel');
     }
   }
@@ -256,7 +256,7 @@ class SuggesterPanel {
 
   showsuggesterPanel({ left, top, items }) {
     if (!this.$suggesterPanel) {
-      document.body.append(this.createDom(SuggesterPanel.panelWrap));
+      document.body.appendChild(this.createDom(SuggesterPanel.panelWrap));
       this.$suggesterPanel = document.querySelector('.cherry-suggester-panel');
     }
     this.updatePanel(items);
@@ -283,7 +283,7 @@ class SuggesterPanel {
     if (typeof defaultValue === 'string') {
       this.$suggesterPanel.innerHTML = defaultValue;
     } else if (typeof defaultValue === 'object' && defaultValue.nodeType === 1) {
-      this.$suggesterPanel.append(defaultValue);
+      this.$suggesterPanel.appendChild(defaultValue);
     }
   }
 

diff --git a/src/utils/imgSizeHander.js b/src/utils/imgSizeHander.js
@@ -112,7 +112,7 @@ const imgSizeHander = {
     this.butsImg = document.createElement('div');
     this.butsImg.className = 'cherry-previewer-img-size-hander__background';
     this.butsImg.style.backgroundImage = `url(${this.buts.imgSrc})`;
-    this.butsLayout.append(this.butsImg);
+    this.butsLayout.appendChild(this.butsImg);
 
     this.butsPoints = {};
     Object.keys(this.buts.points.arr).forEach((index) => {
@@ -123,7 +123,7 @@ const imgSizeHander = {
         `cherry-previewer-img-size-hander__points-${name}`,
       ].join(' ');
       tmp.dataset.name = name;
-      this.butsLayout.append(tmp);
+      this.butsLayout.appendChild(tmp);
       this.butsPoints[`pints-${name}`] = tmp;
     });
     return this.updateBubbleButs();

diff --git a/src/utils/tableContentHander.js b/src/utils/tableContentHander.js
@@ -235,11 +235,11 @@ const tableContentHander = {
     const dom = document.createElement('div');
     dom.className = 'cherry-previewer-table-content-hander__input';
     const input = document.createElement('textarea');
-    dom.append(input);
+    dom.appendChild(input);
     this.tableEditor.editorDom.inputDiv = dom;
     this.tableEditor.editorDom.inputDom = input;
     this.$updateEditorPosition();
-    this.container.append(this.tableEditor.editorDom.inputDiv);
+    this.container.appendChild(this.tableEditor.editorDom.inputDiv);
     this.tableEditor.editorDom.inputDom.value = this.tableEditor.info.code.replace(/<br>/g, '\n');
     this.tableEditor.editorDom.inputDom.focus();
   },