@tplc/business 0.4.83 → 0.4.84

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 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.84](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.82...v0.4.84) (2025-04-30)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.83 ([ae16ad2](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ae16ad2141431e101ec52b3c63d902eb0f26cd68))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 修改商品展示 ([8d3ef34](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8d3ef34a8693fa3a5a3c89fd99c2ac3aa8ac195f))
+
+
+### ✨ Features | 新功能
+
+* horizontal 支持gap ([8d5d3c8](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8d5d3c8732b1adb6dc9afd2e5c51836a58573c8b))
+* 价格居中 ([91dd0e9](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/91dd0e96048f3a26f9c990e04dc07ce5c08377c9))
+* 支持分享 ([841c723](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/841c72301546c1e5ad4fe4010e53b7fbef79ffa3))
+* 调整布局 ([4a95740](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4a957408f27e2555c1078994cca20712e7be7003))
+
 ### [0.4.83](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.79...v0.4.83) (2025-04-29)
 
 

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

@@ -147,7 +147,7 @@ defineExpose({
       shadowSize: blockShadowSize,
       blurSize: blockBlurSize,
     }"
-    :custom-class="`${listType == 'horizontal' ? 'h-fit overflow-x-auto whitespace-nowrap flex items-stretch w-full' : ''}`"
+    :custom-class="`${listType == 'horizontal' ? '!gap-0 h-fit overflow-x-auto whitespace-nowrap flex items-stretch w-full' : ''}`"
   >
     <!-- 单列 -->
     <view
@@ -239,9 +239,14 @@ defineExpose({
         width: itemWidth ? `${itemWidth}rpx` : '100%',
       }"
     >
-      <u-waterfall :addTime="0" :modelValue="renderList" ref="uWaterfallRef">
+      <u-waterfall :addTime="0" :modelValue="renderList" ref="uWaterfallRef" custom-class="!gap-20">
         <template #left="{ leftList: list }">
-          <view class="flex flex-col gap-3">
+          <view
+            class="flex flex-col gap-3"
+            :style="{
+              marginRight: `${gap / 2}rpx`,
+            }"
+          >
             <lcb-action-view
               v-for="(item, index) in list"
               :key="`${item?.productId}:${index}`"
@@ -262,7 +267,6 @@ defineExpose({
                 <lcb-product-item
                   v-bind="{ ...item, ...$props, ...attrs }"
                   layoutType="vertical"
-                  tag-overflow-wrap
                   v-else
                 >
                   <template #coverImg="{ value }">
@@ -286,7 +290,12 @@ defineExpose({
           </view>
         </template>
         <template #right="{ rightList: list }">
-          <view class="flex flex-col gap-3">
+          <view
+            class="flex flex-col gap-3"
+            :style="{
+              marginLeft: `${gap / 2}rpx`,
+            }"
+          >
             <lcb-action-view
               v-for="(item, index) in list"
               :key="`${item?.productId}:${index}`"
@@ -307,7 +316,6 @@ defineExpose({
                   v-else
                   v-bind="{ ...item, ...$props, ...attrs }"
                   layoutType="vertical"
-                  tag-overflow-wrap
                 >
                   <template #coverImg="{ value }">
                     <wd-img
@@ -331,7 +339,7 @@ defineExpose({
         </template>
       </u-waterfall>
     </view>
-
+    <!-- 单列滚动 -->
     <template v-else-if="listType == 'horizontal'">
       <lcb-action-view
         v-for="(item, index) in renderList"
@@ -343,7 +351,7 @@ defineExpose({
         <view
           :style="{
             width: `${itemWidth}rpx`,
-            marginLeft: index === 0 ? 0 : '24rpx',
+            marginLeft: index === 0 ? 0 : `${gap}rpx`,
           }"
           class="h-full"
         >
@@ -378,10 +386,9 @@ defineExpose({
 
 <style lang="scss" scoped>
 .lcb-product-waterfall {
-  :deep(.u-waterfall) {
-    display: flex;
-    gap: 12px;
-  }
+  // :deep(.u-waterfall) {
+  //   gap: 12px;
+  // }
   :deep(.u-column) {
     overflow: initial;
     width: 0;

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

@@ -216,7 +216,7 @@ const coverImgWidth = computed(() => {
       </view>
     </slot>
     <slot :value="value" v-else-if="prop === 'titleIcon'" name="titleIcon">
-      <view :class="className" :style="style" class="inline-flex ml-1 align-text-top">
+      <view :class="className" :style="style" class="inline-flex ml-1 align-text-top items-center">
         <wd-img :src="itemProps.titleIcon" width="12px" height="12px" />
       </view>
     </slot>
@@ -320,7 +320,7 @@ const coverImgWidth = computed(() => {
         :value="value"
         class="text-price font-bold text-27rpx"
       >
-        <view>{{ value }}</view>
+        {{ value }}
       </view>
     </slot>
 
@@ -339,8 +339,8 @@ const coverImgWidth = computed(() => {
 
     <!-- 价格后缀 -->
     <slot :value="value" v-else-if="prop === 'priceSuffix'" name="priceSuffix">
-      <view :class="className" :style="style" class="text-22rpx">
-        <view>{{ value }}</view>
+      <view :class="className" :style="style" class="text-22rpx leading-normal">
+        {{ value }}
       </view>
     </slot>
 

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

@@ -144,12 +144,12 @@ const itemStyle = computed(() => {
             <ItemValue prop="productName">
               <!-- <template #productName="{ value }"><slot name="productName" :value="value" /></template> -->
             </ItemValue>
-            <ItemValue prop="titleIcon">
-              <!-- <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template> -->
-            </ItemValue>
             <ItemValue prop="level">
               <!-- <template #level="{ value }"><slot name="level" :value="value" /></template> -->
             </ItemValue>
+            <ItemValue prop="titleIcon">
+              <!-- <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template> -->
+            </ItemValue>
           </view>
 
           <view class="flex gap-1 items-center">
@@ -222,18 +222,11 @@ const itemStyle = computed(() => {
               </template>
             </view>
             <view class="flex gap-[4rpx] items-end" v-if="priceVisible && isNumber(price)">
-              <template v-for="propName in ['priceUnit', 'price', 'priceSuffix']" :key="propName">
-                <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
-                  <template #price="{ value }"><slot name="price" :value="value" /></template>
-                  <template #priceUnit="{ value }">
-                    <slot name="priceUnit" :value="value" />
-                  </template>
-                  <template #priceSuffix="{ value }">
-                    <slot name="priceSuffix" :value="value" />
-                  </template>
-                </ItemValue>
-                <ItemValue :prop="propName" v-else />
-              </template>
+              <ItemValue prop="priceUnit" />
+              <view class="flex items-center justify-center gap-0.5">
+                <ItemValue prop="price" />
+                <ItemValue prop="priceSuffix" />
+              </view>
             </view>
           </view>
           <ItemValue prop="priceTips">
@@ -283,16 +276,17 @@ const itemStyle = computed(() => {
       <view class="p-2 flex flex-col flex-1 text-26rpx overflow-hidden relative">
         <slot name="contentSection" />
         <view class="flex flex-col gap-[5px] overflow-hidden">
-          <view class="text-ellipsis line-clamp-2 flex flex-wrap">
+          <view>
             <ItemValue prop="productName">
               <!-- <template #productName="{ value }"><slot name="productName" :value="value" /></template> -->
             </ItemValue>
-            <ItemValue prop="titleIcon">
-              <!-- <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template> -->
-            </ItemValue>
+
             <ItemValue prop="level">
               <!-- <template #level="{ value }"><slot name="level" :value="value" /></template> -->
             </ItemValue>
+            <ItemValue prop="titleIcon">
+              <!-- <template #titleIcon="{ value }"><slot name="titleIcon" :value="value" /></template> -->
+            </ItemValue>
           </view>
 
           <view class="flex gap-1 items-center">
@@ -344,37 +338,16 @@ const itemStyle = computed(() => {
               class="flex gap-[2rpx] items-end line-through"
               v-if="scribePriceVisible && isNumber(scribePrice)"
             >
-              <template
-                v-for="propName in ['scribePriceUnit', 'scribePrice', 'scribePriceSuffix']"
-                :key="propName"
-              >
-                <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
-                  <template #scribePrice="{ value }">
-                    <slot name="scribePrice" :value="value" />
-                  </template>
-                  <template #scribePriceUnit="{ value }">
-                    <slot name="scribePriceUnit" :value="value" />
-                  </template>
-                  <template #scribePriceSuffix="{ value }">
-                    <slot name="scribePriceSuffix" :value="value" />
-                  </template>
-                </ItemValue>
-                <ItemValue :prop="propName" v-else />
-              </template>
+              <ItemValue prop="scribePriceUnit" />
+              <ItemValue prop="scribePrice" />
+              <ItemValue prop="scribePriceSuffix" />
             </view>
-            <view class="flex gap-[4rpx] items-end" v-if="priceVisible && isNumber(price)">
-              <template v-for="propName in ['priceUnit', 'price', 'priceSuffix']" :key="propName">
-                <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
-                  <template #price="{ value }"><slot name="price" :value="value" /></template>
-                  <template #priceUnit="{ value }">
-                    <slot name="priceUnit" :value="value" />
-                  </template>
-                  <template #priceSuffix="{ value }">
-                    <slot name="priceSuffix" :value="value" />
-                  </template>
-                </ItemValue>
-                <ItemValue :prop="propName" v-else />
-              </template>
+            <view class="flex gap-0.5 items-end" v-if="priceVisible && isNumber(price)">
+              <ItemValue prop="priceUnit" />
+              <view class="flex items-center justify-center gap-0.5">
+                <ItemValue prop="price" />
+                <ItemValue prop="priceSuffix" />
+              </view>
             </view>
           </view>
           <ItemValue prop="priceTips">

package/package.json

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

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

@@ -175,9 +175,9 @@ declare const __VLS_component: import('vue').DefineComponent<
     borderRadius: number
     titleLineClamp: number
     layoutType: 'vertical' | 'horizontal'
-    tagOverflowWrap: boolean
     priceUnit: any
     scribePriceUnit: any
+    tagOverflowWrap: boolean
     tagType: import('@tplc/wot/components/wd-tag/types').TagType
     tagPlain: boolean
     tagMark: boolean