@textbus/platform-browser 3.0.0-alpha.25 → 3.0.0-alpha.26

package/bundles/_utils/uikit.d.ts

@@ -1,3 +1,12 @@
+/**
+ * 选区焦点可视位置
+ */
+export interface Rect {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
 export interface UIElementParams {
     classes?: string[];
     attrs?: {
@@ -14,3 +23,4 @@ export interface UIElementParams {
 }
 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/collaborate/collaborate-cursor.d.ts

@@ -1,6 +1,7 @@
 import { Injector } from '@tanbo/di';
 import { Selection, SelectionPaths, AbstractSelection, Scheduler } from '@textbus/core';
-import { SelectionBridge, Rect } from '../core/selection-bridge';
+import { SelectionBridge } from '../core/selection-bridge';
+import { Rect } from '../_utils/uikit';
 export interface RemoteSelection {
     id: string;
     color: string;

package/bundles/core/_api.d.ts

@@ -1,6 +1,6 @@
-export * from './caret';
 export * from './dom-renderer';
 export * from './injection-tokens';
-export * from './input';
+export * from './magic-input';
+export * from './native-input';
 export * from './selection-bridge';
 export * from './types';

package/bundles/core/dom-renderer.d.ts

@@ -40,6 +40,7 @@ export declare class DomRenderer implements NativeRenderer {
     addClass(target: NativeNode, name: string): void;
     removeClass(target: NativeNode, name: string): void;
     setStyle(target: NativeNode, key: string, value: any): void;
+    syncTextContent(target: NativeNode, content: string): void;
     removeStyle(target: NativeNode, key: string): void;
     setAttribute(target: NativeNode, key: string, value: string): void;
     removeAttribute(target: NativeNode, key: string): void;

package/bundles/core/magic-input.d.ts

@@ -0,0 +1,71 @@
+import { Observable } from '@tanbo/stream';
+import { Injector } from '@tanbo/di';
+import { Commander, Controller, Keyboard, Scheduler, Selection } from '@textbus/core';
+import { Parser } from '../dom-support/parser';
+import { Caret, CaretPosition, Input, Scroller } from './types';
+interface CaretStyle {
+    height: string;
+    lineHeight: string;
+    fontSize: string;
+}
+declare class ExperimentalCaret implements Caret {
+    private scheduler;
+    private editorMask;
+    onPositionChange: Observable<CaretPosition | null>;
+    onStyleChange: Observable<CaretStyle>;
+    elementRef: HTMLElement;
+    get rect(): DOMRect;
+    private timer;
+    private caret;
+    private oldPosition;
+    private set display(value);
+    private get display();
+    private _display;
+    private flashing;
+    private subs;
+    private positionChangeEvent;
+    private styleChangeEvent;
+    private oldRange;
+    constructor(scheduler: Scheduler, editorMask: HTMLElement);
+    show(range: Range, restart: boolean): void;
+    hide(): void;
+    destroy(): void;
+    correctScrollTop(scroller: Scroller): void;
+    private updateCursorPosition;
+}
+/**
+ * Textbus PC 端输入实现
+ */
+export declare class MagicInput extends Input {
+    private parser;
+    private keyboard;
+    private commander;
+    private selection;
+    private controller;
+    private scheduler;
+    private injector;
+    composition: boolean;
+    onReady: Promise<void>;
+    caret: ExperimentalCaret;
+    private container;
+    private subscription;
+    private doc;
+    private textarea;
+    private isFocus;
+    private nativeFocus;
+    private isSafari;
+    private isMac;
+    private isWindows;
+    private isSougouPinYin;
+    constructor(parser: Parser, keyboard: Keyboard, commander: Commander, selection: Selection, controller: Controller, scheduler: Scheduler, injector: Injector);
+    focus(range: Range, restart: boolean): void;
+    blur(): void;
+    destroy(): void;
+    private init;
+    private handleDefaultActions;
+    private handlePaste;
+    private handleShortcut;
+    private handleInput;
+    private createEditableFrame;
+}
+export {};

package/bundles/core/native-input.d.ts

@@ -0,0 +1,51 @@
+import { Injector } from '@tanbo/di';
+import { Subject } from '@tanbo/stream';
+import { Commander, Controller, Keyboard, Scheduler, Selection } from '@textbus/core';
+import { Caret, CaretPosition, Input, Scroller } from './types';
+import { Parser } from '../dom-support/parser';
+declare class NativeCaret implements Caret {
+    private scheduler;
+    onPositionChange: Subject<CaretPosition | null>;
+    set nativeRange(range: Range | null);
+    get nativeRange(): Range | null;
+    get rect(): DOMRect | {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+    private oldPosition;
+    private _nativeRange;
+    private subs;
+    constructor(scheduler: Scheduler);
+    correctScrollTop(scroller: Scroller): void;
+    destroy(): void;
+}
+export declare class NativeInput extends Input {
+    private injector;
+    private parser;
+    private scheduler;
+    private selection;
+    private keyboard;
+    private commander;
+    private controller;
+    caret: NativeCaret;
+    composition: boolean;
+    onReady: Promise<void>;
+    private documentView;
+    private nativeSelection;
+    private subscription;
+    private nativeRange;
+    private isSafari;
+    private isMac;
+    private isSougouPinYin;
+    constructor(injector: Injector, parser: Parser, scheduler: Scheduler, selection: Selection, keyboard: Keyboard, commander: Commander, controller: Controller);
+    focus(nativeRange: Range): void;
+    blur(): void;
+    destroy(): void;
+    private handleDefaultActions;
+    private handlePaste;
+    private handleShortcut;
+    private handleInput;
+}
+export {};

package/bundles/core/selection-bridge.d.ts

@@ -1,23 +1,14 @@
 import { Observable } from '@tanbo/stream';
 import { Injector } from '@tanbo/di';
 import { NativeSelectionBridge, NativeSelectionConnector, Renderer, SelectionPosition, AbstractSelection, RootComponentRef, Controller, Selection } from '@textbus/core';
-import { Caret } from './caret';
-import { Input } from './input';
-/**
- * 选区焦点可视位置
- */
-export interface Rect {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-}
+import { Rect } from '../_utils/uikit';
+import { Input, ViewOptions } from './types';
 /**
  * Textbus PC 端选区桥接实现
  */
 export declare class SelectionBridge implements NativeSelectionBridge {
+    private config;
     private injector;
-    caret: Caret;
     private controller;
     private selection;
     private rootComponentRef;
@@ -36,7 +27,7 @@ export declare class SelectionBridge implements NativeSelectionBridge {
     private maskContainer;
     private cacheCaretPositionTimer;
     private oldCaretPosition;
-    constructor(injector: Injector, caret: Caret, controller: Controller, selection: Selection, rootComponentRef: RootComponentRef, input: Input, renderer: Renderer);
+    constructor(config: ViewOptions, injector: Injector, controller: Controller, selection: Selection, rootComponentRef: RootComponentRef, input: Input, renderer: Renderer);
     connect(connector: NativeSelectionConnector): void;
     disConnect(): void;
     getRect(location: SelectionPosition): Rect | null;

package/bundles/core/types.d.ts

@@ -1,5 +1,7 @@
 import { ComponentLiteral, Module, TextbusConfig } from '@textbus/core';
+import { Observable } from '@tanbo/stream';
 import { FormatLoader, ComponentLoader, AttributeLoader } from '../dom-support/parser';
+import { Rect } from '../_utils/uikit';
 export interface ViewModule extends Module {
     componentLoaders?: ComponentLoader[];
     formatLoaders?: FormatLoader<any>[];
@@ -26,4 +28,33 @@ export interface ViewOptions extends TextbusConfig {
     styleSheets?: string[];
     /** 配置文档编辑状态下用到的样式 */
     editingStyleSheets?: string[];
+    /** 使用 contentEditable 作为编辑器控制可编辑范围 */
+    useContentEditable?: boolean;
+}
+export interface CaretLimit {
+    top: number;
+    bottom: number;
+}
+export interface Scroller {
+    onScroll: Observable<any>;
+    getLimit(): CaretLimit;
+    setOffset(offsetScrollTop: number): void;
+}
+export interface CaretPosition {
+    left: number;
+    top: number;
+    height: number;
+}
+export interface Caret {
+    onPositionChange: Observable<CaretPosition | null>;
+    readonly rect: Rect;
+    correctScrollTop(scroller: Scroller): void;
+}
+export declare abstract class Input {
+    abstract composition: boolean;
+    abstract onReady: Promise<void>;
+    abstract caret: Caret;
+    abstract focus(nativeRange: Range, reFlash: boolean): void;
+    abstract blur(): void;
+    abstract destroy(): void;
 }