@vitarx/plugin-vite 0.0.1-beta.3 → 0.0.1-beta.5

package/dist/hmr-client/index.d.ts

@@ -27,7 +27,8 @@ export default class HMRManager {
     /**
      * 置换新模块
      *
-     * 此方法提供给`jsxDev`函数调用，保持每次创建组件实例都是最新的模块！
+     * 此方法提供给`createView`函数调用，保持每次创建组件实例都是最新的模块！
+     *
      * @param component
      */
     resolveComponent(component: Component): Component;

package/dist/hmr-client/index.js

@@ -51,7 +51,8 @@ class HMRManager {
     /**
      * 置换新模块
      *
-     * 此方法提供给`jsxDev`函数调用，保持每次创建组件实例都是最新的模块！
+     * 此方法提供给`createView`函数调用，保持每次创建组件实例都是最新的模块！
+     *
      * @param component
      */
     resolveComponent(component) {

package/dist/hmr-client/update.js

@@ -21,7 +21,9 @@ export function processUpdate(view, newComponent) {
     view.component = newComponent;
     // 如果逻辑有变化，则完全重新挂载组件
     if (logic) {
+        const ctx = view.ctx;
         view.dispose();
+        view.init(ctx);
         view.mount(placeholder, 'replace');
         return;
     }

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { type Plugin } from 'vite';
-export type * from './components.js';
+export type * from './types.js';
 /**
  * vite-plugin-vitarx 配置选项
  *

package/dist/index.js

@@ -1,10 +1,11 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { defineConfig, version } from 'vite';
+import { version } from 'vite';
 import { transform } from './transform.js';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const IS_V8 = version.startsWith('8');
 let viteTransform;
-if (version.startsWith('8')) {
+if (IS_V8) {
     // @ts-ignore
     viteTransform = (await import('vite')).transformWithOxc;
 }
@@ -34,16 +35,11 @@ export default function vitarx(_options) {
             isDEV = env.command === 'serve' && !env.isPreview;
             const configSSR = !!config.build?.ssr;
             isSSR = env.isSsrBuild === true || configSSR;
-            return defineConfig({
-                // @ts-ignore
-                oxc: {
-                    jsx: 'preserve',
-                    exclude: /\.[jt]sx$/
-                },
-                esbuild: {
-                    jsx: 'preserve',
-                    exclude: /\.[jt]sx$/
-                },
+            const buildConfig = {
+                jsx: 'preserve',
+                exclude: /\.[jt]sx$/
+            };
+            const _config = {
                 define: {
                     __VITARX_DEV__: JSON.stringify(isDEV),
                     __VITARX_SSR__: JSON.stringify(isSSR)
@@ -53,7 +49,9 @@ export default function vitarx(_options) {
                         '@vitarx/vite-plugin/hmr-client': path.join(__dirname, 'hmr-client/index.js')
                     }
                 }
-            });
+            };
+            _config[IS_V8 ? 'oxc' : 'esbuild'] = buildConfig;
+            return _config;
         },
         configResolved(config) {
             viteConfig = config;

package/dist/passes/imports/collectImports.d.ts

@@ -6,6 +6,7 @@
 import * as t from '@babel/types';
 /**
  * 收集现有导入信息
+ * 只收集普通的 import 语句，跳过 import type 语句
  * @param program - AST Program 节点
  * @returns 本地变量名集合和 vitarx 导入映射
  */
@@ -16,6 +17,7 @@ export declare function collectExistingImports(program: t.Program): {
 /**
  * 收集本地变量绑定
  * 包括导入绑定、变量声明、函数声明、类声明
+ * 只收集运行时存在的绑定，跳过 import type
  * @param program - AST Program 节点
  * @returns 本地变量名集合
  */

package/dist/passes/imports/collectImports.js

@@ -2,6 +2,7 @@ import { VITARX_MODULE } from '../../constants/index.js';
 import { collectPatternBindings } from '../../utils/index.js';
 /**
  * 收集现有导入信息
+ * 只收集普通的 import 语句，跳过 import type 语句
  * @param program - AST Program 节点
  * @returns 本地变量名集合和 vitarx 导入映射
  */
@@ -11,6 +12,9 @@ export function collectExistingImports(program) {
     for (const node of program.body) {
         if (node.type !== 'ImportDeclaration')
             continue;
+        // 跳过 import type 和 import typeof 语句
+        if (node.importKind === 'type' || node.importKind === 'typeof')
+            continue;
         const source = node.source.value;
         for (const specifier of node.specifiers) {
             localNames.add(specifier.local.name);
@@ -27,6 +31,7 @@ export function collectExistingImports(program) {
 /**
  * 收集本地变量绑定
  * 包括导入绑定、变量声明、函数声明、类声明
+ * 只收集运行时存在的绑定，跳过 import type
  * @param program - AST Program 节点
  * @returns 本地变量名集合
  */
@@ -34,6 +39,9 @@ export function collectLocalBindings(program) {
     const bindings = new Set();
     for (const node of program.body) {
         if (node.type === 'ImportDeclaration') {
+            // 跳过 import type 和 import typeof 语句
+            if (node.importKind === 'type' || node.importKind === 'typeof')
+                continue;
             for (const specifier of node.specifiers) {
                 bindings.add(specifier.local.name);
             }

package/dist/passes/imports/injectImports.js

@@ -29,7 +29,7 @@ export function injectImports(program, ctx) {
     if (!needsInject(ctx))
         return;
     const existingVitarxImport = findExistingVitarxImport(program);
-    if (existingVitarxImport) {
+    if (existingVitarxImport && canAppendSpecifiers(existingVitarxImport)) {
         appendImportSpecifiers(existingVitarxImport, ctx);
     }
     else {
@@ -40,12 +40,29 @@ export function injectImports(program, ctx) {
         program.body.unshift(importDecl);
     }
 }
+/**
+ * 检查是否可以向导入语句追加说明符
+ * 只有纯命名导入才能追加，命名空间导入和默认导入不能追加
+ */
+function canAppendSpecifiers(importDecl) {
+    for (const spec of importDecl.specifiers) {
+        // 如果存在命名空间导入或默认导入，不能追加
+        if (spec.type === 'ImportNamespaceSpecifier' || spec.type === 'ImportDefaultSpecifier') {
+            return false;
+        }
+    }
+    return true;
+}
 /**
  * 查找已存在的 vitarx 导入语句
+ * 只查找普通的 import 语句，跳过 import type 语句
  */
 function findExistingVitarxImport(program) {
     for (const node of program.body) {
-        if (node.type === 'ImportDeclaration' && node.source.value === VITARX_MODULE) {
+        if (node.type === 'ImportDeclaration' &&
+            node.source.value === VITARX_MODULE &&
+            node.importKind !== 'type' &&
+            node.importKind !== 'typeof') {
             return node;
         }
     }

package/dist/{components.d.ts → types.d.ts}

@@ -1,5 +1,5 @@
 import type { RenderUnit, View } from 'vitarx';
-interface IfBlockProps {
+export interface IfBlockProps {
     /**
      * 子元素列表
      *
@@ -7,7 +7,7 @@ interface IfBlockProps {
      */
     children: View[];
 }
-interface SwitchProps {
+export interface SwitchProps {
     /**
      * 默认渲染内容
      *
@@ -21,7 +21,7 @@ interface SwitchProps {
      */
     children: View | View[];
 }
-interface MatchProps {
+export interface MatchProps {
     /**
      * 匹配条件
      */
@@ -32,6 +32,50 @@ interface MatchProps {
     children: RenderUnit;
 }
 declare global {
+    namespace Vitarx {
+        interface IntrinsicAttributes {
+            /**
+             * 条件渲染指令 - v-if
+             *
+             * 用于条件性地渲染元素。
+             * 当表达式的值为真时，元素将被渲染；否则，元素不会被渲染到DOM中。
+             *
+             * ```tsx
+             * const show = ref(true)
+             * // v-if指令不支持 ref 自动解包，必须使用.value
+             * <div v-if={show.value}></div>
+             * ```
+             */
+            'v-if'?: unknown;
+            /**
+             * 条件渲染指令 - v-else
+             *
+             * 用于表示else块。
+             * 必须紧跟在v-if或v-else-if元素后面。
+             *
+             * ```tsx
+             * const show = ref(false)
+             * <div v-if={show.value}></div>
+             * <div v-else></div>
+             * ```
+             */
+            'v-else'?: unknown;
+            /**
+             * 条件渲染指令 - v-else-if
+             *
+             * 用于表示else-if块。
+             * 必须紧跟在v-if或v-else-if元素后面。
+             *
+             * ```tsx
+             * const show = ref(1)
+             * <div v-if={show.value === 0}></div>
+             * <div v-else-if={show.value === 1}></div>
+             * <div v-else></div>
+             * ```
+             */
+            'v-else-if'?: unknown;
+        }
+    }
     /**
      * IfBlock - 编译宏组件，无需import导入
      *
@@ -82,5 +126,25 @@ declare global {
      * 需 `Switch` 组件搭配使用，不允许单独使用。
      */
     const Match: (props: MatchProps) => View;
+    /**
+     * 开发环境
+     *
+     * @example
+     * ```js
+     * // 等效于 import.meta.env.DEV
+     * if(__VITARX_DEV__){
+     *   // 仅在开发环境下运行的代码
+     * }
+     * ```
+     */
+    const __VITARX_DEV__: boolean;
+    /**
+     * SSR环境
+     *
+     * // 等效于 import.meta.env.SSR
+     * if(__VITARX_SSR__){
+     *   // 仅在服务端运行的代码
+     * }
+     */
+    const __VITARX_SSR__: boolean;
 }
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitarx/plugin-vite",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.1-beta.5",
   "description": "The official plugin for Vitarx support in Vite.",
   "author": "ZhuChongLin <8210856@qq.com>",
   "license": "MIT",