@textbus/platform-browser 3.1.6 → 3.1.9

package/bundles/core/native-input.d.ts

@@ -8,12 +8,7 @@ declare class NativeCaret implements Caret {
     onPositionChange: Observable<CaretPosition | null>;
     set nativeRange(range: Range | null);
     get nativeRange(): Range | null;
-    get rect(): DOMRect | {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    };
+    get rect(): import("../_utils/uikit").Rect;
     private oldPosition;
     private _nativeRange;
     private subs;

package/bundles/index.esm.js

@@ -1897,7 +1897,7 @@ class NativeCaret {
         if (range) {
             const r = range.cloneRange();
             r.collapse(true);
-            const rect = r.getBoundingClientRect();
+            const rect = getLayoutRectByRange(r);
             this.positionChangeEvent.next({
                 left: rect.left,
                 top: rect.top,
@@ -1915,7 +1915,7 @@ class NativeCaret {
         if (this.nativeRange) {
             const range = this.nativeRange.cloneRange();
             range.collapse(true);
-            return range.getBoundingClientRect();
+            return getLayoutRectByRange(range);
         }
         return {
             left: 0,
@@ -1996,9 +1996,11 @@ class NativeCaret {
 let NativeInput = class NativeInput extends Input {
     set disabled(b) {
         this._disabled = b;
-        if (b && !this.controller.readonly) {
-            this.documentView.contentEditable = b ? 'false' : 'true';
+        if (this.controller.readonly) {
+            this.documentView.contentEditable = 'false';
+            return;
         }
+        this.documentView.contentEditable = b ? 'false' : 'true';
     }
     get disabled() {
         return this._disabled;
@@ -2762,7 +2764,7 @@ class Viewer extends Starter {
         });
         const styleEl = document.createElement('style');
         docStyles.push(...(options.styleSheets || []));
-        editModeStyles.push(`#${this.id} *::selection{background-color: rgba(18, 150, 219, .4); color:inherit}`, ...(options.editingStyleSheets || []));
+        editModeStyles.push(`#${this.id} *::selection{background-color: rgba(18, 150, 219, .2); color:inherit}`, ...(options.editingStyleSheets || []));
         this.styleSheet = Viewer.cssMin(docStyles.join(''));
         styleEl.innerHTML = this.styleSheet + Viewer.cssMin(editModeStyles.join(''));
         this.resourceNodes.push(styleEl);

package/bundles/index.js

@@ -1899,7 +1899,7 @@ class NativeCaret {
         if (range) {
             const r = range.cloneRange();
             r.collapse(true);
-            const rect = r.getBoundingClientRect();
+            const rect = getLayoutRectByRange(r);
             this.positionChangeEvent.next({
                 left: rect.left,
                 top: rect.top,
@@ -1917,7 +1917,7 @@ class NativeCaret {
         if (this.nativeRange) {
             const range = this.nativeRange.cloneRange();
             range.collapse(true);
-            return range.getBoundingClientRect();
+            return getLayoutRectByRange(range);
         }
         return {
             left: 0,
@@ -1998,9 +1998,11 @@ class NativeCaret {
 exports.NativeInput = class NativeInput extends Input {
     set disabled(b) {
         this._disabled = b;
-        if (b && !this.controller.readonly) {
-            this.documentView.contentEditable = b ? 'false' : 'true';
+        if (this.controller.readonly) {
+            this.documentView.contentEditable = 'false';
+            return;
         }
+        this.documentView.contentEditable = b ? 'false' : 'true';
     }
     get disabled() {
         return this._disabled;
@@ -2764,7 +2766,7 @@ class Viewer extends core.Starter {
         });
         const styleEl = document.createElement('style');
         docStyles.push(...(options.styleSheets || []));
-        editModeStyles.push(`#${this.id} *::selection{background-color: rgba(18, 150, 219, .4); color:inherit}`, ...(options.editingStyleSheets || []));
+        editModeStyles.push(`#${this.id} *::selection{background-color: rgba(18, 150, 219, .2); color:inherit}`, ...(options.editingStyleSheets || []));
         this.styleSheet = Viewer.cssMin(docStyles.join(''));
         styleEl.innerHTML = this.styleSheet + Viewer.cssMin(editModeStyles.join(''));
         this.resourceNodes.push(styleEl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "3.1.6",
+  "version": "3.1.9",
   "description": "Textbus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -27,7 +27,7 @@
   "dependencies": {
     "@tanbo/di": "^1.1.4",
     "@tanbo/stream": "^1.1.9",
-    "@textbus/core": "^3.1.6",
+    "@textbus/core": "^3.1.7",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
@@ -48,5 +48,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "5e41cfd65f8f2331df69c26b80d8efe58f98a454"
+  "gitHead": "fac88c46fa8c1b510b212bc53ecae95e60d4adc6"
 }