@lytjs/core-vnode 6.8.0 → 6.9.1

package/dist/index.cjs

@@ -100,7 +100,7 @@ function createApp(rootComponent, rootProps = null, _options) {
         instance.appContext = context;
         if (context.provides) {
           const rootProvides = instance.provides;
-          for (const key in context.provides) {
+          for (const key of Object.keys(context.provides)) {
             if (!(key in rootProvides)) {
               rootProvides[key] = context.provides[key];
             }
@@ -109,7 +109,21 @@ function createApp(rootComponent, rootProps = null, _options) {
         component.setupComponent(instance);
         rootVNode.component = instance;
         context._instance = instance;
-        const renderer$1 = renderer.createDOMRenderer();
+        const renderer$1 = renderer.createDOMRenderer({
+          setupChildComponent(childVNode, parentComponent) {
+            const childInstance = component.createComponentInstance(childVNode, parentComponent);
+            if (parentComponent) {
+              childInstance.appContext = parentComponent.appContext;
+            } else {
+              childInstance.appContext = context;
+            }
+            component.setupComponent(childInstance);
+            childVNode.component = childInstance;
+          },
+          normalizeProps(inst, rawProps) {
+            component.initProps(inst, rawProps);
+          }
+        });
         context.renderer = renderer$1;
         context._vnode = rootVNode;
         renderer$1.mount(rootVNode, container);

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { createVNode, cloneVNode, EMPTY_OBJ } from '@lytjs/vdom';
 export { Comment, Fragment, Text, cloneVNode, createVNode, mergeProps } from '@lytjs/vdom';
 import { createDOMRenderer } from '@lytjs/renderer';
 import { error } from '@lytjs/common-error';
-import { defineComponent as defineComponent$1, getCurrentInstance, createComponentInstance, setupComponent, createComponentPublicInstance, onBeforeUnmount, createAppContext as createAppContext$1, callUnmountedHook } from '@lytjs/component';
+import { defineComponent as defineComponent$1, getCurrentInstance, createComponentInstance, setupComponent, initProps, createComponentPublicInstance, onBeforeUnmount, createAppContext as createAppContext$1, callUnmountedHook } from '@lytjs/component';
 export { onBeforeMount, onBeforeUnmount, onBeforeUpdate, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onUnmounted, onUpdated } from '@lytjs/component';
 import { shallowRef, ref, computed } from '@lytjs/reactivity';
 export { computed, effect, reactive, ref, watch, watchEffect } from '@lytjs/reactivity';
@@ -101,7 +101,7 @@ function createApp(rootComponent, rootProps = null, _options) {
         instance.appContext = context;
         if (context.provides) {
           const rootProvides = instance.provides;
-          for (const key in context.provides) {
+          for (const key of Object.keys(context.provides)) {
             if (!(key in rootProvides)) {
               rootProvides[key] = context.provides[key];
             }
@@ -110,7 +110,21 @@ function createApp(rootComponent, rootProps = null, _options) {
         setupComponent(instance);
         rootVNode.component = instance;
         context._instance = instance;
-        const renderer = createDOMRenderer();
+        const renderer = createDOMRenderer({
+          setupChildComponent(childVNode, parentComponent) {
+            const childInstance = createComponentInstance(childVNode, parentComponent);
+            if (parentComponent) {
+              childInstance.appContext = parentComponent.appContext;
+            } else {
+              childInstance.appContext = context;
+            }
+            setupComponent(childInstance);
+            childVNode.component = childInstance;
+          },
+          normalizeProps(inst, rawProps) {
+            initProps(inst, rawProps);
+          }
+        });
         context.renderer = renderer;
         context._vnode = rootVNode;
         renderer.mount(rootVNode, container);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lytjs/core-vnode",
-  "version": "6.8.0",
+  "version": "6.9.1",
   "description": "Lyt.js Core - VNode rendering mode only",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -32,8 +32,8 @@
     "@lytjs/shared-types": "workspace:*"
   },
   "devDependencies": {
-    "tsup": "^8.0.0",
-    "typescript": "^5.4.0"
+    "tsup": "^8.5.1",
+    "typescript": "^5.8.2"
   },
   "license": "MIT",
   "repository": {

package/dist/index.d.cts

@@ -1,146 +0,0 @@
-import { VNode, Fragment, Text, Comment, VNodeChildren } from '@lytjs/vdom';
-export { Comment, Fragment, Text, VNode, VNodeChildren, cloneVNode, createVNode, mergeProps } from '@lytjs/vdom';
-import { BaseAppConfig, Directive, DebuggerEvent, DirectiveArguments } from '@lytjs/shared-types';
-export { DebuggerEvent, Directive, DirectiveArguments, DirectiveBinding, Renderer } from '@lytjs/shared-types';
-import { ComponentPublicInstance, ComponentOptions, InternalSlots } from '@lytjs/component';
-export { ComponentOptions, ComponentPublicInstance, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onUnmounted, onUpdated } from '@lytjs/component';
-export { nextTick } from '@lytjs/common-scheduler';
-import { WritableComputedRef } from '@lytjs/reactivity';
-export { computed, effect, reactive, ref, watch, watchEffect } from '@lytjs/reactivity';
-export { compile } from '@lytjs/compiler';
-
-/** 插件安装函数签名 */
-type PluginInstallFunction<T = unknown> = (app: App, ...options: T[]) => void;
-interface App<HostElement = Element> {
-    config: AppConfig;
-    use(plugin: Plugin | PluginInstallFunction, ...options: unknown[]): App;
-    mount(rootContainer: HostElement | string): ComponentPublicInstance | null;
-    unmount(): void;
-    provide<T = unknown>(key: string | symbol, value: T): App;
-    inject<T = unknown>(key: string | symbol): T | undefined;
-    component(name: string, component: Component): App;
-    directive(name: string, directive: Directive): App;
-    mixin(mixin: ComponentOptions): App;
-    errorHandler?: (err: unknown, instance: ComponentPublicInstance | null, info: string) => void;
-    warnHandler?: (msg: string, instance: ComponentPublicInstance | null, trace: string) => void;
-}
-interface AppConfig extends BaseAppConfig {
-    performance: boolean;
-    globalProperties: Record<string, unknown>;
-    isCustomElement?: (tag: string) => boolean;
-    compilerOptions?: Record<string, unknown>;
-}
-/** createApp 的配置选项（VNode 模式固定使用 vnode 渲染，忽略 rendererMode） */
-interface AppOptions {
-    /** VNode 模式下此选项被忽略，始终使用 VNode 渲染 */
-    rendererMode?: 'vnode';
-}
-interface Plugin {
-    install: PluginInstallFunction;
-}
-type Component = ComponentOptions | (() => VNode);
-
-type AsyncComponentLoader = () => Promise<Component>;
-interface AsyncComponentOptions {
-    loader: AsyncComponentLoader;
-    loadingComponent?: Component;
-    errorComponent?: Component;
-    delay?: number;
-    timeout?: number;
-    suspensible?: boolean;
-    onError?: (error: Error, retry: () => void, fail: () => void, attempts: number) => void;
-}
-
-type ErrorCapturedHook = (err: Error, instance: ComponentPublicInstance | null, info: string) => boolean | void;
-type DebuggerHook = (event: DebuggerEvent) => void;
-
-declare function createApp(rootComponent: Component, rootProps?: Record<string, unknown> | null, _options?: AppOptions): App;
-
-/**
- * 创建 VNode
- */
-declare function h(type: string | Component | typeof Fragment | typeof Text | typeof Comment, props?: Record<string, unknown> | null, ...children: VNodeChildren[]): VNode;
-
-/**
- * 定义组件（re-export from @lytjs/component）
- *
- * 权威实现在 @lytjs/component 中，此处统一返回类型为 ComponentOptions。
- * 由于 Component = ComponentOptions | (() => any)，
- * 返回 ComponentOptions 是 Component 的子集，完全兼容。
- */
-declare const defineComponent: (options: ComponentOptions) => ComponentOptions;
-/**
- * 定义异步组件
- */
-declare function defineAsyncComponent(source: AsyncComponentLoader | AsyncComponentOptions): Component;
-
-/**
- * 解析组件：从当前组件实例的 components 选项和全局注册中查找
- */
-declare function resolveComponent(name: string): Component | undefined;
-/**
- * 解析指令：从当前组件实例的 directives 选项和全局注册中查找
- */
-declare function resolveDirective(name: string): Directive | undefined;
-
-/**
- * 将指令应用到 VNode 上
- */
-declare function withDirectives(vnode: VNode, directives: DirectiveArguments): VNode;
-/** Memo 缓存条目 */
-interface MemoEntry {
-    memo: unknown[];
-    result: VNode;
-}
-/**
- * 带缓存的渲染辅助
- */
-declare function withMemo(memo: unknown[], render: () => VNode, cache: MemoEntry[], index: number): VNode;
-
-/**
- * 获取当前组件的 slots
- */
-declare function useSlots(): InternalSlots;
-/**
- * 获取当前组件的 attrs
- */
-declare function useAttrs(): Record<string, unknown>;
-/**
- * 双向绑定辅助（v-model 的 composition API 版本）
- */
-declare function useModel<T>(props: Record<string, T | undefined>, key: string): WritableComputedRef<T>;
-
-/**
- * defineCustomElement 的配置选项
- */
-interface DefineCustomElementOptions {
-    /** 是否使用 Shadow DOM（默认 true） */
-    shadowRoot?: boolean;
-    /** Custom Element 标签名（默认使用组件 name） */
-    name?: string;
-    /** CSS 样式（注入到 Shadow DOM） */
-    css?: string;
-}
-/**
- * 将 LytJS 组件包装为 Custom Element
- */
-declare function defineCustomElement(componentOptions: ComponentOptions, options?: DefineCustomElementOptions): CustomElementConstructor;
-/**
- * 在 setup 中获取当前 Custom Element 的 Shadow Root
- */
-declare function useShadowRoot(): ShadowRoot | null;
-/**
- * 在 setup 中获取当前 Custom Element 的宿主元素
- */
-declare function useHost(): HTMLElement | null;
-/**
- * 在 setup 中获取 slot 变化通知（MutationObserver）
- * 返回一个注册回调的函数
- */
-declare function useWebComponentSlots(onChange: () => void): void;
-/**
- * 向 Shadow DOM 注入样式
- */
-declare function injectChildStyles(styles: string): void;
-
-export { type App, type AppConfig, type AppOptions, type AsyncComponentLoader, type AsyncComponentOptions, type Component, type DebuggerHook, type DefineCustomElementOptions, type ErrorCapturedHook, type Plugin, createApp, h as createElement, defineAsyncComponent, defineComponent, defineCustomElement, h, injectChildStyles, resolveComponent, resolveDirective, useAttrs, useHost, useModel, useShadowRoot, useSlots, useWebComponentSlots, withDirectives, withMemo };

package/dist/index.d.ts

@@ -1,146 +0,0 @@
-import { VNode, Fragment, Text, Comment, VNodeChildren } from '@lytjs/vdom';
-export { Comment, Fragment, Text, VNode, VNodeChildren, cloneVNode, createVNode, mergeProps } from '@lytjs/vdom';
-import { BaseAppConfig, Directive, DebuggerEvent, DirectiveArguments } from '@lytjs/shared-types';
-export { DebuggerEvent, Directive, DirectiveArguments, DirectiveBinding, Renderer } from '@lytjs/shared-types';
-import { ComponentPublicInstance, ComponentOptions, InternalSlots } from '@lytjs/component';
-export { ComponentOptions, ComponentPublicInstance, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onUnmounted, onUpdated } from '@lytjs/component';
-export { nextTick } from '@lytjs/common-scheduler';
-import { WritableComputedRef } from '@lytjs/reactivity';
-export { computed, effect, reactive, ref, watch, watchEffect } from '@lytjs/reactivity';
-export { compile } from '@lytjs/compiler';
-
-/** 插件安装函数签名 */
-type PluginInstallFunction<T = unknown> = (app: App, ...options: T[]) => void;
-interface App<HostElement = Element> {
-    config: AppConfig;
-    use(plugin: Plugin | PluginInstallFunction, ...options: unknown[]): App;
-    mount(rootContainer: HostElement | string): ComponentPublicInstance | null;
-    unmount(): void;
-    provide<T = unknown>(key: string | symbol, value: T): App;
-    inject<T = unknown>(key: string | symbol): T | undefined;
-    component(name: string, component: Component): App;
-    directive(name: string, directive: Directive): App;
-    mixin(mixin: ComponentOptions): App;
-    errorHandler?: (err: unknown, instance: ComponentPublicInstance | null, info: string) => void;
-    warnHandler?: (msg: string, instance: ComponentPublicInstance | null, trace: string) => void;
-}
-interface AppConfig extends BaseAppConfig {
-    performance: boolean;
-    globalProperties: Record<string, unknown>;
-    isCustomElement?: (tag: string) => boolean;
-    compilerOptions?: Record<string, unknown>;
-}
-/** createApp 的配置选项（VNode 模式固定使用 vnode 渲染，忽略 rendererMode） */
-interface AppOptions {
-    /** VNode 模式下此选项被忽略，始终使用 VNode 渲染 */
-    rendererMode?: 'vnode';
-}
-interface Plugin {
-    install: PluginInstallFunction;
-}
-type Component = ComponentOptions | (() => VNode);
-
-type AsyncComponentLoader = () => Promise<Component>;
-interface AsyncComponentOptions {
-    loader: AsyncComponentLoader;
-    loadingComponent?: Component;
-    errorComponent?: Component;
-    delay?: number;
-    timeout?: number;
-    suspensible?: boolean;
-    onError?: (error: Error, retry: () => void, fail: () => void, attempts: number) => void;
-}
-
-type ErrorCapturedHook = (err: Error, instance: ComponentPublicInstance | null, info: string) => boolean | void;
-type DebuggerHook = (event: DebuggerEvent) => void;
-
-declare function createApp(rootComponent: Component, rootProps?: Record<string, unknown> | null, _options?: AppOptions): App;
-
-/**
- * 创建 VNode
- */
-declare function h(type: string | Component | typeof Fragment | typeof Text | typeof Comment, props?: Record<string, unknown> | null, ...children: VNodeChildren[]): VNode;
-
-/**
- * 定义组件（re-export from @lytjs/component）
- *
- * 权威实现在 @lytjs/component 中，此处统一返回类型为 ComponentOptions。
- * 由于 Component = ComponentOptions | (() => any)，
- * 返回 ComponentOptions 是 Component 的子集，完全兼容。
- */
-declare const defineComponent: (options: ComponentOptions) => ComponentOptions;
-/**
- * 定义异步组件
- */
-declare function defineAsyncComponent(source: AsyncComponentLoader | AsyncComponentOptions): Component;
-
-/**
- * 解析组件：从当前组件实例的 components 选项和全局注册中查找
- */
-declare function resolveComponent(name: string): Component | undefined;
-/**
- * 解析指令：从当前组件实例的 directives 选项和全局注册中查找
- */
-declare function resolveDirective(name: string): Directive | undefined;
-
-/**
- * 将指令应用到 VNode 上
- */
-declare function withDirectives(vnode: VNode, directives: DirectiveArguments): VNode;
-/** Memo 缓存条目 */
-interface MemoEntry {
-    memo: unknown[];
-    result: VNode;
-}
-/**
- * 带缓存的渲染辅助
- */
-declare function withMemo(memo: unknown[], render: () => VNode, cache: MemoEntry[], index: number): VNode;
-
-/**
- * 获取当前组件的 slots
- */
-declare function useSlots(): InternalSlots;
-/**
- * 获取当前组件的 attrs
- */
-declare function useAttrs(): Record<string, unknown>;
-/**
- * 双向绑定辅助（v-model 的 composition API 版本）
- */
-declare function useModel<T>(props: Record<string, T | undefined>, key: string): WritableComputedRef<T>;
-
-/**
- * defineCustomElement 的配置选项
- */
-interface DefineCustomElementOptions {
-    /** 是否使用 Shadow DOM（默认 true） */
-    shadowRoot?: boolean;
-    /** Custom Element 标签名（默认使用组件 name） */
-    name?: string;
-    /** CSS 样式（注入到 Shadow DOM） */
-    css?: string;
-}
-/**
- * 将 LytJS 组件包装为 Custom Element
- */
-declare function defineCustomElement(componentOptions: ComponentOptions, options?: DefineCustomElementOptions): CustomElementConstructor;
-/**
- * 在 setup 中获取当前 Custom Element 的 Shadow Root
- */
-declare function useShadowRoot(): ShadowRoot | null;
-/**
- * 在 setup 中获取当前 Custom Element 的宿主元素
- */
-declare function useHost(): HTMLElement | null;
-/**
- * 在 setup 中获取 slot 变化通知（MutationObserver）
- * 返回一个注册回调的函数
- */
-declare function useWebComponentSlots(onChange: () => void): void;
-/**
- * 向 Shadow DOM 注入样式
- */
-declare function injectChildStyles(styles: string): void;
-
-export { type App, type AppConfig, type AppOptions, type AsyncComponentLoader, type AsyncComponentOptions, type Component, type DebuggerHook, type DefineCustomElementOptions, type ErrorCapturedHook, type Plugin, createApp, h as createElement, defineAsyncComponent, defineComponent, defineCustomElement, h, injectChildStyles, resolveComponent, resolveDirective, useAttrs, useHost, useModel, useShadowRoot, useSlots, useWebComponentSlots, withDirectives, withMemo };