uview-pro 0.6.18 → 0.6.19

package/plugins/root/page.ts

@@ -1,77 +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> 中
- *
- * 降级机制：当 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: ''
-        }
-    };
-}
+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,53 +1,53 @@
-/**
- * 创建一个最小的 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() };
-}
+/**
+ * 创建一个最小的 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() };
+}

package/theme.scss

@@ -1,149 +1,149 @@
-// 此文件为uView的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
-// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
-// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
-
-:root,
-page {
-    /* 纯色 */
-    --u-white-color: #ffffff;
-    --u-white-color-rgb: 255, 255, 255;
-    --u-black-color: #000000;
-    --u-black-color-rgb: 0, 0, 0;
-
-    // 字体色
-    --u-main-color: #303133;
-    --u-main-color-rgb: 48, 49, 51;
-    --u-content-color: #606266;
-    --u-content-color-rgb: 96, 98, 102;
-    --u-tips-color: #909399;
-    --u-tips-color-rgb: 144, 147, 153;
-    --u-light-color: #c0c4cc;
-    --u-light-color-rgb: 192, 196, 204;
-
-    // 边框色
-    --u-border-color: #dcdfe6;
-    --u-border-color-rgb: 220, 223, 230;
-    --u-divider-color: #e4e7ed;
-    --u-divider-color-rgb: 228, 231, 237;
-
-    // 遮罩色
-    --u-mask-color: rgba(0, 0, 0, 0.4);
-    --u-shadow-color: rgba(0, 0, 0, 0.1);
-
-    /* 背景色 */
-    --u-bg-color: #f3f4f6;
-    --u-bg-color-rgb: 243, 244, 246;
-    --u-bg-white: #ffffff;
-    --u-bg-white-rgb: 255, 255, 255;
-    --u-bg-gray-light: #f1f1f1;
-    --u-bg-gray-light-rgb: 241, 241, 241;
-    --u-bg-gray-dark: #2f343c;
-    --u-bg-gray-dark-rgb: 47, 52, 60;
-    --u-bg-black: #000000;
-    --u-bg-black-rgb: 0, 0, 0;
-
-    /* 主色 */
-    --u-type-primary: #2979ff;
-    --u-type-primary-rgb: 41, 121, 255;
-    --u-type-primary-disabled: #a0cfff;
-    --u-type-primary-disabled-rgb: 160, 207, 255;
-    --u-type-primary-dark: #2b85e4;
-    --u-type-primary-dark-rgb: 43, 133, 228;
-    --u-type-primary-light: #ecf5ff;
-    --u-type-primary-light-rgb: 236, 245, 255;
-
-    /* 警告色 */
-    --u-type-warning: #ff9900;
-    --u-type-warning-rgb: 255, 153, 0;
-    --u-type-warning-disabled: #fcbd71;
-    --u-type-warning-disabled-rgb: 252, 189, 113;
-    --u-type-warning-dark: #f29100;
-    --u-type-warning-dark-rgb: 242, 145, 0;
-    --u-type-warning-light: #fdf6ec;
-    --u-type-warning-light-rgb: 253, 246, 236;
-
-    /* 成功色 */
-    --u-type-success: #19be6b;
-    --u-type-success-rgb: 25, 190, 107;
-    --u-type-success-disabled: #71d5a1;
-    --u-type-success-disabled-rgb: 113, 213, 161;
-    --u-type-success-dark: #18b566;
-    --u-type-success-dark-rgb: 24, 181, 102;
-    --u-type-success-light: #dbf1e1;
-    --u-type-success-light-rgb: 219, 241, 225;
-
-    /* 错误色 */
-    --u-type-error: #fa3534;
-    --u-type-error-rgb: 250, 53, 52;
-    --u-type-error-disabled: #fab6b6;
-    --u-type-error-disabled-rgb: 250, 182, 182;
-    --u-type-error-dark: #dd6161;
-    --u-type-error-dark-rgb: 221, 97, 97;
-    --u-type-error-light: #fef0f0;
-    --u-type-error-light-rgb: 254, 240, 240;
-
-    /* 信息色 */
-    --u-type-info: #909399;
-    --u-type-info-rgb: 144, 147, 153;
-    --u-type-info-disabled: #c8c9cc;
-    --u-type-info-disabled-rgb: 200, 201, 204;
-    --u-type-info-dark: #82848a;
-    --u-type-info-dark-rgb: 130, 132, 138;
-    --u-type-info-light: #f4f4f5;
-    --u-type-info-light-rgb: 244, 244, 245;
-}
-
-// 纯色
-$u-white-color: var(--u-white-color);
-$u-black-color: var(--u-black-color);
-
-// 字体色
-$u-main-color: var(--u-main-color);
-$u-content-color: var(--u-content-color);
-$u-tips-color: var(--u-tips-color);
-$u-light-color: var(--u-light-color);
-
-// 边框色
-$u-border-color: var(--u-border-color);
-$u-divider-color: var(--u-divider-color);
-
-// 遮罩色
-$u-mask-color: var(--u-mask-color);
-$u-shadow-color: var(--u-shadow-color);
-
-// 背景色
-$u-bg-color: var(--u-bg-color);
-$u-bg-white: var(--u-bg-white);
-$u-bg-gray-light: var(--u-bg-gray-light);
-$u-bg-gray-dark: var(--u-bg-gray-dark);
-$u-bg-black: var(--u-bg-black);
-
-// 主色
-$u-type-primary: var(--u-type-primary);
-$u-type-primary-light: var(--u-type-primary-light);
-$u-type-primary-disabled: var(--u-type-primary-disabled);
-$u-type-primary-dark: var(--u-type-primary-dark);
-
-// 警告色
-$u-type-warning: var(--u-type-warning);
-$u-type-warning-disabled: var(--u-type-warning-disabled);
-$u-type-warning-dark: var(--u-type-warning-dark);
-$u-type-warning-light: var(--u-type-warning-light);
-
-// 成功色
-$u-type-success: var(--u-type-success);
-$u-type-success-disabled: var(--u-type-success-disabled);
-$u-type-success-dark: var(--u-type-success-dark);
-$u-type-success-light: var(--u-type-success-light);
-
-// 错误色
-$u-type-error: var(--u-type-error);
-$u-type-error-disabled: var(--u-type-error-disabled);
-$u-type-error-dark: var(--u-type-error-dark);
-$u-type-error-light: var(--u-type-error-light);
-
-// 信息色
-$u-type-info: var(--u-type-info);
-$u-type-info-disabled: var(--u-type-info-disabled);
-$u-type-info-dark: var(--u-type-info-dark);
-$u-type-info-light: var(--u-type-info-light);
+// 此文件为uView的主题变量，这些变量目前只能通过uni.scss引入才有效，另外由于
+// uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中，造成微信程序包太大，
+// 故uni.scss只建议放scss变量名相关样式，其他的样式可以通过main.js或者App.vue引入
+
+:root,
+page {
+    /* 纯色 */
+    --u-white-color: #ffffff;
+    --u-white-color-rgb: 255, 255, 255;
+    --u-black-color: #000000;
+    --u-black-color-rgb: 0, 0, 0;
+
+    // 字体色
+    --u-main-color: #303133;
+    --u-main-color-rgb: 48, 49, 51;
+    --u-content-color: #606266;
+    --u-content-color-rgb: 96, 98, 102;
+    --u-tips-color: #909399;
+    --u-tips-color-rgb: 144, 147, 153;
+    --u-light-color: #c0c4cc;
+    --u-light-color-rgb: 192, 196, 204;
+
+    // 边框色
+    --u-border-color: #dcdfe6;
+    --u-border-color-rgb: 220, 223, 230;
+    --u-divider-color: #e4e7ed;
+    --u-divider-color-rgb: 228, 231, 237;
+
+    // 遮罩色
+    --u-mask-color: rgba(0, 0, 0, 0.4);
+    --u-shadow-color: rgba(0, 0, 0, 0.1);
+
+    /* 背景色 */
+    --u-bg-color: #f3f4f6;
+    --u-bg-color-rgb: 243, 244, 246;
+    --u-bg-white: #ffffff;
+    --u-bg-white-rgb: 255, 255, 255;
+    --u-bg-gray-light: #f1f1f1;
+    --u-bg-gray-light-rgb: 241, 241, 241;
+    --u-bg-gray-dark: #2f343c;
+    --u-bg-gray-dark-rgb: 47, 52, 60;
+    --u-bg-black: #000000;
+    --u-bg-black-rgb: 0, 0, 0;
+
+    /* 主色 */
+    --u-type-primary: #2979ff;
+    --u-type-primary-rgb: 41, 121, 255;
+    --u-type-primary-disabled: #a0cfff;
+    --u-type-primary-disabled-rgb: 160, 207, 255;
+    --u-type-primary-dark: #2b85e4;
+    --u-type-primary-dark-rgb: 43, 133, 228;
+    --u-type-primary-light: #ecf5ff;
+    --u-type-primary-light-rgb: 236, 245, 255;
+
+    /* 警告色 */
+    --u-type-warning: #ff9900;
+    --u-type-warning-rgb: 255, 153, 0;
+    --u-type-warning-disabled: #fcbd71;
+    --u-type-warning-disabled-rgb: 252, 189, 113;
+    --u-type-warning-dark: #f29100;
+    --u-type-warning-dark-rgb: 242, 145, 0;
+    --u-type-warning-light: #fdf6ec;
+    --u-type-warning-light-rgb: 253, 246, 236;
+
+    /* 成功色 */
+    --u-type-success: #19be6b;
+    --u-type-success-rgb: 25, 190, 107;
+    --u-type-success-disabled: #71d5a1;
+    --u-type-success-disabled-rgb: 113, 213, 161;
+    --u-type-success-dark: #18b566;
+    --u-type-success-dark-rgb: 24, 181, 102;
+    --u-type-success-light: #dbf1e1;
+    --u-type-success-light-rgb: 219, 241, 225;
+
+    /* 错误色 */
+    --u-type-error: #fa3534;
+    --u-type-error-rgb: 250, 53, 52;
+    --u-type-error-disabled: #fab6b6;
+    --u-type-error-disabled-rgb: 250, 182, 182;
+    --u-type-error-dark: #dd6161;
+    --u-type-error-dark-rgb: 221, 97, 97;
+    --u-type-error-light: #fef0f0;
+    --u-type-error-light-rgb: 254, 240, 240;
+
+    /* 信息色 */
+    --u-type-info: #909399;
+    --u-type-info-rgb: 144, 147, 153;
+    --u-type-info-disabled: #c8c9cc;
+    --u-type-info-disabled-rgb: 200, 201, 204;
+    --u-type-info-dark: #82848a;
+    --u-type-info-dark-rgb: 130, 132, 138;
+    --u-type-info-light: #f4f4f5;
+    --u-type-info-light-rgb: 244, 244, 245;
+}
+
+// 纯色
+$u-white-color: var(--u-white-color);
+$u-black-color: var(--u-black-color);
+
+// 字体色
+$u-main-color: var(--u-main-color);
+$u-content-color: var(--u-content-color);
+$u-tips-color: var(--u-tips-color);
+$u-light-color: var(--u-light-color);
+
+// 边框色
+$u-border-color: var(--u-border-color);
+$u-divider-color: var(--u-divider-color);
+
+// 遮罩色
+$u-mask-color: var(--u-mask-color);
+$u-shadow-color: var(--u-shadow-color);
+
+// 背景色
+$u-bg-color: var(--u-bg-color);
+$u-bg-white: var(--u-bg-white);
+$u-bg-gray-light: var(--u-bg-gray-light);
+$u-bg-gray-dark: var(--u-bg-gray-dark);
+$u-bg-black: var(--u-bg-black);
+
+// 主色
+$u-type-primary: var(--u-type-primary);
+$u-type-primary-light: var(--u-type-primary-light);
+$u-type-primary-disabled: var(--u-type-primary-disabled);
+$u-type-primary-dark: var(--u-type-primary-dark);
+
+// 警告色
+$u-type-warning: var(--u-type-warning);
+$u-type-warning-disabled: var(--u-type-warning-disabled);
+$u-type-warning-dark: var(--u-type-warning-dark);
+$u-type-warning-light: var(--u-type-warning-light);
+
+// 成功色
+$u-type-success: var(--u-type-success);
+$u-type-success-disabled: var(--u-type-success-disabled);
+$u-type-success-dark: var(--u-type-success-dark);
+$u-type-success-light: var(--u-type-success-light);
+
+// 错误色
+$u-type-error: var(--u-type-error);
+$u-type-error-disabled: var(--u-type-error-disabled);
+$u-type-error-dark: var(--u-type-error-dark);
+$u-type-error-light: var(--u-type-error-light);
+
+// 信息色
+$u-type-info: var(--u-type-info);
+$u-type-info-disabled: var(--u-type-info-disabled);
+$u-type-info-dark: var(--u-type-info-dark);
+$u-type-info-light: var(--u-type-info-light);