@tplc/business 0.4.60 → 0.4.61

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.4.61](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.60...v0.4.61) (2025-04-06)
+
+
+### ✨ Features | 新功能
+
+* 调整 ([6fff186](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6fff186f6a6630b7389337c269c291aa6982be72))
+
 ### [0.4.60](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.59...v0.4.60) (2025-04-06)
 
 

package/action.d.ts

@@ -34,7 +34,7 @@ export interface LcbGlobal {
   }
   userStore?: () => {
     userInfo: Record<string, any>
-    updateUser: (data: Record<string, any>) => void
+    updateUser: (data: Record<string, any>, isLogin?: boolean) => void
     getUser: () => void
   }
   getIsTabbar: () => boolean

package/components/lcb-button/lcb-button.vue

@@ -4,6 +4,7 @@
     :style="{
       ...innerStyle,
     }"
+    v-if="dynamicKey && hideWhenDynamicKeyNotExist ? dynamicValue : true"
   >
     <lcb-block
       v-bind="$props"
@@ -15,15 +16,24 @@
       }"
     >
       <lcb-action-view v-bind="action" @avatar="onAvatar">
-        <template v-if="mode === 'image'">
-          <wd-img
-            :src="innerValue || props.url"
-            :width="imageWidth"
-            :height="imageHeight"
-            mode="aspectFit"
+        <view class="!flex items-center justify-center" :style="`gap: ${iconGap}rpx`">
+          <wd-icon
+            v-if="icon"
+            :name="icon"
+            class-prefix="lcb"
+            :size="transformValueUnit(iconSize)"
+            :color="iconColor"
           />
-        </template>
-        <template v-else>{{ innerValue || props.text }}</template>
+          <template v-if="mode === 'image'">
+            <wd-img
+              :src="innerValue || props.url"
+              :width="imageWidth"
+              :height="imageHeight"
+              mode="aspectFit"
+            />
+          </template>
+          <template v-else>{{ innerValue || props.text }}</template>
+        </view>
       </lcb-action-view>
     </lcb-block>
   </view>
@@ -33,7 +43,7 @@
 import { computed, inject, Ref } from 'vue'
 import { LcbButtonProps } from './types'
 import { PAGE_PROVIDE_KEY } from '../../constants'
-import { getFlexStyle } from '../../utils/transform'
+import { getFlexStyle, transformValueUnit } from '../../utils/transform'
 defineOptions({
   name: 'LcbButton',
   options: {
@@ -45,10 +55,14 @@ defineOptions({
 const props = withDefaults(defineProps<LcbButtonProps>(), {
   color: '#ffffff',
   backgroundColor: 'var(--wot-color-theme)',
+  hideWhenDynamicKeyNotExist: false,
+  iconGap: 4,
+  iconSize: 24,
 })
 const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
 const userStore = uni.$lcb.userStore?.()
-const innerValue = computed(() => {
+
+const dynamicValue = computed(() => {
   let value = ''
   if (props.dynamicKey) {
     if (props.keyFromUser) {
@@ -57,6 +71,10 @@ const innerValue = computed(() => {
       value = pageInfo.value?.[props.dynamicKey]
     }
   }
+  return value
+})
+const innerValue = computed(() => {
+  let value = ''
   if (props.text.includes('${')) {
     value = props.text.replace(/\$\{([^}]+)\}/g, (_, p1) => {
       if (props.keyFromUser) {
@@ -69,9 +87,12 @@ const innerValue = computed(() => {
   return value
 })
 const onAvatar = (headImgUrl) => {
-  userStore?.updateUser({
-    headImgUrl,
-  })
+  userStore?.updateUser(
+    {
+      headImgUrl,
+    },
+    true,
+  )
 }
 const innerStyle = computed(() => {
   return getFlexStyle(props.align)

package/components/lcb-button/types.ts

@@ -12,6 +12,12 @@ export interface LcbButtonProps extends LcbBlockProps {
   keyFromUser?: boolean
   fillWidth?: boolean
   fillHeight?: boolean
+  icon?: string
+  iconSize?: number
+  iconColor?: string
+  iconGap?: number
+  // 动态值不存在就不显示
+  hideWhenDynamicKeyNotExist?: boolean
   itemAlign?:
     | 'top-left'
     | 'top-center'

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

@@ -30,11 +30,14 @@
               }"
             />
 
-            <wd-img
+            <img
               v-if="item.iconType === 1"
-              :height="transformValueUnit(iconSize)"
-              :width="transformValueUnit(iconSize)"
               :src="item.iconUpload"
+              mode="aspectFit"
+              :style="{
+                height: transformValueUnit(iconSize),
+                width: transformValueUnit(iconSize),
+              }"
             />
           </wd-badge>
         </view>

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

@@ -14,7 +14,7 @@
             height: transformValueUnit(photoSize),
             round: photoRound,
             src:
-              userStore?.userInfo?.headImgUrl ||
+              (userStore?.userInfo?.loginFlag && userStore?.userInfo?.headImgUrl) ||
               'https://lycs.eluying.com/material/icon/1/20240925185540/userPhoto.jpg',
           }"
           custom-class="mr-40rpx bg-#eee"
@@ -194,9 +194,12 @@ const phoneHandler = () => {
   })
 }
 const onAvatar = (headImgUrl) => {
-  userStore?.updateUser({
-    headImgUrl,
-  })
+  userStore?.updateUser(
+    {
+      headImgUrl,
+    },
+    true,
+  )
 }
 const toEdit = () => {
   uni.navigateTo({

package/package.json

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

package/types/components/lcb-button/lcb-button.vue.d.ts

@@ -5,6 +5,9 @@ declare const _default: import('vue').DefineComponent<
     {
       color: string
       backgroundColor: string
+      hideWhenDynamicKeyNotExist: boolean
+      iconGap: number
+      iconSize: number
     }
   >,
   {},
@@ -23,6 +26,9 @@ declare const _default: import('vue').DefineComponent<
         {
           color: string
           backgroundColor: string
+          hideWhenDynamicKeyNotExist: boolean
+          iconGap: number
+          iconSize: number
         }
       >
     >
@@ -30,6 +36,9 @@ declare const _default: import('vue').DefineComponent<
   {
     backgroundColor: string
     color: string
+    iconSize: number
+    iconGap: number
+    hideWhenDynamicKeyNotExist: boolean
   },
   {}
 >

package/types/components/lcb-button/types.d.ts

@@ -11,6 +11,11 @@ export interface LcbButtonProps extends LcbBlockProps {
   keyFromUser?: boolean
   fillWidth?: boolean
   fillHeight?: boolean
+  icon?: string
+  iconSize?: number
+  iconColor?: string
+  iconGap?: number
+  hideWhenDynamicKeyNotExist?: boolean
   itemAlign?:
     | 'top-left'
     | 'top-center'