modern-text 1.10.4 → 1.10.6

package/dist/web-components/index.cjs

@@ -70,6 +70,7 @@ class TextEditor extends HTMLElement {
   set text(newText) {
     if (newText) {
       this._text?.off("update", this._update);
+      this.reset();
       newText.on("update", this._update);
       this._text = newText;
       this._setTextInput(this.getPlaintext());
@@ -555,6 +556,7 @@ class TextEditor extends HTMLElement {
   selectAll() {
     this._textarea.focus();
     this._textarea.select();
+    this._updateSelectionByDom();
   }
   attributeChangedCallback(name, _oldValue, newValue) {
     this[name] = newValue;
@@ -570,53 +572,51 @@ class TextEditor extends HTMLElement {
     );
   }
   _renderSelectRange() {
-    if (this.selection[0] !== this._prevSelection[0] || this.selection[1] !== this._prevSelection[1]) {
-      const isVertical = this.text.isVertical;
-      const boxesGroupsMap = {};
-      this._selectedChars.forEach((char) => {
-        if (char.isLastSelected) {
-          return;
-        }
-        const key = isVertical ? char.left : char.top;
-        if (!boxesGroupsMap[key]) {
-          boxesGroupsMap[key] = [];
-        }
-        boxesGroupsMap[key].push({
-          x: char.left - this.text.glyphBox.left,
-          y: char.top - this.text.glyphBox.top,
-          w: char.width,
-          h: char.height
-        });
+    const isVertical = this.text.isVertical;
+    const boxesGroupsMap = {};
+    this._selectedChars.forEach((char) => {
+      if (char.isLastSelected) {
+        return;
+      }
+      const key = isVertical ? char.left : char.top;
+      if (!boxesGroupsMap[key]) {
+        boxesGroupsMap[key] = [];
+      }
+      boxesGroupsMap[key].push({
+        x: char.left - this.text.glyphBox.left,
+        y: char.top - this.text.glyphBox.top,
+        w: char.width,
+        h: char.height
       });
-      const boxesGroups = Object.values(boxesGroupsMap);
-      const sourceLen = this._selection.children.length;
-      const targetLen = boxesGroups.length;
-      const len = Math.max(sourceLen, targetLen);
-      const deleted = [];
-      for (let i = 0; i < len; i++) {
-        let element = this._selection.children.item(i);
-        const boxes = boxesGroups[i];
-        if (!boxes) {
-          deleted.push(element);
-          continue;
-        } else if (!element) {
-          element = document.createElement("div");
-          this._selection.append(element);
-        }
-        const min = {
-          x: Math.min(...boxes.map((v) => v.x)),
-          y: Math.min(...boxes.map((v) => v.y))
-        };
-        const max = {
-          x: Math.max(...boxes.map((v) => v.x + v.w)),
-          y: Math.max(...boxes.map((v) => v.y + v.h))
-        };
-        element.style.width = `${max.x - min.x}px`;
-        element.style.height = `${max.y - min.y}px`;
-        element.style.transform = `translate(${min.x}px, ${min.y}px)`;
+    });
+    const boxesGroups = Object.values(boxesGroupsMap);
+    const sourceLen = this._selection.children.length;
+    const targetLen = boxesGroups.length;
+    const len = Math.max(sourceLen, targetLen);
+    const deleted = [];
+    for (let i = 0; i < len; i++) {
+      let element = this._selection.children.item(i);
+      const boxes = boxesGroups[i];
+      if (!boxes) {
+        deleted.push(element);
+        continue;
+      } else if (!element) {
+        element = document.createElement("div");
+        this._selection.append(element);
       }
-      deleted.forEach((el) => el?.remove());
+      const min = {
+        x: Math.min(...boxes.map((v) => v.x)),
+        y: Math.min(...boxes.map((v) => v.y))
+      };
+      const max = {
+        x: Math.max(...boxes.map((v) => v.x + v.w)),
+        y: Math.max(...boxes.map((v) => v.y + v.h))
+      };
+      element.style.width = `${max.x - min.x}px`;
+      element.style.height = `${max.y - min.y}px`;
+      element.style.transform = `translate(${min.x}px, ${min.y}px)`;
     }
+    deleted.forEach((el) => el?.remove());
   }
   _renderCursor() {
     if (this._showCursor && this._cursorPosition && this._selectedChars.length === 0) {
@@ -636,6 +636,9 @@ class TextEditor extends HTMLElement {
     }
     this._timer = setTimeout(() => this._cursor.classList.add("blink"), 500);
   }
+  reset() {
+    this.selection = [];
+  }
 }
 __decorateClass([
   modernIdoc.property({ fallback: 0 })

package/dist/web-components/index.d.cts

@@ -80,6 +80,7 @@ declare class TextEditor extends HTMLElement implements PropertyAccessor {
     protected _emit(type: string, detail?: any): boolean;
     protected _renderSelectRange(): void;
     protected _renderCursor(): void;
+    reset(): void;
 }
 
 export { TextEditor };

package/dist/web-components/index.d.mts

@@ -80,6 +80,7 @@ declare class TextEditor extends HTMLElement implements PropertyAccessor {
     protected _emit(type: string, detail?: any): boolean;
     protected _renderSelectRange(): void;
     protected _renderCursor(): void;
+    reset(): void;
 }
 
 export { TextEditor };

package/dist/web-components/index.d.ts

@@ -80,6 +80,7 @@ declare class TextEditor extends HTMLElement implements PropertyAccessor {
     protected _emit(type: string, detail?: any): boolean;
     protected _renderSelectRange(): void;
     protected _renderCursor(): void;
+    reset(): void;
 }
 
 export { TextEditor };

package/dist/web-components/index.mjs

@@ -68,6 +68,7 @@ class TextEditor extends HTMLElement {
   set text(newText) {
     if (newText) {
       this._text?.off("update", this._update);
+      this.reset();
       newText.on("update", this._update);
       this._text = newText;
       this._setTextInput(this.getPlaintext());
@@ -553,6 +554,7 @@ class TextEditor extends HTMLElement {
   selectAll() {
     this._textarea.focus();
     this._textarea.select();
+    this._updateSelectionByDom();
   }
   attributeChangedCallback(name, _oldValue, newValue) {
     this[name] = newValue;
@@ -568,53 +570,51 @@ class TextEditor extends HTMLElement {
     );
   }
   _renderSelectRange() {
-    if (this.selection[0] !== this._prevSelection[0] || this.selection[1] !== this._prevSelection[1]) {
-      const isVertical = this.text.isVertical;
-      const boxesGroupsMap = {};
-      this._selectedChars.forEach((char) => {
-        if (char.isLastSelected) {
-          return;
-        }
-        const key = isVertical ? char.left : char.top;
-        if (!boxesGroupsMap[key]) {
-          boxesGroupsMap[key] = [];
-        }
-        boxesGroupsMap[key].push({
-          x: char.left - this.text.glyphBox.left,
-          y: char.top - this.text.glyphBox.top,
-          w: char.width,
-          h: char.height
-        });
+    const isVertical = this.text.isVertical;
+    const boxesGroupsMap = {};
+    this._selectedChars.forEach((char) => {
+      if (char.isLastSelected) {
+        return;
+      }
+      const key = isVertical ? char.left : char.top;
+      if (!boxesGroupsMap[key]) {
+        boxesGroupsMap[key] = [];
+      }
+      boxesGroupsMap[key].push({
+        x: char.left - this.text.glyphBox.left,
+        y: char.top - this.text.glyphBox.top,
+        w: char.width,
+        h: char.height
       });
-      const boxesGroups = Object.values(boxesGroupsMap);
-      const sourceLen = this._selection.children.length;
-      const targetLen = boxesGroups.length;
-      const len = Math.max(sourceLen, targetLen);
-      const deleted = [];
-      for (let i = 0; i < len; i++) {
-        let element = this._selection.children.item(i);
-        const boxes = boxesGroups[i];
-        if (!boxes) {
-          deleted.push(element);
-          continue;
-        } else if (!element) {
-          element = document.createElement("div");
-          this._selection.append(element);
-        }
-        const min = {
-          x: Math.min(...boxes.map((v) => v.x)),
-          y: Math.min(...boxes.map((v) => v.y))
-        };
-        const max = {
-          x: Math.max(...boxes.map((v) => v.x + v.w)),
-          y: Math.max(...boxes.map((v) => v.y + v.h))
-        };
-        element.style.width = `${max.x - min.x}px`;
-        element.style.height = `${max.y - min.y}px`;
-        element.style.transform = `translate(${min.x}px, ${min.y}px)`;
+    });
+    const boxesGroups = Object.values(boxesGroupsMap);
+    const sourceLen = this._selection.children.length;
+    const targetLen = boxesGroups.length;
+    const len = Math.max(sourceLen, targetLen);
+    const deleted = [];
+    for (let i = 0; i < len; i++) {
+      let element = this._selection.children.item(i);
+      const boxes = boxesGroups[i];
+      if (!boxes) {
+        deleted.push(element);
+        continue;
+      } else if (!element) {
+        element = document.createElement("div");
+        this._selection.append(element);
       }
-      deleted.forEach((el) => el?.remove());
+      const min = {
+        x: Math.min(...boxes.map((v) => v.x)),
+        y: Math.min(...boxes.map((v) => v.y))
+      };
+      const max = {
+        x: Math.max(...boxes.map((v) => v.x + v.w)),
+        y: Math.max(...boxes.map((v) => v.y + v.h))
+      };
+      element.style.width = `${max.x - min.x}px`;
+      element.style.height = `${max.y - min.y}px`;
+      element.style.transform = `translate(${min.x}px, ${min.y}px)`;
     }
+    deleted.forEach((el) => el?.remove());
   }
   _renderCursor() {
     if (this._showCursor && this._cursorPosition && this._selectedChars.length === 0) {
@@ -634,6 +634,9 @@ class TextEditor extends HTMLElement {
     }
     this._timer = setTimeout(() => this._cursor.classList.add("blink"), 500);
   }
+  reset() {
+    this.selection = [];
+  }
 }
 __decorateClass([
   property({ fallback: 0 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-text",
   "type": "module",
-  "version": "1.10.4",
+  "version": "1.10.6",
   "packageManager": "pnpm@10.18.1",
   "description": "Measure and render text in a way that describes the DOM.",
   "author": "wxm",
@@ -56,18 +56,18 @@
   "dependencies": {
     "diff": "^8.0.2",
     "modern-font": "^0.4.4",
-    "modern-idoc": "^0.10.5",
-    "modern-path2d": "^1.4.11"
+    "modern-idoc": "^0.10.8",
+    "modern-path2d": "^1.4.16"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^6.2.0",
-    "@types/node": "^24.10.0",
-    "bumpp": "^10.3.1",
+    "@antfu/eslint-config": "^6.7.3",
+    "@types/node": "^25.0.3",
+    "bumpp": "^10.3.2",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^9.39.0",
+    "eslint": "^9.39.2",
     "typescript": "^5.9.3",
     "unbuild": "^3.6.1",
-    "vite": "^7.1.12",
-    "vitest": "^4.0.6"
+    "vite": "^7.3.0",
+    "vitest": "^4.0.16"
   }
 }