@tplc/business 0.5.44 → 0.5.46

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 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.5.46](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.6...v0.5.46) (2025-11-12)
+
+### [0.5.45](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.44...v0.5.45) (2025-11-10)
+
 ### [0.5.44](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.43...v0.5.44) (2025-11-08)
 
 

package/components/lcb-home-search/lcb-home-search.vue

@@ -178,7 +178,7 @@ const getDayName = (time: number) => {
 const urlParams = computed(() => {
   return stringify({
     ...form.value,
-    categoryTags: props.tabs[current.value].value,
+    categoryTags: props.tabs?.[current.value]?.value,
   })
 })
 

package/components/lcb-home-search/types.ts

@@ -6,7 +6,7 @@ export interface LcbHomeSearch extends LcbBlockProps {
   placeholder?: string
   items?: ActionView[]
   btnText?: string
-  tabs: {
+  tabs?: {
     label: string
     value: string
   }[]

package/components/lcb-image/Image/index.vue

@@ -1,4 +1,5 @@
 <template>
+  <view id="image-gap"></view>
   <view
     v-for="(item, index) in items"
     :key="index"
@@ -23,7 +24,7 @@
           :src="item.url"
           :enable-preview="enablePreview"
           :mode="imageHeight ? 'aspectFill' : 'widthFix'"
-          :height="imageHeight ? transformValueUnit(imageHeight) : 'auto'"
+          :height="imageHeight ? transformValueUnit(imageHeight) : imagesHeight[index] || 'auto'"
           custom-class="overflow-hidden block"
         />
       </lcb-action-view>
@@ -58,10 +59,12 @@
 <script setup lang="ts">
 import { LcbImageProps } from '../types'
 import { transformValueUnit } from '../../../utils/transform'
-
+import { calcAutoHeight, getOssImageSize } from '../../../utils/utils'
+import { getCurrentInstance, onMounted, ref } from 'vue'
 const props = withDefaults(defineProps<LcbImageProps>(), {
   imageMargin: 0,
 })
+const imagesHeight = ref<number[]>([])
 
 function getRealSize(size: number = 0) {
   const mode = props.styleGroup
@@ -72,4 +75,37 @@ function getRealSize(size: number = 0) {
   if (mode === 2 && imgSpan) realWidth -= (lens - 1) / 2
   return (realWidth / 375) * size
 }
+const getImageSize = (width: number) => {
+  Promise.allSettled(
+    props.items!.map((item) => {
+      return getOssImageSize(item.url || '')
+    }),
+  ).then((sizes) => {
+    sizes.forEach((size) => {
+      if (size.status === 'fulfilled') {
+        imagesHeight.value.push(
+          calcAutoHeight({
+            originalWidth: size.value.width,
+            originalHeight: size.value.height,
+            targetWidth: props.styleGroup === 3 ? props.imageSize || width : width,
+          }),
+        )
+      }
+    })
+  })
+}
+const proxy = getCurrentInstance()!.proxy
+onMounted(() => {
+  // 如果没有高度，则获取image-gap的宽度，计算图片高度，并设置到imagesHeight中
+  if (!props.imageHeight && props.items?.length) {
+    uni
+      .createSelectorQuery()
+      .in(proxy)
+      .select('#image-gap')
+      .boundingClientRect((res) => {
+        getImageSize((res as { width: number }).width)
+      })
+      .exec()
+  }
+})
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.5.44",
+  "version": "0.5.46",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "0.1.100"
+    "@tplc/wot": "1.0.6"
   },
   "engines": {
     "node": ">=18",

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

@@ -5,7 +5,7 @@ export interface LcbHomeSearch extends LcbBlockProps {
   placeholder?: string
   items?: ActionView[]
   btnText?: string
-  tabs: {
+  tabs?: {
     label: string
     value: string
   }[]

package/types/utils/utils.d.ts

@@ -41,3 +41,16 @@ export declare const getDynamicData: (
     defaultText?: string
   },
 ) => string
+export declare const calcAutoHeight: ({
+  originalWidth,
+  originalHeight,
+  targetWidth,
+}: {
+  originalWidth: number
+  originalHeight: number
+  targetWidth: number
+}) => number
+export declare const getOssImageSize: (url: string) => Promise<{
+  width: number
+  height: number
+}>

package/utils/utils.ts

@@ -3,6 +3,7 @@ import { UploadMethod } from '@tplc/wot/types/components/wd-upload/types'
 import { uploadFile } from '../hooks/useUpload'
 import { parse, stringify } from 'qs'
 import { get } from 'lodash-es'
+import { transformValueUnit } from './transform'
 export function formatJson(str: string | object | undefined, defVal = {}) {
   if (!str) return defVal
   if (typeof str === 'object') return str
@@ -141,3 +142,36 @@ export const getDynamicData = (
   }
   return value
 }
+export const calcAutoHeight = ({
+  originalWidth,
+  originalHeight,
+  targetWidth,
+}: {
+  originalWidth: number
+  originalHeight: number
+  targetWidth: number
+}) => {
+  return (originalHeight / originalWidth) * targetWidth
+}
+
+export const getOssImageSize = async (url: string) => {
+  return new Promise<{
+    width: number
+    height: number
+  }>((resolve) => {
+    uni.request({
+      url: `${url}?x-oss-process=image/info`,
+      method: 'GET',
+      success: ({ data }) => {
+        const { ImageWidth, ImageHeight } = data as unknown as {
+          ImageWidth: { value: number }
+          ImageHeight: { value: number }
+        }
+        resolve({
+          width: Number(ImageWidth.value),
+          height: Number(ImageHeight.value),
+        })
+      },
+    })
+  })
+}