@viewfly/core 3.0.0-alpha.8 → 3.0.0

package/README.md

@@ -1,6 +1,6 @@
 # @viewfly/core
 
-Viewfly 的**内核包**：函数组件、JSX、响应式与信号、`watch`、生命周期、`inject` 与 IoC 相关 API、以及 **`withMark`** 等与 UI 逻辑直接相关的入口均由此包提供。
+Viewfly 的**内核包**：函数组件、`JSX`、响应式与 `signal`、`watch`、生命周期、`inject` 与 IoC 相关 API、以及 **`withMark`** 等与 UI 逻辑直接相关的入口均由此包提供。
 
 在浏览器里挂载应用请使用 **`@viewfly/platform-browser`** 的 **`createApp`**（其内部使用本包提供的应用模型）。
 
@@ -9,8 +9,7 @@ Viewfly 的**内核包**：函数组件、JSX、响应式与信号、`watch`、
 ## 安装
 
 ```bash
-pnpm add @viewfly/core
-# 或 npm / yarn
+npm install @viewfly/core
 ```
 
 本包依赖 **`reflect-metadata`**。正常从 **`@viewfly/core`** 的主入口导入时，会随模块加载一并初始化；若你的打包拆包方式导致依赖注入相关运行时异常，可在应用入口**最先**增加显式导入：
@@ -19,7 +18,7 @@ pnpm add @viewfly/core
 import 'reflect-metadata'
 ```
 
-更稳妥的做法以**当前安装版本**随附的类型定义与 README 为准。
+更稳妥的做法以**当前安装版本**随附的类型定义与官方文档（<https://viewfly.org>）为准。
 
 ---
 
@@ -49,7 +48,7 @@ import 'reflect-metadata'
 | 组件 | 函数组件：在 JSX 中当标签使用；配合生命周期钩子使用。 |
 | 生命周期 | **`onMounted`**、**`onUpdated`**、**`onUnmounted`** 等（须在组件 setup 阶段调用）。 |
 | 响应式 | **`reactive`**、**`shallowReactive`**、**`watch`** 等（`reactive` 模块）。 |
-| 信号 / 派生 | **`createSignal`**、**`computed`** 等（见 `reactive` 导出；具体符号以类型为准）。 |
+| `signal` / 派生 | **`createSignal`**、**`computed`** 等（见 `reactive` 导出；具体符号以类型为准）。 |
 | 依赖注入 | 在组件内用 **`inject`** 解析 token；用 **`Injectable()`** 声明可注入类；用 **`withAnnotation`** 或 **`createContext`** / **`createContextProvider`** 挂载 **`Provider`**；根应用上通过 **`createApp(...).provide(...)`**（由 **`@viewfly/platform-browser`** 提供）注册全局提供者。 |
 | 自定义 DOM 属性标记 | **`withMark(marks, setup)`**：为组件渲染出的元素附加与 `marks` 同名的属性（常用于 scoped CSS 的 `scopeId` 等场景）。 |
 
@@ -59,8 +58,9 @@ import 'reflect-metadata'
 
 ## 文档与示例
 
-- **权威说明**：本文件、源码注释与发布包中的 **`.d.ts`**（第三方文档站点可能滞后）。
-- **本仓库试跑**：仓库根目录执行 `pnpm dev` 打开 playground
+- **官方文档**：<https://viewfly.org>（重点见安装、组件、响应式、依赖注入）。
+- **类型与注释**：发布包中的 **`.d.ts`** 与源码注释可用于补充 API 细节。
+- **本仓库试跑**：克隆仓库后使用 **pnpm** 安装依赖，在仓库根目录执行 `pnpm dev` 打开 playground。
 
 ---
 

package/dist/index.esm.js

@@ -1977,7 +1977,7 @@ function patchComponent(nativeRenderer, component, oldChildAtom, newAtom, contex
 	const newTemplate = component.rerender();
 	const portalContainer = getContainer();
 	const rawContext = context;
-	const { computedContainer } = component.viewMetadata;
+	const { computedContainer, contextContainer } = component.viewMetadata;
 	popContainer();
 	if (portalContainer) if (portalContainer === context.contextContainer) {
 		if (portalContainer !== computedContainer) needMove = true;
@@ -1986,15 +1986,14 @@ function patchComponent(nativeRenderer, component, oldChildAtom, newAtom, contex
 		context = {
 			isParent: true,
 			anchorNode: portalContainer,
-			contextContainer: portalContainer,
+			contextContainer: context.contextContainer,
 			computedContainer: portalContainer
 		};
 	}
-	else if (computedContainer !== context.contextContainer) needMove = true;
+	else if (contextContainer !== context.contextContainer) needMove = true;
 	component.viewMetadata = {
 		atom: newAtom,
-		...context,
-		contextContainer: rawContext.contextContainer
+		...context
 	};
 	newAtom.child = createChildChain(newTemplate, nativeRenderer, newAtom.namespace);
 	diff(nativeRenderer, component, newAtom.child, oldChildAtom, context, needMove);
@@ -2122,15 +2121,17 @@ function updateComponent(nativeRenderer, context, offset, needMove, newAtom, old
 			view.anchorNode = updatedContext.anchorNode;
 			view.isParent = updatedContext.isParent;
 		}
+		component.rendered();
 	} else {
 		component.viewMetadata = {
 			atom: newAtom,
 			...context
 		};
 		newAtom.child = oldAtom.child;
-		reuseComponentView(nativeRenderer, newAtom.child, context, needMove, !component.changedSubComponents.size);
+		const skipSubComponentDiff = !component.changedSubComponents.size;
+		reuseComponentView(nativeRenderer, newAtom.child, context, needMove, skipSubComponentDiff);
+		if (!skipSubComponentDiff) component.rendered();
 	}
-	component.rendered();
 }
 function reuseComponentView(nativeRenderer, child, context, moveView, skipSubComponentDiff) {
 	const updateContext = (atom) => {

package/dist/index.js

@@ -1978,7 +1978,7 @@ function patchComponent(nativeRenderer, component, oldChildAtom, newAtom, contex
 	const newTemplate = component.rerender();
 	const portalContainer = getContainer();
 	const rawContext = context;
-	const { computedContainer } = component.viewMetadata;
+	const { computedContainer, contextContainer } = component.viewMetadata;
 	popContainer();
 	if (portalContainer) if (portalContainer === context.contextContainer) {
 		if (portalContainer !== computedContainer) needMove = true;
@@ -1987,15 +1987,14 @@ function patchComponent(nativeRenderer, component, oldChildAtom, newAtom, contex
 		context = {
 			isParent: true,
 			anchorNode: portalContainer,
-			contextContainer: portalContainer,
+			contextContainer: context.contextContainer,
 			computedContainer: portalContainer
 		};
 	}
-	else if (computedContainer !== context.contextContainer) needMove = true;
+	else if (contextContainer !== context.contextContainer) needMove = true;
 	component.viewMetadata = {
 		atom: newAtom,
-		...context,
-		contextContainer: rawContext.contextContainer
+		...context
 	};
 	newAtom.child = createChildChain(newTemplate, nativeRenderer, newAtom.namespace);
 	diff(nativeRenderer, component, newAtom.child, oldChildAtom, context, needMove);
@@ -2123,15 +2122,17 @@ function updateComponent(nativeRenderer, context, offset, needMove, newAtom, old
 			view.anchorNode = updatedContext.anchorNode;
 			view.isParent = updatedContext.isParent;
 		}
+		component.rendered();
 	} else {
 		component.viewMetadata = {
 			atom: newAtom,
 			...context
 		};
 		newAtom.child = oldAtom.child;
-		reuseComponentView(nativeRenderer, newAtom.child, context, needMove, !component.changedSubComponents.size);
+		const skipSubComponentDiff = !component.changedSubComponents.size;
+		reuseComponentView(nativeRenderer, newAtom.child, context, needMove, skipSubComponentDiff);
+		if (!skipSubComponentDiff) component.rendered();
 	}
-	component.rendered();
 }
 function reuseComponentView(nativeRenderer, child, context, moveView, skipSubComponentDiff) {
 	const updateContext = (atom) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viewfly/core",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0",
   "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience.",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",