@textbus/platform-browser 4.0.0-alpha.17 → 4.0.0-alpha.19

package/bundles/browser-module.d.ts

@@ -6,7 +6,10 @@ import { DomAdapter } from './dom-adapter';
  * Textbus PC 端配置接口
  */
 export interface ViewOptions {
+    /** 渲染平台适配器 */
     adapter: DomAdapter<any, any>;
+    /** 编辑器根节点 */
+    renderTo(): HTMLElement;
     /** 自动获取焦点 */
     autoFocus?: boolean;
     /** 编辑区最小高度 */
@@ -21,11 +24,10 @@ export interface ViewOptions {
     useContentEditable?: boolean;
 }
 export declare class BrowserModule implements Module {
-    host: HTMLElement;
     config: ViewOptions;
     providers: Provider[];
     private workbench;
-    constructor(host: HTMLElement, config: ViewOptions);
+    constructor(config: ViewOptions);
     /**
      * 解析 HTML 并返回一个组件实例
      * @param html 要解析的 HTML
@@ -40,7 +42,7 @@ export declare class BrowserModule implements Module {
      * @param textbus
      */
     readDocumentByComponentLiteral(data: ComponentLiteral, rootComponent: Component, textbus: Textbus): ComponentInstance;
+    setup(): () => void;
     onAfterStartup(textbus: Textbus): void;
-    onDestroy(): void;
     private static createLayout;
 }

package/bundles/index.esm.js

@@ -2297,8 +2297,7 @@ NativeInput = __decorate([
 
 const browserErrorFn = makeError('BrowserModule');
 class BrowserModule {
-    constructor(host, config) {
-        this.host = host;
+    constructor(config) {
         this.config = config;
         const { mask, wrapper } = BrowserModule.createLayout();
         wrapper.prepend(config.adapter.host);
@@ -2356,7 +2355,6 @@ class BrowserModule {
             SelectionBridge,
             CollaborateCursor];
         this.workbench = wrapper;
-        this.host.append(wrapper);
     }
     /**
      * 解析 HTML 并返回一个组件实例
@@ -2382,14 +2380,21 @@ class BrowserModule {
         const registry = textbus.get(Registry);
         return registry.createComponentByFactory(data, rootComponent);
     }
+    setup() {
+        const host = this.config.renderTo();
+        if (!(host instanceof HTMLElement)) {
+            throw browserErrorFn('view container is not a HTMLElement');
+        }
+        host.append(this.workbench);
+        return () => {
+            this.workbench.remove();
+        };
+    }
     onAfterStartup(textbus) {
         if (this.config.autoFocus) {
             textbus.focus();
         }
     }
-    onDestroy() {
-        this.workbench.remove();
-    }
     static createLayout() {
         const mask = createElement('div', {
             attrs: {

package/bundles/index.js

@@ -2299,8 +2299,7 @@ NativeInput = __decorate([
 
 const browserErrorFn = core$1.makeError('BrowserModule');
 class BrowserModule {
-    constructor(host, config) {
-        this.host = host;
+    constructor(config) {
         this.config = config;
         const { mask, wrapper } = BrowserModule.createLayout();
         wrapper.prepend(config.adapter.host);
@@ -2358,7 +2357,6 @@ class BrowserModule {
             exports.SelectionBridge,
             exports.CollaborateCursor];
         this.workbench = wrapper;
-        this.host.append(wrapper);
     }
     /**
      * 解析 HTML 并返回一个组件实例
@@ -2384,14 +2382,21 @@ class BrowserModule {
         const registry = textbus.get(core$1.Registry);
         return registry.createComponentByFactory(data, rootComponent);
     }
+    setup() {
+        const host = this.config.renderTo();
+        if (!(host instanceof HTMLElement)) {
+            throw browserErrorFn('view container is not a HTMLElement');
+        }
+        host.append(this.workbench);
+        return () => {
+            this.workbench.remove();
+        };
+    }
     onAfterStartup(textbus) {
         if (this.config.autoFocus) {
             textbus.focus();
         }
     }
-    onDestroy() {
-        this.workbench.remove();
-    }
     static createLayout() {
         const mask = createElement('div', {
             attrs: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "4.0.0-alpha.17",
+  "version": "4.0.0-alpha.19",
   "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,8 +26,8 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.0",
-    "@textbus/core": "^4.0.0-alpha.17",
-    "@viewfly/core": "^0.4.0",
+    "@textbus/core": "^4.0.0-alpha.19",
+    "@viewfly/core": "^0.5.0",
     "reflect-metadata": "^0.1.13"
   },
   "devDependencies": {
@@ -48,5 +48,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "0ea4a4500c7743315c6ae9881569a4381aeedb15"
+  "gitHead": "7f951b0c4cf33aa7873e26d6e04da5a4301ca066"
 }