From e9799a5b4b9f221447cba49e8fbf7bea6b6c0c42 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Wed, 09 Apr 2025 20:25:41 +0800 Subject: [PATCH] 实现微信获取头像组件(小程序原生组件) --- bases/Pilot.js | 70 ++++++++++++++++++++++++---------- 1 files changed, 49 insertions(+), 21 deletions(-) diff --git a/bases/Pilot.js b/bases/Pilot.js index 7a849af..80de29a 100644 --- a/bases/Pilot.js +++ b/bases/Pilot.js @@ -8,9 +8,7 @@ import project from '@project'; export class Pilot { - - constructor() { - } + constructor() {} $data() { return {}; @@ -21,10 +19,15 @@ methods: {}, }; const names = []; + let parent = null; // 实例本身的字段 Object.getOwnPropertyNames(this).forEach(name => names.push(name)); - // 类的字段 - Object.getOwnPropertyNames(Object.getPrototypeOf(this)).forEach(name => names.push(name)); + // 基类的字段,直到Pilot为止(不含Pilot) + parent = Object.getPrototypeOf(this); + while (parent instanceof Pilot) { + Object.getOwnPropertyNames(parent).forEach(name => names.push(name)); + parent = Object.getPrototypeOf(parent); + } // 传递 names.forEach(name => { // 构造器忽略,如果存在属性 $methods 也忽略 @@ -63,9 +66,11 @@ created() { const instance = getCurrentInstance(); instance.page.$component = this; - // 绑定方法到页面实例 + // 跨页消息发送 this.$poster = Pilot.createPoster(this); + // 跨页接收消息 this.$onMessage = onMessage || (() => null); + // 跨端接收消息 this.$onBridge = onBridge || (() => null); // 实际生命周期回调 created && created.call(this); @@ -91,11 +96,11 @@ // 创建页面通讯器 static createPoster($vm) { return (pageType, action, data) => { - // 解除引用关系 + // 解除原引用关系、移除非数据内容 const nextData = JSON.parse(JSON.stringify(data || {})); - // 下一页 + // 传递消息到下一页 if (pageType === 'nextPage') { - // 持续 3 秒,检测下一页是否存在 + // 持续 3 秒,检测下一页是否存在,如果 3 秒内未创建下一页,忽略 let count = 0; const timer = setInterval(() => { if (++count > 60) { @@ -106,20 +111,44 @@ const nextPage = currentPages[pageIndex + 1]; if (nextPage) { clearInterval(timer); - nextPage.$component.$onMessage(action, nextData); + setTimeout(() => { + nextPage.$component?.$onMessage(action, nextData); + }, 0); } }, 50); - } else if (pageType === 'prevPage') { + } + // 传递消息到上一页,上一页的上一页,依次直到首页 + else if (pageType === 'prevPage') { + const currentPages = getCurrentPages(); + let pageIndex = currentPages.findIndex(page => page.$component === $vm); + while (pageIndex - 1 >= 0) { + const prevPage = currentPages[pageIndex - 1]; + if (prevPage) { + prevPage.$component?.$onMessage(action, nextData); + } + pageIndex--; + } + } + // 传递消息到原地新页(redirectTo原地新开页面) + else if (pageType === 'sitePage') { const currentPages = getCurrentPages(); const pageIndex = currentPages.findIndex(page => page.$component === $vm); - const prevPage = currentPages[pageIndex - 1]; - if (prevPage) { - prevPage.$component.$onMessage(action, nextData); - } - } else if (pageType === 'rootPage') { - const currentPages = getCurrentPages(); - const rootPage = currentPages[0]; - rootPage.$component.$onMessage(action, nextData); + const pagePath = currentPages[pageIndex].$taroPath + // 持续 3 秒,检查当前页是否新开,如果 3 秒内没有新开,忽略 + let count = 0; + const timer = setInterval(() => { + if (++count > 60) { + clearInterval(timer); + } + const currentPages = getCurrentPages(); + const sitePage = currentPages[pageIndex]; + if (sitePage.$component !== $vm || sitePage.$taroPath !== pagePath) { + clearInterval(timer); + setTimeout(() => { + sitePage.$component?.$onMessage(action, nextData); + }, 0); + } + }, 50); } }; } @@ -149,5 +178,4 @@ }); return assets2; } - -} \ No newline at end of file +} -- Gitblit v1.9.1