@textbus/platform-browser 4.0.0-alpha.30 → 4.0.0-alpha.32

package/bundles/dom-adapter.d.ts

@@ -5,6 +5,7 @@ import { Component, Slot, ViewAdapter, NodeLocation, VElement, VTextNode, Textbu
 export declare abstract class DomAdapter<ViewComponent, ViewElement> extends ViewAdapter {
     private mount;
     host: HTMLElement;
+    protected firstRending: boolean;
     protected componentRootElementCaches: {
         set: {
             (key: Component<import("@textbus/core").State>, value: HTMLElement): void;

package/bundles/index.esm.js

@@ -323,6 +323,7 @@ class DomAdapter extends ViewAdapter {
                 id: 'textbus-' + Number((Math.random() + '').substring(2)).toString(16)
             }
         });
+        this.firstRending = true;
         this.componentRootElementCaches = createBidirectionalMapping(a => {
             return a instanceof Component;
         });
@@ -333,6 +334,7 @@ class DomAdapter extends ViewAdapter {
     }
     render(rootComponent, textbus) {
         const view = this.componentRender(rootComponent);
+        this.firstRending = false;
         return this.mount(this.host, view, textbus);
     }
     copy() {
@@ -1299,13 +1301,8 @@ let MagicInput = class MagicInput extends Input {
         if (!this.isFocus) {
             (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.focus();
             setTimeout(() => {
-                var _a, _b, _c;
                 if (!this.nativeFocus && this.isFocus) {
-                    this.subscription.unsubscribe();
-                    (_b = (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(this.textarea);
-                    this.subscription = new Subscription();
-                    this.init();
-                    (_c = this.textarea) === null || _c === void 0 ? void 0 : _c.focus();
+                    this.reInit();
                 }
             });
         }
@@ -1321,6 +1318,22 @@ let MagicInput = class MagicInput extends Input {
         this.caret.destroy();
         this.subscription.unsubscribe();
     }
+    reInit(delay = false) {
+        var _a, _b, _c;
+        this.subscription.unsubscribe();
+        (_b = (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(this.textarea);
+        this.subscription = new Subscription();
+        this.init();
+        if (delay) {
+            setTimeout(() => {
+                var _a;
+                (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.focus();
+            });
+        }
+        else {
+            (_c = this.textarea) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+    }
     init() {
         const doc = this.doc;
         const contentBody = doc.body;
@@ -1329,7 +1342,10 @@ let MagicInput = class MagicInput extends Input {
         contentBody.appendChild(textarea);
         this.textarea = textarea;
         this.subscription.add(fromEvent(textarea, 'blur').subscribe(() => {
-            this.isFocus = false;
+            if (this.isFocus) {
+                this.isFocus = false;
+                this.reInit(true);
+            }
             this.nativeFocus = false;
             this.caret.hide();
         }), fromEvent(textarea, 'focus').subscribe(() => {

package/bundles/index.js

@@ -325,6 +325,7 @@ class DomAdapter extends core$1.ViewAdapter {
                 id: 'textbus-' + Number((Math.random() + '').substring(2)).toString(16)
             }
         });
+        this.firstRending = true;
         this.componentRootElementCaches = core$1.createBidirectionalMapping(a => {
             return a instanceof core$1.Component;
         });
@@ -335,6 +336,7 @@ class DomAdapter extends core$1.ViewAdapter {
     }
     render(rootComponent, textbus) {
         const view = this.componentRender(rootComponent);
+        this.firstRending = false;
         return this.mount(this.host, view, textbus);
     }
     copy() {
@@ -1301,13 +1303,8 @@ exports.MagicInput = class MagicInput extends Input {
         if (!this.isFocus) {
             (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.focus();
             setTimeout(() => {
-                var _a, _b, _c;
                 if (!this.nativeFocus && this.isFocus) {
-                    this.subscription.unsubscribe();
-                    (_b = (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(this.textarea);
-                    this.subscription = new stream.Subscription();
-                    this.init();
-                    (_c = this.textarea) === null || _c === void 0 ? void 0 : _c.focus();
+                    this.reInit();
                 }
             });
         }
@@ -1323,6 +1320,22 @@ exports.MagicInput = class MagicInput extends Input {
         this.caret.destroy();
         this.subscription.unsubscribe();
     }
+    reInit(delay = false) {
+        var _a, _b, _c;
+        this.subscription.unsubscribe();
+        (_b = (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.removeChild(this.textarea);
+        this.subscription = new stream.Subscription();
+        this.init();
+        if (delay) {
+            setTimeout(() => {
+                var _a;
+                (_a = this.textarea) === null || _a === void 0 ? void 0 : _a.focus();
+            });
+        }
+        else {
+            (_c = this.textarea) === null || _c === void 0 ? void 0 : _c.focus();
+        }
+    }
     init() {
         const doc = this.doc;
         const contentBody = doc.body;
@@ -1331,7 +1344,10 @@ exports.MagicInput = class MagicInput extends Input {
         contentBody.appendChild(textarea);
         this.textarea = textarea;
         this.subscription.add(stream.fromEvent(textarea, 'blur').subscribe(() => {
-            this.isFocus = false;
+            if (this.isFocus) {
+                this.isFocus = false;
+                this.reInit(true);
+            }
             this.nativeFocus = false;
             this.caret.hide();
         }), stream.fromEvent(textarea, 'focus').subscribe(() => {

package/bundles/magic-input.d.ts

@@ -70,6 +70,7 @@ export declare class MagicInput extends Input {
     focus(range: Range, restart: boolean): void;
     blur(): void;
     destroy(): void;
+    private reInit;
     private init;
     private handleDefaultActions;
     private handlePaste;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "4.0.0-alpha.30",
+  "version": "4.0.0-alpha.32",
   "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",
@@ -26,9 +26,9 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.3",
-    "@textbus/collaborate": "^4.0.0-alpha.30",
-    "@textbus/core": "^4.0.0-alpha.30",
-    "@viewfly/core": "^0.6.0",
+    "@textbus/collaborate": "^4.0.0-alpha.31",
+    "@textbus/core": "^4.0.0-alpha.31",
+    "@viewfly/core": "^0.6.1",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
@@ -49,5 +49,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "9b14d8cf2a2473f31a36b51ee3d988ddecf776fb"
+  "gitHead": "00d52c23dde48068e14e46379b85ddac0743c6ff"
 }