@textbus/platform-browser 4.0.0-alpha.11 → 4.0.0-alpha.13

package/bundles/browser-module.d.ts

@@ -1,4 +1,4 @@
-import { ComponentLiteral, Module } from '@textbus/core';
+import { Component, ComponentInstance, ComponentLiteral, Module, Textbus } from '@textbus/core';
 import { Provider } from '@viewfly/core';
 import { AttributeLoader, ComponentLoader, FormatLoader } from './parser';
 import { DomAdapter } from './dom-adapter';
@@ -17,8 +17,6 @@ export interface ViewOptions {
     formatLoaders?: FormatLoader<any>[];
     /** 属性加载器 */
     attributeLoaders?: AttributeLoader<any>[];
-    /** 默认内容 */
-    content?: string | ComponentLiteral;
     /** 使用 contentEditable 作为编辑器控制可编辑范围 */
     useContentEditable?: boolean;
 }
@@ -28,6 +26,21 @@ export declare class BrowserModule implements Module {
     providers: Provider[];
     private workbench;
     constructor(host: HTMLElement, config: ViewOptions);
+    /**
+     * 解析 HTML 并返回一个组件实例
+     * @param html 要解析的 HTML
+     * @param rootComponentLoader 文档根组件加载器
+     * @param textbus
+     */
+    readDocumentByHTML(html: string, rootComponentLoader: ComponentLoader, textbus: Textbus): ComponentInstance;
+    /**
+     * 将组件数据解析到组件实例中
+     * @param data 要解析的 JSON 数据
+     * @param rootComponent 根组件
+     * @param textbus
+     */
+    readDocumentByComponentLiteral(data: ComponentLiteral, rootComponent: Component, textbus: Textbus): ComponentInstance;
+    onAfterStartup(textbus: Textbus): void;
     onDestroy(): void;
     private static createLayout;
 }

package/bundles/dom-adapter.d.ts

@@ -1,4 +1,4 @@
-import { ComponentInstance, Slot, ViewAdapter, NodeLocation, VElement, VTextNode } from '@textbus/core';
+import { ComponentInstance, Slot, ViewAdapter, NodeLocation, VElement, VTextNode, Textbus } from '@textbus/core';
 /**
  * Textbus PC 端浏览器渲染能力桥接器抽象类，提供了 DOM 元素查询能力，具体渲染能力由各前端框架实现相应桥接
  */
@@ -28,8 +28,8 @@ export declare abstract class DomAdapter<ViewComponent, ViewElement> extends Vie
         remove: (key: HTMLElement | Slot<any>) => void;
     };
     protected slotRootVElementCaches: WeakMap<Slot<any>, VElement>;
-    protected constructor(mount: (host: HTMLElement, viewComponent: ViewComponent) => (void | (() => void)));
-    render(rootComponent: ComponentInstance): void | (() => void);
+    protected constructor(mount: (host: HTMLElement, viewComponent: ViewComponent, textbus: Textbus) => (void | (() => void)));
+    render(rootComponent: ComponentInstance, textbus: Textbus): void | (() => void);
     abstract componentRender(component: ComponentInstance): ViewComponent;
     abstract slotRender(slot: Slot, slotHostRender: (children: Array<VElement | VTextNode | ComponentInstance>) => VElement, renderEnv: any): ViewElement;
     copy(): void;

package/bundles/index.esm.js

@@ -1,5 +1,5 @@
 import 'reflect-metadata';
-import { Slot, Textbus, ViewAdapter, createBidirectionalMapping, ComponentInstance, VElement, VTextNode, Controller, Selection, RootComponentRef, ContentType, Event, invokeListener, Keyboard, Commander, Scheduler, NativeSelectionBridge, FocusManager } from '@textbus/core';
+import { Slot, Textbus, ViewAdapter, createBidirectionalMapping, ComponentInstance, VElement, VTextNode, Controller, Selection, RootComponentRef, ContentType, Event, invokeListener, Keyboard, Commander, Scheduler, makeError, NativeSelectionBridge, FocusManager, Registry } from '@textbus/core';
 import { Subject, filter, fromEvent, Subscription, distinctUntilChanged, merge, map, Observable } from '@tanbo/stream';
 import { InjectionToken, Injectable, Inject, Optional } from '@viewfly/core';
 
@@ -330,9 +330,9 @@ class DomAdapter extends ViewAdapter {
         });
         this.slotRootVElementCaches = new WeakMap();
     }
-    render(rootComponent) {
+    render(rootComponent, textbus) {
         const view = this.componentRender(rootComponent);
-        return this.mount(this.host, view);
+        return this.mount(this.host, view, textbus);
     }
     copy() {
         document.execCommand('copy');
@@ -2295,6 +2295,7 @@ NativeInput = __decorate([
         Controller])
 ], NativeInput);
 
+const browserErrorFn = makeError('BrowserModule');
 class BrowserModule {
     constructor(host, config) {
         this.host = host;
@@ -2357,6 +2358,35 @@ class BrowserModule {
         this.workbench = wrapper;
         this.host.append(wrapper);
     }
+    /**
+     * 解析 HTML 并返回一个组件实例
+     * @param html 要解析的 HTML
+     * @param rootComponentLoader 文档根组件加载器
+     * @param textbus
+     */
+    readDocumentByHTML(html, rootComponentLoader, textbus) {
+        const parser = textbus.get(Parser);
+        const doc = parser.parseDoc(html, rootComponentLoader);
+        if (doc instanceof ComponentInstance) {
+            return doc;
+        }
+        throw browserErrorFn('rootComponentLoader must return a component instance.');
+    }
+    /**
+     * 将组件数据解析到组件实例中
+     * @param data 要解析的 JSON 数据
+     * @param rootComponent 根组件
+     * @param textbus
+     */
+    readDocumentByComponentLiteral(data, rootComponent, textbus) {
+        const registry = textbus.get(Registry);
+        return registry.createComponentByFactory(data, rootComponent);
+    }
+    onAfterStartup(textbus) {
+        if (this.config.autoFocus) {
+            textbus.focus();
+        }
+    }
     onDestroy() {
         this.workbench.remove();
     }

package/bundles/index.js

@@ -332,9 +332,9 @@ class DomAdapter extends core$1.ViewAdapter {
         });
         this.slotRootVElementCaches = new WeakMap();
     }
-    render(rootComponent) {
+    render(rootComponent, textbus) {
         const view = this.componentRender(rootComponent);
-        return this.mount(this.host, view);
+        return this.mount(this.host, view, textbus);
     }
     copy() {
         document.execCommand('copy');
@@ -2297,6 +2297,7 @@ NativeInput = __decorate([
         core$1.Controller])
 ], NativeInput);
 
+const browserErrorFn = core$1.makeError('BrowserModule');
 class BrowserModule {
     constructor(host, config) {
         this.host = host;
@@ -2359,6 +2360,35 @@ class BrowserModule {
         this.workbench = wrapper;
         this.host.append(wrapper);
     }
+    /**
+     * 解析 HTML 并返回一个组件实例
+     * @param html 要解析的 HTML
+     * @param rootComponentLoader 文档根组件加载器
+     * @param textbus
+     */
+    readDocumentByHTML(html, rootComponentLoader, textbus) {
+        const parser = textbus.get(exports.Parser);
+        const doc = parser.parseDoc(html, rootComponentLoader);
+        if (doc instanceof core$1.ComponentInstance) {
+            return doc;
+        }
+        throw browserErrorFn('rootComponentLoader must return a component instance.');
+    }
+    /**
+     * 将组件数据解析到组件实例中
+     * @param data 要解析的 JSON 数据
+     * @param rootComponent 根组件
+     * @param textbus
+     */
+    readDocumentByComponentLiteral(data, rootComponent, textbus) {
+        const registry = textbus.get(core$1.Registry);
+        return registry.createComponentByFactory(data, rootComponent);
+    }
+    onAfterStartup(textbus) {
+        if (this.config.autoFocus) {
+            textbus.focus();
+        }
+    }
     onDestroy() {
         this.workbench.remove();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "4.0.0-alpha.11",
+  "version": "4.0.0-alpha.13",
   "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,7 +26,7 @@
   ],
   "dependencies": {
     "@tanbo/stream": "^1.2.0",
-    "@textbus/core": "^4.0.0-alpha.11",
+    "@textbus/core": "^4.0.0-alpha.13",
     "@viewfly/core": "^0.3.0",
     "reflect-metadata": "^0.1.13"
   },
@@ -48,5 +48,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "8940269cbb7aaac5a5b0d9dc4936896ab210ed80"
+  "gitHead": "625efd792f5cc6d8008cdb007b4fe2adf6701189"
 }