@tplc/business 0.2.86 → 0.2.89

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 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.89](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.88...v0.2.89) (2025-01-12)
+
+
+### ✨ Features | 新功能
+
+* 调整product 阴影 ([4b02637](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4b02637fa0eb9dea727164c79da336d1562f29d3))
+
+### [0.2.88](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.87...v0.2.88) (2025-01-12)
+
+### [0.2.87](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.86...v0.2.87) (2025-01-12)
+
+
+### ✨ Features | 新功能
+
+* 图片圆角 ([10d8f40](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/10d8f40bd27573d4251d6edbf499f78cee3f6ab3))
+
 ### [0.2.86](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.85...v0.2.86) (2025-01-11)
 
 ### [0.2.85](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.84...v0.2.85) (2025-01-11)

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

@@ -207,9 +207,9 @@ const onChooseAvatar = async (e) => {
   color: inherit;
   font-size: inherit;
   // display: inline-block;
-  line-height: normal;
-  border-radius: inherit;
-  overflow: inherit;
+  line-height: initial;
+  border-radius: initial;
+  overflow: initial;
   text-align: inherit;
   &::after {
     border: none;

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

@@ -94,7 +94,10 @@ defineExpose({
 </script>
 
 <template>
-  <lcb-block v-bind="$props">
+  <lcb-block
+    v-bind="$props"
+    :custom-class="`${listType == 'horizontal' ? 'h-fit overflow-x-auto whitespace-nowrap flex items-stretch w-full' : ''}`"
+  >
     <!-- 单列 -->
     <view class="flex flex-col gap-2" v-if="listType === 'list'">
       <lcb-action-view
@@ -161,14 +164,13 @@ defineExpose({
       </lcb-action-view>
     </view>
 
-    <view class="lcb-product-waterfall" v-else-if="listType === 'waterfall'">
+    <view class="lcb-product-waterfall p-0.5 !py-1" v-else-if="listType === 'waterfall'">
       <u-waterfall :addTime="0" :modelValue="renderList" ref="uWaterfallRef">
         <template #left="{ leftList: list }">
-          <view class="flex flex-col gap-12px">
+          <view class="flex flex-col gap-3">
             <lcb-action-view
               v-for="(item, index) in list"
               :key="`${item?.productId}:${index}`"
-              custom-class="!rounded !overflow-hidden"
               v-bind="item.link"
             >
               <slot name="item" :item="item">
@@ -213,7 +215,6 @@ defineExpose({
             <lcb-action-view
               v-for="(item, index) in list"
               :key="`${item?.productId}:${index}`"
-              custom-class="!rounded !overflow-hidden"
               v-bind="item.link"
             >
               <slot name="item" :item="item">
@@ -255,49 +256,46 @@ defineExpose({
       </u-waterfall>
     </view>
 
-    <scroll-view v-else-if="listType == 'horizontal'" scroll-x class="h-fit">
-      <view class="whitespace-nowrap overflow-x-auto flex items-stretch">
-        <lcb-action-view
-          v-for="(item, index) in renderList"
-          :key="`${item?.productId}:${index}`"
-          custom-class="inline-block flex-shrink-0 w-fit !h-auto"
-          v-bind="item.link"
+    <template v-else-if="listType == 'horizontal'">
+      <lcb-action-view
+        v-for="(item, index) in renderList"
+        :key="`${item?.productId}:${index}`"
+        custom-class="flex-shrink-0 w-fit !h-auto"
+        v-bind="item.link"
+      >
+        <view
+          :style="{
+            width: `${itemWidth}rpx`,
+            marginLeft: index === 0 ? 0 : '24rpx',
+          }"
+          class="h-full"
         >
-          <view
-            :style="{
-              width: `${itemWidth}rpx`,
-              marginLeft: index === 0 ? 0 : '24rpx',
-            }"
-            class="h-full"
-          >
-            <slot name="item" :item="item">
-              <lcb-absolute-config-layout
-                v-if="renderItemAbsoluteConfigLayout"
-                :blocks="renderItemAbsoluteConfigLayout?.blocks"
-                :canvas="renderItemAbsoluteConfigLayout?.canvas"
-                :dataset="{
-                  ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
-                  ...item,
-                }"
-              />
-              <lcb-product-item
-                v-else
-                className="h-full"
-                v-bind="{ ...item, ...$props, ...attrs }"
-                :coverImgStyle="{
-                  width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
-                  height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
-                  minHeight:
-                    layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
-                  borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-                  ...(attrs?.coverImgStyle ?? {}),
-                }"
-              ></lcb-product-item>
-            </slot>
-          </view>
-        </lcb-action-view>
-      </view>
-    </scroll-view>
+          <slot name="item" :item="item">
+            <lcb-absolute-config-layout
+              v-if="renderItemAbsoluteConfigLayout"
+              :blocks="renderItemAbsoluteConfigLayout?.blocks"
+              :canvas="renderItemAbsoluteConfigLayout?.canvas"
+              :dataset="{
+                ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
+                ...item,
+              }"
+            />
+            <lcb-product-item
+              v-else
+              className="h-full"
+              v-bind="{ ...item, ...$props, ...attrs }"
+              :coverImgStyle="{
+                width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
+                height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                minHeight: layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
+                borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
+                ...(attrs?.coverImgStyle ?? {}),
+              }"
+            ></lcb-product-item>
+          </slot>
+        </view>
+      </lcb-action-view>
+    </template>
   </lcb-block>
 </template>
 
@@ -307,5 +305,8 @@ defineExpose({
     display: flex;
     gap: 12px;
   }
+  :deep(.u-column) {
+    overflow: initial;
+  }
 }
 </style>

package/package.json

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