@viewfly/core 3.0.0-alpha.2 → 3.0.0-alpha.4

package/dist/base/_render-context.d.ts

@@ -0,0 +1,4 @@
+import { NativeNode } from './injection-tokens';
+export declare function pushContainer(container: NativeNode): void;
+export declare function popContainer(): void;
+export declare function getContainer(): NativeNode;

package/dist/base/_utils.d.ts

@@ -1,7 +1,6 @@
 import { Key, ViewFlyNode } from './jsx-element';
 import { NativeNode } from './injection-tokens';
 import { Component, ComponentSetup } from './component';
-export declare function hasChange(newProps: Record<string, any>, oldProps: Record<string, any>): boolean;
 export declare const refKey = "ref";
 export declare function comparePropsWithCallbacks(oldProps: Record<string, any>, newProps: Record<string, any>, onDeleted: (key: string, oldValue: any) => void, onAdded: (key: string, value: any) => void, onUpdated: (key: string, newValue: any, oldValue: any) => void): void;
 export declare function classToString(config: unknown): string;

package/dist/base/component.d.ts

@@ -6,8 +6,7 @@ import { ComponentAtom } from './_utils';
 export declare function getSetupContext(need?: boolean): Component;
 export type ClassNames = string | Record<string, unknown> | false | null | undefined | ClassNames[];
 export interface ComponentInstance {
-    $portalHost?: NativeNode;
-    $render(): JSXNode;
+    render(): JSXNode;
 }
 export type JSXNode = JSX.Element | JSX.ElementClass | string | number | boolean | null | undefined | Iterable<JSXNode>;
 export interface ComponentSetup<P = any> {
@@ -15,9 +14,10 @@ export interface ComponentSetup<P = any> {
 }
 export interface ComponentViewMetadata {
     atom: ComponentAtom;
-    host: NativeNode;
+    anchorNode: NativeNode;
     isParent: boolean;
-    rootHost: NativeNode;
+    rootContainer: NativeNode;
+    expectContainer: NativeNode;
 }
 /**
  * Viewfly 组件管理类，用于管理组件的生命周期，上下文等
@@ -48,7 +48,7 @@ export declare class Component {
     constructor(parentComponent: Component | null, type: ComponentSetup, props: Record<string, any>, key?: Key);
     markAsDirtied(): void;
     markAsChanged(changedComponent?: Component): void;
-    render(update: (template: JSXNode, portalHost?: NativeNode) => void): void;
+    render(update: (template: JSXNode) => void): void;
     updateProps(newProps: Record<string, any>): void;
     rerender(): JSXNode;
     destroy(): void;

package/dist/base/dep.d.ts

@@ -1,9 +1,10 @@
 export declare class Dep {
     effect: () => void;
+    flushMode: 'sync' | 'async';
     destroyCallbacks: Array<() => void>;
-    constructor(effect: () => void);
+    constructor(effect: () => void, flushMode?: 'sync' | 'async');
     destroy(): void;
 }
-export declare function getDepContext(): Dep | undefined;
+export declare function getDepContext(): Dep;
 export declare function pushDepContext(dep: Dep): void;
 export declare function popDepContext(): void;

package/dist/base/jsx-element.d.ts

@@ -37,7 +37,7 @@ export declare function withMark<T extends ComponentSetup>(marks: string | strin
  */
 export declare function applyMark(mark: string | string[], render: () => JSXNode): JSXNode;
 export interface PortalProps<T extends NativeNode> extends Props {
-    host: T;
+    container: T;
 }
 /**
  * 将子节点渲染到指定节点
@@ -49,7 +49,7 @@ export interface PortalProps<T extends NativeNode> extends Props {
  *   return () => {
  *     return (
  *       <div>
- *         <Portal host={modal}>
+ *         <Portal container={modal}>
  *           这里的内容将渲染到 modal 节点
  *         </Portal>
  *       </div>
@@ -59,6 +59,5 @@ export interface PortalProps<T extends NativeNode> extends Props {
  * ```
  */
 export declare function Portal<T extends NativeNode>(props: PortalProps<T>): {
-    $portalHost: T;
-    $render(): JSXNode | JSXNode[];
+    render(): JSXNode | JSXNode[];
 };

package/dist/base/ref.d.ts

@@ -22,6 +22,30 @@ export interface DynamicRef<T> {
  *   }
  * }
  * ```
+ * @example
+ * ```tsx
+ * function Child() {
+ *   return {
+ *     show() {
+ *       console.log('show')
+ *     },
+ *     render() {
+ *       return <div>child</div>
+ *     }
+ *   }
+ * }
+ * function App() {
+ *   const ref = createDynamicRef<typeof Child>((child) => {
+ *     child.show()
+ *     return () => {
+ *       console.log('destroy')
+ *     }
+ *   })
+ *   return () => {
+ *     return <Child ref={ref}/>
+ *   }
+ * }
+ * ```
  */
 export declare function createDynamicRef<T, U = ExtractInstanceType<T>>(effect: DynamicRef<U>): DynamicRef<U>;
 export type Ref<T> = {
@@ -43,6 +67,28 @@ export type Ref<T> = {
  *   }
  * }
  * ```
+ * @example
+ * ```tsx
+ * function Child() {
+ *   return {
+ *     show() {
+ *       console.log('show')
+ *     },
+ *     render() {
+ *       return <div>child</div>
+ *     }
+ *   }
+ * }
+ * function App() {
+ *   const ref = createRef<typeof Child>()
+ *   onMounted(() => {
+ *      ref.value?.show()
+ *   })
+ *   return () => {
+ *     return <Child ref={ref}/>
+ *   }
+ * }
+ * ```
  */
 export declare function createRef<T, U = ExtractInstanceType<T> | null>(): Ref<U | null>;
 export type RefEffects = Map<RefProp<any>, (() => void) | void>;

package/dist/base/renderer.d.ts

@@ -1,4 +1,4 @@
 import { NativeNode, NativeRenderer } from './injection-tokens';
 import { ElementNamespace } from './_utils';
 import { Component } from './component';
-export declare function createRenderer(component: Component, nativeRenderer: NativeRenderer, namespace: ElementNamespace): (host: NativeNode) => void;
+export declare function createRenderer(component: Component, nativeRenderer: NativeRenderer, namespace: ElementNamespace): (container: NativeNode) => void;

package/dist/di/reflective-injector.d.ts

@@ -10,7 +10,7 @@ import { Scope } from './injectable';
 export declare class ReflectiveInjector implements Injector {
     parentInjector: Injector | null;
     protected scope?: (Scope | null) | undefined;
-    protected normalizedProviders: NormalizedProvider[];
+    protected normalizedProviders: Map<Type<any> | AbstractType<any> | InjectionToken<any>, NormalizedProvider>;
     protected recordValues: Map<Type<any> | AbstractType<any> | InjectionToken<any>, any>;
     constructor(parentInjector: Injector | null, staticProviders: Provider[], scope?: (Scope | null) | undefined);
     /**