@douyinfe/semi-json-viewer-core 2.100.0 → 2.101.0

package/lib/index.js

@@ -3987,7 +3987,7 @@ var CompleteWidget = class {
       top: `${y}px`,
       display: "block"
     });
-    this._suggestionsContainer.innerHTML = "";
+    this._suggestionsContainer.textContent = "";
     this._renderCompletions();
   }
   _handleSuggestionClick(e) {
@@ -4027,13 +4027,17 @@ var CompleteWidget = class {
   }
   _renderCompletions() {
     const className = `${this._view.prefixCls}-complete-suggestions-item`;
-    this._suggestionsContainer.innerHTML = this._suggestions.map(
-      (item, index) => `
-        <li class="${className}" style="background-color: ${index === this._selectedIndex ? "var(--semi-color-fill-0)" : "transparent"}" data-index="${index}">
-            ${item.label}
-        </li>
-    `
-    ).join("");
+    const fragment = document.createDocumentFragment();
+    this._suggestions.forEach((item, index) => {
+      const suggestionItem = document.createElement("li");
+      suggestionItem.className = className;
+      suggestionItem.style.backgroundColor = index === this._selectedIndex ? "var(--semi-color-fill-0)" : "transparent";
+      suggestionItem.dataset.index = index.toString();
+      suggestionItem.textContent = item.label;
+      fragment.appendChild(suggestionItem);
+    });
+    this._suggestionsContainer.textContent = "";
+    this._suggestionsContainer.appendChild(fragment);
   }
   hide() {
     if (!this.isVisible) return;
@@ -4102,7 +4106,7 @@ var HoverWidget = class {
     setStyles(this._tooltipDom, {
       visibility: "hidden"
     });
-    this._tooltipDom.innerHTML = "";
+    this._tooltipDom.textContent = "";
     this._hoverDom = null;
   }
   _createTooltipDom() {
@@ -4116,7 +4120,7 @@ var HoverWidget = class {
   }
   render(el) {
     if (!this._hoverDom) return;
-    this._tooltipDom.innerHTML = "";
+    this._tooltipDom.textContent = "";
     this._tooltipDom.appendChild(el);
     const hoverRect = this._hoverDom.getBoundingClientRect();
     const editorRect = this._view.contentDom.getBoundingClientRect();
@@ -4405,7 +4409,7 @@ var View = class {
       width: "60%",
       height: "100%"
     });
-    lineNumber.innerHTML = actualLineNumber.toString();
+    lineNumber.textContent = actualLineNumber.toString();
     lineNumberElement.appendChild(lineNumber);
     lineNumberElement.dataset.lineNumber = actualLineNumber.toString();
     return lineNumberElement;
@@ -4455,8 +4459,8 @@ var View = class {
     }
   }
   clearContainers() {
-    this._lineScrollDom.innerHTML = "";
-    this._scrollDom.innerHTML = "";
+    this._lineScrollDom.textContent = "";
+    this._scrollDom.textContent = "";
   }
   resetScalingManagerConfigAndCell(index) {
     this._scalingCellSizeAndPositionManager.configure({
@@ -4496,7 +4500,7 @@ var View = class {
     this._lineScrollDom.style.height = `${totalSize}px`;
     if (((_b = this._options) == null ? void 0 : _b.readOnly) && this._customRenderMap.size > 0) {
       this._customRenderMap.forEach((value, key) => {
-        key.innerHTML = "";
+        key.textContent = "";
       });
       this.emitter.emit("customRender", {
         customRenderMap: this._customRenderMap

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-json-viewer-core",
-    "version": "2.100.0",
+    "version": "2.101.0",
     "description": "",
     "main": "lib/index.js",
     "module": "lib/index.js",
@@ -53,5 +53,5 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "caf1c8f44a44b2309b9468f946dd5ee952640994"
+    "gitHead": "2a1a14e7c4f7c6f91d30e33e5f5e5ebe02a34f96"
 }