slate-angular 20.2.0-next.9 → 20.2.0

package/index.d.ts

@@ -1,7 +1,7 @@
 import * as slate_dom from 'slate-dom';
 import { DOMEditor, DOMNode, DOMElement, DOMPoint, DOMRange, DOMStaticRange, DOMSelection, DOMText } from 'slate-dom';
 import * as slate from 'slate';
-import { Descendant, Range as Range$1, Node, Editor, NodeEntry, Point, Element as Element$1, Path, Text, LeafPosition, Ancestor, BaseRange } from 'slate';
+import { Descendant, Range as Range$1, Node, Editor, NodeEntry, Point, Element as Element$1, Path, Text, LeafPosition, Ancestor, BaseRange, Selection as Selection$1 } from 'slate';
 import * as i0 from '@angular/core';
 import { Injector, ViewContainerRef, TemplateRef, OnInit, OnChanges, OnDestroy, AfterViewChecked, DoCheck, ElementRef, Renderer2, ChangeDetectorRef, NgZone, SimpleChanges } from '@angular/core';
 import * as i1 from '@angular/common';
@@ -103,6 +103,7 @@ type OriginEvent = 'drag' | 'copy' | 'cut';
 interface AngularEditor extends CustomDOMEditor {
     deleteCutData: () => void;
     selectAll: () => void;
+    isVisible: (element: Element$1) => boolean;
     onKeydown: (event: KeyboardEvent) => void;
     onClick: (event: MouseEvent) => void;
     injector: Injector;
@@ -148,6 +149,7 @@ declare const AngularEditor: {
     focus: (editor: any, options?: {
         retries: number;
     }) => void;
+    isEnabledVirtualScroll(editor: AngularEditor): boolean;
     isNodeInEditor(editor: CustomDOMEditor, node: Node): boolean;
     isLeafInEditor(editor: CustomDOMEditor, leafNode: globalThis.Element): boolean;
     isBlockHangingRight(editor: Editor): boolean;
@@ -309,22 +311,23 @@ declare class ListRender {
     private viewTypes;
     private differ;
     initialized: boolean;
+    private preRenderingHTMLElement;
     constructor(viewContext: SlateViewContext, viewContainerRef: ViewContainerRef, getOutletParent: () => HTMLElement, getOutletElement: () => HTMLElement | null);
-    initialize(children: Descendant[], parent: Ancestor, childrenContext: SlateChildrenContext): void;
-    update(children: Descendant[], parent: Ancestor, childrenContext: SlateChildrenContext): void;
+    initialize(children: Descendant[], parent: Ancestor, childrenContext: SlateChildrenContext, preRenderingCount?: number): void;
+    update(children: Descendant[], parent: Ancestor, childrenContext: SlateChildrenContext, preRenderingCount?: number): void;
     destroy(): void;
 }
 
 interface SlateVirtualScrollConfig {
     enabled?: boolean;
+    scrollContainer?: HTMLElement;
     scrollTop: number;
     viewportHeight: number;
-    blockHeight?: number;
-    bufferCount?: number;
+    viewportBoundingTop: number;
 }
 interface VirtualViewResult {
-    renderedChildren: Element$1[];
-    visibleIndexes: Set<number>;
+    inViewportChildren: Element$1[];
+    inViewportIndics: number[];
     top: number;
     bottom: number;
     heights: number[];
@@ -332,7 +335,6 @@ interface VirtualViewResult {
 
 type SafeAny = any;
 
-declare const JUST_NOW_UPDATED_VIRTUAL_VIEW: WeakMap<AngularEditor, boolean>;
 declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewChecked, DoCheck {
     elementRef: ElementRef;
     renderer2: Renderer2;
@@ -388,12 +390,12 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     getOutletParent: () => any;
     getOutletElement: () => HTMLElement;
     listRender: ListRender;
-    private virtualConfig;
-    private renderedChildren;
-    private virtualVisibleIndexes;
-    private measuredHeights;
-    private refreshVirtualViewAnimId;
-    private measureVisibleHeightsAnimId;
+    private virtualScrollConfig;
+    private inViewportChildren;
+    private inViewportIndics;
+    private keyHeightMap;
+    private tryUpdateVirtualViewportAnimId;
+    private tryMeasureInViewportChildrenHeightsAnimId;
     private editorResizeObserver?;
     constructor(elementRef: ElementRef, renderer2: Renderer2, cdr: ChangeDetectorRef, ngZone: NgZone, injector: Injector);
     ngOnInit(): void;
@@ -402,36 +404,35 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     registerOnTouched(fn: any): void;
     writeValue(value: Element$1[]): void;
     initialize(): void;
-    toNativeSelection(): void;
+    calculateVirtualScrollSelection(selection: Selection$1): slate.BaseRange;
+    toNativeSelection(autoScroll?: boolean): void;
     onChange(): void;
     ngAfterViewChecked(): void;
     ngDoCheck(): void;
     forceRender(): void;
     render(): void;
+    updateListRenderAndRemeasureHeights(): void;
     updateContext(): boolean;
     initializeContext(): void;
     initializeViewContext(): void;
     composePlaceholderDecorate(editor: Editor): SlatePlaceholder[];
     generateDecorations(): slate.BaseRange[];
-    private shouldUseVirtual;
-    private businessHeight;
+    private isEnabledVirtualScroll;
     virtualScrollInitialized: boolean;
     virtualTopHeightElement: HTMLElement;
     virtualBottomHeightElement: HTMLElement;
     virtualCenterOutlet: HTMLElement;
-    private debugOverlay?;
-    initializeVirtualScrolling(): void;
-    changeVirtualHeight(topHeight: number, bottomHeight: number): void;
-    private debugLog;
-    private doVirtualScroll;
-    private refreshVirtualView;
+    initializeVirtualScroll(): void;
+    setVirtualSpaceHeight(topHeight: number, bottomHeight?: number): void;
+    getActualVirtualTopHeight(): number;
+    handlePreRendering(): {
+        preRenderingCount: number;
+        childrenWithPreRendering: slate.BaseElement[];
+    };
+    private tryUpdateVirtualViewport;
+    private calculateVirtualViewport;
     private applyVirtualView;
-    private diffVirtualView;
-    private getBlockHeight;
-    private buildAccumulatedHeight;
-    private scheduleMeasureVisibleHeights;
-    private measureVisibleHeights;
-    private remeasureHeightByIndics;
+    private diffVirtualViewport;
     private addEventListener;
     private toSlateSelection;
     private onDOMBeforeInput;
@@ -479,6 +480,7 @@ declare class LeavesRender {
     initialize(context: SlateTextContext): void;
     update(context: SlateTextContext): void;
     private getLeaves;
+    destroy(): void;
 }
 
 declare abstract class BaseTextFlavour<T extends Text = Text> extends BaseFlavour<SlateTextContext<T>> {
@@ -506,9 +508,17 @@ declare const createText: (text: string) => {
     nativeElement: HTMLSpanElement;
 };
 
+declare class SlateString {
+    context: SlateLeafContext;
+    viewContext: SlateViewContext;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SlateString, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SlateString, "span[slateString]", never, { "context": { "alias": "context"; "required": false; }; "viewContext": { "alias": "viewContext"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class SlateModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SlateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SlateModule, never, [typeof i1.CommonModule, typeof SlateEditable, typeof SlateChildrenOutlet], [typeof SlateEditable, typeof SlateChildrenOutlet]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SlateModule, never, [typeof i1.CommonModule, typeof SlateEditable, typeof SlateChildrenOutlet, typeof SlateString], [typeof SlateEditable, typeof SlateChildrenOutlet, typeof SlateString]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SlateModule>;
 }
 
@@ -617,6 +627,7 @@ declare class BaseLeafComponent extends BaseComponent<SlateLeafContext> implemen
     isSlateLeaf: boolean;
     get text(): Text;
     get leaf(): Text;
+    getOutletParent: () => any;
     ngOnInit(): void;
     onContextChange(): void;
     renderPlaceholder(): void;
@@ -686,6 +697,8 @@ declare const PLACEHOLDER_SYMBOL: string;
  * Weak map for associating the html element with the component.
  */
 declare const ELEMENT_TO_COMPONENT: WeakMap<Node, BaseElementComponent | BaseFlavour>;
+declare const IS_ENABLED_VIRTUAL_SCROLL: WeakMap<Editor, boolean>;
+declare const EDITOR_TO_VIRTUAL_SCROLL_SELECTION: WeakMap<slate.BaseEditor, slate.BaseRange>;
 declare const EDITOR_TO_AFTER_VIEW_INIT_QUEUE: WeakMap<Editor, (() => void)[]>;
 
 /**
@@ -736,9 +749,9 @@ declare const IS_QQBROWSER: boolean;
 declare const IS_UC_MOBILE: boolean;
 declare const IS_WECHATBROWSER: boolean;
 declare const HAS_BEFORE_INPUT_SUPPORT: boolean;
-declare const VIRTUAL_SCROLL_DEFAULT_BUFFER_COUNT = 3;
-declare const VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT = 40;
+declare const VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT = 30;
 declare const SLATE_DEBUG_KEY = "__SLATE_DEBUG__";
+declare const SLATE_DEBUG_KEY_SCROLL_TOP = "__SLATE_DEBUG_SCROLL_TOP__";
 
 declare const shallowCompare: (obj1: {}, obj2: {}) => boolean;
 /**
@@ -816,5 +829,22 @@ declare const getSelection: (root: Document | ShadowRoot) => Selection | null;
 declare const getContentHeight: (element: Element) => number;
 declare const getZeroTextNode: () => DOMText;
 
-export { AngularEditor, BaseComponent, BaseElementComponent, BaseElementFlavour, BaseFlavour, BaseLeafComponent, BaseLeafFlavour, BaseTextComponent, BaseTextFlavour, BlockCardRef, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, FlavourRef, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, JUST_NOW_UPDATED_VIRTUAL_VIEW, PLACEHOLDER_SYMBOL, SLATE_BLOCK_CARD_CLASS_NAME, SLATE_DEBUG_KEY, SlateBlockCard, SlateChildrenOutlet, SlateEditable, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT, VIRTUAL_SCROLL_DEFAULT_BUFFER_COUNT, VoidTextFlavour, blobAsString, buildHTMLText, check, completeTable, createClipboardData, createText, createThrottleRAF, defaultScrollSelectionIntoView, fallbackCopyText, getBlockCardByNativeElement, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getContentHeight, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getSelection, getSlateFragmentAttribute, getZeroTextNode, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDecoratorRangeListEqual, isFlavourType, isInvalidTable, isTemplateRef, isValid, normalize, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
+declare const isDebug: boolean;
+declare const isDebugScrollTop: boolean;
+declare const ELEMENT_KEY_TO_HEIGHTS: WeakMap<AngularEditor, Map<string, number>>;
+declare const EDITOR_TO_BUSINESS_TOP: WeakMap<AngularEditor, number>;
+declare const EDITOR_TO_ROOT_NODE_WIDTH: WeakMap<AngularEditor, number>;
+declare const debugLog: (type: "log" | "warn", ...args: any[]) => void;
+declare const measureHeightByElement: (editor: AngularEditor, element: Element$1) => number;
+declare const measureHeightByIndics: (editor: AngularEditor, indics: number[], force?: boolean) => boolean;
+declare const getBusinessTop: (editor: AngularEditor) => number;
+declare const getRealHeightByElement: (editor: AngularEditor, element: Element$1, defaultHeight?: number) => number;
+declare const buildHeightsAndAccumulatedHeights: (editor: AngularEditor) => {
+    heights: any[];
+    accumulatedHeights: any[];
+};
+declare const calculateVirtualTopHeight: (editor: AngularEditor, startIndex: number) => any;
+declare const scrollToElement: (editor: AngularEditor, element: Element$1, scrollTo: (scrollTop: number) => void) => void;
+
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseElementFlavour, BaseFlavour, BaseLeafComponent, BaseLeafFlavour, BaseTextComponent, BaseTextFlavour, BlockCardRef, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, EDITOR_TO_BUSINESS_TOP, EDITOR_TO_ROOT_NODE_WIDTH, EDITOR_TO_VIRTUAL_SCROLL_SELECTION, ELEMENT_KEY_TO_HEIGHTS, ELEMENT_TO_COMPONENT, FAKE_LEFT_BLOCK_CARD_OFFSET, FAKE_RIGHT_BLOCK_CARD_OFFSET, FlavourRef, HAS_BEFORE_INPUT_SUPPORT, IS_ANDROID, IS_APPLE, IS_CHROME, IS_CHROME_LEGACY, IS_EDGE_LEGACY, IS_ENABLED_VIRTUAL_SCROLL, IS_FIREFOX, IS_FIREFOX_LEGACY, IS_IOS, IS_QQBROWSER, IS_SAFARI, IS_UC_MOBILE, IS_WECHATBROWSER, PLACEHOLDER_SYMBOL, SLATE_BLOCK_CARD_CLASS_NAME, SLATE_DEBUG_KEY, SLATE_DEBUG_KEY_SCROLL_TOP, SlateBlockCard, SlateChildrenOutlet, SlateEditable, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, SlateString, VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT, VoidTextFlavour, blobAsString, buildHTMLText, buildHeightsAndAccumulatedHeights, calculateVirtualTopHeight, check, completeTable, createClipboardData, createText, createThrottleRAF, debugLog, defaultScrollSelectionIntoView, fallbackCopyText, getBlockCardByNativeElement, getBusinessTop, getCardTargetAttribute, getClipboardData, getClipboardFromHTMLText, getContentHeight, getDataTransferClipboard, getDataTransferClipboardText, getNavigatorClipboard, getPlainText, getRealHeightByElement, getSelection, getSlateFragmentAttribute, getZeroTextNode, hasAfterContextChange, hasBeforeContextChange, hasBlockCard, hasBlockCardWithNode, hotkeys, isCardCenterByTargetAttr, isCardLeft, isCardLeftByTargetAttr, isCardRightByTargetAttr, isClipboardFile, isClipboardReadSupported, isClipboardWriteSupported, isClipboardWriteTextSupported, isComponentType, isDOMText, isDebug, isDebugScrollTop, isDecoratorRangeListEqual, isFlavourType, isInvalidTable, isTemplateRef, isValid, measureHeightByElement, measureHeightByIndics, normalize, scrollToElement, setClipboardData, setDataTransferClipboard, setDataTransferClipboardText, setNavigatorClipboard, shallowCompare, stripHtml, withAngular };
 export type { AfterContextChange, BaseEmbeddedView, BeforeContextChange, ClipboardData, ComponentType, OriginEvent, SafeAny, SlateChildrenContext, SlateElementAttributes, SlateElementContext, SlateError, SlateLeafContext, SlatePlaceholder, SlateStringContext, SlateTextContext, SlateViewContext, SlateVirtualScrollConfig, ThrottleRAF, ViewType, VirtualViewResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slate-angular",
-  "version": "20.2.0-next.9",
+  "version": "20.2.0",
   "description": "Angular view layer for Slate",
   "author": "pubuzhixing <pubuzhixing@gmail.com>",
   "homepage": "https://github.com/worktile/slate-angular#readme",

package/styles/index.scss

@@ -1,6 +1,7 @@
 @use '../components/block-card/block-card.component.scss';
 .slate-editable-container {
     display: block;
+    position: relative;
     outline: none;
     padding: 0 32px;
     white-space: break-spaces;