@tplc/business 0.4.85 → 0.4.87

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 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.87](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.86...v0.4.87) (2025-05-04)
+
+### [0.4.86](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.83...v0.4.86) (2025-05-04)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 修改商品展示 ([8d3ef34](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8d3ef34a8693fa3a5a3c89fd99c2ac3aa8ac195f))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.84 ([7b56ae5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7b56ae598549ea40cec87cdcf8719a29b6c132b1))
+* **release:** 0.4.85 ([d00bbf5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d00bbf5404960514b00b9e0602709a200ad5b670))
+
+
+### ✨ Features | 新功能
+
+* horizontal 支持gap ([8d5d3c8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8d5d3c8732b1adb6dc9afd2e5c51836a58573c8b))
+* version ([013ff3f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/013ff3f0118badd815876911e0e8faa11236b076))
+* 价格居中 ([91dd0e9](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/91dd0e96048f3a26f9c990e04dc07ce5c08377c9))
+* 支持图片 ([aa756b1](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/aa756b181a530f9748c56d631eebe0b04d2f847a))
+* 新增页面 ([82aaddd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/82aaddda0c747c03af1ac59a89aff8eee70bbc25))
+* 暂时支持template ([8d413fe](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8d413fee8ea18d86167b733f66fea8a59eaf7c49))
+* 调整布局 ([4a95740](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4a957408f27e2555c1078994cca20712e7be7003))
+* 跳转布局问题 ([1b5d4ba](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1b5d4bab4a59318bae79fdd4a435b5a32208ddcf))
+
 ### [0.4.85](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.84...v0.4.85) (2025-04-30)
 
 

package/api/user.ts

@@ -4,3 +4,11 @@ export const getUserPhone = (data: { encryptedData: string; iv: string; code?: s
     ...data,
     appId: (import.meta as any).env.VITE_WX_APPID,
   })
+export interface TemplateMessage {
+  templateId: string
+}
+/** 获取模板消息列表 */
+export const getTemplateMessageList = async (events = 'taskOrder') => {
+  const { data } = await uni.$lcb.http.post<TemplateMessage[]>('/templateMessage/list', { events })
+  return data
+}

package/components/lcb-action-view/lcb-action-view.vue

@@ -55,7 +55,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref, inject, Ref } from 'vue'
+import { computed, ref, inject, Ref, onMounted } from 'vue'
 import { LcbActionViewProps } from './types'
 import { uploadFile } from '../../hooks/useUpload'
 import mpHtml from 'mp-html/src/uni-app/components/mp-html/mp-html.vue'
@@ -63,6 +63,7 @@ import { getFinalUrl, onPageScrollSelector, getExposed } from '../../utils/utils
 import SharePopup from '../lcb-nav/SharePopup/index.vue'
 import { useTranslate } from '@tplc/wot'
 import { PAGE_PROVIDE_KEY, USER_BASIC_INFO } from '../../constants'
+import { getTemplateMessageList, TemplateMessage } from '../../api/user'
 const { translate } = useTranslate()
 defineOptions({
   name: 'LcbActionView',
@@ -72,6 +73,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+
 const props = defineProps<LcbActionViewProps>()
 const basicInfo = inject(USER_BASIC_INFO, {}) as unknown as Ref<Record<string, any>>
 const pageInfo = inject(PAGE_PROVIDE_KEY) as unknown as Ref<Record<string, any>>
@@ -83,7 +85,13 @@ const emits = defineEmits<{
   (e: 'refresh', value: void): void
   (e: 'nav', value: void): void
 }>()
-
+const templateMessageList = ref<TemplateMessage[]>([])
+onMounted(async () => {
+  if (props.jumpType === 142 && props.events) {
+    const data = await getTemplateMessageList(props.events)
+    templateMessageList.value = data
+  }
+})
 const show = ref(false)
 const openType = computed(() => {
   return {
@@ -249,6 +257,9 @@ const onActionClick = async () => {
         url: `/pages/system/imagePreview`,
       })
       break
+    case 142:
+      onTemplateMessage()
+      break
     default:
       emits('click')
       break
@@ -275,6 +286,21 @@ const onCopy = (data?: string) => {
     data,
   })
 }
+const onTemplateMessage = async () => {
+  if (templateMessageList.value?.length) {
+    uni.requestSubscribeMessage({
+      tmplIds: templateMessageList.value.map((item) => item.templateId),
+      success: () => {
+        emits('click')
+      },
+      fail: () => {
+        emits('click')
+      },
+    })
+  } else {
+    emits('click')
+  }
+}
 </script>
 
 <style lang="scss" scoped>

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

@@ -14,7 +14,7 @@ export type LcbActionViewProps = {
        * 13: 退出登录 14: 小程序弹框 16: 小程序锚点  17 网络请求 21: 新窗口跳到页面 22: 切换TAB页 23: 重启进入某页面
        * 24: 回到上一层 25: 关闭当前页面 26: 关闭当前窗口 30: 拨打电话
        * 88: 授权手机号 101 用户头像 102 分享 103 意见反馈  104 	打开授权设置页
-       * 105 查看地图 106 查看地图 141 二维码 241 返回并刷新上个页面
+       * 105 查看地图 106 查看地图 141 二维码 241 返回并刷新上个页面  142 模板消息
        * 107 图片预览
        */
       jumpType?:
@@ -83,4 +83,8 @@ export type LcbActionViewProps = {
         typeName: string
       }[]
     }
+  | {
+      jumpType: 142
+      events: string
+    }
 )

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

@@ -1,5 +1,5 @@
 <template>
-  <lcb-block v-bind="$props">
+  <lcb-block v-bind="$props" v-if="renderItems?.length">
     <lcb-title
       v-if="showTitle"
       v-bind="{
@@ -131,6 +131,7 @@ const props = withDefaults(defineProps<LcbImgNavProps>(), {
   divider: true,
   arrowSize: 44,
   arrowColor: '#212121',
+  reverse: false,
 })
 
 const renderItems = computed(() => {
@@ -138,9 +139,13 @@ const renderItems = computed(() => {
     props.items?.filter((item) => {
       if (item.dependKey) {
         if (item.keyFromUser) {
-          return Boolean(userStore?.userInfo?.[item.dependKey])
+          return props.reverse
+            ? !userStore?.userInfo?.[item.dependKey]
+            : Boolean(userStore?.userInfo?.[item.dependKey])
         } else {
-          return Boolean(pageInfo.value?.[item.dependKey])
+          return props.reverse
+            ? !pageInfo.value?.[item.dependKey]
+            : Boolean(pageInfo.value?.[item.dependKey])
         }
       }
       return true

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

@@ -18,6 +18,8 @@ export interface LcbImgNavProps extends LcbBlockProps {
     dependKey?: string
     /** 依赖值类型 */
     keyFromUser?: boolean
+    /** 依赖值反选 */
+    reverse?: boolean
   })[]
   /** 排布方式每行几个 */
   pictureDistribution?: 3 | 4 | 5

package/components/lcb-product/lcb-product.vue

@@ -233,7 +233,7 @@ defineExpose({
     </view>
 
     <view
-      class="lcb-product-waterfall p-0.5 !py-1"
+      class="lcb-product-waterfall !py-1"
       v-else-if="listType === 'waterfall'"
       :style="{
         width: itemWidth ? `${itemWidth}rpx` : '100%',

package/components/lcb-product-item/components/ItemValue.vue

@@ -95,7 +95,7 @@ const value = computed(() => {
 
 const coverImgWidth = computed(() => {
   if (style.value.width) {
-    return style.value.width.replace('rpx', '')
+    return style.value.width
   }
   return '100%'
 })

package/components/lcb-tabs/components/Imgs/index.vue

@@ -0,0 +1,60 @@
+<template>
+  <lcb-block v-bind="$props">
+    <view
+      :class="{
+        'flex flex-wrap': tagsMode === 'tiled',
+        'flex whitespace-nowrap overflow-x-auto': tagsMode === 'scroll',
+      }"
+      :style="{
+        gap: transformValueUnit(gap),
+      }"
+    >
+      <wd-img
+        v-for="(item, index) in items"
+        :key="index"
+        :class="{
+          'inline-block': tagsMode === 'scroll',
+        }"
+        :style="{
+          fontSize: transformValueUnit(itemFontSize),
+        }"
+        :width="transformValueUnit(imgWidth)"
+        height="auto"
+        mode="widthFix"
+        :src="current === index ? item.activeUrl : item.inactiveUrl"
+        @click="handleTagClick(item.name, index)"
+      />
+    </view>
+  </lcb-block>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import useSyncForm from '../../../../hooks/useSyncForm'
+import { transformValueUnit } from '../../../../utils/transform'
+import { LcbTabsProps } from '../../types'
+const props = withDefaults(defineProps<LcbTabsProps>(), {})
+const { syncForm } = useSyncForm(props.dynamicScope)
+const current = ref(0)
+defineOptions({
+  name: 'LcbTagsItem',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const handleTagClick = (name: string, index: number) => {
+  current.value = index
+  try {
+    syncForm(JSON.parse(name))
+  } catch (error) {
+    console.error(error)
+  }
+}
+handleTagClick(props.items?.[0].name, 0)
+</script>
+
+<style lang="scss" scoped>
+@import '@tplc/wot/components/common/abstracts/variable';
+</style>

package/components/lcb-tabs/components/Tags/index.vue

@@ -52,6 +52,7 @@ const handleTagClick = (name: string, index: number) => {
     console.error(error)
   }
 }
+handleTagClick(props.items[0]?.name, 0)
 </script>
 
 <style lang="scss" scoped>

package/components/lcb-tabs/lcb-tabs.vue

@@ -2,15 +2,18 @@
   <wd-sticky v-if="sticky">
     <view class="w-100vw">
       <Tabs v-bind="$props" v-if="mode === 'tabs'" />
+      <Imgs v-bind="$props" v-else-if="mode === 'image'" />
       <Tags v-bind="$props" v-else />
     </view>
   </wd-sticky>
   <Tabs v-else-if="mode === 'tabs'" v-bind="$props" />
+  <Imgs v-else-if="mode === 'image'" v-bind="$props" />
   <Tags v-else v-bind="$props" />
 </template>
 
 <script setup lang="ts">
 import { LcbTabsProps } from './types'
+import Imgs from './components/Imgs/index.vue'
 import Tabs from './components/Tabs/index.vue'
 import Tags from './components/Tags/index.vue'
 defineOptions({
@@ -25,6 +28,7 @@ withDefaults(defineProps<LcbTabsProps>(), {
   itemFontSize: 28,
   tagsMode: 'tiled',
   gap: 16,
+  imgWidth: 100,
 })
 </script>
 

package/components/lcb-tabs/types.ts

@@ -6,14 +6,17 @@ export interface LcbTabsProps extends LcbBlockProps {
   items: {
     title: string
     name: string
+    activeUrl?: string
+    inactiveUrl?: string
   }[]
   lineWidth?: number
   lineHeight?: number
   slidable?: 'always' | 'auto'
   slidableNum?: number
   itemFontSize?: number
-  mode?: 'tabs' | 'block'
+  mode?: 'tabs' | 'block' | 'image'
   tagsMode?: 'scroll' | 'tiled'
   gap?: number
   dynamicScope?: string
+  imgWidth?: number
 }

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

@@ -143,7 +143,7 @@ defineOptions({
   },
 })
 const userStore = uni.$lcb.userStore?.()
-userStore?.getUser()
+// userStore?.getUser()
 withDefaults(defineProps<LcbUserTopProps>(), {
   photoSize: 100,
   paddingLeft: 35,

package/hooks/useUpload.ts

@@ -52,25 +52,46 @@ export async function uploadFile({
 }) {
   const pageRoute = getCurrentPages().at(-1)?.route || ''
   uni.$lcb.loadingStore?.().changeLoading(pageRoute, true)
-  const { uploadUrl, ossType, fileUrl } = await uploadByUrl(`${new Date().getTime()}_${name}`)
-  const fun = (fileData: any) => {
-    uni.request({
-      url: uploadUrl,
-      method: 'PUT',
-      data: fileData,
-      header:
-        ossType === 'tyyun'
-          ? {
-              'x-amz-acl': 'public-read',
-              'Content-Type': 'image',
-            }
-          : {
-              'Content-Type': ' ',
-            },
-      success: () => {
-        onSuccess?.(fileUrl)
-        if (data) data.value = fileUrl
-        uni.$lcb.loadingStore?.().changeLoading(pageRoute, false)
+  try {
+    const { uploadUrl, ossType, fileUrl } = await uploadByUrl(`${new Date().getTime()}_${name}`)
+    const fun = (fileData: any) => {
+      uni.request({
+        url: uploadUrl,
+        method: 'PUT',
+        data: fileData,
+        header:
+          ossType === 'tyyun'
+            ? {
+                'x-amz-acl': 'public-read',
+                'Content-Type': 'image',
+              }
+            : {
+                'Content-Type': ' ',
+              },
+        success: () => {
+          onSuccess?.(fileUrl)
+          if (data) data.value = fileUrl
+          uni.$lcb.loadingStore?.().changeLoading(pageRoute, false)
+        },
+        fail: () => {
+          uni.showToast({
+            title: '上传失败',
+            icon: 'none',
+          })
+          uni.$lcb.loadingStore?.().changeLoading(pageRoute, false)
+        },
+      })
+    }
+    // #ifdef H5
+    fun(await (await fetch(filePath)).arrayBuffer())
+    // #endif
+
+    // #ifndef H5
+    const fs = uni.getFileSystemManager()
+    fs.readFile({
+      filePath,
+      success: (fileRes) => {
+        fun(fileRes.data)
       },
       fail: () => {
         uni.showToast({
@@ -80,25 +101,8 @@ export async function uploadFile({
         uni.$lcb.loadingStore?.().changeLoading(pageRoute, false)
       },
     })
+    // #endif
+  } catch (error) {
+    uni.$lcb.loadingStore?.().changeLoading(pageRoute, false)
   }
-  // #ifdef H5
-  fun(await (await fetch(filePath)).arrayBuffer())
-  // #endif
-
-  // #ifndef H5
-  const fs = uni.getFileSystemManager()
-  fs.readFile({
-    filePath,
-    success: (fileRes) => {
-      fun(fileRes.data)
-    },
-    fail: () => {
-      uni.showToast({
-        title: '上传失败',
-        icon: 'none',
-      })
-      uni.$lcb.loadingStore?.().changeLoading(pageRoute, false)
-    },
-  })
-  // #endif
 }

package/package.json

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

package/types/api/user.d.ts

@@ -0,0 +1,11 @@
+/** 获取用户手机号 */
+export declare const getUserPhone: (data: {
+  encryptedData: string
+  iv: string
+  code?: string
+}) => Promise<import('../action').IResData<unknown>>
+export interface TemplateMessage {
+  templateId: string
+}
+/** 获取模板消息列表 */
+export declare const getTemplateMessageList: (events?: string) => Promise<TemplateMessage[]>

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

@@ -15,7 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   any,
-  {} | {} | {} | {} | {} | {} | {},
+  {} | {} | {} | {} | {} | {} | {} | {},
   {}
 >
 declare const _default: __VLS_WithTemplateSlots<

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

@@ -13,7 +13,7 @@ export type LcbActionViewProps = {
        * 13: 退出登录 14: 小程序弹框 16: 小程序锚点  17 网络请求 21: 新窗口跳到页面 22: 切换TAB页 23: 重启进入某页面
        * 24: 回到上一层 25: 关闭当前页面 26: 关闭当前窗口 30: 拨打电话
        * 88: 授权手机号 101 用户头像 102 分享 103 意见反馈  104 	打开授权设置页
-       * 105 查看地图 106 查看地图 141 二维码 241 返回并刷新上个页面
+       * 105 查看地图 106 查看地图 141 二维码 241 返回并刷新上个页面  142 模板消息
        * 107 图片预览
        */
       jumpType?:
@@ -80,4 +80,8 @@ export type LcbActionViewProps = {
         typeName: string
       }[]
     }
+  | {
+      jumpType: 142
+      events: string
+    }
 )

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

@@ -21,6 +21,7 @@ declare const _default: import('vue').DefineComponent<
       divider: boolean
       arrowSize: number
       arrowColor: string
+      reverse: boolean
     }
   >,
   {},
@@ -57,6 +58,7 @@ declare const _default: import('vue').DefineComponent<
           divider: boolean
           arrowSize: number
           arrowColor: string
+          reverse: boolean
         }
       >
     >

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

@@ -17,6 +17,8 @@ export interface LcbImgNavProps extends LcbBlockProps {
     dependKey?: string
     /** 依赖值类型 */
     keyFromUser?: boolean
+    /** 依赖值反选 */
+    reverse?: boolean
   })[]
   /** 排布方式每行几个 */
   pictureDistribution?: 3 | 4 | 5

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

@@ -553,6 +553,75 @@ declare const _default: import('vue').DefineComponent<
           }
         >
       >
+    >
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
+              productTypeList?: string[]
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+              historyKey?: string
+              showCancel?: boolean
+              initFocus?: boolean
+              blockBackground?: string
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
+            } & {
+              jumpType: 142
+              events: string
+            } & import('../lcb-block/types').LcbBlockProps
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            paddingVertical: number
+            marginHorizontal: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            radius: number
+            paddingHorizontal: number
+            borderColor: string
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+            mode: string
+            fontSize: number
+            initFocus: boolean
+            showCancel: boolean
+          }
+        >
+      >
     >,
   | {
       mode: 'search' | 'link'
@@ -710,6 +779,32 @@ declare const _default: import('vue').DefineComponent<
       showCancel: boolean
       initFocus: boolean
     }
+  | {
+      mode: 'search' | 'link'
+      color: string
+      lineHeight: number
+      radius: number
+      iconSize: string
+      iconColor: string
+      marginHorizontal: number
+      paddingHorizontal: number
+      paddingVertical: number
+      fontSize: number
+      borderColor: string
+      borderWidth: number
+      gap: number
+      placeholder: string
+      lineWidth: number
+      iconType: 'icon' | 'img'
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+      showCancel: boolean
+      initFocus: boolean
+    }
   | {
       mode: 'search' | 'link'
       color: string

package/types/components/lcb-tabs/components/Imgs/index.vue.d.ts

@@ -0,0 +1,42 @@
+import { LcbTabsProps } from '../../types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>>
+  >,
+  {},
+  {}
+>
+export default _default
+type __VLS_WithDefaults<P, D> = {
+  [K in keyof Pick<P, keyof P>]: K extends keyof D
+    ? __VLS_Prettify<
+        P[K] & {
+          default: D[K]
+        }
+      >
+    : P[K]
+}
+type __VLS_Prettify<T> = {
+  [K in keyof T]: T[K]
+} & {}
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
+type __VLS_TypePropsToOption<T> = {
+  [K in keyof T]-?: {} extends Pick<T, K>
+    ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
+      }
+    : {
+        type: import('vue').PropType<T[K]>
+        required: true
+      }
+}

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

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<
       itemFontSize: number
       tagsMode: string
       gap: number
+      imgWidth: number
     }
   >,
   {},
@@ -25,11 +26,13 @@ declare const _default: import('vue').DefineComponent<
           itemFontSize: number
           tagsMode: string
           gap: number
+          imgWidth: number
         }
       >
     >
   >,
   {
+    imgWidth: number
     gap: number
     itemFontSize: number
     tagsMode: 'scroll' | 'tiled'

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

@@ -5,14 +5,17 @@ export interface LcbTabsProps extends LcbBlockProps {
   items: {
     title: string
     name: string
+    activeUrl?: string
+    inactiveUrl?: string
   }[]
   lineWidth?: number
   lineHeight?: number
   slidable?: 'always' | 'auto'
   slidableNum?: number
   itemFontSize?: number
-  mode?: 'tabs' | 'block'
+  mode?: 'tabs' | 'block' | 'image'
   tagsMode?: 'scroll' | 'tiled'
   gap?: number
   dynamicScope?: string
+  imgWidth?: number
 }