@tplc/business 0.2.32 → 0.2.34

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 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.2.34](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.33...v0.2.34) (2024-12-25)
+
+
+### ✨ Features | 新功能
+
+* version update ([7c02961](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7c02961426faa5f1c6628e8222777bc406bdca78))
+
+### [0.2.33](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.32...v0.2.33) (2024-12-25)
+
+
+### ✨ Features | 新功能
+
+* height 兼容h5 ([dac82fa](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/dac82fa388f71112663e4b3d124eb7ed968ab03d))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 修复autoheight  高度不对 ([4fae567](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4fae5676f56e7027effb29c625842757af32dcc3))
+* 修改布局高度 ([cf41a37](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/cf41a37f9d87e8e72309e0a8bde18c37d047fb45))
+* 暂时修复item不显示 ([398caf8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/398caf81ff428f3c730083cb3ce133e0887b0a09))
+
 ### [0.2.32](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.27...v0.2.32) (2024-12-24)
 
 

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

@@ -84,7 +84,7 @@
 
 <script setup lang="ts">
 import { addUnit } from '@tplc/wot/components/common/util'
-import { computed, inject } from 'vue'
+import { computed, inject, watch } from 'vue'
 import { ICapsule, NavProps } from './types'
 import Title from './Title/index.vue'
 import Search from './Search/index.vue'
@@ -124,7 +124,6 @@ const props = withDefaults(defineProps<NavProps>(), {
   capsuleMode: 'light',
   immersionMode: 1,
 })
-
 const navbarBgColor = computed(() => {
   return props.backgroundType === 'color' ? props.backColor : ''
 })

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

@@ -17,14 +17,14 @@ const itemProps: any = inject('lcb-product-item-props')
 const props = withDefaults(
   defineProps<{
     prop: string
-    className?: string
+    customClass?: string
   }>(),
   {},
 )
-
+console.log('itemProps', itemProps, props)
 defineSlots<{
   coverImg(props: { value: any }): any
-  title(props: { value: any }): any
+  productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
   priceUnit(props: { value: any }): any
@@ -35,7 +35,7 @@ defineSlots<{
   tags(props: { value: any }): any
   addressIntro(props: { value: any }): any
   distance(props: { value: any }): any
-  score(props: { value: any }): any
+  scoreAvg(props: { value: any }): any
   scoreTips(props: { value: any }): any
   level(props: { value: any }): any
   imgCornerIcon(props: { value: any }): any
@@ -49,7 +49,7 @@ const visible = computed(() => {
   return itemProps?.[`${props?.prop}Visible`] ?? true
 })
 const className = computed(() => {
-  return `${itemProps?.[`${props?.prop}Class`] ?? ''} ${props?.className}`
+  return `${itemProps?.[`${props?.prop}Class`] ?? ''} ${props?.customClass}`
 })
 const style = computed(() => {
   return itemProps?.[`${props?.prop}Style`] ?? ''
@@ -77,27 +77,23 @@ const value = computed(() => {
   >
     <!-- 图片 -->
     <slot :value="value" v-if="prop === 'coverImg'" name="coverImg">
-      <view :class="className" :style="style">
+      <view :class="`relative ${className}`" :style="style">
         <image :src="value" class="w-full h-full" mode="aspectFill" />
+        <!-- imgBottomIcon -->
+        <view class="absolute bottom-0 left-0 w-full z-1" v-if="itemProps.imgBottomIcon">
+          <image :src="itemProps.imgBottomIcon" class="w-full h-auto block" mode="widthFix" />
+        </view>
+        <!-- imgCornerIcon -->
+        <view class="absolute top-0 left-0 h-8 z-1" v-if="itemProps.imgCornerIcon">
+          <image :src="itemProps.imgCornerIcon" class="w-auto h-full block" mode="heightFix" />
+        </view>
         <slot></slot>
       </view>
     </slot>
 
     <!-- 标题 -->
-    <slot :value="value" v-if="prop === 'title'" name="title">
-      <view
-        :class="[
-          className,
-          'inline text-[32rpx] font-bold',
-          // {
-          //   'line-clamp-1': itemProps?.titleLineClamp === 1,
-          //   'line-clamp-2': itemProps?.titleLineClamp === 2,
-          //   'line-clamp-3': itemProps?.titleLineClamp === 3,
-          // },
-        ]"
-        :style="style"
-        :value="value"
-      >
+    <slot :value="value" v-if="prop === 'productName'" name="productName">
+      <view :class="[className, 'inline text-[32rpx] font-bold']" :style="style" :value="value">
         {{ value }}
       </view>
     </slot>
@@ -117,7 +113,7 @@ const value = computed(() => {
       </view>
     </slot>
 
-    <slot :value="value" v-if="prop === 'score'" name="score">
+    <slot :value="value" v-if="prop === 'scoreAvg'" name="scoreAvg">
       <view :class="className" :style="style" class="">
         <wd-tag
           custom-class="!text-24rpx relative top-[-2px]"
@@ -267,18 +263,6 @@ const value = computed(() => {
       </view>
     </slot>
 
-    <slot :value="value" v-if="prop === 'imgCornerIcon'" name="imgCornerIcon">
-      <view :class="className" :style="style" class="">
-        <view>{{ value }}</view>
-      </view>
-    </slot>
-
-    <slot :value="value" v-if="prop === 'imgBottomIcon'" name="imgBottomIcon">
-      <view :class="className" :style="style" class="">
-        <view>{{ value }}</view>
-      </view>
-    </slot>
-
     <slot :value="value" v-if="prop === 'orderTips'" name="orderTips">
       <view :class="className" :style="style" class="text-22rpx text-gray-500">
         <view>{{ value }}</view>

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

@@ -52,7 +52,7 @@ provide('lcb-product-item-props', props)
 
 defineSlots<{
   coverImg(props: { value: any }): any
-  title(props: { value: any }): any
+  productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
   priceUnit(props: { value: any }): any
@@ -63,7 +63,7 @@ defineSlots<{
   tags(props: { value: any }): any
   addressIntro(props: { value: any }): any
   distance(props: { value: any }): any
-  score(props: { value: any }): any
+  scoreAvg(props: { value: any }): any
   scoreTips(props: { value: any }): any
   level(props: { value: any }): any
   imgCornerIcon(props: { value: any }): any
@@ -99,7 +99,7 @@ defineSlots<{
       <ItemValue
         v-if="!!$slots?.['coverImg']"
         prop="coverImg"
-        className="w-1/3 h-[360rpx] bg-gray-100 rounded-sm overflow-hidden relative"
+        customClass="w-1/3 h-[360rpx] bg-gray-100 rounded-sm overflow-hidden relative"
       >
         <template #default>
           <slot name="coverImgSection" />
@@ -111,7 +111,7 @@ defineSlots<{
       <ItemValue
         v-else
         prop="coverImg"
-        className="w-1/3 h-[360rpx] bg-gray-100 rounded-sm overflow-hidden relative"
+        customClass="w-1/3 h-[360rpx] bg-gray-100 rounded-sm overflow-hidden relative"
       >
         <template #default>
           <slot name="coverImgSection" />
@@ -121,12 +121,12 @@ defineSlots<{
         <slot name="contentSection" />
         <view class="flex flex-col gap-[5px] overflow-hidden">
           <!-- <template
-            v-for="propName in ['title', 'subTitle', 'addressIntro', 'distance', 'tags']"
+            v-for="propName in ['productName', 'subTitle', 'addressIntro', 'distance', 'tags']"
             :key="propName"
           >
             <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
               <template #coverImg="{ value }"><slot name="coverImg" :value="value" /></template>
-              <template #title="{ value }"><slot name="title" :value="value" /></template>
+              <template #productName="{ value }"><slot name="productName" :value="value" /></template>
               <template #subTitle="{ value }"><slot name="subTitle" :value="value" /></template>
               <template #price="{ value }"><slot name="price" :value="value" /></template>
               <template #priceUnit="{ value }"><slot name="priceUnit" :value="value" /></template>
@@ -148,53 +148,53 @@ defineSlots<{
             <ItemValue :prop="propName" v-else />
           </template> -->
           <view class="text-ellipsis line-clamp-2">
-            <ItemValue prop="title">
-              <template #title="{ value }"><slot name="title" :value="value" /></template>
+            <ItemValue prop="productName">
+              <!-- <template #productName="{ value }"><slot name="productName" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="level">
-              <template #level="{ value }"><slot name="level" :value="value" /></template>
+              <!-- <template #level="{ value }"><slot name="level" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="titleIcon">
-              <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template>
+              <!-- <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template> -->
             </ItemValue>
           </view>
 
-          <view className="flex gap-1 items-center">
-            <ItemValue prop="score">
-              <template #score="{ value }"><slot name="score" :value="value" /></template>
+          <view class="flex gap-1 items-center">
+            <ItemValue prop="scoreAvg">
+              <!-- <template #scoreAvg="{ value }"><slot name="scoreAvg" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="scoreTips">
-              <template #scoreTips="{ value }"><slot name="scoreTips" :value="value" /></template>
+              <!-- <template #scoreTips="{ value }"><slot name="scoreTips" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="userInteractionInfo">
-              <template #userInteractionInfo="{ value }">
-                <slot name="userInteractionInfo" :value="value" />
-              </template>
+              <!-- <template #userInteractionInfo="{ value }"> -->
+              <!-- <slot name="userInteractionInfo" :value="value" /> -->
+              <!-- </template> -->
             </ItemValue>
           </view>
 
           <ItemValue prop="addressIntro">
-            <template #addressIntro="{ value }">
-              <slot name="addressIntro" :value="value" />
-            </template>
+            <!-- <template #addressIntro="{ value }"> -->
+            <!-- <slot name="addressIntro" :value="value" /> -->
+            <!-- </template> -->
           </ItemValue>
 
           <ItemValue prop="subTitle">
-            <template #subTitle="{ value }">
-              <slot name="subTitle" :value="value" />
-            </template>
+            <!-- <template #subTitle="{ value }"> -->
+            <!-- <slot name="subTitle" :value="value" /> -->
+            <!-- </template> -->
           </ItemValue>
 
           <ItemValue prop="tags">
-            <template #tags="{ value }">
-              <slot name="tags" :value="value" />
-            </template>
+            <!-- <template #tags="{ value }"> -->
+            <!-- <slot name="tags" :value="value" /> -->
+            <!-- </template> -->
           </ItemValue>
 
           <ItemValue prop="orderTips">
-            <template #orderTips="{ value }">
-              <slot name="orderTips" :value="value" />
-            </template>
+            <!-- <template #orderTips="{ value }"> -->
+            <!-- <slot name="orderTips" :value="value" /> -->
+            <!-- </template> -->
           </ItemValue>
         </view>
 
@@ -255,7 +255,11 @@ defineSlots<{
     <slot name="itemLeftSection" />
     <view class="flex-1 flex flex-col w-full overflow-hidden">
       <slot name="itemTopSection" />
-      <ItemValue v-if="!!$slots?.['coverImg']" prop="coverImg" className="overflow-hidden relative">
+      <ItemValue
+        v-if="!!$slots?.['coverImg']"
+        prop="coverImg"
+        customClass="overflow-hidden relative"
+      >
         <template #default>
           <slot name="coverImgSection" />
         </template>
@@ -263,7 +267,7 @@ defineSlots<{
           <slot name="coverImg" :value="value" />
         </template>
       </ItemValue>
-      <ItemValue v-else prop="coverImg" className="overflow-hidden relative">
+      <ItemValue v-else prop="coverImg" customClass="overflow-hidden relative">
         <template #default>
           <slot name="coverImgSection" />
         </template>
@@ -272,12 +276,12 @@ defineSlots<{
         <slot name="contentSection" />
         <view class="flex flex-col gap-[5px] overflow-hidden">
           <!-- <template
-            v-for="propName in ['title', 'subTitle', 'addressIntro', 'distance', 'tags']"
+            v-for="propName in ['productName', 'subTitle', 'addressIntro', 'distance', 'tags']"
             :key="propName"
           >
             <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
               <template #coverImg="{ value }"><slot name="coverImg" :value="value" /></template>
-              <template #title="{ value }"><slot name="title" :value="value" /></template>
+              <template #productName="{ value }"><slot name="productName" :value="value" /></template>
               <template #subTitle="{ value }"><slot name="subTitle" :value="value" /></template>
               <template #price="{ value }"><slot name="price" :value="value" /></template>
               <template #priceUnit="{ value }"><slot name="priceUnit" :value="value" /></template>
@@ -299,53 +303,53 @@ defineSlots<{
             <ItemValue :prop="propName" v-else />
           </template> -->
           <view class="text-ellipsis line-clamp-2">
-            <ItemValue prop="title">
-              <template #title="{ value }"><slot name="title" :value="value" /></template>
+            <ItemValue prop="productName">
+              <!-- <template #productName="{ value }"><slot name="productName" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="level">
-              <template #level="{ value }"><slot name="level" :value="value" /></template>
+              <!-- <template #level="{ value }"><slot name="level" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="titleIcon">
-              <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template>
+              <!-- <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template> -->
             </ItemValue>
           </view>
 
-          <view className="flex gap-1 items-center">
-            <ItemValue prop="score">
-              <template #score="{ value }"><slot name="score" :value="value" /></template>
+          <view class="flex gap-1 items-center">
+            <ItemValue prop="scoreAvg">
+              <!-- <template #="{ value }"><slot name="scoreAvg" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="scoreTips">
-              <template #scoreTips="{ value }"><slot name="scoreTips" :value="value" /></template>
+              <!-- <template #scoreTips="{ value }"><slot name="scoreTips" :value="value" /></template> -->
             </ItemValue>
             <ItemValue prop="userInteractionInfo">
-              <template #userInteractionInfo="{ value }">
+              <!-- <template #userInteractionInfo="{ value }">
                 <slot name="userInteractionInfo" :value="value" />
-              </template>
+              </template> -->
             </ItemValue>
           </view>
 
           <ItemValue prop="addressIntro">
-            <template #addressIntro="{ value }">
+            <!-- <template #addressIntro="{ value }">
               <slot name="addressIntro" :value="value" />
-            </template>
+            </template> -->
           </ItemValue>
 
           <ItemValue prop="subTitle">
-            <template #subTitle="{ value }">
+            <!-- <template #subTitle="{ value }">
               <slot name="subTitle" :value="value" />
-            </template>
+            </template> -->
           </ItemValue>
 
           <ItemValue prop="tags">
-            <template #tags="{ value }">
+            <!-- <template #tags="{ value }">
               <slot name="tags" :value="value" />
-            </template>
+            </template> -->
           </ItemValue>
 
           <ItemValue prop="orderTips">
-            <template #orderTips="{ value }">
+            <!-- <template #orderTips="{ value }">
               <slot name="orderTips" :value="value" />
-            </template>
+            </template> -->
           </ItemValue>
         </view>
 

package/components/lcb-product-item/types.ts

@@ -16,7 +16,7 @@ export interface LcbProductItemProps {
   distanceUnit?: string
 
   coverImg?: any
-  title?: any
+  productName?: any
   subTitle?: any
   price?: any
   priceUnit?: any
@@ -28,7 +28,7 @@ export interface LcbProductItemProps {
   tags?: any
   addressIntro?: any
   distance?: any
-  score?: any
+  scoreAvg?: any
   scoreTips?: any
   level?: any
   imgCornerIcon?: any

package/hooks/useAutoHeight.ts

@@ -1,10 +1,10 @@
-import { getRect } from '@tplc/wot/components/common/util'
+import { getRect, isH5 } from '@tplc/wot/components/common/util'
 import { getCurrentInstance, onMounted, ref } from 'vue'
 
 const useAutoHeight = (id = 'pagingTop') => {
   const { proxy } = getCurrentInstance() as any
   const isTabBar = uni.$lcb.getIsTabbar()
-  const viewPageHeight = uni.getSystemInfoSync().windowHeight
+  const viewPageHeight = isH5 ? window.innerHeight : uni.getWindowInfo().screenHeight
   const height = ref('')
   onMounted(() => {
     setTimeout(() => {

package/package.json

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

package/types/components/lcb-product-item/components/ItemValue.vue.d.ts

@@ -1,6 +1,6 @@
 declare function __VLS_template(): Readonly<{
   coverImg(props: { value: any }): any
-  title(props: { value: any }): any
+  productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
   priceUnit(props: { value: any }): any
@@ -11,7 +11,7 @@ declare function __VLS_template(): Readonly<{
   tags(props: { value: any }): any
   addressIntro(props: { value: any }): any
   distance(props: { value: any }): any
-  score(props: { value: any }): any
+  scoreAvg(props: { value: any }): any
   scoreTips(props: { value: any }): any
   level(props: { value: any }): any
   imgCornerIcon(props: { value: any }): any
@@ -21,7 +21,7 @@ declare function __VLS_template(): Readonly<{
   orderTips(props: { value: any }): any
 }> & {
   coverImg(props: { value: any }): any
-  title(props: { value: any }): any
+  productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
   priceUnit(props: { value: any }): any
@@ -32,7 +32,7 @@ declare function __VLS_template(): Readonly<{
   tags(props: { value: any }): any
   addressIntro(props: { value: any }): any
   distance(props: { value: any }): any
-  score(props: { value: any }): any
+  scoreAvg(props: { value: any }): any
   scoreTips(props: { value: any }): any
   level(props: { value: any }): any
   imgCornerIcon(props: { value: any }): any
@@ -45,7 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<{
       prop: string
-      className?: string
+      customClass?: string
     }>,
     {}
   >,
@@ -63,7 +63,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<{
           prop: string
-          className?: string
+          customClass?: string
         }>,
         {}
       >

package/types/components/lcb-product-item/lcb-product-item.vue.d.ts

@@ -1,7 +1,7 @@
 import { LcbProductItemProps } from './types'
 declare function __VLS_template(): Readonly<{
   coverImg(props: { value: any }): any
-  title(props: { value: any }): any
+  productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
   priceUnit(props: { value: any }): any
@@ -12,7 +12,7 @@ declare function __VLS_template(): Readonly<{
   tags(props: { value: any }): any
   addressIntro(props: { value: any }): any
   distance(props: { value: any }): any
-  score(props: { value: any }): any
+  scoreAvg(props: { value: any }): any
   scoreTips(props: { value: any }): any
   level(props: { value: any }): any
   imgCornerIcon(props: { value: any }): any
@@ -30,7 +30,7 @@ declare function __VLS_template(): Readonly<{
   contentSection(): any
 }> & {
   coverImg(props: { value: any }): any
-  title(props: { value: any }): any
+  productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
   priceUnit(props: { value: any }): any
@@ -41,7 +41,7 @@ declare function __VLS_template(): Readonly<{
   tags(props: { value: any }): any
   addressIntro(props: { value: any }): any
   distance(props: { value: any }): any
-  score(props: { value: any }): any
+  scoreAvg(props: { value: any }): any
   scoreTips(props: { value: any }): any
   level(props: { value: any }): any
   imgCornerIcon(props: { value: any }): any

package/types/components/lcb-product-item/types.d.ts

@@ -13,7 +13,7 @@ export interface LcbProductItemProps {
   tagRound?: boolean
   distanceUnit?: string
   coverImg?: any
-  title?: any
+  productName?: any
   subTitle?: any
   price?: any
   priceUnit?: any
@@ -25,7 +25,7 @@ export interface LcbProductItemProps {
   tags?: any
   addressIntro?: any
   distance?: any
-  score?: any
+  scoreAvg?: any
   scoreTips?: any
   level?: any
   imgCornerIcon?: any