@viewfly/core 0.0.28 → 0.0.30

package/bundles/foundation/_api.d.ts

@@ -1,7 +1,7 @@
 export * from './component';
+export * from './injection-tokens';
 export * from './jsx-element';
 export * from './memo';
+export * from './renderer';
 export * from './root.component';
 export * from './types';
-export * from './injection-tokens';
-export * from './renderer';

package/bundles/foundation/_utils.d.ts

@@ -1,7 +1,6 @@
-import { Component } from './component';
-import { JSXElement, JSXText, Props } from './jsx-element';
-import { JSXInternal } from './types';
+import { JSXComponent, JSXElement, JSXText } from './jsx-element';
 import { NativeNode } from './injection-tokens';
+import { Component } from './component';
 export interface ListenDelegate {
     delegate: () => any;
     listenFn: ((...args: any[]) => any) | void;
@@ -13,10 +12,15 @@ export interface ObjectChanges {
 }
 export declare const refKey = "ref";
 export declare function getObjectChanges(newProps: Record<string, any>, oldProps: Record<string, any>): ObjectChanges;
+export interface ArrayChanges<T> {
+    remove: T[];
+    add: T[];
+}
+export declare function getArrayChanges<T>(left: T[], right: T[]): ArrayChanges<T>;
 export declare function classToString(config: unknown): string;
 export declare function styleToObject(style: string | Record<string, any>): Record<string, any>;
 export interface Atom {
-    jsxNode: JSXElement | JSXText | Component;
+    jsxNode: JSXElement | JSXText | JSXComponent | Component;
     parent: Atom | null;
     nativeNode: NativeNode | null;
     child: Atom | null;
@@ -24,8 +28,6 @@ export interface Atom {
 }
 export interface ComponentView {
     atom: Atom;
-    template: JSXInternal.JSXNode;
     host: NativeNode;
     isParent: boolean;
-    render(newProps: Props, oldProps: Props): JSXInternal.JSXNode;
 }

package/bundles/foundation/component.d.ts

@@ -2,44 +2,38 @@ import { AbstractType, InjectFlags, InjectionToken, Injector, Provider, Reflecti
 import { JSXTypeof, Key, Props } from './jsx-element';
 import { ComponentView } from './_utils';
 import { JSXInternal } from './types';
-export declare class JSXComponent {
-    props: Props;
-    private factory;
-    constructor(props: Props, factory: (injector: Component, props: Props) => Component);
-    createInstance(injector: Component): Component;
-}
 /**
  * Viewfly 组件管理类，用于管理组件的生命周期，上下文等
  */
-export declare class Component extends ReflectiveInjector implements JSXTypeof {
+export declare class Component extends ReflectiveInjector implements JSXTypeof<JSXInternal.ComponentSetup> {
+    private parentComponent;
     type: JSXInternal.ComponentSetup;
     props: Props;
     key?: Key | undefined;
     $$typeOf: JSXInternal.ComponentSetup<any>;
-    $$view: ComponentView;
     destroyCallbacks: LifeCycleCallback[];
     mountCallbacks: LifeCycleCallback[];
     propsChangedCallbacks: PropsChangedCallback<any>[];
     updatedCallbacks: LifeCycleCallback[];
+    instance: JSXInternal.ComponentInstance<Props>;
+    template: JSXInternal.JSXNode;
     changedSubComponents: Set<Component>;
     get dirty(): boolean;
     get changed(): boolean;
+    $$view: ComponentView;
     protected _dirty: boolean;
     protected _changed: boolean;
-    private parentComponent;
     private updatedDestroyCallbacks;
     private propsChangedDestroyCallbacks;
     private unWatch?;
     private isFirstRending;
-    constructor(context: Injector, type: JSXInternal.ComponentSetup, props: Props, key?: Key | undefined);
-    is(target: JSXTypeof): boolean;
-    provide<T>(providers: Provider<T> | Provider<T>[]): void;
-    setup(): {
-        template: any;
-        render: (newProps: Props, oldProps: Props) => any;
-    };
+    private refs;
+    constructor(parentComponent: Injector | null, type: JSXInternal.ComponentSetup, props: Props, key?: Key | undefined);
     markAsDirtied(): void;
     markAsChanged(changedComponent?: Component): void;
+    render(): any;
+    update(newProps: Props, forceUpdate?: boolean): any;
+    provide<T>(providers: Provider<T> | Provider<T>[]): void;
     rendered(): void;
     destroy(): void;
     private invokePropsChangedHooks;

package/bundles/foundation/jsx-element.d.ts

@@ -1,4 +1,4 @@
-import { JSXComponent } from './component';
+import { Component } from './component';
 import { JSXInternal } from './types';
 import { ListenDelegate } from './_utils';
 export interface Props {
@@ -11,23 +11,29 @@ export type Key = number | string;
 export declare function jsx(name: string, props: Props, key?: Key): JSXElement;
 export declare function jsx(setup: JSXInternal.ComponentSetup, props: Props, key?: Key): JSXComponent;
 export declare const jsxs: typeof jsx;
-export interface JSXTypeof {
-    $$typeOf: string | JSXInternal.ComponentSetup;
-    is(target: JSXTypeof): boolean;
+export interface JSXTypeof<T extends string | Symbol | JSXInternal.ComponentSetup = string | Symbol | JSXInternal.ComponentSetup> {
+    $$typeOf: T;
 }
-export declare class JSXText implements JSXTypeof {
+export declare class JSXText implements JSXTypeof<Symbol> {
     text: string;
-    $$typeOf: string;
+    $$typeOf: symbol;
     constructor(text: string);
-    is(target: JSXTypeof): boolean;
 }
-export declare class JSXElement implements JSXTypeof {
+export declare class JSXElement implements JSXTypeof<string> {
     type: string;
     props: Props;
     key?: Key | undefined;
-    static create(name: string, props: Props, key?: Key): JSXElement;
     $$typeOf: string;
+    static createInstance(type: string, props: Props, key?: Key): JSXElement;
     on?: Record<string, ListenDelegate>;
     constructor(type: string, props: Props, key?: Key | undefined);
-    is(target: JSXTypeof): boolean;
+}
+export declare class JSXComponent implements JSXTypeof<JSXInternal.ComponentSetup> {
+    type: JSXInternal.ComponentSetup;
+    props: Props;
+    factory: (parentComponent: Component) => Component;
+    key?: Key | undefined;
+    $$typeOf: JSXInternal.ComponentSetup<any>;
+    constructor(type: JSXInternal.ComponentSetup, props: Props, factory: (parentComponent: Component) => Component, key?: Key | undefined);
+    createInstance(parentComponent: Component): Component;
 }

package/bundles/foundation/memo.d.ts

@@ -1,3 +1,3 @@
 import { Props } from './jsx-element';
 import { JSXInternal } from './types';
-export declare function withMemo<T extends Props = Props>(shouldUpdate: JSXInternal.ComponentInstance<T>['$shouldUpdate'], render: () => JSXInternal.JSXNode): JSXInternal.ComponentInstance<T>;
+export declare function withMemo<T extends Props = Props>(canUseMemo: JSXInternal.ComponentInstance<T>['$useMemo'], render: () => JSXInternal.JSXNode): JSXInternal.ComponentInstance<T>;

package/bundles/foundation/root.component.d.ts

@@ -6,6 +6,6 @@ import { Injector } from '../di/_api';
  */
 export declare class RootComponent extends Component {
     onChange: (() => void) | null;
-    constructor(parentInjector: Injector, factory: JSXInternal.ComponentSetup);
+    constructor(parentInjector: Injector | null, factory: JSXInternal.ComponentSetup);
     markAsChanged(changedComponent?: Component): void;
 }

package/bundles/foundation/types.d.ts

@@ -5,7 +5,7 @@ export declare namespace JSXInternal {
     type ClassNames = string | Record<string, unknown> | false | null | undefined | ClassNames[];
     interface ComponentInstance<P> {
         $render(): JSXNode;
-        $shouldUpdate?(currentProps: P, prevProps: P): boolean;
+        $useMemo?(currentProps: P, prevProps: P): boolean;
     }
     type JSXNode = Element | JSXInternal.ElementClass | string | number | boolean | null | undefined | JSXNode[];
     type ComponentSetup<P = any> = (props: P) => (() => Element) | ComponentInstance<P>;