slate-angular 20.2.0-next.0 → 20.2.0-next.10

package/index.d.ts

@@ -102,6 +102,7 @@ type OriginEvent = 'drag' | 'copy' | 'cut';
  */
 interface AngularEditor extends CustomDOMEditor {
     deleteCutData: () => void;
+    selectAll: () => void;
     onKeydown: (event: KeyboardEvent) => void;
     onClick: (event: MouseEvent) => void;
     injector: Injector;
@@ -318,8 +319,21 @@ interface SlateVirtualScrollConfig {
     enabled?: boolean;
     scrollTop: number;
     viewportHeight: number;
+    blockHeight?: number;
     bufferCount?: number;
 }
+interface VirtualViewResult {
+    renderedChildren: Element$1[];
+    visibleIndexes: Set<number>;
+    top: number;
+    bottom: number;
+    heights: number[];
+}
+
+type SafeAny = any;
+
+declare const JUST_NOW_UPDATED_VIRTUAL_VIEW: WeakMap<AngularEditor, boolean>;
+declare const ELEMENT_KEY_TO_HEIGHTS: WeakMap<AngularEditor, Map<string, number>>;
 declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewChecked, DoCheck {
     elementRef: ElementRef;
     renderer2: Renderer2;
@@ -349,8 +363,6 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     readonly: boolean;
     placeholder: string;
     set virtualScroll(config: SlateVirtualScrollConfig);
-    virtualTopPadding: number;
-    virtualBottomPadding: number;
     beforeInput: (event: Event) => void;
     blur: (event: Event) => void;
     click: (event: MouseEvent) => void;
@@ -375,14 +387,15 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     get hasBeforeInputSupport(): boolean;
     viewContainerRef: ViewContainerRef;
     getOutletParent: () => any;
+    getOutletElement: () => HTMLElement;
     listRender: ListRender;
     private virtualConfig;
     private renderedChildren;
     private virtualVisibleIndexes;
     private measuredHeights;
-    private measurePending;
     private refreshVirtualViewAnimId;
     private measureVisibleHeightsAnimId;
+    private editorResizeObserver?;
     constructor(elementRef: ElementRef, renderer2: Renderer2, cdr: ChangeDetectorRef, ngZone: NgZone, injector: Injector);
     ngOnInit(): void;
     ngOnChanges(simpleChanges: SimpleChanges): void;
@@ -402,12 +415,24 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     composePlaceholderDecorate(editor: Editor): SlatePlaceholder[];
     generateDecorations(): slate.BaseRange[];
     private shouldUseVirtual;
+    private businessHeight;
+    virtualScrollInitialized: boolean;
+    virtualTopHeightElement: HTMLElement;
+    virtualBottomHeightElement: HTMLElement;
+    virtualCenterOutlet: HTMLElement;
+    private debugOverlay?;
+    initializeVirtualScrolling(): void;
+    changeVirtualHeight(topHeight: number, bottomHeight: number): void;
+    private debugLog;
+    private doVirtualScroll;
     private refreshVirtualView;
+    private applyVirtualView;
+    private diffVirtualView;
     private getBlockHeight;
     private buildAccumulatedHeight;
-    private getBufferBelowHeight;
     private scheduleMeasureVisibleHeights;
     private measureVisibleHeights;
+    private remeasureHeightByIndics;
     private addEventListener;
     private toSlateSelection;
     private onDOMBeforeInput;
@@ -561,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>;
 }
@@ -621,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;
 }
@@ -710,6 +739,7 @@ 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 SLATE_DEBUG_KEY = "__SLATE_DEBUG__";
 
 declare const shallowCompare: (obj1: {}, obj2: {}) => boolean;
 /**
@@ -787,7 +817,5 @@ declare const getSelection: (root: Document | ShadowRoot) => Selection | null;
 declare const getContentHeight: (element: Element) => number;
 declare const getZeroTextNode: () => DOMText;
 
-type SafeAny = any;
-
-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, PLACEHOLDER_SYMBOL, SLATE_BLOCK_CARD_CLASS_NAME, 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 };
-export type { AfterContextChange, BaseEmbeddedView, BeforeContextChange, ClipboardData, ComponentType, OriginEvent, SafeAny, SlateChildrenContext, SlateElementAttributes, SlateElementContext, SlateError, SlateLeafContext, SlatePlaceholder, SlateStringContext, SlateTextContext, SlateViewContext, SlateVirtualScrollConfig, ThrottleRAF, ViewType };
+export { AngularEditor, BaseComponent, BaseElementComponent, BaseElementFlavour, BaseFlavour, BaseLeafComponent, BaseLeafFlavour, BaseTextComponent, BaseTextFlavour, BlockCardRef, DEFAULT_ELEMENT_HEIGHT, DefaultTextFlavour, EDITOR_TO_AFTER_VIEW_INIT_QUEUE, 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_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 };
+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.0",
+  "version": "20.2.0-next.10",
   "description": "Angular view layer for Slate",
   "author": "pubuzhixing <pubuzhixing@gmail.com>",
   "homepage": "https://github.com/worktile/slate-angular#readme",

package/styles/index.scss

@@ -4,19 +4,6 @@
     outline: none;
     padding: 0 32px;
     white-space: break-spaces;
-    &::before,
-    &::after {
-        content: '';
-        display: block;
-        pointer-events: none;
-        height: 0;
-    }
-    &::before {
-        height: var(--virtual-top-padding, 0px);
-    }
-    &::after {
-        height: var(--virtual-bottom-padding, 0px);
-    }
     & [contenteditable='true'] {
         outline: none;
     }