stellar-ui-plus 1.22.201 → 1.23.0

package/common/auto-debug/setupGlobalDebug.ts

@@ -1,11 +1,12 @@
 import { unref } from 'vue';
 export function initDebugTool() {
-    // #ifdef MP-WEIXIN
     if (process.env.NODE_ENV === 'development') {
         const stellarDebugRegistry = new Map<string, Record<string, any>>();
         (globalThis as any).stellarDebugRegistry = stellarDebugRegistry;
 
-        const showDebugInfo = () => {
+        const execFunName = '$vs';
+
+        const printInfo = () => {
             const pages = getCurrentPages();
             if (!pages.length) {
                 console.warn('[StellarUI Debug] 未找到当前页面。');
@@ -29,10 +30,22 @@ export function initDebugTool() {
 
             console.log(`%c[StellarUI Debug] 当前页面: ${route}`, 'color: #409EFF; font-weight: bold;');
             console.table(output);
+            return '';
         };
 
-        (wx as any).showDebugInfo = showDebugInfo;
-        console.log('%c[StellarUI Debug] 调试工具已挂载。在控制台输入 `wx.showDebugInfo()` 查看当前页面变量。', 'color: #409EFF; font-weight: bold;');
+        // #ifdef MP-WEIXIN
+        (wx as any)[execFunName] = printInfo;
+        console.log(`%c[StellarUI Debug] 调试工具已挂载。在控制台输入 ${`wx.${execFunName}()`} 查看当前页面变量。`, 'color: #409EFF; font-weight: bold;');
+        // #endif
+
+        // #ifdef MP-ALIPAY
+        (my as any)[execFunName] = printInfo;
+        console.log(`%c[StellarUI Debug] 调试工具已挂载。在控制台输入 ${`my.${execFunName}()`} 查看当前页面变量。`, 'color: #409EFF; font-weight: bold;');
+        // #endif
+
+        // #ifdef WEB || H5
+        (window as any)[execFunName] = printInfo;
+        console.log(`%c[StellarUI Debug] 调试工具已挂载。在控制台输入 ${`${execFunName}()`} 查看当前页面变量。`, 'color: #409EFF; font-weight: bold;');
+        // #endif
     }
-    // #endif
 }

package/common/auto-debug/useStellarDebug.ts

@@ -1,32 +1,26 @@
-import { onShow } from '@dcloudio/uni-app'
-
-/**
- * 手动注册需要调试的变量。
- * 在需要调试的页面的 <script setup> 中调用此函数。
- * 
- * @example
- * import { useStellarDebug } from '@/composables/useStellarDebug';
- * const myVar = ref(0);
- * const myReactive = reactive({ a: 1 });
- * useStellarDebug({ myVar, myReactive });
- * 
- * @param data 包含需要调试的变量的对象。
- */
-export function useStellarDebug(data: Record<string, any>) {
-  if (process.env.NODE_ENV !== 'development') {
-    return
-  }
-
-  onShow(() => {
-    const pages = getCurrentPages()
-    if (!pages.length) return
-
-    const currentPage = pages[pages.length - 1]
-    const route = currentPage.route
-
-    if (route && (globalThis as any).stellarDebugRegistry) {
-      (globalThis as any).stellarDebugRegistry.set(route, data)
-      console.log(`%c[StellarUI Debug] 成功为页面 ${route} 手动注册调试变量。`, 'color: #67C23A;')
-    }
-  })
-}
+import { onLoad } from '@dcloudio/uni-app';
+
+/**
+ * 手动注册需要调试的变量。
+ * 在需要调试的页面的 <script setup> 中调用此函数。
+ *
+ * @param data 包含需要调试的变量的对象。
+ */
+export function useStellarDebug(data: Record<string, any>) {
+    onLoad(() => {
+        if (process.env.NODE_ENV !== 'development') {
+            return;
+        }
+
+        const pages = getCurrentPages();
+        if (!pages.length) return;
+
+        const currentPage = pages[pages.length - 1];
+        const route = currentPage.route;
+
+        if (route && (globalThis as any).stellarDebugRegistry) {
+            (globalThis as any).stellarDebugRegistry.set(route, data);
+            console.log(`%c[StellarUI Debug] 成功为页面 ${route} 手动注册调试变量。`, 'color: #67C23A;');
+        }
+    });
+}

package/common/auto-debug/vite-plugin-auto-debug.js

@@ -1,68 +1,66 @@
-import { parse, compileScript } from '@vue/compiler-sfc';
-
-export default function autoDebugPlugin() {
-    return {
-        name: 'vite-plugin-auto-debug',
-        enforce: 'pre', // <-- 移除 'as const'
-        transform(code, id) {
-            const isPage = id.endsWith('.vue') && (id.includes('/src/pages/') || id.includes('/src/subPackages'));
-            if (!isPage) return null;
-
-            const { descriptor } = parse(code);
-
-            if (!descriptor.scriptSetup) {
-                return null;
-            }
-
-            let scriptContent = descriptor.scriptSetup.content;
-            let scriptLang = descriptor.scriptSetup.lang || 'js';
-
-            const { bindings } = compileScript(descriptor, { id });
-
-            if (!bindings) {
-                return null;
-            }
-
-            const debugVars = Object.keys(bindings).filter(key => ['setup-ref', 'setup-reactive-const', 'setup-computed', 'setup-shallow-ref'].includes(bindings[key]));
-
-            if (debugVars.length === 0) {
-                return null;
-            }
-
-            const injectionCall = `
-        import { useStellarDebug } from 'stellar-ui-plus/common/auto-debug/useStellarDebug';
-        import { onShow } from '@dcloudio/uni-app';
-        onShow(() => {
-          useStellarDebug({ ${debugVars.join(', ')} });
-        });
-      `;
-
-            let newScriptContent = scriptContent + injectionCall;
-
-            let newCode = '';
-
-            if (descriptor.template) {
-                const attrs = Object.keys(descriptor.template.attrs)
-                    .map(key => `${key}="${key === 'lang' ? descriptor.template.attrs[key] : descriptor.template.attrs[key]}"`)
-                    .join(' ');
-                newCode += `<template ${attrs ? ` ${attrs}` : ''}>\n${descriptor.template.content}\n</template>\n`;
-            }
-
-            newCode += `<script setup${scriptLang ? ` lang="${scriptLang}"` : ''}>\n${newScriptContent}\n</script>\n`;
-
-            if (descriptor.styles) {
-                descriptor.styles.forEach(style => {
-                    const attrs = Object.keys(style.attrs)
-                        .map(key => `${key}="${key === 'lang' ? style.attrs[key] : style.attrs[key]}"`)
-                        .join(' ');
-                    newCode += `<style${attrs ? ` ${attrs}` : ''}>\n${style.content}\n</style>\n`;
-                });
-            }
-
-            return {
-                code: newCode,
-                map: null,
-            };
-        },
-    };
-}
+import { parse, compileScript } from '@vue/compiler-sfc';
+
+export default function autoDebugPlugin(dirName) {
+    return {
+        name: 'vite-plugin-auto-debug',
+        enforce: 'pre',
+        transform(code, id) {
+            const isPage = id.endsWith('.vue') && (id.includes('/src/pages/') || id.includes('/src/subPackages') || (dirName && id.includes(dirName)));
+
+            if (!isPage) return null;
+
+            const { descriptor } = parse(code);
+
+            if (!descriptor.scriptSetup) {
+                return null;
+            }
+
+            let scriptContent = descriptor.scriptSetup.content;
+            let scriptLang = descriptor.scriptSetup.lang || 'js';
+
+            const { bindings } = compileScript(descriptor, { id });
+
+            if (!bindings) {
+                return null;
+            }
+
+            const debugVars = Object.keys(bindings).filter(key => ['setup-ref', 'setup-reactive-const', 'setup-computed', 'setup-shallow-ref'].includes(bindings[key]));
+
+            if (debugVars.length === 0) {
+                return null;
+            }
+
+            const injectionCall = `
+        import { useStellarDebug } from 'stellar-ui-plus/common/auto-debug/useStellarDebug';
+        useStellarDebug({ ${debugVars.join(', ')} });
+      `;
+
+            let newScriptContent = scriptContent + injectionCall;
+
+            let newCode = '';
+
+            if (descriptor.template) {
+                const attrs = Object.keys(descriptor.template.attrs)
+                    .map(key => `${key}="${key === 'lang' ? descriptor.template.attrs[key] : descriptor.template.attrs[key]}"`)
+                    .join(' ');
+                newCode += `<template ${attrs ? ` ${attrs}` : ''}>\n${descriptor.template.content}\n</template>\n`;
+            }
+
+            newCode += `<script setup${scriptLang ? ` lang="${scriptLang}"` : ''}>\n${newScriptContent}\n</script>\n`;
+
+            if (descriptor.styles) {
+                descriptor.styles.forEach(style => {
+                    const attrs = Object.keys(style.attrs)
+                        .map(key => `${key}="${key === 'lang' ? style.attrs[key] : style.attrs[key]}"`)
+                        .join(' ');
+                    newCode += `<style${attrs ? ` ${attrs}` : ''}>\n${style.content}\n</style>\n`;
+                });
+            }
+
+            return {
+                code: newCode,
+                map: null,
+            };
+        },
+    };
+}

package/components/ste-app-update/ATTRIBUTES.md

@@ -4,5 +4,13 @@
 | `clientId` | 应用编码 | `string` | `` | - | - |
 | `clientSecret` | 应用密钥 | `string` | `` | - | - |
 | `apiUrl` | 更新API地址 | `string` | `https://zboa.whzb.com/inte-cloud-dev/blade-system/api/inte/client/ver/currentDetail` | - | - |
+| `appType` | APP环境,版本号的最后一位为环境标识 | `string` | `` | - | - |
+| `btnText` | 立即体验按钮文本 | `string` | `立即体验` | - | - |
 
 
+#### Events
+| 事件名 | 说明  | 事件参数 | 支持版本 |
+| ----- | ----- | ------- | -------- |
+| `cancel` | 取消更新 | - | - |
+| `update` | 发现新版时本触发 | - | - |
+| `no-update` | 没有新版时本触发 | - | - |

package/components/ste-app-update/README.md

@@ -9,6 +9,8 @@
 - 属性`clientId`用于设置APP的应用编码
 - 属性`clientSecret`用于设置APP的应用密钥
 - 函数`start`用于开始检查更新
+- 回调事`cancel`取消更新
+- 回调事`complete`取消，成功更新都会执行
 
 ```html
 <script setup lang="ts">

package/components/ste-app-update/method.ts

@@ -50,16 +50,21 @@ export interface ClientData {
 
 export function download(
     data: ClientData,
-    { success, error, onProgressUpdate }: { success?: () => void; error?: (e: any) => void; onProgressUpdate?: (res: UniApp.OnProgressDownloadResult) => void }
+    {
+        success,
+        error,
+        onProgressUpdate,
+        downloadSuccess,
+    }: { success?: () => void; error?: (e: any) => void; downloadSuccess?: (tempFilePath: string) => void; onProgressUpdate?: (res: UniApp.OnProgressDownloadResult) => void }
 ) {
     const package_type = data.package_type;
     const downloadTask = uni.downloadFile({
         url: data.updateFile,
         success: res => {
             if (res.statusCode === 200) {
+                downloadSuccess && downloadSuccess(res.tempFilePath);
                 plus.runtime.install(
                     res.tempFilePath,
-                    //true表示强制安装，不进行版本号的校验；false则需要版本号校验，
                     { force: true },
                     () => {
                         // wgt升级
@@ -74,11 +79,13 @@ export function download(
                                     plus.runtime.restart();
                                 },
                             });
+                        } else {
+                            // 整包升级
+                            success && success();
                         }
                     },
                     e => {
                         //提示部分wgt包无法安装的问题
-                        data.isForce = false;
                         uni.showModal({
                             title: '提示',
                             content: e.message,
@@ -89,12 +96,6 @@ export function download(
                         });
                     }
                 );
-                // 整包升级
-                if (package_type == 0) {
-                    // 解决安装app点击取消，更新还在的问题
-                    data.isForce = false;
-                    success && success();
-                }
             }
         },
     });

package/components/ste-app-update/props.ts

@@ -14,4 +14,14 @@ export default {
         type: String,
         default: () => 'https://zboa.whzb.com/inte-cloud-dev/blade-system/api/inte/client/ver/currentDetail',
     },
+    /** APP环境,版本号的最后一位为环境标识 */
+    appType: {
+        type: String,
+        default: () => '',
+    },
+    /** 立即体验按钮文本 */
+    btnText: {
+        type: String,
+        default: () => '立即体验',
+    },
 };

package/components/ste-app-update/ste-app-update.easycom.json

@@ -21,6 +21,33 @@
             "description": "更新API地址",
             "type": "string",
             "default": "https://zboa.whzb.com/inte-cloud-dev/blade-system/api/inte/client/ver/currentDetail"
+        },
+        {
+            "name": "appType",
+            "description": "APP环境,版本号的最后一位为环境标识",
+            "type": "string",
+            "default": ""
+        },
+        {
+            "name": "btnText",
+            "description": "立即体验按钮文本",
+            "type": "string",
+            "default": "立即体验"
+        },
+        {
+            "name": "[event]cancel",
+            "description": "取消更新",
+            "type": "() => void"
+        },
+        {
+            "name": "[event]update",
+            "description": "发现新版时本触发",
+            "type": "() => void"
+        },
+        {
+            "name": "[event]no-update",
+            "description": "没有新版时本触发",
+            "type": "() => void"
         }
     ]
 }