@actview/plugin-babel 1.0.4 → 1.0.6

package/README.md

@@ -1,64 +1,64 @@
-# @actview/plugin-babel
-
-> **迁移记录**：本包原为 `@actview/babel-plugin-actview`（目录 `plugins/babel-plugin-actview`），现更名为 `@actview/plugin-babel`（目录 `plugins/babel`），与 `@actview/plugin-vite` / `@actview/plugin-scoped` 统一为 `@actview/plugin-*` 命名。旧包名已弃用，请使用新包名安装与引用。
-
-**ActView 编译核心（Babel 插件）** —— 把 JSX 组件函数自动转换为 `defineComponent`，独立于 Vite 宿主。
-
-Babel 插件 `defineComponentPlugin` 是 ActView 编译链的**核心**：将大写开头的函数 / 箭头 / 默认导出组件包装为 `defineComponent` 产物（`{ __setup }`），并完成具名插槽提取、props 白名单、早退 return 包装等转换。`@actview/plugin-vite` 与 `@actview/plugin-scoped` 都基于它。
-
-同时本包导出**共享 Babel 宿主壳**（`createBabelTransform` / `createBabelItem` / `transformWithBabel`），供各 Vite 插件复用统一的 `transformSync` 调用参数。
-
-## 核心功能
-
-- **组件自动转换**：函数 / 箭头 / 默认导出组件 → `defineComponent`（自动注入 `import { defineComponent } from '@actview/core'`）
-- **具名插槽**：`<template slot>` → `slots` prop（编译期提取）
-- **props 白名单**：从 `defineComponent({ props })` 声明提取 `__props`
-- **早退 return**：组件渲染函数中的 `if / 三元 / &&` 早退分支包装（`isRenderExpr`）
-- **共享宿主壳**：`createBabelTransform` 等，统一 `parserOpts` / `retainLines` / `sourceMaps` / `babelrc:false` / `configFile:false`
-
-## 安装
-
-```bash
-pnpm add -D @actview/plugin-babel
-```
-
-## 快速开始
-
-```ts
-import { defineComponentPlugin } from '@actview/plugin-babel'
-import * as babel from '@babel/core'
-
-const result = babel.transformSync(code, {
-  filename: 'App.tsx',
-  plugins: [[defineComponentPlugin, {}]],
-  parserOpts: { plugins: ['jsx', 'typescript'] },
-})
-```
-
-> 大多数场景不需要直接使用 —— 接入 `@actview/plugin-vite`（Vite 项目）即可自动完成转换。
-
-## API
-
-| 导出 | 说明 |
-|---|---|
-| `defineComponentPlugin`（默认导出同） | Babel 插件工厂：组件 → `defineComponent` 转换 |
-| `createBabelTransform(plugin)` | 宿主壳工厂：模块级创建一次 ConfigItem，返回 `(code, filename) => { code, map } \| null` |
-| `createBabelItem(plugin)` | 把插件工厂预编译为 ConfigItem（Babel 8 同步） |
-| `transformWithBabel(code, filename, pluginItem)` | 统一参数的 `transformSync` |
-| 类型：`BabelPlugin` / `BabelHostResult` | 宿主壳类型 |
-
-## 依赖关系
-
-- `@babel/core`（^8）
-- 被依赖方：`@actview/plugin-vite`、`@actview/plugin-scoped`（复用宿主壳）
-
-## 开发
-
-```bash
-pnpm build   # tsup 打包 dist
-pnpm test    # vitest（test/plugin.test.ts：组件转换/插槽/props/早退等 30 用例）
-```
-
-## License
-
-MIT
+# @actview/plugin-babel
+
+> **迁移记录**：本包原为 `@actview/babel-plugin-actview`（目录 `plugins/babel-plugin-actview`），现更名为 `@actview/plugin-babel`（目录 `plugins/babel`），与 `@actview/plugin-vite` / `@actview/plugin-scoped` 统一为 `@actview/plugin-*` 命名。旧包名已弃用，请使用新包名安装与引用。
+
+**ActView 编译核心（Babel 插件）** —— 把 JSX 组件函数自动转换为 `defineComponent`，独立于 Vite 宿主。
+
+Babel 插件 `defineComponentPlugin` 是 ActView 编译链的**核心**：将大写开头的函数 / 箭头 / 默认导出组件包装为 `defineComponent` 产物（`{ __setup }`），并完成具名插槽提取、props 白名单、早退 return 包装等转换。`@actview/plugin-vite` 与 `@actview/plugin-scoped` 都基于它。
+
+同时本包导出**共享 Babel 宿主壳**（`createBabelTransform` / `createBabelItem` / `transformWithBabel`），供各 Vite 插件复用统一的 `transformSync` 调用参数。
+
+## 核心功能
+
+- **组件自动转换**：函数 / 箭头 / 默认导出组件 → `defineComponent`（自动注入 `import { defineComponent } from '@actview/core'`）
+- **具名插槽**：`<template slot>` → `slots` prop（编译期提取）
+- **props 白名单**：从 `defineComponent({ props })` 声明提取 `__props`
+- **早退 return**：组件渲染函数中的 `if / 三元 / &&` 早退分支包装（`isRenderExpr`）
+- **共享宿主壳**：`createBabelTransform` 等，统一 `parserOpts` / `retainLines` / `sourceMaps` / `babelrc:false` / `configFile:false`
+
+## 安装
+
+```bash
+pnpm add -D @actview/plugin-babel
+```
+
+## 快速开始
+
+```ts
+import { defineComponentPlugin } from '@actview/plugin-babel'
+import * as babel from '@babel/core'
+
+const result = babel.transformSync(code, {
+  filename: 'App.tsx',
+  plugins: [[defineComponentPlugin, {}]],
+  parserOpts: { plugins: ['jsx', 'typescript'] },
+})
+```
+
+> 大多数场景不需要直接使用 —— 接入 `@actview/plugin-vite`（Vite 项目）即可自动完成转换。
+
+## API
+
+| 导出 | 说明 |
+|---|---|
+| `defineComponentPlugin`（默认导出同） | Babel 插件工厂：组件 → `defineComponent` 转换 |
+| `createBabelTransform(plugin)` | 宿主壳工厂：模块级创建一次 ConfigItem，返回 `(code, filename) => { code, map } \| null` |
+| `createBabelItem(plugin)` | 把插件工厂预编译为 ConfigItem（Babel 8 同步） |
+| `transformWithBabel(code, filename, pluginItem)` | 统一参数的 `transformSync` |
+| 类型：`BabelPlugin` / `BabelHostResult` | 宿主壳类型 |
+
+## 依赖关系
+
+- `@babel/core`（^8）
+- 被依赖方：`@actview/plugin-vite`、`@actview/plugin-scoped`（复用宿主壳）
+
+## 开发
+
+```bash
+pnpm build   # tsup 打包 dist
+pnpm test    # vitest（test/plugin.test.ts：组件转换/插槽/props/早退等 30 用例）
+```
+
+## License
+
+MIT

package/dist/index.js

@@ -3,7 +3,11 @@ import { types as t } from "@babel/core";
 import generate from "@babel/generator";
 function extractNamedSlots(el) {
   const nameNode = el.openingElement.name;
-  if (!t.isJSXIdentifier(nameNode) || !/^[A-Z]/.test(nameNode.name)) return;
+  if (t.isJSXIdentifier(nameNode)) {
+    if (!/^[A-Z]/.test(nameNode.name)) return;
+  } else if (!t.isJSXMemberExpression(nameNode)) {
+    return;
+  }
   const children = el.children;
   const slotProps = [];
   const remaining = [];
@@ -127,6 +131,7 @@ function defineComponentPlugin() {
         const name = node.id.name;
         if (!/^[A-Z]/.test(name)) return;
         const fn = t.functionExpression(null, node.params, node.body, false, false);
+        if (node.typeParameters) fn.typeParameters = node.typeParameters;
         const wrapped = wrapComponentFn(fn, name);
         if (!wrapped) return;
         const call = wrapped;
@@ -175,6 +180,10 @@ function defineComponentPlugin() {
         t.isFunctionDeclaration(decl);
         if (!isFn) return;
         const fn = t.isFunctionDeclaration(decl) ? t.functionExpression(null, decl.params, decl.body, false, false) : decl;
+        if (t.isFunctionDeclaration(decl) && decl.typeParameters) {
+          ;
+          fn.typeParameters = decl.typeParameters;
+        }
         const wrapped = wrapComponentFn(fn);
         if (!wrapped) return;
         const call = wrapped;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actview/plugin-babel",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "description": "Babel 插件：JSX 组件自动 defineComponent 转换（ActView 编译核心，独立于 Vite 宿主）",
   "exports": {