@uxda/appkit 4.2.96 → 4.2.98

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxda/appkit",
-  "version": "4.2.96",
+  "version": "4.2.98",
   "description": "小程序应用开发包",
   "main": "dist/index.js",
   "module": "dist/index.ts",

package/src/balance/components/AccountView.vue

@@ -4,7 +4,7 @@
       <page-header :title="Taro.getEnv() !== 'WEB' ? '我的账户' : ''" :class="{ 'with-background': scrolled > 0 }"
         @close="onPageHeaderClose" />
       <div class="row jusify-right">
-        <div class="small-bean-button" v-track-click="'click'" @click="onSecondBalanceButtonClick">
+        <div class="small-bean-button" v-track-click @click="onSecondBalanceButtonClick">
           <label class="label">收支明细</label>
         </div>
       </div>
@@ -14,11 +14,11 @@
             <img class="bean-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/gold-bean.png" />
             <div class="bean-tag tag">云豆</div>
           </div>
-          <div v-if="!isAppEnv || (isAppEnv && !isIOS())" class="rule" v-track-click="'click'" @click="rulesPopupOpen = true">规则说明</div>
+          <div v-if="!isAppEnv || (isAppEnv && !isIOS())" class="rule" v-track-click @click="rulesPopupOpen = true">规则说明</div>
         </div>
         <div class="bean-counts spa-between">
           <div class="counts number">{{ formatAmount(balance.total || 0) }}</div>
-          <div v-if="!isAppEnv || (isAppEnv && !isIOS())" class="pay" v-track-click="'click'" @click="gotoRecharge">云豆充值</div>
+          <div v-if="!isAppEnv || (isAppEnv && !isIOS())" class="pay" v-track-click @click="gotoRecharge">云豆充值</div>
         </div>
       </div>
       <Tip />
@@ -32,7 +32,7 @@
             <div class="item-title">
               <div>{{ item.title }}</div>
               <div class="item-title-button" v-if="item.id && (!isAppEnv || (isAppEnv && !isIOS()))">
-                <div v-track-click="'click'" @click="gotoTrade(item)">企明星优惠充值</div>
+                <div v-track-click @click="gotoTrade(item)">企明星优惠充值</div>
                 <img class="button-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/button-hg.svg" />
               </div>
             </div>
@@ -47,7 +47,7 @@
             <div class="item-title">
               <div>{{ item.title }}</div>
               <div class="item-title-button" v-if="item.id && (!isAppEnv || (isAppEnv && !isIOS()))">
-                <div v-track-click="'click'" @click="gotoTrade(item)">AI审批充值</div>
+                <div v-track-click @click="gotoTrade(item)">AI审批充值</div>
                 <img class="button-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/button-hg.svg" />
               </div>
             </div>
@@ -93,7 +93,7 @@
               src="https://cdn.ddjf.com/static/images/bpms-workBench/clound-bean-down.png" />
           </div>
         </div>
-        <div class="search" v-track-click="'click'" @click="filterOpen = true">
+        <div class="search" v-track-click @click="filterOpen = true">
           <span class="text">筛选</span>
           <img class="time-icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/clound-bean-select-icon.png" />
         </div>

package/src/balance/components/BalanceCard.vue

@@ -12,7 +12,7 @@
           <div class="bean-nums number">{{ formatAmount(balance.total || 0) }}</div>
         </div>
         <div class="card-row-right">
-          <div class="account-info-entry" v-track-click="'click'" @click="gotoDetail">
+          <div class="account-info-entry" v-track-click @click="gotoDetail">
             <div class="account-info-name">账户明细</div>
             <div class="account-info-icon">
               <img class="icon"
@@ -25,7 +25,7 @@
       <div class="card-row">
         <div class="card-row-left desc">权益使用时自动扣减云豆</div>
         <div class="card-row-right">
-          <div class="pay" v-track-click="'click'" @click="gotoRecharge">
+          <div class="pay" v-track-click @click="gotoRecharge">
             <div>充值</div>
             <img
               class="pay-icon"

package/src/balance/components/BalanceReminder.vue

@@ -11,7 +11,7 @@
           <nut-button class="cancel-button" @click="emit('update:modelValue', false)" block>取消</nut-button>
         </div>
         <div class="col">
-          <nut-button block class="recharge-button" v-track-click="'click'" @click="emit('recharge')">{{ buttonText }}</nut-button>
+          <nut-button block class="recharge-button" v-track-click @click="emit('recharge')">{{ buttonText }}</nut-button>
         </div>
       </div>
     </div>

package/src/balance/components/ConsumptionFilter.vue

@@ -20,7 +20,7 @@
     </div>
     <div class="consumption-filter-btn spa-between">
       <div class="btn" @click="reset">重置</div>
-      <div class="btn confirm" v-track-click="{ event: 'click', elementText: '选择筛选项-确定' }" @click="onOkClick">确定</div>
+      <div class="btn confirm" v-track-click="'选择筛选项-确定'" @click="onOkClick">确定</div>
     </div>
     <div class="consumption-filter-bottom"></div>
   </div>

package/src/balance/components/ConsumptionRules.vue

@@ -20,7 +20,7 @@
         2、产品权益的使用范围：产品权益用于大道云平台各个系统产品的消耗使用，系统包括但不限于企明星、AI审批、电子签约、蜂鸟周转系统、蜂鸟居间系统，各个系统的产品权益仅用于各产品专项使用，无法跨产品使用。
       </div>
     </div>
-    <div class="know" v-track-click="{ event: 'click', elementText: '规则说明-我知道了' }" @click="emit('complete')">我知道了</div>
+    <div class="know" v-track-click="'规则说明-我知道了'" @click="emit('complete')">我知道了</div>
   </div>
 </template>
 

package/src/balance/components/DateFilter.vue

@@ -15,7 +15,7 @@
     </div>
     <div class="buttons spa-between">
       <div class="btn" @click="reset">重置</div>
-      <div class="btn confirm" v-track-click="{ event: 'click', elementText: '日期选择-确定' }" @click="onOkClick">确定</div>
+      <div class="btn confirm" v-track-click="'日期选择-确定'" @click="onOkClick">确定</div>
     </div>
     <div class="bottom"></div>
     <nut-popup v-model:visible="datePickerOpen" class="appkit-date-filter-picker-popup" position="bottom"

package/src/balance/components/DateRange.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="date-range" v-track-click="{ event: 'click', elementText: '日期范围-点击' }" @click="openDateRangePicker">
+  <div class="date-range" v-track-click="'日期范围-点击'" @click="openDateRangePicker">
     <div class="text">{{ dateRangeDisplay }}</div>
     <img style="margin-top: -2px" class="time-icon"
       src="https://cdn.ddjf.com/static/images/bpms-workBench/clound-bean-down.png" />

package/src/balance/components/ListFilter.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="list-filter" v-track-click="{ event: 'click', elementText: '筛选-点击' }" @click="openPicker">
+  <div class="list-filter" v-track-click="'筛选-点击'" @click="openPicker">
     <span class="text">筛选</span>
     <img class="icon" src="https://cdn.ddjf.com/static/images/bpms-workBench/clound-bean-select-icon.png" />
   </div>

package/src/balance/components/ListFilterPicker.vue

@@ -16,7 +16,7 @@
     </div>
     <div class="list-filter-picker-btn spa-between">
       <div class="btn" @click="reset">重置</div>
-      <div class="btn confirm" v-track-click="{ event: 'click', elementText: '选择筛选项-确定' }" @click="onOkClick">确定</div>
+      <div class="btn confirm" v-track-click="'选择筛选项-确定'" @click="onOkClick">确定</div>
     </div>
     <div class="list-filter-picker-bottom"></div>
   </div>

package/src/balance/components/PromoterCard.vue

@@ -8,7 +8,7 @@
       </div>
       <slot name="tab-btn"></slot>
     </div>
-    <div class="promoter-card-hd" v-track-click="'click'" @click="emits('blance', tab)"
+    <div class="promoter-card-hd" v-track-click @click="emits('blance', tab)"
       v-if="applyRecord.distributorFlag === 'Y' || applyRecord.accessCheckStatus === 'Y'">
       <div class="promoter-card-hd-num number">{{ formatAmount(promoter.allowWithdrawalBalance || 0) }}</div>
       <div class="promoter-card-hd-info">可提现余额(元)</div>
@@ -24,9 +24,9 @@
         </template>
         <template v-else>
           <div class="promoter-card-ft-info">产品销售收益(元)
-            <IconFont class="icon" name="ask" v-track-click="{event: 'click', elementText: '产品销售收益-说明'}" @click="onHelpClick('profits')" />
+            <IconFont class="icon" name="ask" v-track-click="'产品销售收益-说明'" @click="onHelpClick('profits')" />
           </div>
-          <div class="promoter-card-ft-num number" v-track-click="'click'" @click="emits('profits', tab)">
+          <div class="promoter-card-ft-num number" v-track-click @click="emits('profits', tab)">
             {{ formatAmount(promoter.totalIncome || 0) }}
             <img class="arrow-img" :src="arrowImg" alt="">
           </div>
@@ -37,9 +37,9 @@
       </div>
       <div class="promoter-card-ft-item" v-if="applyRecord.distributorFlag === 'Y'">
         <div class="promoter-card-ft-info">分销返佣收益(元)
-          <IconFont class="icon" name="ask" v-track-click="{event: 'click', elementText: '分销返佣收益-说明'}" @click="onHelpClick('rebate')" />
+          <IconFont class="icon" name="ask" v-track-click="'分销返佣收益-说明'" @click="onHelpClick('rebate')" />
         </div>
-        <div class="promoter-card-ft-num number" v-track-click="'click'" @click="emits('rebate', tab)">
+        <div class="promoter-card-ft-num number" v-track-click @click="emits('rebate', tab)">
           {{ formatAmount(promoter.totalRebateIncome || 0) }}
           <img class="arrow-img" :src="arrowImg" alt="">
         </div>

package/src/components/dd-notice-bar/index.vue

@@ -16,11 +16,11 @@ function txtClick() {
 
 <template>
   <div class="dd-notice-bar" :class="{ close: showClose }" :style="style">
-    <div class="dd-notice-bar__txt" name="text" v-track-click="{event: 'click', elementText: '通知栏-文本'}" @click="txtClick">
+    <div class="dd-notice-bar__txt" name="text" v-track-click="'通知栏-文本'" @click="txtClick">
       <span v-if="text">{{ text }}</span>
       <slot></slot>
     </div>
-    <div v-if="showClose" class="dd-notice-bar__close" v-track-click="{event: 'click', elementText: '通知栏-关闭'}" @click="close">
+    <div v-if="showClose" class="dd-notice-bar__close" v-track-click="'通知栏-关闭'" @click="close">
       <img
         src="https://cdn.ddjf.com/static/images/wechat-yunservice/close-icon.png"
         class="dd-notice-bar__close-img"

package/src/notice/components/NoticeBanner.vue

@@ -2,12 +2,12 @@
   <div class="notice-banner" :class="{ fixed: fixed }" :style="topStype" v-if="bannerMessages.length"
     @touchstart="onTouchStart" @touchend="onTouchEnd">
     <DdNoticeBar :class="{ show: key === activeKey }" v-for="(item, key) in bannerMessages" :key="key"
-      :showClose="item.noticeType === 0" v-track-click="{event: 'click', elementText: '通知栏-关闭'}" @close="onClose(item, key)">
+      :showClose="item.noticeType === 0" v-track-click="'通知栏-关闭'" @close="onClose(item, key)">
       <img class="notice-banner-icon" src="https://cdn.ddjf.com/static/images/customer-center/notice-icon.png" alt="" />
       <div class="notice-banner-text">
         {{ item.context }}
       </div>
-      <div class="notice-banner-btn" v-track-click="{event: 'click', elementText: '通知栏-详情'}" @click="onDetail(item)">详情</div>
+      <div class="notice-banner-btn" v-track-click="'通知栏-详情'" @click="onDetail(item)">详情</div>
     </DdNoticeBar>
   </div>
 

package/src/notice/components/NoticeList.vue

@@ -6,7 +6,7 @@
       <div class="wrapper" v-if="list.length">
         <ScrollView class="content" :scroll-y="true" :refresher-enabled="true" :refresherTriggered="isRefresh"
           @refresherrefresh="onRefresh" :lower-threshold="100" @scrolltolower="runNext" bindscroll="">
-          <div class="card" :class="{ active: item.isRead != '1' }" v-for="(item, index) in list" :key="index" v-track-click="{event: 'click', elementText: '消息详情'}"
+          <div class="card" :class="{ active: item.isRead != '1' }" v-for="(item, index) in list" :key="index" v-track-click="'消息详情'"
             @click="notifyRead(item, index)">
             <div class="point"></div>
             <div>
@@ -20,7 +20,7 @@
               </div>
               <div class="text" :class="{ gray: item.isRead == '1' }">
                 <rich-text style="white-space: pre-wrap" :nodes="item.context"></rich-text>
-                <span v-if="item.link && item.msgType == 3" class="notice-list-file" v-track-click="{event: 'click', elementText: '消息详情-附件'}" @click="onNoticeView(item.link)">
+                <span v-if="item.link && item.msgType == 3" class="notice-list-file" v-track-click="'消息详情-附件'" @click="onNoticeView(item.link)">
                   查看附件
                 </span>
               </div>

package/src/notice/components/NoticeList2.vue

@@ -18,7 +18,7 @@
         <ns-tabs-item key="未读" tab="未读"></ns-tabs-item>
       </ns-tabs>
       <div v-if="state.list.length > 0" class="read-all">
-        <div v-track-click="'click'" class="btn"  @click="readAll">全部已读</div>
+        <div v-track-click class="btn"  @click="readAll">全部已读</div>
       </div>
     </div>
     <ns-page-content class="mt-68px" scrollable refreshable :refresh-triggered="isRefresh"
@@ -28,10 +28,7 @@
       <template v-else>
         <ns-repeator v-slot="item" align="stretch" direction="column" :gap="10" :data="state.list"
           :show-no-more="paging.isLastPage">
-          <ns-card v-track-click="{
-            event: 'click',
-            elementText: '消息详情',
-          }" :r="5" fill="#fff" class="news-item w-full" @click="itemClick(item)">
+          <ns-card v-track-click="'消息详情'" :r="5" fill="#fff" class="news-item w-full" @click="itemClick(item)">
             <div v-if="item.标题" :style="{ color: item.已读 ? '#35353599' : '#353535' }" class="news-item-title">
               <img v-if="item.是公告" class="news-item-title-icon"
                 src="https://cdn.ddjf.com/static/images/loan-manage-app/ic_msg_system_notice.webp" />

package/src/notice/components/NoticePopup.vue

@@ -6,12 +6,12 @@
     </div>
     <div class="notice-popup-bd">
       <div style="white-space: pre-wrap">{{ message.context.replace('【系统公告】 ', '') }}</div>
-      <div v-if="message.jumpUrl || message.link" class="notice-popup-bd-link" v-track-click="'click'" @click="toViewAttachment">
+      <div v-if="message.jumpUrl || message.link" class="notice-popup-bd-link" v-track-click @click="toViewAttachment">
         点击查看附件
       </div>
     </div>
     <div class="notice-popup-ft">
-      <div class="notice-popup-ft-btn" v-track-click="{event: 'click', elementText: '系统公告-我知道了'}" @click="onClose">我知道了</div>
+      <div class="notice-popup-ft-btn" v-track-click="'系统公告-我知道了'" @click="onClose">我知道了</div>
     </div>
   </nut-popup>
 </template>

package/src/payment/components/RechargeResult.vue

@@ -5,7 +5,7 @@
       <h2>{{views[type][0]}}成功</h2>
       <div class="caption" v-if="payMethod == 'bean'">权益已到账</div>
       <div class="caption" v-else>{{views[type][1]}}将在1分钟之内到账</div>
-      <nut-button class="back-button" type="default" v-track-click="'click'" @click="onBackClick">返回</nut-button>
+      <nut-button class="back-button" type="default" v-track-click @click="onBackClick">返回</nut-button>
     </div>
   </div>
 </template>

package/src/payment/components/RechargeView.vue

@@ -5,10 +5,10 @@
     </view>
     <view class="amount-footer">
       <view class="agreement">
-        <nut-checkbox v-model="state.agreed">我已阅读并同意<a v-track-click="'click'" class="link inline"
+        <nut-checkbox v-model="state.agreed">我已阅读并同意<a v-track-click class="link inline"
             @click="onAgreementLinkClick">《大道云平台云豆充值服务协议》</a></nut-checkbox>
       </view>
-      <nut-button block shape="square" :loading="state.buttonLoading" v-track-click="'click'" @click="onPayClick"
+      <nut-button block shape="square" :loading="state.buttonLoading" v-track-click @click="onPayClick"
         class="recharge-button">立即充值</nut-button>
     </view>
   </view>

package/src/payment/components/TradeView.vue

@@ -21,7 +21,7 @@
 
     <view class="amount-footer">
       <view class="agreement" v-if="!selectBean">
-        <nut-checkbox v-model="state.agreed">我已阅读并同意<a v-track-click="'click'" class="link inline"
+        <nut-checkbox v-model="state.agreed">我已阅读并同意<a v-track-click class="link inline"
             @click="onAgreementLinkClick">《大道云平台云豆充值服务协议》</a></nut-checkbox>
       </view>
       <div class="buy-amount">
@@ -31,7 +31,7 @@
             <i>￥</i>{{ formatAmount(currentAmount) }}
           </span>
         </div>
-        <nut-button block shape="square" :loading="state.buttonLoading" v-track-click="'click'" @click="onPayClick"
+        <nut-button block shape="square" :loading="state.buttonLoading" v-track-click @click="onPayClick"
           class="recharge-button">购买</nut-button>
       </div>
     </view>

package/src/register/components/SelfRegistration.vue

@@ -155,7 +155,7 @@ async function submit() {
       </nut-form>
     </div>
     <div class="self-registration-bottom">
-      <nut-button block type="primary" class="experience-button" v-track-click="'click'" @click="submit">立即体验</nut-button>
+      <nut-button block type="primary" class="experience-button" v-track-click @click="submit">立即体验</nut-button>
     </div>
   </div>
 </template>

package/src/scenarios/components/SharePoster.vue

@@ -60,10 +60,10 @@
         </div>
         <div class="line"></div>
         <div class="bottom">
-          <nut-button class="cancel-btn" v-track-click="{ event: 'click', elementText: '海报分享-取消' }" @click="onCancelClick"
+          <nut-button class="cancel-btn" v-track-click="'海报分享-取消'" @click="onCancelClick"
             >取消</nut-button
           >
-          <nut-button type="primary" v-track-click="{ event: 'click', elementText: '海报分享-确定' }" @click="onPosterShare">确定</nut-button>
+          <nut-button type="primary" v-track-click="'海报分享-确定'" @click="onPosterShare">确定</nut-button>
         </div>
       </div>
       <canvas

package/src/shared/components/AppVerify.vue

@@ -12,13 +12,13 @@
         }]">
       </ns-input>
       <div class="form-btn">
-        <ns-button v-if="!sent" size="xs" variant="plain" color="primary" v-track-click="{ event: 'click', elementText: '手机号验证-获取验证码' }" @click="send" label="获取验证码" />
+        <ns-button v-if="!sent" size="xs" variant="plain" color="primary" v-track-click="'手机号验证-获取验证码'" @click="send" label="获取验证码" />
         <div class="caption" v-if="sent">{{ countdown }}s后重新发送</div>
       </div>
     </ns-form>
     <div class="row buttons">
-      <ns-button class="cancel-btn" v-track-click="{ event: 'click', elementText: '手机号验证-取消' }" @click="emits('cancel')">取消</ns-button>
-      <ns-button color="primary" v-track-click="{ event: 'click', elementText: '手机号验证-确认' }" @click="onOk">确认</ns-button>
+      <ns-button class="cancel-btn" v-track-click="'手机号验证-取消'" @click="emits('cancel')">取消</ns-button>
+      <ns-button color="primary" v-track-click="'手机号验证-确认'" @click="onOk">确认</ns-button>
     </div>
   </div>
 </template>

package/src/shared/components/OcrBusinessLicense.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="['ocr-business-license', disabled ? 'disabled' : '']" class="ocr-icon" v-track-click="{ event: 'click', elementText: '营业执照识别-点击' }" @click="onIconClick">
+  <div :class="['ocr-business-license', disabled ? 'disabled' : '']" class="ocr-icon" v-track-click="'营业执照识别-点击'" @click="onIconClick">
     <ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
   </div>
 </template>

package/src/shared/components/OcrIcon.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ocr-icon" :class="[disabled ? 'disabled' : '']" v-track-click="{ event: 'click', elementText: '身份证识别-点击' }" @click="onPhotograph">
+  <div class="ocr-icon" :class="[disabled ? 'disabled' : '']" v-track-click="'身份证识别-点击'" @click="onPhotograph">
     <slot name="icon">
       <ns-icon name="https://cdn.ddjf.com/static/images/beidouxing/ocr-icon.png" />
     </slot>

package/src/shared/components/PageHeader.vue

@@ -4,7 +4,7 @@
     `color-mode-${colorMode}`
   ]" :style="cssVars">
     <h1 class="page-title" v-if="title">{{ title }}</h1>
-    <view class="back-button" v-track-click="{ event: 'click', elementText: '页面头部-返回' }" @click="onBackButtonClick"></view>
+    <view class="back-button" v-track-click="'页面头部-返回'" @click="onBackButtonClick"></view>
     <slot></slot>
   </div>
 </template>

package/src/shared/tracking/README.md

@@ -273,16 +273,12 @@ const handleClick = async () => {
   </view>
 
   <!-- 基础点击埋点 -->
-  <button v-track-click="'button_click'">
+  <button v-track-click=>
     点击按钮
   </button>
 
   <!-- 自定义点击埋点 -->
-  <button v-track-click="{
-    event: 'custom_click',
-    data: { buttonType: 'primary', value: 123 },
-    elementId: 'submit-btn',
-  }">
+  <button v-track-click="'自定义文本'">
     自定义点击按钮
   </button>
 

package/src/shared/tracking/examples/directive-tracking-example.vue

@@ -23,30 +23,14 @@
       <text class="section-title">点击埋点</text>
       <view class="content">
         <!-- 基础点击埋点 -->
-        <button v-track-click="'basic_click'" class="btn">基础点击埋点</button>
+        <button v-track-click class="btn">基础点击埋点</button>
 
         <!-- 带数据的点击埋点 -->
         <button
-          v-track-click="{
-            event: 'custom_click',
-            data: { buttonType: 'primary', value: 123 },
-          }"
+          v-track-click="'自定义数据点击埋点'"
           class="btn">
           自定义数据点击埋点
         </button>
-
-        <!-- 带元素信息的点击埋点 -->
-        <button
-          id="custom-btn"
-          v-track-click="{
-            event: 'element_click',
-            elementId: 'custom-btn',
-            elementText: '自定义元素信息',
-            data: { action: 'submit' },
-          }"
-          class="btn btn-secondary">
-          自定义元素信息点击埋点
-        </button>
       </view>
     </view>
 
@@ -78,10 +62,7 @@
       <view class="content">
         <view v-track-page="{ pageTitle: '组合示例页面' }" v-track-scroll="{ threshold: 0.5 }">
           <button
-            v-track-click="{
-              event: 'combo_click',
-              data: { combo: true },
-            }"
+            v-track-click="'组合埋点按钮'"
             class="btn">
             组合埋点按钮
           </button>

package/src/shared/tracking/tracking-sdk.ts

@@ -219,32 +219,99 @@ class TrackingSDK {
       // H5 环境使用 btoa
       base64 = btoa(unescape(encodeURIComponent(raw)))
     } else {
-      // 小程序环境使用手动实现的 Base64 编码
-      base64 = this.base64Encode(raw)
+      // 小程序环境使用手动实现的 Base64 编码（兼容 btoa 的 UTF-8 处理逻辑）
+      base64 = this.btoa(raw)
     }
 
     // 反转字符串
     return base64.split('').reverse().join('')
   }
   /**
-   * Base64 编码（降级方案）
+   * 手动实现 btoa 方法（小程序端降级方案）
+   * 与浏览器 btoa(unescape(encodeURIComponent(str))) 行为一致
+   * @param str 要编码的字符串
+   * @returns Base64 编码后的字符串
    */
-  private base64Encode(str: string): string {
-    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='
+  private btoa(str: string): string {
+    // 先将字符串转换为 UTF-8 字节序列（模拟 encodeURIComponent + unescape 的行为）
+    const utf8Bytes: number[] = []
+    for (let i = 0; i < str.length; i++) {
+      const codePoint = str.charCodeAt(i)
+      if (codePoint < 0x80) {
+        // ASCII 字符，直接使用
+        utf8Bytes.push(codePoint)
+      } else if (codePoint < 0x800) {
+        // 2字节 UTF-8 字符
+        utf8Bytes.push(0xc0 | (codePoint >> 6))
+        utf8Bytes.push(0x80 | (codePoint & 0x3f))
+      } else if (codePoint >= 0xd800 && codePoint <= 0xdbff) {
+        // 代理对高位
+        if (i + 1 < str.length) {
+          const lowSurrogate = str.charCodeAt(i + 1)
+          if (lowSurrogate >= 0xdc00 && lowSurrogate <= 0xdfff) {
+            // 完整的代理对，转换为 4 字节 UTF-8
+            const unicodeCodePoint = 0x10000 + ((codePoint & 0x3ff) << 10) + (lowSurrogate & 0x3ff)
+            utf8Bytes.push(0xf0 | (unicodeCodePoint >> 18))
+            utf8Bytes.push(0x80 | ((unicodeCodePoint >> 12) & 0x3f))
+            utf8Bytes.push(0x80 | ((unicodeCodePoint >> 6) & 0x3f))
+            utf8Bytes.push(0x80 | (unicodeCodePoint & 0x3f))
+            i++ // 跳过低位代理
+            continue
+          }
+        }
+        // 无效的代理对，使用替换字符
+        utf8Bytes.push(0xef, 0xbf, 0xbd)
+      } else {
+        // 3字节 UTF-8 字符
+        utf8Bytes.push(0xe0 | (codePoint >> 12))
+        utf8Bytes.push(0x80 | ((codePoint >> 6) & 0x3f))
+        utf8Bytes.push(0x80 | (codePoint & 0x3f))
+      }
+    }
+
+    // 将字节序列转换为 Base64
+    return this.base64EncodeBytes(utf8Bytes)
+  }
+  /**
+   * Base64 编码（字节数组版本）
+   * @param bytes 字节数组
+   * @returns Base64 编码后的字符串
+   */
+  private base64EncodeBytes(bytes: number[]): string {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'
     let output = ''
     let i = 0
 
-    while (i < str.length) {
-      const a = str.charCodeAt(i++)
-      const b = i < str.length ? str.charCodeAt(i++) : 0
-      const c = i < str.length ? str.charCodeAt(i++) : 0
+    while (i < bytes.length) {
+      const a = bytes[i++]
+      const hasB = i < bytes.length
+      const b = hasB ? bytes[i++] : 0
+      const hasC = i < bytes.length
+      const c = hasC ? bytes[i++] : 0
 
       const bitmap = (a << 16) | (b << 8) | c
 
       output += chars.charAt((bitmap >> 18) & 63)
       output += chars.charAt((bitmap >> 12) & 63)
-      output += i - 2 < str.length ? chars.charAt((bitmap >> 6) & 63) : '='
-      output += i - 1 < str.length ? chars.charAt(bitmap & 63) : '='
+      
+      // 填充逻辑：
+      // - 如果有 3 个字节：所有字符都有效
+      // - 如果只有 2 个字节：第 4 个字符是 '='
+      // - 如果只有 1 个字节：第 3、4 个字符都是 '='
+      if (hasB) {
+        // 有第 2 个字节
+        output += chars.charAt((bitmap >> 6) & 63)
+        if (hasC) {
+          // 有第 3 个字节，所有字符都有效
+          output += chars.charAt(bitmap & 63)
+        } else {
+          // 只有 2 个字节，第 4 个字符是填充符
+          output += '='
+        }
+      } else {
+        // 只有 1 个字节，第 3、4 个字符都是填充符
+        output += '=='
+      }
     }
 
     return output
@@ -630,6 +697,7 @@ class TrackingSDK {
    * 发送埋点数据
    */
   private async flush(): Promise<void> {
+    console.log(this.eventQueue.length, 'this.eventQueue.length')
     if (this.eventQueue.length === 0) return
 
     const events = [...this.eventQueue]
@@ -640,7 +708,7 @@ class TrackingSDK {
       const jsonStr = JSON.stringify(events)
 
       // 使用 pako 压缩
-      const compressed = pako.deflate(jsonStr)
+      const compressed = getEnv() === 'WEAPP' ? jsonStr: pako.deflate(jsonStr)
 
       // if (this.config.debug) {
       //   console.log('[TrackingSDK] 原始数据大小:', new Blob([jsonStr]).size, 'bytes')
@@ -658,7 +726,7 @@ class TrackingSDK {
         method: 'POST',
         data: compressed,
         header: {
-          'Content-Encoding': 'deflate',
+          'Content-Encoding': getEnv() === 'WEAPP' ? '' : 'deflate',
         },
       })
 
@@ -904,13 +972,14 @@ class TrackingSDK {
     if (this.eventQueue.length === 0) return
 
     const events = [...this.eventQueue]
-    this.eventQueue = []
 
     try {
       // 使用同步方式发送（适用于页面关闭场景）
       const env = getEnv()
 
       if (env === 'WEB' && typeof navigator !== 'undefined' && navigator.sendBeacon) {
+        this.eventQueue = []
+
         // H5 环境：使用 sendBeacon API（专为页面卸载场景设计）（sendBeacon无法指定header头， 无法deflate压缩）
         const blob = new Blob([JSON.stringify(events)], {
           type: 'application/json',

package/src/user/components/UserAuth.vue

@@ -32,10 +32,10 @@
       <div class="user-auth-footer">
         <div v-if="!已认证" class="checkbox-row">
           <ns-checkbox style="font-size: 11px" v-model="formData.同意">我已阅读并同意</ns-checkbox>
-          <span v-track-click="{ event: 'click', elementText: '用户认证-个人信息授权协议' }" @click="showAgreement" class="book">《个人信息授权协议》</span>
+          <span v-track-click="'用户认证-个人信息授权协议'" @click="showAgreement" class="book">《个人信息授权协议》</span>
         </div>
-        <ns-button v-if="!已认证" class="btn" v-track-click="{ event: 'click', elementText: '用户认证-立即认证' }" color="#163391" type="primary" @click="toSubmit">立即认证</ns-button>
-        <ns-button v-else class="btn" v-track-click="{ event: 'click', elementText: '用户认证-返回' }" color="#163391" type="primary" @click="toBack">返回</ns-button>
+        <ns-button v-if="!已认证" class="btn" v-track-click="'用户认证-立即认证'" color="#163391" type="primary" @click="toSubmit">立即认证</ns-button>
+        <ns-button v-else class="btn" v-track-click="'用户认证-返回'" color="#163391" type="primary" @click="toBack">返回</ns-button>
       </div>
     </ns-page-content>
   </ns-page>