@viewfly/core 1.0.0-alpha.14 → 1.0.0-alpha.16

package/bundles/index.d.ts

@@ -191,6 +191,22 @@ declare class ReflectiveInjector implements Injector {
 
 declare function makeError(name: string): (message: string) => Error;
 
+interface Props {
+    children?: JSXNode | JSXNode[];
+}
+declare function Fragment(props: Props): () => any;
+type Key = number | string;
+declare function jsx(type: string | ComponentSetup, props: Props & Record<string, any>, key?: Key): ViewFlyNode;
+declare const jsxs: typeof jsx;
+interface ViewFlyNode<T = string | ComponentSetup> {
+    type: T;
+    props: Props & Record<string, any>;
+    key?: Key;
+}
+declare const JSXNodeFactory: {
+    createNode<T = string | ComponentSetup<any>>(type: T, props: Props & Record<string, any>, key?: Key): ViewFlyNode<T>;
+};
+
 type NativeNode = Record<string, any>;
 declare abstract class NativeRenderer<ElementNode = NativeNode, TextNode = NativeNode> {
     abstract createElement(name: string, isSvg: boolean): ElementNode;
@@ -210,32 +226,52 @@ declare abstract class NativeRenderer<ElementNode = NativeNode, TextNode = Nativ
     abstract insertAfter(newNode: ElementNode | TextNode, ref: ElementNode | TextNode, isSvg: boolean): void;
 }
 
-interface Props {
-    children?: JSXInternal.ViewNode | JSXInternal.ViewNode[];
-}
-declare function Fragment(props: Props): () => any;
-type Key = number | string;
-declare function jsx(type: string | JSXInternal.ComponentSetup, props: Props & Record<string, any>, key?: Key): JSXNode;
-declare const jsxs: typeof jsx;
-interface JSXNode<T = string | JSXInternal.ComponentSetup> {
-    type: T;
-    props: Props & Record<string, any>;
-    key?: Key;
+declare namespace JSX {
+    type Element<P = any> = IntrinsicElements[string] | ComponentSetup<P>;
+    interface IntrinsicAttributes {
+        key?: Key;
+        ref?: any;
+    }
+    interface RefAttributes<T> extends IntrinsicAttributes {
+        ref?: DynamicRef<ExtractInstanceType<T>> | DynamicRef<ExtractInstanceType<T>>[];
+    }
+    interface ElementClass<P = any> extends ComponentInstance<P> {
+    }
+    interface ElementChildrenAttribute {
+    }
+    interface IntrinsicElements {
+        [name: string]: any;
+    }
+    interface IntrinsicClassAttributes<T> {
+        ref?: DynamicRef<T>;
+    }
 }
-declare const JSXNodeFactory: {
-    createNode<T = string | JSXInternal.ComponentSetup<any>>(type: T, props: Props & Record<string, any>, key?: Key): JSXNode<T>;
-};
 
+type ClassNames = string | Record<string, unknown> | false | null | undefined | ClassNames[];
+interface ComponentInstance<P> {
+    $portalHost?: NativeNode;
+    $render(): JSXNode;
+    $useMemo?(currentProps: P, prevProps: P): boolean;
+}
+type JSXNode = JSX.Element | JSX.ElementClass | string | number | boolean | null | undefined | Iterable<JSXNode>;
+interface ComponentAnnotation {
+    scope?: Scope;
+    providers?: Provider[];
+}
+interface ComponentSetup<P = any> {
+    (props: P): (() => JSXNode) | ComponentInstance<P>;
+    annotation?: ComponentAnnotation;
+}
 /**
  * Viewfly 组件管理类，用于管理组件的生命周期，上下文等
  */
 declare class Component extends ReflectiveInjector {
     private readonly parentComponent;
-    readonly type: JSXInternal.ComponentSetup;
+    readonly type: ComponentSetup;
     props: Props;
     readonly key?: Key | undefined;
-    instance: JSXInternal.ComponentInstance<Props>;
-    template: JSXInternal.ViewNode;
+    instance: ComponentInstance<Props>;
+    template: JSXNode;
     changedSubComponents: Set<Component>;
     get dirty(): boolean;
     get changed(): boolean;
@@ -250,7 +286,7 @@ declare class Component extends ReflectiveInjector {
     private unWatch?;
     private isFirstRendering;
     private refs;
-    constructor(parentComponent: Injector | null, type: JSXInternal.ComponentSetup, props: Props, key?: Key | undefined);
+    constructor(parentComponent: Injector | null, type: ComponentSetup, props: Props, key?: Key | undefined);
     markAsDirtied(): void;
     markAsChanged(changedComponent?: Component): void;
     render(): {
@@ -328,9 +364,9 @@ declare function onUnmounted(callback: () => void): void;
 interface RefListener<T> {
     (current: T): void | (() => void);
 }
-type ExtractInstanceType<T, U = T extends (...args: any) => any ? ReturnType<T> : T> = U extends JSXInternal.ComponentInstance<any> ? Omit<U, keyof JSXInternal.ComponentInstance<any>> : U extends Function ? never : T;
+type ExtractInstanceType<T, U = T extends (...args: any) => any ? ReturnType<T> : T> = U extends ComponentInstance<any> ? Omit<U, keyof ComponentInstance<any>> : U extends Function ? never : T;
 interface AbstractInstanceType<T extends Record<string, any>> {
-    (): T & JSXInternal.ComponentInstance<any>;
+    (): T & ComponentInstance<any>;
 }
 declare class DynamicRef<T> {
     private callback;
@@ -457,7 +493,7 @@ declare function watch<T = any>(deps: Signal<any>[], callback: WatchCallback<T[]
  * })
  * ```
  */
-declare function withAnnotation<T extends JSXInternal.ComponentSetup>(annotation: JSXInternal.ComponentAnnotation, componentSetup: T): T;
+declare function withAnnotation<T extends ComponentSetup>(annotation: ComponentAnnotation, componentSetup: T): T;
 /**
  * 通过组件上下文获取 IoC 容器内数据的勾子方法
  */
@@ -467,7 +503,7 @@ declare function inject<T extends Type<any> | AbstractType<any> | InjectionToken
  */
 declare function getCurrentInstance(): Component;
 
-declare function withMemo<T extends Props = Props>(canUseMemo: JSXInternal.ComponentInstance<T>['$useMemo'], render: () => JSXInternal.ViewNode): JSXInternal.ComponentInstance<T>;
+declare function withMemo<T extends Props = Props>(canUseMemo: ComponentInstance<T>['$useMemo'], render: () => JSXNode): ComponentInstance<T>;
 
 declare function createRenderer(component: Component, nativeRenderer: NativeRenderer): (host: NativeNode) => void;
 
@@ -476,49 +512,10 @@ declare function createRenderer(component: Component, nativeRenderer: NativeRend
  */
 declare class RootComponent extends Component {
     private refresh;
-    constructor(parentInjector: Injector | null, factory: JSXInternal.ComponentSetup, refresh: () => void);
+    constructor(parentInjector: Injector | null, factory: ComponentSetup, refresh: () => void);
     markAsChanged(changedComponent?: Component): void;
 }
 
-type ViewNode = JSXInternal.ViewNode;
-declare global {
-    namespace JSXInternal {
-        type ClassNames = string | Record<string, unknown> | false | null | undefined | ClassNames[];
-        interface ComponentInstance<P> {
-            $portalHost?: NativeNode;
-            $render(): ViewNode;
-            $useMemo?(currentProps: P, prevProps: P): boolean;
-        }
-        type ViewNode = Element | JSXInternal.ElementClass | string | number | boolean | null | undefined | Iterable<ViewNode>;
-        interface ComponentAnnotation {
-            scope?: Scope;
-            providers?: Provider[];
-        }
-        interface ComponentSetup<P = any> {
-            (props: P): (() => ViewNode) | ComponentInstance<P>;
-            annotation?: ComponentAnnotation;
-        }
-        type Element<P = any, C extends string | ComponentSetup<P> = string | ComponentSetup<P>> = C extends string ? IntrinsicElements[C] : (() => Element) | ComponentInstance<P>;
-        interface IntrinsicAttributes {
-            key?: Key;
-            ref?: any;
-        }
-        interface RefAttributes<T> extends IntrinsicAttributes {
-            ref?: DynamicRef<ExtractInstanceType<T>> | DynamicRef<ExtractInstanceType<T>>[];
-        }
-        interface ElementClass<P = any> extends ComponentInstance<P> {
-        }
-        interface ElementChildrenAttribute {
-        }
-        interface IntrinsicElements {
-            [name: string]: any;
-        }
-        interface IntrinsicClassAttributes<T> {
-            ref?: DynamicRef<T>;
-        }
-    }
-}
-
 declare const TextAtomType: unique symbol;
 declare const ElementAtomType: unique symbol;
 declare const ComponentAtomType: unique symbol;
@@ -530,30 +527,24 @@ interface TextAtom {
     child: Atom | null;
     sibling: Atom | null;
     isSvg: boolean;
-    update: null | ((insertOffset: number) => void);
-    next: Atom | null;
 }
 interface ElementAtom {
     type: typeof ElementAtomType;
     index: number;
-    jsxNode: JSXNode<string>;
+    jsxNode: ViewFlyNode<string>;
     nativeNode: NativeNode | null;
     child: Atom | null;
     sibling: Atom | null;
     isSvg: boolean;
-    update: null | ((insertOffset: number) => void);
-    next: Atom | null;
 }
 interface ComponentAtom {
     type: typeof ComponentAtomType;
     index: number;
-    jsxNode: JSXNode<JSXInternal.ComponentSetup> | Component;
+    jsxNode: ViewFlyNode<ComponentSetup> | Component;
     nativeNode: NativeNode | null;
     child: Atom | null;
     sibling: Atom | null;
     isSvg: boolean;
-    update: null | ((insertOffset: number) => void);
-    next: Atom | null;
 }
 type Atom = TextAtom | ElementAtom | ComponentAtom;
 interface ComponentView {
@@ -568,7 +559,7 @@ interface ComponentView {
  */
 interface Config {
     /** 根节点 */
-    root: JSXInternal.ViewNode;
+    root: JSXNode;
     /** 平台渲染器 */
     nativeRenderer: NativeRenderer;
     /** 应用的上下文 */
@@ -590,4 +581,4 @@ interface Module {
 }
 declare function viewfly<T extends NativeNode>(config: Config): Application<T>;
 
-export { type AbstractInstanceType, type AbstractProvider, type AbstractType, type Application, type Atom, type ClassProvider, Component, type ComponentView, type Config, type ConstructorProvider, DynamicRef, type ExistingProvider, type ExtractInstanceType, type ExtractValueType, type FactoryProvider, ForwardRef, Fragment, Inject, type InjectDecorator, InjectFlags, Injectable, type InjectableDecorator, type InjectableOptions, InjectionToken, Injector, type JSXNode, JSXNodeFactory, type Key, type LifeCycleCallback, type Module, type NativeNode, NativeRenderer, type NormalizedProvider, NullInjector, Optional, type OptionalDecorator, Prop, type PropDecorator, type Props, type PropsChangedCallback, type ProvideScope, type Provider, type RefListener, type ReflectiveDependency, ReflectiveInjector, RootComponent, Scope, Self, type SelfDecorator, type Signal, SkipSelf, type SkipSelfDecorator, type StaticProvider, StaticRef, THROW_IF_NOT_FOUND, Type, type TypeProvider, type ValueProvider, type ViewNode, type WatchCallback, createDerived, createDynamicRef, createRef, createRenderer, createSignal, forwardRef, getCurrentInstance, inject, jsx, jsxs, makeError, normalizeProvider, onMounted, onPropsChanged, onUnmounted, onUpdated, viewfly, watch, withAnnotation, withMemo };
+export { type AbstractInstanceType, type AbstractProvider, type AbstractType, type Application, type Atom, type ClassNames, type ClassProvider, Component, type ComponentAnnotation, type ComponentInstance, type ComponentSetup, type ComponentView, type Config, type ConstructorProvider, DynamicRef, type ExistingProvider, type ExtractInstanceType, type ExtractValueType, type FactoryProvider, ForwardRef, Fragment, Inject, type InjectDecorator, InjectFlags, Injectable, type InjectableDecorator, type InjectableOptions, InjectionToken, Injector, JSX, type JSXNode, JSXNodeFactory, type Key, type LifeCycleCallback, type Module, type NativeNode, NativeRenderer, type NormalizedProvider, NullInjector, Optional, type OptionalDecorator, Prop, type PropDecorator, type Props, type PropsChangedCallback, type ProvideScope, type Provider, type RefListener, type ReflectiveDependency, ReflectiveInjector, RootComponent, Scope, Self, type SelfDecorator, type Signal, SkipSelf, type SkipSelfDecorator, type StaticProvider, StaticRef, THROW_IF_NOT_FOUND, Type, type TypeProvider, type ValueProvider, type ViewFlyNode, type WatchCallback, createDerived, createDynamicRef, createRef, createRenderer, createSignal, forwardRef, getCurrentInstance, inject, jsx, jsxs, makeError, normalizeProvider, onMounted, onPropsChanged, onUnmounted, onUpdated, viewfly, watch, withAnnotation, withMemo };

package/bundles/index.esm.js

@@ -1298,9 +1298,7 @@ function createRenderer(component, nativeRenderer) {
                 sibling: null,
                 child: null,
                 nativeNode: null,
-                isSvg: false,
-                update: null,
-                next: null
+                isSvg: false
             };
             componentRender(nativeRenderer, component, atom, {
                 isParent: true,
@@ -1370,61 +1368,71 @@ function applyChanges(nativeRenderer, component) {
     }
 }
 function diff(nativeRenderer, parentComponent, newAtom, oldAtom, context) {
-    let updateAtom = newAtom;
-    let insertOffset = 0;
-    let deleteOffset = 0;
+    const commits = [];
+    function changeOffset() {
+        offset++;
+    }
+    while (newAtom) {
+        oldAtom = createChanges(newAtom, oldAtom, nativeRenderer, commits, context, parentComponent, changeOffset);
+        newAtom = newAtom.sibling;
+    }
+    let dirtyDiffAtom = oldAtom;
+    while (dirtyDiffAtom) {
+        cleanView(nativeRenderer, dirtyDiffAtom, true);
+        dirtyDiffAtom = dirtyDiffAtom.sibling;
+    }
+    let offset = 0;
+    for (let i = 0; i < commits.length; i++) {
+        const commit = commits[i];
+        while (oldAtom) {
+            if (oldAtom.index <= i) {
+                offset--;
+                oldAtom = oldAtom.sibling;
+                continue;
+            }
+            break;
+        }
+        commit(offset);
+    }
+}
+function createChanges(newAtom, oldAtom, nativeRenderer, commits, context, parentComponent, effect) {
+    const startDiffAtom = oldAtom;
+    const { jsxNode: newJsxNode, type } = newAtom;
+    const key = newJsxNode.key;
+    let prev = null;
     while (oldAtom) {
-        const startDiffAtom = newAtom;
-        let prev = null;
-        let isUsed = false;
-        while (newAtom) {
-            const newAtomType = newAtom.type;
-            if (oldAtom.type === newAtomType) {
-                if (newAtomType === TextAtomType) {
-                    newAtom.update = updateText(newAtom, oldAtom, nativeRenderer, context);
-                    isUsed = true;
+        if (type === oldAtom.type) {
+            let commit;
+            if (type === TextAtomType) {
+                commit = updateText(newAtom, oldAtom, nativeRenderer, context);
+            }
+            else {
+                const { key: diffKey, type: diffType } = oldAtom.jsxNode;
+                if (diffKey !== key || newJsxNode.type !== diffType) {
+                    prev = oldAtom;
+                    oldAtom = oldAtom.sibling;
+                    continue;
+                }
+                if (type === ComponentAtomType) {
+                    commit = updateComponent(newAtom, oldAtom, nativeRenderer, context);
                 }
                 else {
-                    const { key: newKey, type: newType } = newAtom.jsxNode;
-                    const { key: oldKey, type: oldType } = oldAtom.jsxNode;
-                    if (newType === oldType && newKey === oldKey) {
-                        if (newAtomType === ComponentAtomType) {
-                            newAtom.update = updateComponent(newAtom, oldAtom, deleteOffset, nativeRenderer, context);
-                        }
-                        else {
-                            newAtom.update = updateElement(newAtom, oldAtom, deleteOffset, nativeRenderer, context, parentComponent);
-                        }
-                        isUsed = true;
-                    }
+                    commit = updateElement(newAtom, oldAtom, nativeRenderer, context, parentComponent);
                 }
             }
-            if (isUsed) {
-                const sibling = newAtom.next || newAtom.sibling;
-                if (prev) {
-                    prev.next = sibling;
-                }
-                newAtom = newAtom === startDiffAtom ? sibling : startDiffAtom;
-                break;
+            commits.push(commit);
+            const next = oldAtom.sibling;
+            if (!prev) {
+                return next;
             }
-            prev = newAtom;
-            newAtom = newAtom.next || newAtom.sibling;
-        }
-        if (!isUsed) {
-            newAtom = startDiffAtom;
-            deleteOffset++;
-            cleanView(nativeRenderer, oldAtom, true);
+            prev.sibling = next;
+            return startDiffAtom;
         }
+        prev = oldAtom;
         oldAtom = oldAtom.sibling;
     }
-    function changeOffset() {
-        insertOffset++;
-    }
-    while (updateAtom) {
-        const update = updateAtom.update || createNewView(updateAtom, nativeRenderer, context, parentComponent, changeOffset);
-        update(insertOffset);
-        updateAtom.next = updateAtom.update = null;
-        updateAtom = updateAtom.sibling;
-    }
+    commits.push(createNewView(newAtom, nativeRenderer, context, parentComponent, effect));
+    return startDiffAtom;
 }
 function createNewView(start, nativeRenderer, context, parentComponent, effect) {
     return function () {
@@ -1443,10 +1451,10 @@ function updateText(newAtom, oldAtom, nativeRenderer, context) {
         context.isParent = false;
     };
 }
-function updateElement(newAtom, oldAtom, deleteOffset, nativeRenderer, context, parentComponent) {
-    return function (insertOffset) {
+function updateElement(newAtom, oldAtom, nativeRenderer, context, parentComponent) {
+    return function (offset) {
         newAtom.nativeNode = oldAtom.nativeNode;
-        if (newAtom.index - insertOffset !== oldAtom.index - deleteOffset) {
+        if (newAtom.index - offset !== oldAtom.index) {
             insertNode(nativeRenderer, newAtom, context);
         }
         context.host = newAtom.nativeNode;
@@ -1454,8 +1462,8 @@ function updateElement(newAtom, oldAtom, deleteOffset, nativeRenderer, context,
         updateNativeNodeProperties(nativeRenderer, newAtom, oldAtom, parentComponent, context);
     };
 }
-function updateComponent(newAtom, reusedAtom, deleteOffset, nativeRenderer, context) {
-    return function (insertOffset) {
+function updateComponent(newAtom, reusedAtom, nativeRenderer, context) {
+    return function (offset) {
         const component = reusedAtom.jsxNode;
         const newProps = newAtom.jsxNode.props;
         const oldTemplate = component.template;
@@ -1465,7 +1473,7 @@ function updateComponent(newAtom, reusedAtom, deleteOffset, nativeRenderer, cont
         componentViewCache.set(component, Object.assign({ atom: newAtom }, context));
         newAtom.jsxNode = component;
         if (newTemplate === oldTemplate) {
-            reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, newAtom.index - insertOffset !== reusedAtom.index - deleteOffset);
+            reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, newAtom.index - offset !== reusedAtom.index);
             updateView(nativeRenderer, component);
             return;
         }
@@ -1560,9 +1568,7 @@ function createChainByJSXNode(type, jsxNode, prevAtom, isSvg) {
         sibling: null,
         child: null,
         nativeNode: null,
-        isSvg,
-        update: null,
-        next: null
+        isSvg
     };
     prevAtom.sibling = atom;
     return atom;

package/bundles/index.js

@@ -1300,9 +1300,7 @@ function createRenderer(component, nativeRenderer) {
                 sibling: null,
                 child: null,
                 nativeNode: null,
-                isSvg: false,
-                update: null,
-                next: null
+                isSvg: false
             };
             componentRender(nativeRenderer, component, atom, {
                 isParent: true,
@@ -1372,61 +1370,71 @@ function applyChanges(nativeRenderer, component) {
     }
 }
 function diff(nativeRenderer, parentComponent, newAtom, oldAtom, context) {
-    let updateAtom = newAtom;
-    let insertOffset = 0;
-    let deleteOffset = 0;
+    const commits = [];
+    function changeOffset() {
+        offset++;
+    }
+    while (newAtom) {
+        oldAtom = createChanges(newAtom, oldAtom, nativeRenderer, commits, context, parentComponent, changeOffset);
+        newAtom = newAtom.sibling;
+    }
+    let dirtyDiffAtom = oldAtom;
+    while (dirtyDiffAtom) {
+        cleanView(nativeRenderer, dirtyDiffAtom, true);
+        dirtyDiffAtom = dirtyDiffAtom.sibling;
+    }
+    let offset = 0;
+    for (let i = 0; i < commits.length; i++) {
+        const commit = commits[i];
+        while (oldAtom) {
+            if (oldAtom.index <= i) {
+                offset--;
+                oldAtom = oldAtom.sibling;
+                continue;
+            }
+            break;
+        }
+        commit(offset);
+    }
+}
+function createChanges(newAtom, oldAtom, nativeRenderer, commits, context, parentComponent, effect) {
+    const startDiffAtom = oldAtom;
+    const { jsxNode: newJsxNode, type } = newAtom;
+    const key = newJsxNode.key;
+    let prev = null;
     while (oldAtom) {
-        const startDiffAtom = newAtom;
-        let prev = null;
-        let isUsed = false;
-        while (newAtom) {
-            const newAtomType = newAtom.type;
-            if (oldAtom.type === newAtomType) {
-                if (newAtomType === TextAtomType) {
-                    newAtom.update = updateText(newAtom, oldAtom, nativeRenderer, context);
-                    isUsed = true;
+        if (type === oldAtom.type) {
+            let commit;
+            if (type === TextAtomType) {
+                commit = updateText(newAtom, oldAtom, nativeRenderer, context);
+            }
+            else {
+                const { key: diffKey, type: diffType } = oldAtom.jsxNode;
+                if (diffKey !== key || newJsxNode.type !== diffType) {
+                    prev = oldAtom;
+                    oldAtom = oldAtom.sibling;
+                    continue;
+                }
+                if (type === ComponentAtomType) {
+                    commit = updateComponent(newAtom, oldAtom, nativeRenderer, context);
                 }
                 else {
-                    const { key: newKey, type: newType } = newAtom.jsxNode;
-                    const { key: oldKey, type: oldType } = oldAtom.jsxNode;
-                    if (newType === oldType && newKey === oldKey) {
-                        if (newAtomType === ComponentAtomType) {
-                            newAtom.update = updateComponent(newAtom, oldAtom, deleteOffset, nativeRenderer, context);
-                        }
-                        else {
-                            newAtom.update = updateElement(newAtom, oldAtom, deleteOffset, nativeRenderer, context, parentComponent);
-                        }
-                        isUsed = true;
-                    }
+                    commit = updateElement(newAtom, oldAtom, nativeRenderer, context, parentComponent);
                 }
             }
-            if (isUsed) {
-                const sibling = newAtom.next || newAtom.sibling;
-                if (prev) {
-                    prev.next = sibling;
-                }
-                newAtom = newAtom === startDiffAtom ? sibling : startDiffAtom;
-                break;
+            commits.push(commit);
+            const next = oldAtom.sibling;
+            if (!prev) {
+                return next;
             }
-            prev = newAtom;
-            newAtom = newAtom.next || newAtom.sibling;
-        }
-        if (!isUsed) {
-            newAtom = startDiffAtom;
-            deleteOffset++;
-            cleanView(nativeRenderer, oldAtom, true);
+            prev.sibling = next;
+            return startDiffAtom;
         }
+        prev = oldAtom;
         oldAtom = oldAtom.sibling;
     }
-    function changeOffset() {
-        insertOffset++;
-    }
-    while (updateAtom) {
-        const update = updateAtom.update || createNewView(updateAtom, nativeRenderer, context, parentComponent, changeOffset);
-        update(insertOffset);
-        updateAtom.next = updateAtom.update = null;
-        updateAtom = updateAtom.sibling;
-    }
+    commits.push(createNewView(newAtom, nativeRenderer, context, parentComponent, effect));
+    return startDiffAtom;
 }
 function createNewView(start, nativeRenderer, context, parentComponent, effect) {
     return function () {
@@ -1445,10 +1453,10 @@ function updateText(newAtom, oldAtom, nativeRenderer, context) {
         context.isParent = false;
     };
 }
-function updateElement(newAtom, oldAtom, deleteOffset, nativeRenderer, context, parentComponent) {
-    return function (insertOffset) {
+function updateElement(newAtom, oldAtom, nativeRenderer, context, parentComponent) {
+    return function (offset) {
         newAtom.nativeNode = oldAtom.nativeNode;
-        if (newAtom.index - insertOffset !== oldAtom.index - deleteOffset) {
+        if (newAtom.index - offset !== oldAtom.index) {
             insertNode(nativeRenderer, newAtom, context);
         }
         context.host = newAtom.nativeNode;
@@ -1456,8 +1464,8 @@ function updateElement(newAtom, oldAtom, deleteOffset, nativeRenderer, context,
         updateNativeNodeProperties(nativeRenderer, newAtom, oldAtom, parentComponent, context);
     };
 }
-function updateComponent(newAtom, reusedAtom, deleteOffset, nativeRenderer, context) {
-    return function (insertOffset) {
+function updateComponent(newAtom, reusedAtom, nativeRenderer, context) {
+    return function (offset) {
         const component = reusedAtom.jsxNode;
         const newProps = newAtom.jsxNode.props;
         const oldTemplate = component.template;
@@ -1467,7 +1475,7 @@ function updateComponent(newAtom, reusedAtom, deleteOffset, nativeRenderer, cont
         componentViewCache.set(component, Object.assign({ atom: newAtom }, context));
         newAtom.jsxNode = component;
         if (newTemplate === oldTemplate) {
-            reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, newAtom.index - insertOffset !== reusedAtom.index - deleteOffset);
+            reuseComponentView(nativeRenderer, newAtom, reusedAtom, context, newAtom.index - offset !== reusedAtom.index);
             updateView(nativeRenderer, component);
             return;
         }
@@ -1562,9 +1570,7 @@ function createChainByJSXNode(type, jsxNode, prevAtom, isSvg) {
         sibling: null,
         child: null,
         nativeNode: null,
-        isSvg,
-        update: null,
-        next: null
+        isSvg
     };
     prevAtom.sibling = atom;
     return atom;

package/jsx-runtime/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx, jsxs, Fragment } from '@viewfly/core';
+import { jsx, jsxs, Fragment, JSX as ViewflyJSX } from '@viewfly/core';
 /**
  * JSX namespace for usage with @jsxImportsSource directive
  * when ts compilerOptions.jsx is 'react-jsx'
@@ -7,15 +7,15 @@ import { jsx, jsxs, Fragment } from '@viewfly/core';
 declare const jsxDEV: typeof jsx;
 export { jsx, jsxs, Fragment, jsxDEV };
 export declare namespace JSX {
-    type Element = JSXInternal.Element;
-    interface ElementClass extends JSXInternal.ElementClass {
+    type Element = ViewflyJSX.Element;
+    interface ElementClass extends ViewflyJSX.ElementClass {
     }
-    interface IntrinsicElements extends JSXInternal.IntrinsicElements {
+    interface IntrinsicElements extends ViewflyJSX.IntrinsicElements {
     }
-    interface IntrinsicAttributes extends JSXInternal.IntrinsicAttributes {
+    interface IntrinsicAttributes extends ViewflyJSX.IntrinsicAttributes {
     }
-    interface ElementChildrenAttribute extends JSXInternal.ElementChildrenAttribute {
+    interface ElementChildrenAttribute extends ViewflyJSX.ElementChildrenAttribute {
     }
-    interface IntrinsicClassAttributes<T> extends JSXInternal.IntrinsicClassAttributes<T> {
+    interface IntrinsicClassAttributes<T> extends ViewflyJSX.IntrinsicClassAttributes<T> {
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/core",
-  "version": "1.0.0-alpha.14",
+  "version": "1.0.0-alpha.16",
   "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",
@@ -50,7 +50,7 @@
   "bugs": {
     "url": "https://github.com/viewfly/viewfly.git/issues"
   },
-  "gitHead": "48779d88f1390751bbd06e4c4581bf3dbe613a26",
+  "gitHead": "d2c8ce1c906fd80e05e27d677e7f678ccae0e9a1",
   "dependencies": {
     "reflect-metadata": "^0.2.2"
   }