slate-angular 20.2.0-next.2 → 20.2.0-next.20

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';
@@ -102,6 +102,8 @@ 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;
@@ -147,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;
@@ -320,9 +323,10 @@ interface SlateVirtualScrollConfig {
     viewportHeight: number;
     blockHeight?: number;
     bufferCount?: number;
+    viewportBoundingTop: number;
 }
 interface VirtualViewResult {
-    renderedChildren: Element$1[];
+    inViewportChildren: Element$1[];
     visibleIndexes: Set<number>;
     top: number;
     bottom: number;
@@ -331,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;
@@ -387,13 +390,13 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     getOutletParent: () => any;
     getOutletElement: () => HTMLElement;
     listRender: ListRender;
-    private virtualConfig;
-    private renderedChildren;
-    private virtualVisibleIndexes;
-    private measuredHeights;
-    private measurePending;
-    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;
     ngOnChanges(simpleChanges: SimpleChanges): void;
@@ -401,33 +404,34 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     registerOnTouched(fn: any): void;
     writeValue(value: Element$1[]): void;
     initialize(): void;
+    calculateVirtualScrollSelection(selection: Selection$1): slate.BaseRange;
     toNativeSelection(): 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 isEnabledVirtualScroll;
     virtualScrollInitialized: boolean;
     virtualTopHeightElement: HTMLElement;
     virtualBottomHeightElement: HTMLElement;
     virtualCenterOutlet: HTMLElement;
-    initializeVirtualScrolling(): void;
-    changeVirtualHeight(topHeight: number, bottomHeight: number): void;
-    private refreshVirtualView;
+    initializeVirtualScroll(): void;
+    setVirtualSpaceHeight(topHeight: number, bottomHeight: number): void;
+    private debugLog;
+    private tryUpdateVirtualViewport;
+    private calculateVirtualViewport;
     private applyVirtualView;
-    private diffVirtualView;
-    private getBlockHeight;
-    private buildAccumulatedHeight;
-    private getBufferBelowHeight;
-    private scheduleMeasureVisibleHeights;
+    private diffVirtualViewport;
+    private tryMeasureInViewportChildrenHeights;
     private measureVisibleHeights;
-    private measureHeightByIndexes;
+    private remeasureHeightByIndics;
     private addEventListener;
     private toSlateSelection;
     private onDOMBeforeInput;
@@ -475,6 +479,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>> {
@@ -581,7 +586,9 @@ declare class BaseElementComponent<T extends Element$1 = Element$1, K extends An
     onContextChange(): void;
     updateChildrenView(): void;
     getChildrenContext(): SlateChildrenContext;
-    getRealHeight(): Promise<number>;
+    stableHeight: null | number;
+    isStableHeight(): boolean;
+    getRealHeight(): number | Promise<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseElementComponent<any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BaseElementComponent<any, any>, never, never, {}, {}, never, never, true, never>;
 }
@@ -641,7 +648,9 @@ declare abstract class BaseElementFlavour<T extends Element$1 = Element$1, K ext
     onContextChange(): void;
     updateChildrenView(): void;
     getChildrenContext(): SlateChildrenContext;
-    getRealHeight(): Promise<number>;
+    stableHeight: null | number;
+    isStableHeight(): boolean;
+    getRealHeight(): number | Promise<number>;
     abstract render(): void;
     abstract rerender(): void;
 }
@@ -678,6 +687,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)[]>;
 
 /**
@@ -728,8 +739,7 @@ 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 shallowCompare: (obj1: {}, obj2: {}) => boolean;
@@ -808,5 +818,15 @@ 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 ELEMENT_KEY_TO_HEIGHTS: WeakMap<AngularEditor, Map<string, number>>;
+declare const EDITOR_TO_BUSINESS_TOP: WeakMap<AngularEditor, number>;
+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 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_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, SlateBlockCard, SlateChildrenOutlet, SlateEditable, SlateErrorCode, SlateFragmentAttributeKey, SlateModule, VIRTUAL_SCROLL_DEFAULT_BLOCK_HEIGHT, VoidTextFlavour, blobAsString, buildHTMLText, buildHeightsAndAccumulatedHeights, check, completeTable, createClipboardData, createText, createThrottleRAF, 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, isDecoratorRangeListEqual, isFlavourType, isInvalidTable, isTemplateRef, isValid, 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.2",
+  "version": "20.2.0-next.20",
   "description": "Angular view layer for Slate",
   "author": "pubuzhixing <pubuzhixing@gmail.com>",
   "homepage": "https://github.com/worktile/slate-angular#readme",