Merge pull request worktile#119 from worktile/isStrictDecorate

feat(decorate): support isStrictDecorate
ilya2204 · Sep 18, 2021 · 75b4317 · 75b4317
2 parents 80fa11d + 97271d8
commit 75b4317
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/src/components/descendant/descendant.component.ts b/packages/src/components/descendant/descendant.component.ts
@@ -159,7 +159,7 @@ export class SlateDescendantComponent extends ViewContainerItem<SlateElementCont
     memoizedElementContext(prev: SlateElementContext, next: SlateElementContext) {
         return (
             prev.element === next.element &&
-            prev.decorate === next.decorate &&
+            (!this.viewContext.isStrictDecorate || prev.decorate === next.decorate) &&
             prev.readonly === next.readonly &&
             isDecoratorRangeListEqual(prev.decorations, next.decorations) &&
             (prev.selection === next.selection ||

diff --git a/packages/src/components/editable/editable.component.ts b/packages/src/components/editable/editable.component.ts
@@ -110,10 +110,11 @@ export class SlateEditableComponent implements OnInit, OnChanges, OnDestroy, Aft
 
     @Input() decorate: (entry: NodeEntry) => Range[] = () => [];
 
+    @Input() isStrictDecorate: boolean = true;
+
     @Input() trackBy: (node: Element) => any = () => null;
 
-    @Input()
-    readonly = false;
+    @Input() readonly = false;
 
     //#region input event handler
     @Input() beforeInput: (event: Event) => void;
@@ -395,6 +396,7 @@ export class SlateEditableComponent implements OnInit, OnChanges, OnDestroy, Aft
             renderLeaf: this.renderLeaf,
             renderText: this.renderText,
             trackBy: this.trackBy,
+            isStrictDecorate: this.isStrictDecorate,
             templateComponent: this.templateComponent
         };
     }

diff --git a/packages/src/view/context.ts b/packages/src/view/context.ts
@@ -10,6 +10,7 @@ export interface SlateViewContext<T extends AngularEditor = AngularEditor> {
     renderElement?: (element: Element) => ViewType;
     renderLeaf?: (text: Text) => ViewType;
     renderText?: (text: Text) => ViewType;
+    isStrictDecorate: boolean
 }
 
 export interface SlateChildrenContext {