@tplc/business 0.1.2 → 0.1.4

package/action.d.ts

@@ -25,12 +25,17 @@ export interface LcbGlobal {
     post<T>(
       url: string,
       data?: Record<string, any> | undefined,
-      query?: Record<string, any> | undefined,
+      hideLoadingToast?: boolean,
     ): Promise<IResData<T>>
   }
   loadingStore?: () => {
     changeLoading: (path: string, loading: boolean) => void
   }
+  userStore?: () => {
+    userInfo: Record<string, any>
+    updateUser: (data: Record<string, any>) => void
+    getUser: () => void
+  }
 }
 
 global {

package/components/lcb-action-view/types.ts

@@ -2,9 +2,9 @@ export interface LcbActionViewProps {
   /**
    * 跳转类型 1: 网页 2: 小程序内页 10: 跳转小程序 11: 跳转半屏小程序 12: 小程序客服
    * 13: 退出登录 14: 小程序弹框 21: 新窗口跳到页面 22: 切换TAB页 23: 重启进入某页面
-   * 24: 回到上一层 25: 关闭当前页面 26: 关闭当前窗口 30: 拨打电话 88: 授权手机号
+   * 24: 回到上一层 25: 关闭当前页面 26: 关闭当前窗口 30: 拨打电话 88: 授权手机号 101 用户头像
    */
-  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88 | 101
   /** 跳转路径 */
   jumpUrl?: string
   /** 小程序appid */

package/components/lcb-user-top/Nums/index.vue

@@ -1,13 +1,23 @@
 <template>
   <View class="">
-    <view class="font-bold leading-none" :style="{
-      fontSize: transformValueUnit(numsSize),
-      color: numsColor,
-    }">0</view>
-    <view class="mt-15rpx" :style="{
-      fontSize: transformValueUnit(titleSize),
-      color: titleColor,
-    }">{{ title }}</view>
+    <view
+      class="font-bold leading-none"
+      :style="{
+        fontSize: transformValueUnit(numsSize),
+        color: numsColor,
+      }"
+    >
+      0
+    </view>
+    <view
+      class="mt-15rpx"
+      :style="{
+        fontSize: transformValueUnit(titleSize),
+        color: titleColor,
+      }"
+    >
+      {{ title }}
+    </view>
   </View>
 </template>
 
@@ -16,5 +26,4 @@ import { NumsItemProps } from '../types'
 import { transformValueUnit } from '../../../utils/transform'
 
 defineProps<NumsItemProps>()
-
-</script>
+</script>

package/components/lcb-user-top/api/index.ts

@@ -1,13 +1,5 @@
-const env = import.meta as unknown as { env: Record<string, string> }
 export const getUserPhone = (data: { encryptedData: string; iv: string; code?: string }) =>
   uni.$lcb.http.post('/wechatProgram/api/getPhone', {
     ...data,
-    appId: env.env.VITE_WX_APPID,
+    appId: (import.meta as any).env.VITE_WX_APPID,
   })
-
-export const saveUserInfo = (data: { nickName?: string; avatarUrl?: string }) =>
-  uni.$lcb.http.post('/wechatProgram/saveUserInfo', data)
-
-// /api/login/getUserInfo
-
-export const getUserInfo = () => uni.$lcb.http.post('/login/getUserInfo')

package/components/lcb-user-top/lcb-user-top.vue

@@ -13,27 +13,21 @@
       }"
     />
     <view class="flex flex-items-center">
-      <wd-img
-        v-if="photoUrl"
-        v-bind="{
-          width: transformValueUnit(photoSize),
-          height: transformValueUnit(photoSize),
-          round: photoRound,
-          src: photoUrl,
-        }"
-        class="mr-20rpx"
-      />
-      <view
-        v-if="!photoUrl"
-        :style="{
-          width: transformValueUnit(photoSize),
-          height: transformValueUnit(photoSize),
-          borderRadius: photoRound ? '50%' : '',
-        }"
-        class="bg-#eee userPlace mr-40rpx"
-      />
+      <lcb-action-view :jump-type="101" @avatar="onAvatar">
+        <wd-img
+          v-bind="{
+            width: transformValueUnit(photoSize),
+            height: transformValueUnit(photoSize),
+            round: photoRound,
+            src:
+              userStore?.userInfo?.avatarUrl ||
+              'https://lycs.eluying.com/material/icon/1/20240925185540/userPhoto.jpg',
+          }"
+          custom-class="mr-40rpx bg-#eee"
+        />
+      </lcb-action-view>
       <view class="flex-1">
-        <lcb-action-view :jumpType="88" @phone="getPhone">
+        <lcb-action-view :jumpType="88" @phone="getPhone" v-if="!userStore?.userInfo?.phone">
           <view
             class="font-bold"
             :style="{
@@ -44,21 +38,26 @@
             授权登录
           </view>
         </lcb-action-view>
-        <view class="flex" v-if="editBtn">
-          <view
-            class="flex flex-content-center flex-items-center mt-5px border-style-solid"
-            :style="{
-              color: textColor,
-              borderWidth: editBorder ? transformValueUnit(1) : 0,
-              borderColor: textColor,
-              padding: editBorder ? `2px ${editSize / 2.5}px 2px ${editSize / 2.5}px` : '',
-              borderRadius: transformValueUnit(30),
-              fontSize: transformValueUnit(editSize),
-            }"
-          >
-            <view>{{ editText }}</view>
+        <template v-else>
+          <view class="text-32rpx font-#333 font-bold mb-20rpx">
+            {{ userStore?.userInfo?.nickName || '微信用户' }}
           </view>
-        </view>
+          <view class="flex">
+            <view
+              class="flex flex-content-center flex-items-center mt-5px border-style-solid"
+              :style="{
+                color: textColor,
+                borderWidth: editBorder ? transformValueUnit(1) : 0,
+                borderColor: textColor,
+                padding: editBorder ? `2px ${editSize / 2.5}px 2px ${editSize / 2.5}px` : '',
+                borderRadius: transformValueUnit(30),
+                fontSize: transformValueUnit(editSize),
+              }"
+            >
+              <view>{{ editText }}</view>
+            </view>
+          </view>
+        </template>
       </view>
       <!-- 右边按钮 -->
       <lcb-action-view v-if="moreIcon" v-bind="rightIconLink">
@@ -103,10 +102,9 @@
 import { LcbUserTopProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
 import Nums from './Nums/index.vue'
-import { computed, inject } from 'vue'
+import { computed } from 'vue'
 import { addUnit } from '@tplc/wot/components/common/util'
-import { PAGE_PROVIDE_KEY } from '../../constants'
-import { getUserInfo, getUserPhone } from './api'
+import { getUserPhone } from './api'
 const { statusBarHeight } = uni.getSystemInfoSync()
 defineOptions({
   name: 'LcbUserTop',
@@ -116,9 +114,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-const pageInfo = inject(PAGE_PROVIDE_KEY)
-const photoUrl = ''
-const editBtn = ''
+const userStore = uni.$lcb.userStore?.()
 withDefaults(defineProps<LcbUserTopProps>(), {
   photoSize: 100,
   paddingLeft: 35,
@@ -140,9 +136,22 @@ const padTop = computed(() => {
   return addUnit(statusBarHeight || 0)
 })
 const getPhone = async (e) => {
-  await getUserPhone(e.detail)
+  uni.login({
+    provider: 'weixin',
+    success: async (res) => {
+      const { code } = res
+      await getUserPhone({
+        ...e.detail,
+        code,
+      })
+    },
+  })
+}
+const onAvatar = (avatarUrl) => {
+  userStore?.updateUser({
+    avatarUrl,
+  })
 }
-getUserInfo()
 </script>
 <style lang="scss" scoped>
 .userPlace {

package/index.ts

@@ -1,4 +1,4 @@
-import { LcbGlobal } from 'action'
+import { LcbGlobal } from './action'
 
 export const $lcb: LcbGlobal = {} as LcbGlobal
 uni.$lcb = $lcb

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "keywords": [
     "业务组件"
   ],

package/types/components/lcb-action-view/types.d.ts

@@ -2,9 +2,9 @@ export interface LcbActionViewProps {
   /**
    * 跳转类型 1: 网页 2: 小程序内页 10: 跳转小程序 11: 跳转半屏小程序 12: 小程序客服
    * 13: 退出登录 14: 小程序弹框 21: 新窗口跳到页面 22: 切换TAB页 23: 重启进入某页面
-   * 24: 回到上一层 25: 关闭当前页面 26: 关闭当前窗口 30: 拨打电话 88: 授权手机号
+   * 24: 回到上一层 25: 关闭当前页面 26: 关闭当前窗口 30: 拨打电话 88: 授权手机号 101 用户头像
    */
-  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88
+  jumpType?: 1 | 2 | 10 | 11 | 12 | 13 | 14 | 21 | 22 | 23 | 24 | 25 | 26 | 30 | 88 | 101
   /** 跳转路径 */
   jumpUrl?: string
   /** 小程序appid */

package/types/components/lcb-user-top/api/index.d.ts

@@ -3,8 +3,3 @@ export declare const getUserPhone: (data: {
   iv: string
   code?: string
 }) => Promise<import('../../../action').IResData<unknown>>
-export declare const saveUserInfo: (data: {
-  nickName?: string
-  avatarUrl?: string
-}) => Promise<import('../../../action').IResData<unknown>>
-export declare const getUserInfo: () => Promise<import('../../../action').IResData<unknown>>