@uxda/appkit 4.2.88 → 4.2.90

package/package.json

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

package/src/Appkit.ts

@@ -1,5 +1,6 @@
 import { PaymentParams, RechargeParams } from './payment/types'
 import { globalData } from './global'
+import { Directive } from 'vue'
 
 /**
  * options for useAppKit
@@ -34,6 +35,10 @@ export type AppKitOptions = {
    * http灰度标记
    */
   gray(): string
+  /**
+   * 自定义指令
+   */
+  directives?: Record<string, Directive>
 }
 
 export type DollarApp = {

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" @click="onSecondBalanceButtonClick">
+        <div class="small-bean-button" v-track-click="'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 class="rule" @click="rulesPopupOpen = true">规则说明</div>
+          <div class="rule" v-track-click="'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" class="pay" @click="gotoRecharge">云豆充值</div>
+          <div v-if="!isAppEnv" class="pay" v-track-click="'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">
-                <div @click="gotoTrade(item)">企明星优惠充值</div>
+                <div v-track-click="'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">
-                <div @click="gotoTrade(item)">AI审批充值</div>
+                <div v-track-click="'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" @click="filterOpen = true">
+        <div class="search" v-track-click="'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" @click="gotoDetail">
+          <div class="account-info-entry" v-track-click="'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" @click="gotoRecharge">
+          <div class="pay" v-track-click="'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" @click="emit('recharge')">{{ buttonText }}</nut-button>
+          <nut-button block class="recharge-button" v-track-click="'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" @click="onOkClick">确定</div>
+      <div class="btn confirm" v-track-click="{ event: 'click', elementText: '选择筛选项-确定' }" @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" @click="emit('complete')">我知道了</div>
+    <div class="know" v-track-click="{ event: 'click', elementText: '规则说明-我知道了' }" @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" @click="onOkClick">确定</div>
+      <div class="btn confirm" v-track-click="{ event: 'click', elementText: '日期选择-确定' }" @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" @click="openDateRangePicker">
+  <div class="date-range" v-track-click="{ event: 'click', elementText: '日期范围-点击' }" @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" @click="openPicker">
+  <div class="list-filter" v-track-click="{ event: 'click', elementText: '筛选-点击' }" @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" @click="onOkClick">确定</div>
+      <div class="btn confirm" v-track-click="{ event: 'click', elementText: '选择筛选项-确定' }" @click="onOkClick">确定</div>
     </div>
     <div class="list-filter-picker-bottom"></div>
   </div>

package/src/balance/components/PromoterCard.vue

@@ -5,13 +5,10 @@
       <div>
         <ns-button-group size="sm" :items="options" v-model="tab" round fill="transparent" foreground="#808080"
           @change="onTabChange" />
-        <!-- <div class="promoter-card-tab-item" @click="onTabChange('person')" :class="{ focus: tab === 'person' }">个人</div>
-        <div class="promoter-card-tab-item" @click="onTabChange('company')" :class="{ focus: tab === 'company' }">企业
-      </div> -->
       </div>
       <slot name="tab-btn"></slot>
     </div>
-    <div class="promoter-card-hd" @click="emits('blance', tab)"
+    <div class="promoter-card-hd" v-track-click="'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>
@@ -27,9 +24,9 @@
         </template>
         <template v-else>
           <div class="promoter-card-ft-info">产品销售收益(元)
-            <IconFont class="icon" name="ask" @click="onHelpClick('profits')" />
+            <IconFont class="icon" name="ask" v-track-click="{event: 'click', elementText: '产品销售收益-说明'}" @click="onHelpClick('profits')" />
           </div>
-          <div class="promoter-card-ft-num number" @click="emits('profits', tab)">
+          <div class="promoter-card-ft-num number" v-track-click="'click'" @click="emits('profits', tab)">
             {{ formatAmount(promoter.totalIncome || 0) }}
             <img class="arrow-img" :src="arrowImg" alt="">
           </div>
@@ -40,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" @click="onHelpClick('rebate')" />
+          <IconFont class="icon" name="ask" v-track-click="{event: 'click', elementText: '分销返佣收益-说明'}" @click="onHelpClick('rebate')" />
         </div>
-        <div class="promoter-card-ft-num number" @click="emits('rebate', tab)">
+        <div class="promoter-card-ft-num number" v-track-click="'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" @click="txtClick">
+    <div class="dd-notice-bar__txt" name="text" v-track-click="{event: 'click', elementText: '通知栏-文本'}" @click="txtClick">
       <span v-if="text">{{ text }}</span>
       <slot></slot>
     </div>
-    <div v-if="showClose" class="dd-notice-bar__close" @click="close">
+    <div v-if="showClose" class="dd-notice-bar__close" v-track-click="{event: 'click', elementText: '通知栏-关闭'}" @click="close">
       <img
         src="https://cdn.ddjf.com/static/images/wechat-yunservice/close-icon.png"
         class="dd-notice-bar__close-img"

package/src/index.ts

@@ -75,6 +75,14 @@ const AppKit = {
     nutComponents.forEach((component) => {
       app.use(component)
     })
+    
+    // 注册自定义指令
+    if (options.directives) {
+      Object.entries(options.directives).forEach(([name, directive]) => {
+        app.directive(name, directive)
+      })
+    }
+    
     // Object.entries(appComponents).forEach(([name, component]) => {
     //   app.component(name, component)
     // })

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" @close="onClose(item, key)">
+      :showClose="item.noticeType === 0" v-track-click="{event: 'click', elementText: '通知栏-关闭'}" @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" @click="onDetail(item)">详情</div>
+      <div class="notice-banner-btn" v-track-click="{event: 'click', elementText: '通知栏-详情'}" @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"
+          <div class="card" :class="{ active: item.isRead != '1' }" v-for="(item, index) in list" :key="index" v-track-click="{event: 'click', elementText: '消息详情'}"
             @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" @click="onNoticeView(item.link)">
+                <span v-if="item.link && item.msgType == 3" class="notice-list-file" v-track-click="{event: 'click', elementText: '消息详情-附件'}" @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="'click'" class="btn"  @click="readAll">全部已读</div>
       </div>
     </div>
     <ns-page-content class="mt-68px" scrollable refreshable :refresh-triggered="isRefresh"
@@ -51,7 +51,7 @@
 
 <script setup lang="ts">
 import { useDidShow } from '@tarojs/taro'
-import Taro from '@tarojs/taro'
+import { showLoading, hideLoading } from '@tarojs/taro'
 import { type WithPaging, usePaging } from '@uxda/nutshell/taro'
 import { useHttp, endpoints } from '../api'
 import { reactive, ref } from 'vue'
@@ -161,7 +161,7 @@ function read(item: any) {
 
 async function readAll() {
   try {
-    Taro.showLoading({
+    showLoading({
       title: '请稍后...',
     })
 
@@ -178,7 +178,7 @@ async function readAll() {
       })
     })
   } finally {
-    Taro.hideLoading()
+    hideLoading()
   }
 }
 

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" @click="toViewAttachment">
+      <div v-if="message.jumpUrl || message.link" class="notice-popup-bd-link" v-track-click="'click'" @click="toViewAttachment">
         点击查看附件
       </div>
     </div>
     <div class="notice-popup-ft">
-      <div class="notice-popup-ft-btn" @click="onClose">我知道了</div>
+      <div class="notice-popup-ft-btn" v-track-click="{event: 'click', elementText: '系统公告-我知道了'}" @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" @click="onBackClick">返回</nut-button>
+      <nut-button class="back-button" type="default" v-track-click="'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 class="link inline"
+        <nut-checkbox v-model="state.agreed">我已阅读并同意<a v-track-click="'click'" class="link inline"
             @click="onAgreementLinkClick">《大道云平台云豆充值服务协议》</a></nut-checkbox>
       </view>
-      <nut-button block shape="square" :loading="state.buttonLoading" @click="onPayClick"
+      <nut-button block shape="square" :loading="state.buttonLoading" v-track-click="'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 class="link inline"
+        <nut-checkbox v-model="state.agreed">我已阅读并同意<a v-track-click="'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" @click="onPayClick"
+        <nut-button block shape="square" :loading="state.buttonLoading" v-track-click="'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" @click="submit">立即体验</nut-button>
+      <nut-button block type="primary" class="experience-button" v-track-click="'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" @click="onCancelClick"
+          <nut-button class="cancel-btn" v-track-click="{ event: 'click', elementText: '海报分享-取消' }" @click="onCancelClick"
             >取消</nut-button
           >
-          <nut-button type="primary" @click="onPosterShare">确定</nut-button>
+          <nut-button type="primary" v-track-click="{ event: 'click', elementText: '海报分享-确定' }" @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" @click="send" label="获取验证码" />
+        <ns-button v-if="!sent" size="xs" variant="plain" color="primary" v-track-click="{ event: 'click', elementText: '手机号验证-获取验证码' }" @click="send" label="获取验证码" />
         <div class="caption" v-if="sent">{{ countdown }}s后重新发送</div>
       </div>
     </ns-form>
     <div class="row buttons">
-      <ns-button class="cancel-btn" @click="emits('cancel')">取消</ns-button>
-      <ns-button color="primary" @click="onOk">确认</ns-button>
+      <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>
     </div>
   </div>
 </template>

package/src/shared/components/OcrBusinessLicense.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="['ocr-business-license', disabled ? 'disabled' : '']" class="ocr-icon" @click="onIconClick">
+  <div :class="['ocr-business-license', disabled ? 'disabled' : '']" class="ocr-icon" v-track-click="{ event: 'click', elementText: '营业执照识别-点击' }" @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' : '']" @click="onPhotograph">
+  <div class="ocr-icon" :class="[disabled ? 'disabled' : '']" v-track-click="{ event: 'click', elementText: '身份证识别-点击' }" @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" @click="onBackButtonClick"></view>
+    <view class="back-button" v-track-click="{ event: 'click', elementText: '页面头部-返回' }" @click="onBackButtonClick"></view>
     <slot></slot>
   </div>
 </template>

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 @click="showAgreement" class="book">《个人信息授权协议》</span>
+          <span v-track-click="{ event: 'click', elementText: '用户认证-个人信息授权协议' }" @click="showAgreement" class="book">《个人信息授权协议》</span>
         </div>
-        <ns-button v-if="!已认证" class="btn" color="#163391" type="primary" @click="toSubmit">立即认证</ns-button>
-        <ns-button v-else class="btn" color="#163391" type="primary" @click="toBack">返回</ns-button>
+        <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>
       </div>
     </ns-page-content>
   </ns-page>

package/src/user/components/UserBinding.vue

@@ -17,7 +17,7 @@
         <nut-form-item label="验证码" label-align="left">
           <nut-input v-model="authState.code" placeholder="请输入验证码" :max-length="6" input-align="right">
             <template #right>
-              <nut-button :disabled="countdownActive" class="user-binding-codebtn" type="default" @click="onAuthCode">{{
+              <nut-button :disabled="countdownActive" class="user-binding-codebtn" type="default" v-track-click="{ event: 'click', elementText: '换绑手机-获取验证码' }" @click="onAuthCode">{{
                 countdownText }}</nut-button>
             </template>
           </nut-input>
@@ -25,7 +25,7 @@
       </nut-form>
 
       <nut-button class="user-binding-btn" :disabled="!authState.code" block type="primary"
-        @click="onAuth">提交</nut-button>
+        v-track-click="{ event: 'click', elementText: '换绑手机-提交' }" @click="onAuth">提交</nut-button>
     </div>
 
     <div class="user-binding-layout user-binding-inputlayout" style="flex: 1" v-else>
@@ -36,7 +36,7 @@
         <nut-form-item label="验证码" label-align="left">
           <nut-input v-model="bindingState.code" placeholder="请输入验证码" :max-length="6" input-align="right">
             <template #right>
-              <nut-button :disabled="countdownActive1" class="user-binding-codebtn" type="default"
+              <nut-button :disabled="countdownActive1" class="user-binding-codebtn" type="default" v-track-click="{ event: 'click', elementText: '换绑手机-获取验证码' }"
                 @click="onBindingCode">{{ countdownText1 }}</nut-button>
             </template>
           </nut-input>
@@ -44,7 +44,7 @@
       </nut-form>
 
       <nut-button class="user-binding-btn" :disabled="!bindingState.code || !bindingState.mobile" block type="primary"
-        @click="onBinding">提交</nut-button>
+        v-track-click="{ event: 'click', elementText: '换绑手机-提交' }" @click="onBinding">提交</nut-button>
     </div>
   </div>
 </template>

package/src/user/components/UserBindingSuccess.vue

@@ -11,7 +11,7 @@
     <div class="user-binding-success-sbtn" @click="showEncode = !showEncode">
       {{ showEncode ? '显示' : '隐藏' }}
     </div>
-    <nut-button class="user-binding-success-btn" type="primary" @click="toBinding"
+    <nut-button class="user-binding-success-btn" type="primary" v-track-click="'click'" @click="toBinding"
       >换绑手机号码</nut-button
     >
   </div>

package/src/user/components/UserEntry.vue

@@ -1,23 +1,23 @@
 <template>
   <div class="user-entry">
     <div class="user-entry-head">
-      <img class="user-entry-head-img" @click="toUser" mode="aspectFit" v-if="avatar" :src="avatar" alt="" />
-      <img class="user-entry-head-img" mode="aspectFit" @click="toUser1" v-else
+      <img class="user-entry-head-img" v-track-click="{ event: 'click', elementText: '用户入口-头像' }" @click="toUser" mode="aspectFit" v-if="avatar" :src="avatar" alt="" />
+      <img class="user-entry-head-img" v-track-click="{ event: 'click', elementText: '用户入口-头像' }" mode="aspectFit" @click="toUser1" v-else
         src="https://cdn.ddjf.com/static/images/wx-yunservice/account-head.png" alt="" />
     </div>
     <div class="user-entry-bd">
-      <div v-if="!mobile" class="user-entry-bd-bigtxt" @click="toLogin">
+      <div v-if="!mobile" class="user-entry-bd-bigtxt" v-track-click="{ event: 'click', elementText: '用户入口-请登录' }" @click="toLogin">
         请登录
         <span class="user-entry-bd-arrow"><img style="width: 100%; height: 100%;"
             src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgwODA2IDIuMDU4MDZDNi4wNTIxNCAxLjgxMzk4IDYuNDQ3ODYgMS44MTM5OCA2LjY5MTk0IDIuMDU4MDZMMTQuMTkxOSA5LjU1ODA2QzE0LjQzNiA5LjgwMjE0IDE0LjQzNiAxMC4xOTc5IDE0LjE5MTkgMTAuNDQxOUw2LjY5MTk0IDE3Ljk0MTlDNi40NDc4NiAxOC4xODYgNi4wNTIxNCAxOC4xODYgNS44MDgwNiAxNy45NDE5QzUuNTYzOTggMTcuNjk3OSA1LjU2Mzk4IDE3LjMwMjEgNS44MDgwNiAxNy4wNTgxTDEyLjg2NjEgMTBMNS44MDgwNiAyLjk0MTk0QzUuNTYzOTggMi42OTc4NiA1LjU2Mzk4IDIuMzAyMTQgNS44MDgwNiAyLjA1ODA2WiIgZmlsbD0iIzM1MzUzNSIvPgo8L3N2Zz4K" /></span>
       </div>
       <template v-else>
-        <div @click="toUser" class="user-entry-bd-txt">
+        <div v-track-click="{ event: 'click', elementText: '用户入口-用户名' }" @click="toUser" class="user-entry-bd-txt">
           {{ name }}
           <span class="user-entry-bd-arrow"><img style="width: 100%; height: 100%;"
               src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjgwODA2IDIuMDU4MDZDNi4wNTIxNCAxLjgxMzk4IDYuNDQ3ODYgMS44MTM5OCA2LjY5MTk0IDIuMDU4MDZMMTQuMTkxOSA5LjU1ODA2QzE0LjQzNiA5LjgwMjE0IDE0LjQzNiAxMC4xOTc5IDE0LjE5MTkgMTAuNDQxOUw2LjY5MTk0IDE3Ljk0MTlDNi40NDc4NiAxOC4xODYgNi4wNTIxNCAxOC4xODYgNS44MDgwNiAxNy45NDE5QzUuNTYzOTggMTcuNjk3OSA1LjU2Mzk4IDE3LjMwMjEgNS44MDgwNiAxNy4wNTgxTDEyLjg2NjEgMTBMNS44MDgwNiAyLjk0MTk0QzUuNTYzOTggMi42OTc4NiA1LjU2Mzk4IDIuMzAyMTQgNS44MDgwNiAyLjA1ODA2WiIgZmlsbD0iIzM1MzUzNSIvPgo8L3N2Zz4K" /></span>
         </div>
-        <div @click="toUser" class="user-entry-bd-smalltxt">{{ encodePhone(mobile) }}</div>
+        <div v-track-click="{ event: 'click', elementText: '用户入口-手机号' }" @click="toUser" class="user-entry-bd-smalltxt">{{ encodePhone(mobile) }}</div>
       </template>
     </div>
   </div>

package/src/user/components/UserFeedbackEntry.vue

@@ -1,15 +1,15 @@
 <template>
   <div :style="dragStyle" @touchstart="onDragStart" @touchmove="onDragMoveHandler" @touchend="onDragEndHandler"
-    class="user-feedback-entry" @click="onJump" v-if="!hasStorage">
+    class="user-feedback-entry" v-track-click="{ event: 'click', elementText: '反馈入口-点击' }" @click="onJump" v-if="!hasStorage">
     <img class="user-feedback-entry-icon" mode="aspectFit"
       src="https://cdn.ddjf.com/static/images/customer-center/feedback.png" />
     <div>反馈</div>
   </div>
   <div :style="dragStyle1" @touchstart="onDragStart1" @touchmove="onDragMoveHandler1" @touchend="onDragEndHandler1"
     class="user-feedback-entry hasStorage" v-else>
-    <img class="user-feedback-entry-icon" @click="onJump" mode="aspectFit"
+    <img class="user-feedback-entry-icon" v-track-click="{ event: 'click', elementText: '反馈入口-点击' }" @click="onJump" mode="aspectFit"
       src="https://cdn.ddjf.com/static/images/customer-center/feedback-icon.png" />
-    <div class="user-feedback-entry-close" @click="onClose">
+    <div class="user-feedback-entry-close" v-track-click="{ event: 'click', elementText: '反馈入口-关闭' }" @click="onClose">
       <img class="user-feedback-entry-close-img"
         src="https://cdn.ddjf.com/static/images/customer-center/close-filled.png" />
     </div>

package/src/user/components/UserHeadCrop.vue

@@ -2,8 +2,8 @@
   <div class="user-head-crop">
     <bt-cropper ref="cropperRef" :imageSrc="params.src" :ratio="1">
       <div class="user-head-crop-btns">
-        <div class="cbtn" @click="onCancel">取消</div>
-        <div class="cbtn comfirmBtn" @click="onConfirm">确定</div>
+        <div class="cbtn" v-track-click="{ event: 'click', elementText: '头像裁剪-取消' }" @click="onCancel">取消</div>
+        <div class="cbtn comfirmBtn" v-track-click="{ event: 'click', elementText: '头像裁剪-确定' }" @click="onConfirm">确定</div>
       </div>
     </bt-cropper>
   </div>