@tplc/business 0.4.82 → 0.4.84

package/CHANGELOG.md

@@ -2,6 +2,42 @@
 
 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)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.80 ([46fb687](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/46fb6871903902d843b95d888dd4d7dde93f6016))
+* **release:** 0.4.81 ([dc2337a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/dc2337ad8a773bf957fdcbe9537522763935f6ed))
+* **release:** 0.4.82 ([2314a18](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2314a183177b2a18967549e59749b4c606ccdb85))
+
+
+### ✨ Features | 新功能
+
+* PAGE_DYNAMIC_DATA ([815d9de](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/815d9ded9a4b6b55893104198a2e569d39036ea8))
+* 支持scope ([22fc204](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/22fc2049e6c5af088ff333ce4152959404b914bb))
+* 支持分享 ([841c723](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/841c72301546c1e5ad4fe4010e53b7fbef79ffa3))
+
 ### [0.4.82](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.81...v0.4.82) (2025-04-29)
 
 

package/components/lcb-list/lcb-list.vue

@@ -93,6 +93,7 @@ const props = withDefaults(defineProps<LcbListProps>(), {
   mode: 'list',
   imageWidth: 250,
   titleLineClamp: 2,
+  gap: 16,
   // @ts-ignore
   pageListProps: () => ({
     productProps: {

package/components/lcb-list/types.ts

@@ -18,6 +18,7 @@ export interface LcbListProps extends LcbBlockProps {
   imageRadius?: number
   itemWidth?: number // 列表项宽度
   dynamicScope?: string
+  gap?: number
 }
 export interface Option {
   label: string

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

@@ -28,6 +28,7 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
   paddingHorizontal: 24,
   paddingVertical: 24,
   sourceMode: 1,
+  gap: 16,
 })
 const { form } = useSyncForm(props.dynamicScope)
 const renderList = ref<Record<string, any>[]>([])
@@ -76,14 +77,14 @@ const getData = async () => {
   }
 }
 watch(
-  () => form.value,
-  () => {
+  () => form!.value,
+  (oldValue = {}, newValue = {}) => {
     if (props.listType === 'waterfall') {
       renderList.value = []
       uWaterfallRef.value?.clear?.()
     }
     /** 如果是请求模式 */
-    if (props.sourceMode === 2) {
+    if (props.sourceMode === 2 && JSON.stringify(oldValue) !== JSON.stringify(newValue)) {
       getData()
     }
   },
@@ -146,14 +147,15 @@ 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
-      class="flex flex-col gap-2"
+      class="flex flex-col"
       v-if="listType === 'list'"
       :style="{
         width: itemWidth ? `${itemWidth}rpx` : '100%',
+        gap: gap ? `${gap}rpx` : undefined,
       }"
     >
       <block v-for="(item, index) in renderList" :key="`${item?.productId}:${index}`">
@@ -190,10 +192,11 @@ defineExpose({
     </view>
     <!-- 双列 -->
     <view
-      class="grid grid-cols-2 box-border gap-2"
+      class="grid grid-cols-2 box-border"
       v-else-if="listType === 'grid'"
       :style="{
         width: itemWidth ? `${itemWidth}rpx` : '100%',
+        gap: gap ? `${gap}rpx` : undefined,
       }"
     >
       <lcb-action-view
@@ -236,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}`"
@@ -259,7 +267,6 @@ defineExpose({
                 <lcb-product-item
                   v-bind="{ ...item, ...$props, ...attrs }"
                   layoutType="vertical"
-                  tag-overflow-wrap
                   v-else
                 >
                   <template #coverImg="{ value }">
@@ -283,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}`"
@@ -304,7 +316,6 @@ defineExpose({
                   v-else
                   v-bind="{ ...item, ...$props, ...attrs }"
                   layoutType="vertical"
-                  tag-overflow-wrap
                 >
                   <template #coverImg="{ value }">
                     <wd-img
@@ -328,7 +339,7 @@ defineExpose({
         </template>
       </u-waterfall>
     </view>
-
+    <!-- 单列滚动 -->
     <template v-else-if="listType == 'horizontal'">
       <lcb-action-view
         v-for="(item, index) in renderList"
@@ -340,7 +351,7 @@ defineExpose({
         <view
           :style="{
             width: `${itemWidth}rpx`,
-            marginLeft: index === 0 ? 0 : '24rpx',
+            marginLeft: index === 0 ? 0 : `${gap}rpx`,
           }"
           class="h-full"
         >
@@ -375,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/types.ts

@@ -38,4 +38,5 @@ export interface LcbProductProps extends LcbBlockProps {
     }
   }
   dynamicScope?: string
+  gap?: number
 }

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

@@ -154,7 +154,7 @@ const coverImgWidth = computed(() => {
             itemProps.areaOnImg &&
             !itemProps.imgBottomIcon
           "
-          class="flex absolute bottom-0 left-0 z-1 gap-1 p-2 w-full box-border text-white text-3.5 items-center"
+          class="flex absolute bottom-0 left-0 z-1 gap-1 p-1 w-full box-border text-white text-3.5 items-center text-shadow-xl"
           :style="{
             color: itemProps.areaColor,
             fontSize: `${itemProps.areaFontSize}rpx`,
@@ -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.82",
+  "version": "0.4.84",
   "keywords": [
     "业务组件"
   ],

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

@@ -59,6 +59,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       | 'bottom-left'
       | 'bottom-center'
       | 'bottom-right'
+    gap: number
     imageWidth: number
     borderRadius: number
     imageHeight: number

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

@@ -17,6 +17,7 @@ export interface LcbListProps extends LcbBlockProps {
   imageRadius?: number
   itemWidth?: number
   dynamicScope?: string
+  gap?: number
 }
 export interface Option {
   label: string

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

@@ -16,6 +16,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       paddingHorizontal: number
       paddingVertical: number
       sourceMode: number
+      gap: number
     }
   >,
   {
@@ -42,6 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<
           paddingHorizontal: number
           paddingVertical: number
           sourceMode: number
+          gap: number
         }
       >
     >
@@ -49,6 +51,7 @@ declare const __VLS_component: import('vue').DefineComponent<
   {
     paddingHorizontal: number
     paddingVertical: number
+    gap: number
     column: number
     imageWidth: number
     imageHeight: number

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

@@ -35,4 +35,5 @@ export interface LcbProductProps extends LcbBlockProps {
     }
   }
   dynamicScope?: string
+  gap?: number
 }

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