@textbus/core - npm Package Compare versions

Comparing version 2.0.0-alpha.19 to 2.0.0-alpha.20

bundles/foundation/renderer.d.ts

@@ -81,4 +81,5 @@ import { Observable } from '@tanbo/stream';
     private createVDomByContent;
+    private triggerComponentViewChecked;
     private createElement;
     private createTextNode;
 }

bundles/foundation/renderer.js

@@ -90,7 +90,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 function getNodeChanges(newVDom, oldVDom) {
+    const styleChanges = getMapChanges(newVDom.styles, oldVDom.styles);
+    const attrChanges = getMapChanges(newVDom.attrs, oldVDom.attrs);
+    const classesChanges = getSetChanges(newVDom.classes, oldVDom.classes);
+    const listenerChanges = getObjectChanges(newVDom.listeners, oldVDom.listeners);
     return {
-        styleChanges: getMapChanges(newVDom.styles, oldVDom.styles),
-        attrChanges: getMapChanges(newVDom.attrs, oldVDom.attrs),
-        classesChanges: getSetChanges(newVDom.classes, oldVDom.classes),
-        listenerChanges: getObjectChanges(newVDom.listeners, oldVDom.listeners)
+        styleChanges,
+        attrChanges,
+        classesChanges,
+        listenerChanges,
+        isChanged: [
+            attrChanges.set.length,
+            attrChanges.remove.length,
+            styleChanges.set.length,
+            styleChanges.remove.length,
+            classesChanges.add.length,
+            classesChanges.remove.length,
+            listenerChanges.add.length,
+            listenerChanges.remove.length
+        ].join('') !== '0'.repeat(8)
     };
@@ -282,13 +296,3 @@ }
                 }
-                const { attrChanges, styleChanges, classesChanges, listenerChanges } = getNodeChanges(newFirstVNode, oldFirstVNode);
-                const isChanged = [
-                    attrChanges.set.length,
-                    attrChanges.remove.length,
-                    styleChanges.set.length,
-                    styleChanges.remove.length,
-                    classesChanges.add.length,
-                    classesChanges.remove.length,
-                    listenerChanges.add.length,
-                    listenerChanges.remove.length
-                ].join('') !== '00000000';
+                const { isChanged } = getNodeChanges(newFirstVNode, oldFirstVNode);
                 if (isChanged) {
@@ -330,13 +334,3 @@ break;
                 }
-                const { attrChanges, styleChanges, classesChanges, listenerChanges } = getNodeChanges(newLastVNode, oldLastVNode);
-                const isChanged = [
-                    attrChanges.set.length,
-                    attrChanges.remove.length,
-                    styleChanges.set.length,
-                    styleChanges.remove.length,
-                    classesChanges.add.length,
-                    classesChanges.remove.length,
-                    listenerChanges.add.length,
-                    listenerChanges.remove.length
-                ].join('') !== '00000000';
+                const { isChanged } = getNodeChanges(newLastVNode, oldLastVNode);
                 if (isChanged) {
@@ -492,5 +486,2 @@ break;
         if (component.changeMarker.dirty) {
-            Promise.resolve().then(() => {
-                invokeListener(component, 'onViewChecked');
-            });
             let slotVNode;
@@ -507,4 +498,4 @@ const node = component.methods.render(false, (slot, factory) => {
             }
-            component.changeMarker.rendered();
             this.componentVNode.set(component, node);
+            this.triggerComponentViewChecked(component);
             return node;
@@ -541,3 +532,3 @@ }
         });
-        component.changeMarker.rendered();
+        this.triggerComponentViewChecked(component);
         return this.componentVNode.get(component);
@@ -591,3 +582,2 @@ }
                 const newNativeNode = this.diffAndUpdate(vNode, oldVNode);
-                // this.componentRefVNode.set(componentRef, vNode)
                 if (oldNativeNode !== newNativeNode) {
@@ -697,2 +687,8 @@ this.nativeRenderer.replace(newNativeNode, oldNativeNode);
     }
+    triggerComponentViewChecked(component) {
+        component.changeMarker.rendered();
+        Promise.resolve().then(() => {
+            invokeListener(component, 'onViewChecked');
+        });
+    }
     createElement(vDom) {
@@ -699,0 +695,0 @@ this.renderedVNode.set(vDom, true);

package.json

 {
   "name": "@textbus/core",
-  "version": "2.0.0-alpha.19",
+  "version": "2.0.0-alpha.20",
   "description": "TextBus is a rich text editor and framework that is highly customizable and extensible to achieve rich wysiwyg effects.",
@@ -43,3 +43,3 @@ "main": "./bundles/public-api.js",
   },
-  "gitHead": "3a3772f02501e30de44d3f0664e294f8991e5f9c"
+  "gitHead": "744d1ef7fe1a962fb73b7d7b95f09048e9f98e18"
 }

No alert changes

Worsened metrics

Total package byte prevSize

401241

decreased by-0.17%

Lines of code

6553

decreased by-0.05%

No dependency changes