@viewfly/core 0.5.0 → 0.5.1

package/bundles/foundation/_api.d.ts

@@ -5,3 +5,4 @@ export * from './memo';
 export * from './renderer';
 export * from './root.component';
 export * from './types';
+export { Atom, ComponentView } from './_utils';

package/bundles/foundation/_utils.d.ts

@@ -31,4 +31,5 @@ export interface ComponentView {
     atom: Atom;
     host: NativeNode;
     isParent: boolean;
+    rootHost: NativeNode;
 }

package/bundles/foundation/injection-tokens.d.ts

@@ -3,6 +3,7 @@ export declare abstract class NativeRenderer<ElementNode = NativeNode, TextNode
     abstract createElement(name: string, isSvg: boolean): ElementNode;
     abstract createTextNode(textContent: string, isSvg: boolean): TextNode;
     abstract setProperty(node: ElementNode, key: string, value: any, isSvg: boolean): void;
+    abstract appendChild(parent: ElementNode, newChild: ElementNode | TextNode, isSvg: boolean): void;
     abstract prependChild(parent: ElementNode, newChild: ElementNode | TextNode, isSvg: boolean): void;
     abstract removeProperty(node: ElementNode, key: string, isSvg: boolean): void;
     abstract setStyle(target: ElementNode, key: string, value: any, isSvg: boolean): void;

package/bundles/index.esm.js

@@ -1258,7 +1258,8 @@ function createRenderer(component, nativeRenderer) {
             };
             componentRender(nativeRenderer, component, atom, {
                 isParent: true,
-                host
+                host,
+                rootHost: host
             });
         }
         else {
@@ -1285,7 +1286,12 @@ function buildView(nativeRenderer, parentComponent, atom, context) {
         }
         atom.nativeNode = nativeNode;
         if (context.isParent) {
-            nativeRenderer.prependChild(context.host, nativeNode, atom.isSvg);
+            if (context.host === context.rootHost) {
+                nativeRenderer.appendChild(context.host, nativeNode, atom.isSvg);
+            }
+            else {
+                nativeRenderer.prependChild(context.host, nativeNode, atom.isSvg);
+            }
         }
         else {
             nativeRenderer.insertAfter(nativeNode, context.host, atom.isSvg);
@@ -1293,7 +1299,8 @@ function buildView(nativeRenderer, parentComponent, atom, context) {
         if (atom.jsxNode instanceof JSXElement) {
             const childContext = {
                 isParent: true,
-                host: nativeNode
+                host: nativeNode,
+                rootHost: context.rootHost
             };
             let child = atom.child;
             while (child) {
@@ -1321,7 +1328,7 @@ function updateView(nativeRenderer, component) {
     }
 }
 function applyChanges(nativeRenderer, component) {
-    const { atom, host, isParent } = component.$$view;
+    const { atom, host, isParent, rootHost } = component.$$view;
     const diffAtom = atom.child;
     const template = component.update(component.props, true);
     if (template) {
@@ -1332,7 +1339,8 @@ function applyChanges(nativeRenderer, component) {
     }
     const context = {
         host,
-        isParent
+        isParent,
+        rootHost
     };
     diff(nativeRenderer, component, atom.child, diffAtom, context, 0, 0);
     const next = atom.sibling;
@@ -1464,7 +1472,12 @@ function updateElement(newAtom, oldAtom, expectIndex, oldIndex, nativeRenderer,
         const host = context.host;
         if (expectIndex - offset !== oldIndex) {
             if (context.isParent) {
-                nativeRenderer.prependChild(host, newAtom.nativeNode, newAtom.isSvg);
+                if (host === context.rootHost) {
+                    nativeRenderer.appendChild(host, newAtom.nativeNode, newAtom.isSvg);
+                }
+                else {
+                    nativeRenderer.prependChild(host, newAtom.nativeNode, newAtom.isSvg);
+                }
             }
             else {
                 nativeRenderer.insertAfter(newAtom.nativeNode, host, newAtom.isSvg);
@@ -1476,7 +1489,8 @@ function updateElement(newAtom, oldAtom, expectIndex, oldIndex, nativeRenderer,
         if (newAtom.child) {
             diff(nativeRenderer, parentComponent, newAtom.child, oldAtom.child, {
                 host: newAtom.nativeNode,
-                isParent: true
+                isParent: true,
+                rootHost: context.rootHost
             }, 0, 0);
         }
         else if (oldAtom.child) {
@@ -1538,7 +1552,12 @@ function reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, moveVi
         else {
             if (moveView) {
                 if (context.isParent) {
-                    nativeRenderer.prependChild(context.host, atom.nativeNode, atom.isSvg);
+                    if (context.host === context.rootHost) {
+                        nativeRenderer.appendChild(context.host, atom.nativeNode, atom.isSvg);
+                    }
+                    else {
+                        nativeRenderer.prependChild(context.host, atom.nativeNode, atom.isSvg);
+                    }
                 }
                 else {
                     nativeRenderer.insertAfter(atom.nativeNode, context.host, atom.isSvg);
@@ -1838,7 +1857,10 @@ class RootComponent extends Component {
 const viewflyErrorFn = makeError('Viewfly');
 function viewfly(config) {
     const { context, nativeRenderer, autoUpdate, root } = Object.assign({ autoUpdate: true }, config);
-    const appProviders = [];
+    const appProviders = [{
+            provide: NativeRenderer,
+            useValue: nativeRenderer
+        }];
     const modules = [];
     let destroyed = false;
     let appHost = null;

package/bundles/index.js

@@ -1260,7 +1260,8 @@ function createRenderer(component, nativeRenderer) {
             };
             componentRender(nativeRenderer, component, atom, {
                 isParent: true,
-                host
+                host,
+                rootHost: host
             });
         }
         else {
@@ -1287,7 +1288,12 @@ function buildView(nativeRenderer, parentComponent, atom, context) {
         }
         atom.nativeNode = nativeNode;
         if (context.isParent) {
-            nativeRenderer.prependChild(context.host, nativeNode, atom.isSvg);
+            if (context.host === context.rootHost) {
+                nativeRenderer.appendChild(context.host, nativeNode, atom.isSvg);
+            }
+            else {
+                nativeRenderer.prependChild(context.host, nativeNode, atom.isSvg);
+            }
         }
         else {
             nativeRenderer.insertAfter(nativeNode, context.host, atom.isSvg);
@@ -1295,7 +1301,8 @@ function buildView(nativeRenderer, parentComponent, atom, context) {
         if (atom.jsxNode instanceof JSXElement) {
             const childContext = {
                 isParent: true,
-                host: nativeNode
+                host: nativeNode,
+                rootHost: context.rootHost
             };
             let child = atom.child;
             while (child) {
@@ -1323,7 +1330,7 @@ function updateView(nativeRenderer, component) {
     }
 }
 function applyChanges(nativeRenderer, component) {
-    const { atom, host, isParent } = component.$$view;
+    const { atom, host, isParent, rootHost } = component.$$view;
     const diffAtom = atom.child;
     const template = component.update(component.props, true);
     if (template) {
@@ -1334,7 +1341,8 @@ function applyChanges(nativeRenderer, component) {
     }
     const context = {
         host,
-        isParent
+        isParent,
+        rootHost
     };
     diff(nativeRenderer, component, atom.child, diffAtom, context, 0, 0);
     const next = atom.sibling;
@@ -1466,7 +1474,12 @@ function updateElement(newAtom, oldAtom, expectIndex, oldIndex, nativeRenderer,
         const host = context.host;
         if (expectIndex - offset !== oldIndex) {
             if (context.isParent) {
-                nativeRenderer.prependChild(host, newAtom.nativeNode, newAtom.isSvg);
+                if (host === context.rootHost) {
+                    nativeRenderer.appendChild(host, newAtom.nativeNode, newAtom.isSvg);
+                }
+                else {
+                    nativeRenderer.prependChild(host, newAtom.nativeNode, newAtom.isSvg);
+                }
             }
             else {
                 nativeRenderer.insertAfter(newAtom.nativeNode, host, newAtom.isSvg);
@@ -1478,7 +1491,8 @@ function updateElement(newAtom, oldAtom, expectIndex, oldIndex, nativeRenderer,
         if (newAtom.child) {
             diff(nativeRenderer, parentComponent, newAtom.child, oldAtom.child, {
                 host: newAtom.nativeNode,
-                isParent: true
+                isParent: true,
+                rootHost: context.rootHost
             }, 0, 0);
         }
         else if (oldAtom.child) {
@@ -1540,7 +1554,12 @@ function reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, moveVi
         else {
             if (moveView) {
                 if (context.isParent) {
-                    nativeRenderer.prependChild(context.host, atom.nativeNode, atom.isSvg);
+                    if (context.host === context.rootHost) {
+                        nativeRenderer.appendChild(context.host, atom.nativeNode, atom.isSvg);
+                    }
+                    else {
+                        nativeRenderer.prependChild(context.host, atom.nativeNode, atom.isSvg);
+                    }
                 }
                 else {
                     nativeRenderer.insertAfter(atom.nativeNode, context.host, atom.isSvg);
@@ -1840,7 +1859,10 @@ class RootComponent extends Component {
 const viewflyErrorFn = makeError('Viewfly');
 function viewfly(config) {
     const { context, nativeRenderer, autoUpdate, root } = Object.assign({ autoUpdate: true }, config);
-    const appProviders = [];
+    const appProviders = [{
+            provide: NativeRenderer,
+            useValue: nativeRenderer
+        }];
     const modules = [];
     let destroyed = false;
     let appHost = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/core",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -47,7 +47,7 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "75a746eb22f41295157d079e8557154d5fa50e01",
+  "gitHead": "343b1bff988837e5e0a2acee63c18c3f4a3e8721",
   "dependencies": {
     "reflect-metadata": "^0.1.13"
   }