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

package/index.d.ts

@@ -318,8 +318,20 @@ 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 class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewChecked, DoCheck {
     elementRef: ElementRef;
     renderer2: Renderer2;
@@ -349,8 +361,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,6 +385,7 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     get hasBeforeInputSupport(): boolean;
     viewContainerRef: ViewContainerRef;
     getOutletParent: () => any;
+    getOutletElement: () => HTMLElement;
     listRender: ListRender;
     private virtualConfig;
     private renderedChildren;
@@ -402,12 +413,21 @@ declare class SlateEditable implements OnInit, OnChanges, OnDestroy, AfterViewCh
     composePlaceholderDecorate(editor: Editor): SlatePlaceholder[];
     generateDecorations(): slate.BaseRange[];
     private shouldUseVirtual;
+    virtualScrollInitialized: boolean;
+    virtualTopHeightElement: HTMLElement;
+    virtualBottomHeightElement: HTMLElement;
+    virtualCenterOutlet: HTMLElement;
+    initializeVirtualScrolling(): void;
+    changeVirtualHeight(topHeight: number, bottomHeight: number): void;
     private refreshVirtualView;
+    private applyVirtualView;
+    private diffVirtualView;
     private getBlockHeight;
     private buildAccumulatedHeight;
     private getBufferBelowHeight;
     private scheduleMeasureVisibleHeights;
     private measureVisibleHeights;
+    private measureHeightByIndexes;
     private addEventListener;
     private toSlateSelection;
     private onDOMBeforeInput;
@@ -710,6 +730,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 +808,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_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.2",
   "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;
     }