@textbus/platform-browser 4.0.0-alpha.8 → 4.0.0

package/bundles/_utils/uikit.d.ts

@@ -22,5 +22,4 @@ export interface UIElementParams {
     on?: Record<string, (ev: Event) => void>;
 }
 export declare function createElement(tagName: string, options?: UIElementParams): HTMLElement;
-export declare function createTextNode(content: string): Text;
 export declare function getLayoutRectByRange(range: Range): Rect;

package/bundles/browser-module.d.ts

@@ -1,4 +1,4 @@
-import { ComponentLiteral, Module } from '@textbus/core';
+import { ComponentConstructor, Component, ComponentLiteral, Module, Textbus } from '@textbus/core';
 import { Provider } from '@viewfly/core';
 import { AttributeLoader, ComponentLoader, FormatLoader } from './parser';
 import { DomAdapter } from './dom-adapter';
@@ -6,7 +6,10 @@ import { DomAdapter } from './dom-adapter';
  * Textbus PC 端配置接口
  */
 export interface ViewOptions {
-    adapter: DomAdapter<any, any>;
+    /** 跨平台适配器 */
+    adapter: DomAdapter;
+    /** 编辑器根节点 */
+    renderTo(): HTMLElement;
     /** 自动获取焦点 */
     autoFocus?: boolean;
     /** 编辑区最小高度 */
@@ -17,17 +20,31 @@ export interface ViewOptions {
     formatLoaders?: FormatLoader<any>[];
     /** 属性加载器 */
     attributeLoaders?: AttributeLoader<any>[];
-    /** 默认内容 */
-    content?: string | ComponentLiteral;
     /** 使用 contentEditable 作为编辑器控制可编辑范围 */
     useContentEditable?: boolean;
 }
 export declare class BrowserModule implements Module {
-    host: HTMLElement;
     config: ViewOptions;
     providers: Provider[];
     private workbench;
-    constructor(host: HTMLElement, config: ViewOptions);
-    onDestroy(): void;
+    private textbus?;
+    constructor(config: ViewOptions);
+    /**
+     * 解析 HTML 并返回一个组件实例
+     * @param html 要解析的 HTML
+     * @param rootComponentLoader 文档根组件加载器
+     * @param textbus
+     */
+    readDocumentByHTML(html: string, rootComponentLoader: ComponentLoader, textbus: Textbus): Component;
+    /**
+     * 将组件数据解析到组件实例中
+     * @param data 要解析的 JSON 数据
+     * @param rootComponent 根组件
+     * @param textbus
+     */
+    readDocumentByComponentLiteral(data: ComponentLiteral, rootComponent: ComponentConstructor, textbus: Textbus): Component;
+    setup(textbus: Textbus): () => void;
+    onAfterStartup(textbus: Textbus): void;
+    onDestroy(textbus: Textbus): void;
     private static createLayout;
 }

package/bundles/collaborate-cursor.d.ts

@@ -1,15 +1,7 @@
-import { Selection, SelectionPaths, AbstractSelection, Scheduler, Textbus } from '@textbus/core';
+import { Selection, AbstractSelection, Scheduler, Textbus } from '@textbus/core';
+import { UserActivity } from '@textbus/collaborate';
 import { SelectionBridge } from './selection-bridge';
 import { Rect } from './_utils/uikit';
-/**
- * 远程用户及光标位置信息
- */
-export interface RemoteSelection {
-    id: string;
-    color: string;
-    username: string;
-    paths: SelectionPaths;
-}
 export interface SelectionRect extends Rect {
     color: string;
     username: string;
@@ -33,6 +25,7 @@ export declare class CollaborateCursor {
     private nativeSelection;
     private scheduler;
     private selection;
+    private userActivity;
     private awarenessDelegate?;
     private host;
     private canvasContainer;
@@ -43,7 +36,9 @@ export declare class CollaborateCursor {
     private subscription;
     private currentSelection;
     private container;
-    constructor(textbus: Textbus, nativeSelection: SelectionBridge, scheduler: Scheduler, selection: Selection, awarenessDelegate?: CollaborateSelectionAwarenessDelegate | undefined);
+    private ratio;
+    constructor(textbus: Textbus, nativeSelection: SelectionBridge, scheduler: Scheduler, selection: Selection, userActivity: UserActivity, awarenessDelegate?: CollaborateSelectionAwarenessDelegate | undefined);
+    init(): void;
     /**
      * 刷新协作光标，由于 Textbus 只会绘制可视区域的光标，当可视区域发生变化时，需要重新绘制
      */
@@ -53,7 +48,7 @@ export declare class CollaborateCursor {
      * 根据远程用户光标位置，绘制协作光标
      * @param paths
      */
-    draw(paths: RemoteSelection[]): void;
+    private draw;
     protected drawUserCursor(rects: SelectionRect[]): void;
     private getUserCursor;
 }

package/bundles/dom-adapter.d.ts

@@ -1,66 +1,6 @@
-import { ComponentInstance, Slot, ViewAdapter, NodeLocation, VElement, VTextNode } from '@textbus/core';
-/**
- * Textbus PC 端浏览器渲染能力桥接器抽象类，提供了 DOM 元素查询能力，具体渲染能力由各前端框架实现相应桥接
- */
-export declare abstract class DomAdapter<ViewComponent, ViewElement> extends ViewAdapter {
-    private mount;
+import { Adapter } from '@textbus/core';
+import { Subject } from '@tanbo/stream';
+export declare abstract class DomAdapter<ViewComponent extends object = object, ViewElement extends object = object> extends Adapter<HTMLElement, Node, ViewComponent, ViewElement> {
+    onViewUpdated: Subject<void>;
     host: HTMLElement;
-    protected componentRootElementCaches: {
-        set: {
-            (key: ComponentInstance<unknown, unknown, unknown>, value: HTMLElement): void;
-            (key: HTMLElement, value: ComponentInstance<unknown, unknown, unknown>): void;
-        };
-        get: {
-            (key: ComponentInstance<unknown, unknown, unknown>): HTMLElement;
-            (key: HTMLElement): ComponentInstance<unknown, unknown, unknown>;
-        };
-        remove: (key: HTMLElement | ComponentInstance<unknown, unknown, unknown>) => void;
-    };
-    protected slotRootNativeElementCaches: {
-        set: {
-            (key: Slot<any>, value: HTMLElement): void;
-            (key: HTMLElement, value: Slot<any>): void;
-        };
-        get: {
-            (key: Slot<any>): HTMLElement;
-            (key: HTMLElement): Slot<any>;
-        };
-        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);
-    abstract componentRender(component: ComponentInstance): ViewComponent;
-    abstract slotRender(slot: Slot, slotHostRender: (children: Array<VElement | VTextNode | ComponentInstance>) => VElement, renderEnv: any): ViewElement;
-    copy(): void;
-    /**
-     * 根据组件获取组件的根 DOM 节点
-     * @param component
-     */
-    getNativeNodeByComponent(component: ComponentInstance): HTMLElement | null;
-    /**
-     * 根据 DOM 节点，获对对应的组件根节点，如传入的 DOM 节点不为组件的根节点，则返回 null
-     * @param node
-     */
-    getComponentByNativeNode(node: HTMLElement): ComponentInstance | null;
-    /**
-     * 根据插槽获取插槽的根 DOM 节点
-     * @param slot
-     */
-    getNativeNodeBySlot(slot: Slot): HTMLElement | null;
-    /**
-     * 根据 DOM 节点，获对对应的插槽根节点，如传入的 DOM 节点不为插槽的根节点，则返回 null
-     * @param node
-     */
-    getSlotByNativeNode(node: HTMLElement): Slot | null;
-    /**
-     * 获取插槽内容节点集合
-     * @param slot
-     */
-    getNodesBySlot(slot: Slot): Node[];
-    /**
-     * 获取原生节点的原始数据在文档中的位置
-     * @param node
-     */
-    getLocationByNativeNode(node: Node): NodeLocation | null;
 }