@tplc/business 0.4.59 → 0.4.61

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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)
+
+
+### ✨ Features | 新功能
+
+* 调整数据 ([3778c3c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3778c3caf8ff0193ebac4206945b52c75be8d7af))
+
 ### [0.4.59](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.58...v0.4.59) (2025-04-05)
 
 

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-action-view/lcb-action-view.vue

@@ -140,6 +140,20 @@ const onActionClick = async () => {
       break
     /** 退出登录 */
     case 13:
+      uni.showModal({
+        title: '提示',
+        content: '确定退出登录吗？',
+        success: async (res) => {
+          if (res.confirm) {
+            await uni.$lcb.http.post('/user/user/loginout')
+            uni.$lcb.userStore?.().updateUser({
+              phone: '',
+              userName: '',
+              headImgUrl: '',
+            })
+          }
+        },
+      })
       break
     /** 小程序弹框 */
     case 14:
@@ -150,7 +164,6 @@ const onActionClick = async () => {
       if (url) {
         onPageScrollSelector(url)
       }
-
       break
     case 17:
       if (props.requestInfo)

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-home-search/lcb-home-search.vue

@@ -30,7 +30,12 @@
       <view class="flex items-center justify-center text-[var(--content-color)] gap-16rpx">
         <lcb-city-select :location="userLocation" v-model="addressCity">
           <view class="flex items-center gap-16rpx">
-            <view class="text-30rpx max-w-13 truncate">
+            <view
+              class="max-w-14 truncate"
+              :style="{
+                fontSize: (addressCity?.addressName || '').length > 4 ? '22rpx' : '30rpx',
+              }"
+            >
               {{ addressCity?.addressName || '全国' }}
             </view>
             <img

package/components/lcb-img-nav/lcb-img-nav.vue

@@ -26,7 +26,7 @@
       ]"
     >
       <lcb-action-view
-        v-for="(item, index) in items"
+        v-for="(item, index) in renderItems"
         :key="item.title"
         v-bind="item.link"
         @click="onItemClick(item)"
@@ -59,6 +59,7 @@
               :color="iconColor"
             />
             <wd-img
+              v-else
               :width="iconSize + 'rpx'"
               :height="iconSize + 'rpx'"
               :radius="iconRadius + 'rpx'"
@@ -89,10 +90,14 @@
 </template>
 
 <script lang="ts" setup>
+import { computed, inject, Ref } from 'vue'
 import { ActionView } from '../../action'
 import { transformValueUnit } from '../../utils/transform'
 import { LcbImgNavProps } from './types'
+import { PAGE_PROVIDE_KEY } from '../../constants'
 const emits = defineEmits(['click'])
+const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
+const userStore = uni.$lcb.userStore?.()
 const onItemClick = (item: ActionView) => {
   emits('click', item)
 }
@@ -105,7 +110,7 @@ defineOptions({
   },
 })
 
-withDefaults(defineProps<LcbImgNavProps>(), {
+const props = withDefaults(defineProps<LcbImgNavProps>(), {
   textColor: '#212121',
   iconColor: '#212121',
   iconRadius: 0,
@@ -125,6 +130,21 @@ withDefaults(defineProps<LcbImgNavProps>(), {
   arrowSize: 44,
   arrowColor: '#212121',
 })
+
+const renderItems = computed(() => {
+  return (
+    props.items?.filter((item) => {
+      if (item.dependKey) {
+        if (item.keyFromUser) {
+          return Boolean(userStore?.userInfo?.[item.dependKey])
+        } else {
+          return Boolean(pageInfo.value?.[item.dependKey])
+        }
+      }
+      return true
+    }) || []
+  )
+})
 </script>
 
 <style lang="scss" scoped>

package/components/lcb-img-nav/types.ts

@@ -13,7 +13,12 @@ export interface LcbImgNavProps extends LcbBlockProps {
   /** 图标类型 0.系统 1.自定义 */
   iconType?: 0 | 1
   /** 数据内容 */
-  items?: ActionView[]
+  items?: (ActionView & {
+    /** 依赖值 */
+    dependKey?: string
+    /** 依赖值类型 */
+    keyFromUser?: boolean
+  })[]
   /** 排布方式每行几个 */
   pictureDistribution?: 3 | 4 | 5
   /** 图标尺寸 0.小40px  2.大50px */

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"
@@ -33,7 +33,13 @@
           授权登录
         </view>
         <view v-else class="leading-none">
-          <view class="text-32rpx font-#000 font-500 mb-20rpx">
+          <view
+            class="text-32rpx font-#000 font-500 mb-20rpx"
+            :style="{
+              fontSize: transformValueUnit(textSize),
+              color: textColor,
+            }"
+          >
             {{ userStore?.userInfo?.userName || '微信用户' }}
           </view>
           <view class="flex" @click="toEdit">
@@ -41,7 +47,7 @@
               class="flex flex-content-center flex-items-center mt-5px border-style-solid"
               :style="{
                 color: textColor,
-                borderWidth: editBorder ? transformValueUnit(1) : 0,
+                borderWidth: editBorder ? transformValueUnit(2) : 0,
                 borderColor: textColor,
                 padding: editBorder ? `2px ${editSize / 2.5}px 2px ${editSize / 2.5}px` : '',
                 borderRadius: transformValueUnit(30),
@@ -188,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.59",
+  "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'

package/types/components/lcb-img-nav/types.d.ts

@@ -12,7 +12,12 @@ export interface LcbImgNavProps extends LcbBlockProps {
   /** 图标类型 0.系统 1.自定义 */
   iconType?: 0 | 1
   /** 数据内容 */
-  items?: ActionView[]
+  items?: (ActionView & {
+    /** 依赖值 */
+    dependKey?: string
+    /** 依赖值类型 */
+    keyFromUser?: boolean
+  })[]
   /** 排布方式每行几个 */
   pictureDistribution?: 3 | 4 | 5
   /** 图标尺寸 0.小40px  2.大50px */