uview-pro 0.6.13 → 0.6.14

package/plugins/root/dist/page.mjs

@@ -1,8 +1,6 @@
 import { parseSFC, findNode } from "./utils.mjs";
 async function transformPage(code) {
   const sfc = await parseSFC(code);
-  if (!sfc.template)
-    return null;
   const openMatch = code.match(/<template\b[^>]*>/);
   if (!openMatch)
     return null;
@@ -11,23 +9,43 @@ async function transformPage(code) {
     return null;
   const openTagEnd = openMatch.index + openMatch[0].length;
   const content = code.slice(openTagEnd, closeTagStart);
-  const pageMetaNode = findNode(sfc, "PageMeta");
   let pageMetaSource = "";
   let newContent = content;
-  if (pageMetaNode) {
-    pageMetaSource = pageMetaNode.loc.source;
-    const metaStart = pageMetaNode.loc.start.offset;
-    const metaEnd = pageMetaNode.loc.end.offset;
-    const metaStartInContent = metaStart - openTagEnd;
-    const metaEndInContent = metaEnd - openTagEnd;
-    newContent = content.slice(0, metaStartInContent) + content.slice(metaEndInContent);
+  if (sfc == null ? void 0 : sfc.template) {
+    const pageMetaNode = findNode(sfc, "PageMeta");
+    if (pageMetaNode) {
+      pageMetaSource = pageMetaNode.loc.source;
+      const metaStart = pageMetaNode.loc.start.offset;
+      const metaEnd = pageMetaNode.loc.end.offset;
+      const metaStartInContent = metaStart - openTagEnd;
+      const metaEndInContent = metaEnd - openTagEnd;
+      newContent = content.slice(0, metaStartInContent) + content.slice(metaEndInContent);
+    }
+  } else {
+    const pageMetaMatch = content.match(/<page-meta\b[^>]*>[\s\S]*?<\/page-meta>/);
+    if (pageMetaMatch) {
+      pageMetaSource = pageMetaMatch[0];
+      newContent = content.replace(pageMetaMatch[0], "");
+    } else {
+      const selfClosingMatch = content.match(/<page-meta\b[^>]*\/>/);
+      if (selfClosingMatch) {
+        pageMetaSource = selfClosingMatch[0];
+        newContent = content.replace(selfClosingMatch[0], "");
+      }
+    }
   }
   const wrappedContent = `
 ${pageMetaSource}
 <global-root-view>${newContent}</global-root-view>
 `;
   return {
-    code: code.slice(0, openTagEnd) + wrappedContent + code.slice(closeTagStart)
+    code: code.slice(0, openTagEnd) + wrappedContent + code.slice(closeTagStart),
+    map: {
+      version: 3,
+      sources: [],
+      names: [],
+      mappings: ""
+    }
   };
 }
 export {

package/plugins/root/dist/root.cjs

@@ -21,6 +21,14 @@ __export(root_exports, {
   registerRootApp: () => registerRootApp
 });
 module.exports = __toCommonJS(root_exports);
+function createEmptySourcemap() {
+  return {
+    version: 3,
+    sources: [],
+    names: [],
+    mappings: ""
+  };
+}
 function registerRootApp(code, fileName = "App.root") {
   const importCode = `import GlobalRootView from "./${fileName}.vue";`;
   const vueUseComponentCode = `app.component("global-root-view", GlobalRootView);`;
@@ -33,10 +41,10 @@ function registerRootApp(code, fileName = "App.root") {
     newCode = newCode.replace(/(createApp[\s\S]*?)(return\s*\{)/, `$1${vueUseComponentCode}
     $2`);
   }
-  return { code: newCode };
+  return { code: newCode, map: createEmptySourcemap() };
 }
 function rebuildRootApp(code) {
-  return { code };
+  return { code, map: createEmptySourcemap() };
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/plugins/root/dist/root.mjs

@@ -1,3 +1,11 @@
+function createEmptySourcemap() {
+  return {
+    version: 3,
+    sources: [],
+    names: [],
+    mappings: ""
+  };
+}
 function registerRootApp(code, fileName = "App.root") {
   const importCode = `import GlobalRootView from "./${fileName}.vue";`;
   const vueUseComponentCode = `app.component("global-root-view", GlobalRootView);`;
@@ -10,10 +18,10 @@ function registerRootApp(code, fileName = "App.root") {
     newCode = newCode.replace(/(createApp[\s\S]*?)(return\s*\{)/, `$1${vueUseComponentCode}
     $2`);
   }
-  return { code: newCode };
+  return { code: newCode, map: createEmptySourcemap() };
 }
 function rebuildRootApp(code) {
-  return { code };
+  return { code, map: createEmptySourcemap() };
 }
 export {
   rebuildRootApp,

package/plugins/root/dist/utils.cjs

@@ -46,7 +46,7 @@ async function parseSFC(code) {
     const { parse } = await import("vue/compiler-sfc");
     return parse(code, { pad: "space" }).descriptor;
   } catch {
-    throw new Error("[vite-plugin-uni-root] Vue version must be 3.2.13 or higher.");
+    return null;
   }
 }
 function stripJsonComments(str) {

package/plugins/root/dist/utils.mjs

@@ -6,7 +6,7 @@ async function parseSFC(code) {
     const { parse } = await import("vue/compiler-sfc");
     return parse(code, { pad: "space" }).descriptor;
   } catch {
-    throw new Error("[vite-plugin-uni-root] Vue version must be 3.2.13 or higher.");
+    return null;
   }
 }
 function stripJsonComments(str) {

package/plugins/root/index.ts

@@ -1,123 +1,123 @@
-import type { Plugin } from 'vite';
-import { resolve, join } from 'node:path';
-import process from 'node:process';
-import { watch, readFileSync } from 'node:fs';
-import { normalizePath } from 'vite';
-import { registerRootApp, rebuildRootApp } from './root';
-import { transformPage } from './page';
-import { loadPagesJson, normalizePlatformPath, debounce } from './utils';
-
-interface UniRootOptions {
-    /** 根组件文件名（不含扩展名），默认 App.root */
-    rootFileName?: string;
-}
-
-/**
- * 规范化模块 ID：统一路径分隔符，统一 Windows 盘符为小写
- */
-function normalizeId(id: string) {
-    return normalizePath(id).replace(/^[A-Z]:/, match => match.toLowerCase());
-}
-
-/**
- * UniApp 虚拟根组件 Vite 插件
- *
- * ## 解决的问题
- * UniApp 不支持原生的根组件包裹机制，导致无法在全局统一注入
- * u-config-provider、u-toast、u-modal 等组件。
- *
- * ## 工作原理
- * 1. 在 main.ts 中注入 App.root.vue 的导入，并注册为全局组件 global-root-view
- * 2. 在每个页面的 <template> 中包裹 <global-root-view> 标签
- * 3. App.root.vue 中的 <slot /> 渲染页面内容
- *
- * ## 支持 HMR
- * pages.json 变更时自动重载页面列表，无需手动重启
- *
- * ## 跨端兼容
- * 纯 Vite 构建时插件，在所有 UniApp 支持的平台（H5、微信小程序、支付宝小程序、
- * 头条小程序、Android App、iOS App、鸿蒙 App）均可正常工作
- */
-export function UniRoot(options?: UniRootOptions): Plugin {
-    options = {
-        rootFileName: 'App.root',
-        ...options
-    };
-
-    const rootPath = process.env.UNI_INPUT_DIR || join(process.cwd(), 'src');
-    const appRootPath = resolve(rootPath, `${options.rootFileName}.vue`);
-    const pagesPath = resolve(rootPath, 'pages.json');
-
-    let pagesJson = loadPagesJson(pagesPath, rootPath);
-    let watcher: ReturnType<typeof watch> | null = null;
-    let hasPlatformPlugin = false;
-
-    const normalizedAppRoot = normalizeId(appRootPath);
-
-    return {
-        name: 'vite-plugin-uni-root',
-        enforce: 'pre', // 在其他插件之前执行，确保页面模板先被包裹
-
-        configResolved({ plugins }) {
-            // 检测是否有 uni-platform 插件，用于处理平台特定页面路径（如 .mp-weixin.vue）
-            hasPlatformPlugin = plugins.some(v => v.name === 'vite-plugin-uni-platform');
-        },
-
-        configureServer(server) {
-            // 监听 pages.json 变更，HMR 热重载页面列表
-            const reload = debounce(() => {
-                try {
-                    pagesJson = loadPagesJson(pagesPath, rootPath);
-                    server.ws.send({ type: 'full-reload' });
-                } catch (e) {
-                    console.error('[vite-plugin-uni-root] pages.json reload failed:', e);
-                }
-            }, 100);
-
-            watcher = watch(pagesPath, eventType => {
-                if (eventType === 'change') reload();
-            });
-        },
-
-        load(id) {
-            const normalizedId = normalizeId(id);
-            // 只拦截根 SFC 请求，不拦截 Vue 子模块请求（如 ?vue&type=script）
-            if (normalizedId === normalizedAppRoot) {
-                const code = readFileSync(appRootPath, 'utf-8');
-                return rebuildRootApp(code).code;
-            }
-        },
-
-        async transform(code, id) {
-            const normalizedId = normalizeId(id);
-            const normalizedRootPath = normalizeId(rootPath);
-
-            // 注入 App.root.vue 的导入，并注册为全局组件 global-root-view
-            if (normalizedId === `${normalizedRootPath}/main.ts` || normalizedId === `${normalizedRootPath}/main.js`) {
-                return registerRootApp(code, options.rootFileName);
-            }
-
-            // App.root.vue 兜底处理（已在 load 中处理，此处只处理根 SFC）
-            if (normalizedId === normalizedAppRoot) {
-                return rebuildRootApp(code);
-            }
-
-            // 页面模板包裹 <global-root-view>
-            const pageId = hasPlatformPlugin ? normalizePlatformPath(normalizedId) : normalizedId;
-            const isPage = pagesJson.some(p => pageId === p || pageId.startsWith(`${p}?`));
-            if (isPage) {
-                return transformPage(code);
-            }
-        },
-
-        buildEnd() {
-            if (watcher) {
-                watcher.close();
-                watcher = null;
-            }
-        }
-    };
-}
-
-export default UniRoot;
-export type { UniRootOptions };
+import type { Plugin } from 'vite';
+import { resolve, join } from 'node:path';
+import process from 'node:process';
+import { watch, readFileSync } from 'node:fs';
+import { normalizePath } from 'vite';
+import { registerRootApp, rebuildRootApp } from './root';
+import { transformPage } from './page';
+import { loadPagesJson, normalizePlatformPath, debounce } from './utils';
+
+interface UniRootOptions {
+    /** 根组件文件名（不含扩展名），默认 App.root */
+    rootFileName?: string;
+}
+
+/**
+ * 规范化模块 ID：统一路径分隔符，统一 Windows 盘符为小写
+ */
+function normalizeId(id: string) {
+    return normalizePath(id).replace(/^[A-Z]:/, match => match.toLowerCase());
+}
+
+/**
+ * UniApp 虚拟根组件 Vite 插件
+ *
+ * ## 解决的问题
+ * UniApp 不支持原生的根组件包裹机制，导致无法在全局统一注入
+ * u-config-provider、u-toast、u-modal 等组件。
+ *
+ * ## 工作原理
+ * 1. 在 main.ts 中注入 App.root.vue 的导入，并注册为全局组件 global-root-view
+ * 2. 在每个页面的 <template> 中包裹 <global-root-view> 标签
+ * 3. App.root.vue 中的 <slot /> 渲染页面内容
+ *
+ * ## 支持 HMR
+ * pages.json 变更时自动重载页面列表，无需手动重启
+ *
+ * ## 跨端兼容
+ * 纯 Vite 构建时插件，在所有 UniApp 支持的平台（H5、微信小程序、支付宝小程序、
+ * 头条小程序、Android App、iOS App、鸿蒙 App）均可正常工作
+ */
+export function UniRoot(options?: UniRootOptions): Plugin {
+    options = {
+        rootFileName: 'App.root',
+        ...options
+    };
+
+    const rootPath = process.env.UNI_INPUT_DIR || join(process.cwd(), 'src');
+    const appRootPath = resolve(rootPath, `${options.rootFileName}.vue`);
+    const pagesPath = resolve(rootPath, 'pages.json');
+
+    let pagesJson = loadPagesJson(pagesPath, rootPath);
+    let watcher: ReturnType<typeof watch> | null = null;
+    let hasPlatformPlugin = false;
+
+    const normalizedAppRoot = normalizeId(appRootPath);
+
+    return {
+        name: 'vite-plugin-uni-root',
+        enforce: 'pre', // 在其他插件之前执行，确保页面模板先被包裹
+
+        configResolved({ plugins }) {
+            // 检测是否有 uni-platform 插件，用于处理平台特定页面路径（如 .mp-weixin.vue）
+            hasPlatformPlugin = plugins.some(v => v.name === 'vite-plugin-uni-platform');
+        },
+
+        configureServer(server) {
+            // 监听 pages.json 变更，HMR 热重载页面列表
+            const reload = debounce(() => {
+                try {
+                    pagesJson = loadPagesJson(pagesPath, rootPath);
+                    server.ws.send({ type: 'full-reload' });
+                } catch (e) {
+                    console.error('[vite-plugin-uni-root] pages.json reload failed:', e);
+                }
+            }, 100);
+
+            watcher = watch(pagesPath, eventType => {
+                if (eventType === 'change') reload();
+            });
+        },
+
+        load(id) {
+            const normalizedId = normalizeId(id);
+            // 只拦截根 SFC 请求，不拦截 Vue 子模块请求（如 ?vue&type=script）
+            if (normalizedId === normalizedAppRoot) {
+                const code = readFileSync(appRootPath, 'utf-8');
+                return rebuildRootApp(code).code;
+            }
+        },
+
+        async transform(code, id) {
+            const normalizedId = normalizeId(id);
+            const normalizedRootPath = normalizeId(rootPath);
+
+            // 注入 App.root.vue 的导入，并注册为全局组件 global-root-view
+            if (normalizedId === `${normalizedRootPath}/main.ts` || normalizedId === `${normalizedRootPath}/main.js`) {
+                return registerRootApp(code, options.rootFileName);
+            }
+
+            // App.root.vue 兜底处理（已在 load 中处理，此处只处理根 SFC）
+            if (normalizedId === normalizedAppRoot) {
+                return rebuildRootApp(code);
+            }
+
+            // 页面模板包裹 <global-root-view>
+            const pageId = hasPlatformPlugin ? normalizePlatformPath(normalizedId) : normalizedId;
+            const isPage = pagesJson.some(p => pageId === p || pageId.startsWith(`${p}?`));
+            if (isPage) {
+                return transformPage(code);
+            }
+        },
+
+        buildEnd() {
+            if (watcher) {
+                watcher.close();
+                watcher = null;
+            }
+        }
+    };
+}
+
+export default UniRoot;
+export type { UniRootOptions };

package/plugins/root/page.ts

@@ -1,54 +1,77 @@
-import { parseSFC, findNode } from './utils';
-
-/**
- * 页面模板转换：将页面内容包裹在 <global-root-view> 中
- *
- * <global-root-view> 是 App.root.vue 注册的全局组件，
- * 其模板中包含 <slot />，页面内容通过插槽传入。
- *
- * 处理逻辑：
- * 1. 解析 SFC，定位 <template> 标签的起止位置
- * 2. 提取模板内容，查找 PageMeta 节点（如有则提取到包裹层外部）
- * 3. 将剩余内容包裹在 <global-root-view>...</global-root-view> 中
- */
-export async function transformPage(code: string) {
-    const sfc = await parseSFC(code);
-
-    if (!sfc.template) return null;
-
-    // 用正则定位 <template> 开头标签
-    const openMatch = code.match(/<template\b[^>]*>/);
-    if (!openMatch) return null;
-
-    // 使用 lastIndexOf 定位最后一个 </template>，即根 <template> 的闭合标签
-    // 避免匹配到模板内具名插槽 <template #slot> 的闭合标签
-    const closeTagStart = code.lastIndexOf('</template>');
-    if (closeTagStart === -1) return null;
-
-    const openTagEnd = openMatch.index! + openMatch[0].length;
-    const content = code.slice(openTagEnd, closeTagStart);
-
-    // 查找 page-meta 节点（如微信小程序原生的 page-meta 组件）
-    const pageMetaNode = findNode(sfc, 'PageMeta');
-    let pageMetaSource = '';
-    let newContent = content;
-
-    if (pageMetaNode) {
-        pageMetaSource = pageMetaNode.loc.source;
-        const metaStart = pageMetaNode.loc.start.offset;
-        const metaEnd = pageMetaNode.loc.end.offset;
-
-        // pageMetaNode.loc 的 offset 是相对于整个文件的，转换为相对于 content 的位置
-        const metaStartInContent = metaStart - openTagEnd;
-        const metaEndInContent = metaEnd - openTagEnd;
-
-        newContent = content.slice(0, metaStartInContent) + content.slice(metaEndInContent);
-    }
-
-    // page-meta 放在包裹层外部，内容包裹在 <global-root-view> 中
-    const wrappedContent = `\n${pageMetaSource}\n<global-root-view>${newContent}</global-root-view>\n`;
-
-    return {
-        code: code.slice(0, openTagEnd) + wrappedContent + code.slice(closeTagStart)
-    };
-}
+import { parseSFC, findNode } from './utils';
+
+/**
+ * 页面模板转换：将页面内容包裹在 <global-root-view> 中
+ *
+ * <global-root-view> 是 App.root.vue 注册的全局组件，
+ * 其模板中包含 <slot />，页面内容通过插槽传入。
+ *
+ * 处理逻辑：
+ * 1. 解析 SFC，定位 <template> 标签的起止位置
+ * 2. 提取模板内容，查找 PageMeta 节点（如有则提取到包裹层外部）
+ * 3. 将剩余内容包裹在 <global-root-view>...</global-root-view> 中
+ *
+ * 降级机制：当 vue/compiler-sfc 不可用（如 HBuilderX 项目）时，
+ * 使用正则匹配 <page-meta> 标签替代 AST 解析。
+ */
+export async function transformPage(code: string) {
+    const sfc = await parseSFC(code);
+
+    // 用正则定位 <template> 开头标签
+    const openMatch = code.match(/<template\b[^>]*>/);
+    if (!openMatch) return null;
+
+    // 使用 lastIndexOf 定位最后一个 </template>，即根 <template> 的闭合标签
+    // 避免匹配到模板内具名插槽 <template #slot> 的闭合标签
+    const closeTagStart = code.lastIndexOf('</template>');
+    if (closeTagStart === -1) return null;
+
+    const openTagEnd = openMatch.index! + openMatch[0].length;
+    const content = code.slice(openTagEnd, closeTagStart);
+
+    let pageMetaSource = '';
+    let newContent = content;
+
+    if (sfc?.template) {
+        // AST 模式：通过 vue/compiler-sfc 解析，精确定位 PageMeta 节点
+        const pageMetaNode = findNode(sfc, 'PageMeta');
+        if (pageMetaNode) {
+            pageMetaSource = pageMetaNode.loc.source;
+            const metaStart = pageMetaNode.loc.start.offset;
+            const metaEnd = pageMetaNode.loc.end.offset;
+
+            // pageMetaNode.loc 的 offset 是相对于整个文件的，转换为相对于 content 的位置
+            const metaStartInContent = metaStart - openTagEnd;
+            const metaEndInContent = metaEnd - openTagEnd;
+
+            newContent = content.slice(0, metaStartInContent) + content.slice(metaEndInContent);
+        }
+    } else {
+        // 降级模式：vue/compiler-sfc 不可用，用正则匹配 <page-meta> 标签
+        const pageMetaMatch = content.match(/<page-meta\b[^>]*>[\s\S]*?<\/page-meta>/);
+        if (pageMetaMatch) {
+            pageMetaSource = pageMetaMatch[0];
+            newContent = content.replace(pageMetaMatch[0], '');
+        } else {
+            // 也匹配自闭合的 <page-meta ... />
+            const selfClosingMatch = content.match(/<page-meta\b[^>]*\/>/);
+            if (selfClosingMatch) {
+                pageMetaSource = selfClosingMatch[0];
+                newContent = content.replace(selfClosingMatch[0], '');
+            }
+        }
+    }
+
+    // page-meta 放在包裹层外部，内容包裹在 <global-root-view> 中
+    const wrappedContent = `\n${pageMetaSource}\n<global-root-view>${newContent}</global-root-view>\n`;
+
+    return {
+        code: code.slice(0, openTagEnd) + wrappedContent + code.slice(closeTagStart),
+        map: {
+            version: 3 as const,
+            sources: [] as string[],
+            names: [] as string[],
+            mappings: ''
+        }
+    };
+}

package/plugins/root/root.ts

@@ -1,35 +1,53 @@
-/**
- * 向 main.ts 注入 App.root.vue 的导入和全局注册
- *
- * 流程：
- * 1. 在文件顶部插入 `import GlobalRootView from "./App.root.vue"`
- * 2. 在 createSSRApp 之后插入 `app.component("global-root-view", GlobalRootView)`
- *
- * 注：GlobalRootView 仅为 main.ts 中的局部变量名，
- *     实际组件就是 App.root.vue，页面通过 <global-root-view> 标签使用。
- */
-export function registerRootApp(code: string, fileName: string = 'App.root') {
-    const importCode = `import GlobalRootView from "./${fileName}.vue";`;
-    const vueUseComponentCode = `app.component("global-root-view", GlobalRootView);`;
-
-    let newCode = importCode + '\n' + code;
-
-    // 在 createSSRApp 赋值语句之后插入组件注册代码
-    const ssrAppMatch = newCode.match(/(const\s+app\s*=\s*createSSRApp\([^)]+\);)/);
-    if (ssrAppMatch) {
-        newCode = newCode.replace(/(const\s+app\s*=\s*createSSRApp\([^)]+\);)/, `$1\n    ${vueUseComponentCode}`);
-    } else {
-        // 兜底：在 return { 之前插入
-        newCode = newCode.replace(/(createApp[\s\S]*?)(return\s*\{)/, `$1${vueUseComponentCode}\n    $2`);
-    }
-
-    return { code: newCode };
-}
-
-/**
- * App.root.vue 模板中已使用 <slot /> 作为子内容插槽，
- * 无需替换，直接透传。
- */
-export function rebuildRootApp(code: string) {
-    return { code };
-}
+/**
+ * 创建一个最小的 sourcemap，用于满足 Vite/Rollup 的 sourcemap 要求。
+ *
+ * 这是一个空映射的 sourcemap（mappings 为空字符串），不提供精确的源码映射，
+ * 但可以避免 "Sourcemap is likely to be incorrect" 警告。
+ * 调试器会回退到显示转换后的代码，不影响功能。
+ *
+ * 纯 JS 实现，无需第三方依赖。
+ */
+function createEmptySourcemap() {
+    return {
+        version: 3 as const,
+        sources: [] as string[],
+        names: [] as string[],
+        mappings: ''
+    };
+}
+
+/**
+ * 向 main.ts 注入 App.root.vue 的导入和全局注册
+ *
+ * 流程：
+ * 1. 在文件顶部插入 `import GlobalRootView from "./App.root.vue"`
+ * 2. 在 createSSRApp 之后插入 `app.component("global-root-view", GlobalRootView)`
+ *
+ * 注：GlobalRootView 仅为 main.ts 中的局部变量名，
+ *     实际组件就是 App.root.vue，页面通过 <global-root-view> 标签使用。
+ */
+export function registerRootApp(code: string, fileName: string = 'App.root') {
+    const importCode = `import GlobalRootView from "./${fileName}.vue";`;
+    const vueUseComponentCode = `app.component("global-root-view", GlobalRootView);`;
+
+    let newCode = importCode + '\n' + code;
+
+    // 在 createSSRApp 赋值语句之后插入组件注册代码
+    const ssrAppMatch = newCode.match(/(const\s+app\s*=\s*createSSRApp\([^)]+\);)/);
+    if (ssrAppMatch) {
+        newCode = newCode.replace(/(const\s+app\s*=\s*createSSRApp\([^)]+\);)/, `$1\n    ${vueUseComponentCode}`);
+    } else {
+        // 兜底：在 return { 之前插入
+        newCode = newCode.replace(/(createApp[\s\S]*?)(return\s*\{)/, `$1${vueUseComponentCode}\n    $2`);
+    }
+
+    return { code: newCode, map: createEmptySourcemap() };
+}
+
+/**
+ * App.root.vue 模板中已使用 <slot /> 作为子内容插槽，
+ * 无需替换，直接透传。
+ */
+export function rebuildRootApp(code: string) {
+    return { code, map: createEmptySourcemap() };
+}