@textbus/platform-browser 4.0.0-alpha.5 → 4.0.0-alpha.7

package/README.md

@@ -4,120 +4,6 @@ Textbus PC 浏览器支持模块
 Textbus 是一套用于构建富交互的富文本编辑框架。和大多数富文本编辑器不同的是，Textbus 以组件为核心，格式为辅助，并大幅简化了富文本编辑器开发中常见
 API，且提供了更高的抽象层，使 Textbus 不仅易于上手，同时还能驱动复杂的富文本应用。
 
-本项目为 Textbus PC 端浏览器中间层实现，提供了 Textbus PC 端所需要的编辑器基本支持能力。如光标、选区桥接、DOM 解析及渲染能力桥接等。
-
-如果你需要一个开箱即用的编辑器，请参考[官方文档](https://textbus.io)。
-
-## 安装
-
-```
-npm install @textbus/core @textbus/platform-browser
-```
-
-## 创建编辑器
-
-```ts
-import { Viewer, ViewOptions } from '@textbus/browser'
-
-import { rootComponent, rootComponentLoader } from './root.component'
-
-const config: ViewOptions = {
-  // ...配置项
-}
-
-const editor = new Viewer(rootComponent, rootComponentLoader, config)
-```
-
-其中 `rootComponent`，`rootComponentLoader` 实现请参考[官方文档](https://textbus.io/docs/guide)。
-
-### 配置项
-
-配置项接口如下：
-
-```ts
-export interface ViewModule extends Module {
-  componentLoaders?: ComponentLoader[]
-  formatLoaders?: FormatLoader[]
-}
-
-/**
- * Textbus PC 端配置接口
- */
-export interface ViewOptions extends TextbusConfig {
-  imports?: ViewModule[]
-  /** 自动获取焦点 */
-  autoFocus?: boolean
-  /** 编辑区最小高度 */
-  minHeight?: string
-  /** 组件加载器 */
-  componentLoaders?: ComponentLoader[]
-  /** 格式加载器 */
-  formatLoaders?: FormatLoader[]
-  /** 默认内容 */
-  content?: string | ComponentLiteral
-  /** 文档默认样式表 */
-  styleSheets?: string[]
-  /** 配置文档编辑状态下用到的样式 */
-  editingStyleSheets?: string[]
-}
-```
-
-### 启动
-
-```ts
-const host = document.getElementById('editor')
-
-editor.mount(host).then(() => {
-  console.log('编辑器创建成功！')
-})
-```
-
-### 销毁编辑器
-
-```ts
-editor.destroy()
-```
-
-### 获取焦点
-
-```ts
-editor.focus()
-```
-
-### 取消焦点
-
-```ts
-editor.blur()
-```
-
-### 获取 HTML 内容
-
-```ts
-const content = editor.getContents().content
-```
-
-### 获取 JSON 内容
-
-```ts
-const json = editor.getJSON().content
-```
-
-### 替换内容
-
-```ts
-editor.replaceContent('<p>新内容！</p>')
-
-editor.replaceContent({
-  // 必须为 Textbus 导出的 JSON 格式
-})
-```
-
-### 清空编辑器
-
-```ts
-editor.replaceContent('')
-```
-
 ### 官方文档
 
 更多文档请参考：[中文文档](https://textbus.io)

package/bundles/collaborate-cursor.d.ts

@@ -1,5 +1,4 @@
-import { Injector } from '@viewfly/core';
-import { Selection, SelectionPaths, AbstractSelection, Scheduler } from '@textbus/core';
+import { Selection, SelectionPaths, AbstractSelection, Scheduler, Textbus } from '@textbus/core';
 import { SelectionBridge } from './selection-bridge';
 import { Rect } from './_utils/uikit';
 /**
@@ -44,7 +43,7 @@ export declare class CollaborateCursor {
     private subscription;
     private currentSelection;
     private container;
-    constructor(injector: Injector, nativeSelection: SelectionBridge, scheduler: Scheduler, selection: Selection, awarenessDelegate?: CollaborateSelectionAwarenessDelegate | undefined);
+    constructor(textbus: Textbus, nativeSelection: SelectionBridge, scheduler: Scheduler, selection: Selection, awarenessDelegate?: CollaborateSelectionAwarenessDelegate | undefined);
     /**
      * 刷新协作光标，由于 Textbus 只会绘制可视区域的光标，当可视区域发生变化时，需要重新绘制
      */

package/bundles/index.esm.js

@@ -1,7 +1,7 @@
 import 'reflect-metadata';
-import { Slot, ViewAdapter, createBidirectionalMapping, ComponentInstance, VElement, VTextNode, Controller, Selection, RootComponentRef, ContentType, Event, invokeListener, Keyboard, Commander, Scheduler, NativeSelectionBridge } from '@textbus/core';
-import { InjectionToken, Injectable, Inject, Injector, Optional } from '@viewfly/core';
+import { Slot, Textbus, ViewAdapter, createBidirectionalMapping, ComponentInstance, VElement, VTextNode, Controller, Selection, RootComponentRef, ContentType, Event, invokeListener, Keyboard, Commander, Scheduler, NativeSelectionBridge, FocusManager } from '@textbus/core';
 import { Subject, filter, fromEvent, Subscription, distinctUntilChanged, merge, map, Observable } from '@tanbo/stream';
+import { InjectionToken, Injectable, Inject, Optional } from '@viewfly/core';
 
 function createElement(tagName, options = {}) {
     const el = document.createElement(tagName);
@@ -166,9 +166,9 @@ let Parser = Parser_1 = class Parser {
     static parseHTML(html) {
         return new DOMParser().parseFromString(html, 'text/html').body;
     }
-    constructor(options, injector) {
+    constructor(options, textbus) {
         this.options = options;
-        this.injector = injector;
+        this.textbus = textbus;
         const componentLoaders = [
             ...(options.componentLoaders || [])
         ];
@@ -193,7 +193,7 @@ let Parser = Parser_1 = class Parser {
      */
     parseDoc(html, rootComponentLoader) {
         const element = typeof html === 'string' ? Parser_1.parseHTML(html) : html;
-        return rootComponentLoader.read(element, this.injector, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
+        return rootComponentLoader.read(element, this.textbus, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
             return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
         });
     }
@@ -214,7 +214,7 @@ let Parser = Parser_1 = class Parser {
             }
             for (const t of this.componentLoaders) {
                 if (t.match(el)) {
-                    const result = t.read(el, this.injector, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
+                    const result = t.read(el, this.textbus, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
                         return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
                     });
                     if (!result) {
@@ -294,7 +294,7 @@ let Parser = Parser_1 = class Parser {
 Parser = Parser_1 = __decorate([
     Injectable(),
     __param(0, Inject(EDITOR_OPTIONS)),
-    __metadata("design:paramtypes", [Object, Injector])
+    __metadata("design:paramtypes", [Object, Textbus])
 ], Parser);
 
 class Input {
@@ -449,7 +449,7 @@ class DomAdapter extends ViewAdapter {
  * Textbus PC 端选区桥接实现
  */
 let SelectionBridge = class SelectionBridge {
-    constructor(config, injector, controller, selection, rootComponentRef, input, domAdapter) {
+    constructor(config, textbus, controller, selection, rootComponentRef, input, domAdapter) {
         this.config = config;
         this.selection = selection;
         this.rootComponentRef = rootComponentRef;
@@ -461,7 +461,7 @@ let SelectionBridge = class SelectionBridge {
         this.connector = null;
         this.ignoreSelectionChange = false;
         this.changeFromUser = false;
-        this.docContainer = injector.get(VIEW_DOCUMENT);
+        this.docContainer = textbus.get(VIEW_DOCUMENT);
         this.onSelectionChange = this.selectionChangeEvent.asObservable().pipe(filter(() => {
             return !controller.readonly;
         }));
@@ -990,7 +990,7 @@ let SelectionBridge = class SelectionBridge {
 SelectionBridge = __decorate([
     Injectable(),
     __param(0, Inject(EDITOR_OPTIONS)),
-    __metadata("design:paramtypes", [Object, Injector,
+    __metadata("design:paramtypes", [Object, Textbus,
         Controller,
         Selection,
         RootComponentRef,
@@ -1246,7 +1246,7 @@ let MagicInput = class MagicInput extends Input {
     get disabled() {
         return this._disabled;
     }
-    constructor(parser, keyboard, commander, selection, controller, scheduler, injector) {
+    constructor(parser, keyboard, commander, selection, controller, scheduler, textbus) {
         super();
         this.parser = parser;
         this.keyboard = keyboard;
@@ -1254,10 +1254,10 @@ let MagicInput = class MagicInput extends Input {
         this.selection = selection;
         this.controller = controller;
         this.scheduler = scheduler;
-        this.injector = injector;
+        this.textbus = textbus;
         this.composition = false;
         this.compositionState = null;
-        this.caret = new ExperimentalCaret(this.scheduler, this.injector.get(VIEW_MASK));
+        this.caret = new ExperimentalCaret(this.scheduler, this.textbus.get(VIEW_MASK));
         this.isSafari = isSafari();
         this.isFirefox = isFirefox();
         this.isMac = isMac();
@@ -1555,7 +1555,7 @@ MagicInput = __decorate([
         Selection,
         Controller,
         Scheduler,
-        Injector])
+        Textbus])
 ], MagicInput);
 
 /**
@@ -1567,7 +1567,7 @@ class CollaborateSelectionAwarenessDelegate {
  * 协作光标绘制类
  */
 let CollaborateCursor = class CollaborateCursor {
-    constructor(injector, nativeSelection, scheduler, selection, awarenessDelegate) {
+    constructor(textbus, nativeSelection, scheduler, selection, awarenessDelegate) {
         this.nativeSelection = nativeSelection;
         this.scheduler = scheduler;
         this.selection = selection;
@@ -1620,7 +1620,7 @@ let CollaborateCursor = class CollaborateCursor {
         this.onRectsChange = new Subject();
         this.subscription = new Subscription();
         this.currentSelection = [];
-        this.container = injector.get(VIEW_CONTAINER);
+        this.container = textbus.get(VIEW_CONTAINER);
         this.canvasContainer.append(this.canvas);
         this.host.append(this.canvasContainer, this.tooltips);
         this.container.prepend(this.host);
@@ -1812,7 +1812,7 @@ let CollaborateCursor = class CollaborateCursor {
 CollaborateCursor = __decorate([
     Injectable(),
     __param(4, Optional()),
-    __metadata("design:paramtypes", [Injector,
+    __metadata("design:paramtypes", [Textbus,
         SelectionBridge,
         Scheduler,
         Selection,
@@ -1933,7 +1933,7 @@ let NativeInput = class NativeInput extends Input {
     get disabled() {
         return this._disabled;
     }
-    constructor(injector, parser, scheduler, selection, keyboard, domAdapter, commander, controller) {
+    constructor(textbus, parser, scheduler, selection, keyboard, domAdapter, commander, controller) {
         super();
         this.parser = parser;
         this.scheduler = scheduler;
@@ -1954,7 +1954,7 @@ let NativeInput = class NativeInput extends Input {
         this.isMac = isMac();
         this.isMobileBrowser = isMobileBrowser();
         this.ignoreComposition = false; // 有 bug 版本搜狗拼音
-        this.documentView = injector.get(VIEW_DOCUMENT);
+        this.documentView = textbus.get(VIEW_DOCUMENT);
         if (!controller.readonly) {
             this.documentView.contentEditable = 'true';
         }
@@ -2285,7 +2285,7 @@ let NativeInput = class NativeInput extends Input {
 };
 NativeInput = __decorate([
     Injectable(),
-    __metadata("design:paramtypes", [Injector,
+    __metadata("design:paramtypes", [Textbus,
         Parser,
         Scheduler,
         Selection,
@@ -2331,11 +2331,29 @@ class BrowserModule {
             }, {
                 provide: DomAdapter,
                 useValue: config.adapter
+            }, {
+                provide: FocusManager,
+                useFactory: (input) => {
+                    const focusEvent = new Subject();
+                    const blurEvent = new Subject();
+                    input.caret.onPositionChange.pipe(map(p => !!p), distinctUntilChanged()).subscribe(b => {
+                        if (b) {
+                            focusEvent.next();
+                        }
+                        else {
+                            blurEvent.next();
+                        }
+                    });
+                    return {
+                        onFocus: focusEvent,
+                        onBlur: blurEvent
+                    };
+                },
+                deps: [Input]
             },
             Parser,
             SelectionBridge,
-            CollaborateCursor
-        ];
+            CollaborateCursor];
         this.workbench = wrapper;
         this.host.append(wrapper);
     }

package/bundles/index.js

@@ -2,8 +2,8 @@
 
 require('reflect-metadata');
 var core$1 = require('@textbus/core');
-var core = require('@viewfly/core');
 var stream = require('@tanbo/stream');
+var core = require('@viewfly/core');
 
 function createElement(tagName, options = {}) {
     const el = document.createElement(tagName);
@@ -168,9 +168,9 @@ exports.Parser = Parser_1 = class Parser {
     static parseHTML(html) {
         return new DOMParser().parseFromString(html, 'text/html').body;
     }
-    constructor(options, injector) {
+    constructor(options, textbus) {
         this.options = options;
-        this.injector = injector;
+        this.textbus = textbus;
         const componentLoaders = [
             ...(options.componentLoaders || [])
         ];
@@ -195,7 +195,7 @@ exports.Parser = Parser_1 = class Parser {
      */
     parseDoc(html, rootComponentLoader) {
         const element = typeof html === 'string' ? Parser_1.parseHTML(html) : html;
-        return rootComponentLoader.read(element, this.injector, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
+        return rootComponentLoader.read(element, this.textbus, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
             return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
         });
     }
@@ -216,7 +216,7 @@ exports.Parser = Parser_1 = class Parser {
             }
             for (const t of this.componentLoaders) {
                 if (t.match(el)) {
-                    const result = t.read(el, this.injector, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
+                    const result = t.read(el, this.textbus, (childSlot, slotRootElement, slotContentHostElement = slotRootElement) => {
                         return this.readSlot(childSlot, slotRootElement, slotContentHostElement);
                     });
                     if (!result) {
@@ -296,7 +296,7 @@ exports.Parser = Parser_1 = class Parser {
 exports.Parser = Parser_1 = __decorate([
     core.Injectable(),
     __param(0, core.Inject(EDITOR_OPTIONS)),
-    __metadata("design:paramtypes", [Object, core.Injector])
+    __metadata("design:paramtypes", [Object, core$1.Textbus])
 ], exports.Parser);
 
 class Input {
@@ -451,7 +451,7 @@ class DomAdapter extends core$1.ViewAdapter {
  * Textbus PC 端选区桥接实现
  */
 exports.SelectionBridge = class SelectionBridge {
-    constructor(config, injector, controller, selection, rootComponentRef, input, domAdapter) {
+    constructor(config, textbus, controller, selection, rootComponentRef, input, domAdapter) {
         this.config = config;
         this.selection = selection;
         this.rootComponentRef = rootComponentRef;
@@ -463,7 +463,7 @@ exports.SelectionBridge = class SelectionBridge {
         this.connector = null;
         this.ignoreSelectionChange = false;
         this.changeFromUser = false;
-        this.docContainer = injector.get(VIEW_DOCUMENT);
+        this.docContainer = textbus.get(VIEW_DOCUMENT);
         this.onSelectionChange = this.selectionChangeEvent.asObservable().pipe(stream.filter(() => {
             return !controller.readonly;
         }));
@@ -992,7 +992,7 @@ exports.SelectionBridge = class SelectionBridge {
 exports.SelectionBridge = __decorate([
     core.Injectable(),
     __param(0, core.Inject(EDITOR_OPTIONS)),
-    __metadata("design:paramtypes", [Object, core.Injector,
+    __metadata("design:paramtypes", [Object, core$1.Textbus,
         core$1.Controller,
         core$1.Selection,
         core$1.RootComponentRef,
@@ -1248,7 +1248,7 @@ exports.MagicInput = class MagicInput extends Input {
     get disabled() {
         return this._disabled;
     }
-    constructor(parser, keyboard, commander, selection, controller, scheduler, injector) {
+    constructor(parser, keyboard, commander, selection, controller, scheduler, textbus) {
         super();
         this.parser = parser;
         this.keyboard = keyboard;
@@ -1256,10 +1256,10 @@ exports.MagicInput = class MagicInput extends Input {
         this.selection = selection;
         this.controller = controller;
         this.scheduler = scheduler;
-        this.injector = injector;
+        this.textbus = textbus;
         this.composition = false;
         this.compositionState = null;
-        this.caret = new ExperimentalCaret(this.scheduler, this.injector.get(VIEW_MASK));
+        this.caret = new ExperimentalCaret(this.scheduler, this.textbus.get(VIEW_MASK));
         this.isSafari = isSafari();
         this.isFirefox = isFirefox();
         this.isMac = isMac();
@@ -1557,7 +1557,7 @@ exports.MagicInput = __decorate([
         core$1.Selection,
         core$1.Controller,
         core$1.Scheduler,
-        core.Injector])
+        core$1.Textbus])
 ], exports.MagicInput);
 
 /**
@@ -1569,7 +1569,7 @@ class CollaborateSelectionAwarenessDelegate {
  * 协作光标绘制类
  */
 exports.CollaborateCursor = class CollaborateCursor {
-    constructor(injector, nativeSelection, scheduler, selection, awarenessDelegate) {
+    constructor(textbus, nativeSelection, scheduler, selection, awarenessDelegate) {
         this.nativeSelection = nativeSelection;
         this.scheduler = scheduler;
         this.selection = selection;
@@ -1622,7 +1622,7 @@ exports.CollaborateCursor = class CollaborateCursor {
         this.onRectsChange = new stream.Subject();
         this.subscription = new stream.Subscription();
         this.currentSelection = [];
-        this.container = injector.get(VIEW_CONTAINER);
+        this.container = textbus.get(VIEW_CONTAINER);
         this.canvasContainer.append(this.canvas);
         this.host.append(this.canvasContainer, this.tooltips);
         this.container.prepend(this.host);
@@ -1814,7 +1814,7 @@ exports.CollaborateCursor = class CollaborateCursor {
 exports.CollaborateCursor = __decorate([
     core.Injectable(),
     __param(4, core.Optional()),
-    __metadata("design:paramtypes", [core.Injector,
+    __metadata("design:paramtypes", [core$1.Textbus,
         exports.SelectionBridge,
         core$1.Scheduler,
         core$1.Selection,
@@ -1935,7 +1935,7 @@ let NativeInput = class NativeInput extends Input {
     get disabled() {
         return this._disabled;
     }
-    constructor(injector, parser, scheduler, selection, keyboard, domAdapter, commander, controller) {
+    constructor(textbus, parser, scheduler, selection, keyboard, domAdapter, commander, controller) {
         super();
         this.parser = parser;
         this.scheduler = scheduler;
@@ -1956,7 +1956,7 @@ let NativeInput = class NativeInput extends Input {
         this.isMac = isMac();
         this.isMobileBrowser = isMobileBrowser();
         this.ignoreComposition = false; // 有 bug 版本搜狗拼音
-        this.documentView = injector.get(VIEW_DOCUMENT);
+        this.documentView = textbus.get(VIEW_DOCUMENT);
         if (!controller.readonly) {
             this.documentView.contentEditable = 'true';
         }
@@ -2287,7 +2287,7 @@ let NativeInput = class NativeInput extends Input {
 };
 NativeInput = __decorate([
     core.Injectable(),
-    __metadata("design:paramtypes", [core.Injector,
+    __metadata("design:paramtypes", [core$1.Textbus,
         exports.Parser,
         core$1.Scheduler,
         core$1.Selection,
@@ -2333,11 +2333,29 @@ class BrowserModule {
             }, {
                 provide: DomAdapter,
                 useValue: config.adapter
+            }, {
+                provide: core$1.FocusManager,
+                useFactory: (input) => {
+                    const focusEvent = new stream.Subject();
+                    const blurEvent = new stream.Subject();
+                    input.caret.onPositionChange.pipe(stream.map(p => !!p), stream.distinctUntilChanged()).subscribe(b => {
+                        if (b) {
+                            focusEvent.next();
+                        }
+                        else {
+                            blurEvent.next();
+                        }
+                    });
+                    return {
+                        onFocus: focusEvent,
+                        onBlur: blurEvent
+                    };
+                },
+                deps: [Input]
             },
             exports.Parser,
             exports.SelectionBridge,
-            exports.CollaborateCursor
-        ];
+            exports.CollaborateCursor];
         this.workbench = wrapper;
         this.host.append(wrapper);
     }

package/bundles/magic-input.d.ts

@@ -1,6 +1,5 @@
 import { Observable } from '@tanbo/stream';
-import { Injector } from '@viewfly/core';
-import { Commander, Controller, Keyboard, Scheduler, Selection } from '@textbus/core';
+import { Commander, Controller, Keyboard, Scheduler, Selection, Textbus } from '@textbus/core';
 import { Parser } from './parser';
 import { Caret, CaretPosition, CompositionState, Input, Scroller } from './types';
 interface CaretStyle {
@@ -48,7 +47,7 @@ export declare class MagicInput extends Input {
     private selection;
     private controller;
     private scheduler;
-    private injector;
+    private textbus;
     composition: boolean;
     compositionState: CompositionState | null;
     onReady: Promise<void>;
@@ -67,7 +66,7 @@ export declare class MagicInput extends Input {
     private isFocus;
     private nativeFocus;
     private ignoreComposition;
-    constructor(parser: Parser, keyboard: Keyboard, commander: Commander, selection: Selection, controller: Controller, scheduler: Scheduler, injector: Injector);
+    constructor(parser: Parser, keyboard: Keyboard, commander: Commander, selection: Selection, controller: Controller, scheduler: Scheduler, textbus: Textbus);
     focus(range: Range, restart: boolean): void;
     blur(): void;
     destroy(): void;

package/bundles/native-input.d.ts

@@ -1,6 +1,5 @@
-import { Injector } from '@viewfly/core';
 import { Observable } from '@tanbo/stream';
-import { Commander, Controller, Keyboard, Scheduler, Selection } from '@textbus/core';
+import { Commander, Controller, Keyboard, Scheduler, Selection, Textbus } from '@textbus/core';
 import { Caret, CaretPosition, CompositionState, Input, Scroller } from './types';
 import { Parser } from './parser';
 import { DomAdapter } from './dom-adapter';
@@ -42,7 +41,7 @@ export declare class NativeInput extends Input {
     private isMac;
     private isMobileBrowser;
     private ignoreComposition;
-    constructor(injector: Injector, parser: Parser, scheduler: Scheduler, selection: Selection, keyboard: Keyboard, domAdapter: DomAdapter<any, any>, commander: Commander, controller: Controller);
+    constructor(textbus: Textbus, parser: Parser, scheduler: Scheduler, selection: Selection, keyboard: Keyboard, domAdapter: DomAdapter<any, any>, commander: Commander, controller: Controller);
     focus(nativeRange: Range): void;
     blur(): void;
     destroy(): void;

package/bundles/parser.d.ts

@@ -1,5 +1,4 @@
-import { Injector } from '@viewfly/core';
-import { Attribute, ComponentInstance, Formatter, FormatValue, Slot } from '@textbus/core';
+import { Attribute, ComponentInstance, Formatter, FormatValue, Slot, Textbus } from '@textbus/core';
 import { ViewOptions } from './browser-module';
 /**
  * 插槽解析器
@@ -21,7 +20,7 @@ export interface ComponentLoader {
     /** 识别组件的匹配方法 */
     match(element: HTMLElement): boolean;
     /** 读取组件内容的方法 */
-    read(element: HTMLElement, injector: Injector, slotParser: SlotParser): ComponentInstance | Slot | void;
+    read(element: HTMLElement, textbus: Textbus, slotParser: SlotParser): ComponentInstance | Slot | void;
 }
 export interface FormatLoaderReadResult<T extends FormatValue> {
     formatter: Formatter<T>;
@@ -66,12 +65,12 @@ export interface AttributeLoader<T extends FormatValue> {
  */
 export declare class Parser {
     private options;
-    private injector;
+    private textbus;
     static parseHTML(html: string): HTMLElement;
     componentLoaders: ComponentLoader[];
     formatLoaders: FormatLoader<any>[];
     attributeLoaders: AttributeLoader<any>[];
-    constructor(options: ViewOptions, injector: Injector);
+    constructor(options: ViewOptions, textbus: Textbus);
     /**
      * 使用指定的组件加载器解析一段 HTML 字符串或 DOM 元素
      * @param html

package/bundles/selection-bridge.d.ts

@@ -1,6 +1,5 @@
 import { Observable } from '@tanbo/stream';
-import { Injector } from '@viewfly/core';
-import { NativeSelectionBridge, NativeSelectionConnector, SelectionPosition, AbstractSelection, RootComponentRef, Controller, Selection } from '@textbus/core';
+import { NativeSelectionBridge, NativeSelectionConnector, SelectionPosition, AbstractSelection, RootComponentRef, Controller, Selection, Textbus } from '@textbus/core';
 import { Rect } from './_utils/uikit';
 import { Input } from './types';
 import { DomAdapter } from './dom-adapter';
@@ -25,7 +24,7 @@ export declare class SelectionBridge implements NativeSelectionBridge {
     private docContainer;
     private cacheCaretPositionTimer;
     private oldCaretPosition;
-    constructor(config: ViewOptions, injector: Injector, controller: Controller, selection: Selection, rootComponentRef: RootComponentRef, input: Input, domAdapter: DomAdapter<any, any>);
+    constructor(config: ViewOptions, textbus: Textbus, controller: Controller, selection: Selection, rootComponentRef: RootComponentRef, input: Input, domAdapter: DomAdapter<any, any>);
     connect(connector: NativeSelectionConnector): void;
     disConnect(): void;
     getRect(location: SelectionPosition): Rect | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/platform-browser",
-  "version": "4.0.0-alpha.5",
+  "version": "4.0.0-alpha.7",
   "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.5",
+    "@textbus/core": "^4.0.0-alpha.7",
     "@viewfly/core": "^0.2.4",
     "reflect-metadata": "^0.1.13"
   },
@@ -48,5 +48,5 @@
   "bugs": {
     "url": "https://github.com/textbus/textbus.git/issues"
   },
-  "gitHead": "072831527fe07e7c21a14f3141d55b24d321a690"
+  "gitHead": "b2f485e1177b20e88d302933760e741118ff8765"
 }