@tplc/business 0.2.37 → 0.2.39

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 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.39](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.46...v0.2.39) (2024-12-27)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.47 ([b785621](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b78562141021c6b4ed0568765004f6e4bc55fa32))
+* **release:** 0.2.37 ([19d81b9](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/19d81b9d3f6022e1c8523b258bf7793a6d3b133a))
+* **release:** 0.2.38 ([5acc214](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5acc214f80be26f5f80bdfe282918019b43315ae))
+
+
+### ✨ Features | 新功能
+
+* calendar 尺寸 ([5670ca5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5670ca5fa482d9d0e57d32f15b9f7ab369210c3d))
+* 图片支持渐进式 ([08523e0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/08523e0eb244da1da3b46dca4d999360600edcf5))
+* 增加 lcb-product-item 图片展示类型选择 ([24706b3](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/24706b3e87aee2fc6d02961e35a82147974199c4))
+* 支持头像昵称 ([a1061f0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/a1061f0646637c797cdd2f5d9dbadd0862256398))
+* 更新product ([3fb575b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3fb575b7be9ec92b10c3cd36d19ee9593999bb4a))
+
+### [0.2.38](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.47...v0.2.38) (2024-12-26)
+
+
+### ✨ Features | 新功能
+
+* 图片支持渐进式 ([08523e0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/08523e0eb244da1da3b46dca4d999360600edcf5))
+
 ### [0.2.37](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.31...v0.2.37) (2024-12-26)
 
 

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

@@ -32,12 +32,17 @@
     >
       <slot name="list" :items="items" v-if="$slots.list" />
       <template v-else>
-        <lcb-product v-bind="{ ...attrs }" :listType="listType" :items="items" v-if="$slots.item">
+        <lcb-product
+          v-bind="{ ...attrs, form }"
+          :listType="listType"
+          :items="items"
+          v-if="$slots.item"
+        >
           <template #item="{ item }">
             <slot name="item" :item="item"></slot>
           </template>
         </lcb-product>
-        <lcb-product v-bind="{ ...attrs }" :listType="listType" :items="items" v-else></lcb-product>
+        <lcb-product v-bind="{ ...attrs, form }" :listType="listType" :items="items" v-else />
       </template>
     </FilterList>
   </template>

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

@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { computed, useAttrs } from 'vue'
+import { ref, useAttrs, watch } from 'vue'
 import UWaterfall from 'uview-plus/components/u-waterfall/u-waterfall.vue'
 import { LcbProductProps } from './types'
 
 const attrs = useAttrs()
+const uWaterfallRef = ref()
 defineOptions({
   name: 'LcbProduct',
   options: {
@@ -22,6 +23,13 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
 defineSlots<{
   item(props: { item: any }): any
 }>()
+watch(
+  () => props.form,
+  () => {
+    uWaterfallRef.value?.clear?.()
+  },
+  { deep: true },
+)
 </script>
 
 <template>
@@ -51,33 +59,7 @@ defineSlots<{
               borderRadius: imageRadius ? `${imageRadius}rpx` : undefined,
               ...(attrs?.coverImgStyle ?? {}),
             }"
-          >
-            <!-- <template #itemTopSection>
-              <view class="min-w-10 min-h-10 bg-red-500/50"></view>
-            </template>
-            <template #itemBottomSection>
-              <view class="min-w-10 min-h-10 bg-yellow-500/50"></view>
-            </template>
-            <template #itemLeftSection>
-              <view class="min-w-10 min-h-10 bg-blue-500/50"></view>
-            </template>
-            <template #itemRightSection>
-              <view class="min-w-10 min-h-10 bg-green-500/50"></view>
-            </template> -->
-
-            <!-- <template #imageSection>
-              <view class="min-w-5 min-h-5 bg-yellow-400 right-1 top-1 absolute z-10"></view>
-            </template>
-
-            <template #itemSection>
-              <view class="min-w-10 min-h-10 bg-blue-500/50 right-0 top-0 absolute z-10"></view>
-            </template>
-            <template #contentSection>
-              <view
-                class="min-w-15 min-h-15 bg-gray-500/20 right-10 top-10 absolute z-10 rounded-full"
-              ></view>
-            </template> -->
-          </lcb-product-item>
+          ></lcb-product-item>
         </slot>
       </lcb-action-view>
     </view>
@@ -105,142 +87,83 @@ defineSlots<{
                   height: imageHeight ?? `${imageHeightPercent}%`,
                   ...(attrs?.coverImgStyle ?? {}),
                 }"
-              >
-                <!-- <template #itemTopSection>
-                  <view class="min-w-10 min-h-10 bg-red-500/50"></view>
-                </template>
-                <template #itemBottomSection>
-                  <view class="min-w-10 min-h-10 bg-yellow-500/50"></view>
-                </template>
-                <template #itemLeftSection>
-                  <view class="min-w-10 min-h-10 bg-blue-500/50"></view>
-                </template>
-                <template #itemRightSection>
-                  <view class="min-w-10 min-h-10 bg-green-500/50"></view>
-                </template> -->
-              </lcb-product-item>
+              ></lcb-product-item>
             </slot>
           </view>
         </view>
       </view>
     </view>
 
-    <u-waterfall :modelValue="items" v-if="listType === 'waterfall'" class="flex gap-3 p-3">
-      <template #left="{ leftList: list }">
-        <view class="flex flex-col gap-3">
-          <view
-            v-for="(item, index) in list"
-            :key="`${item?.productId}:${index}`"
-            class="rounded overflow-hidden"
-          >
-            <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
-                v-bind="{ ...item, ...attrs }"
-                layoutType="vertical"
-                tag-overflow-wrap
-                :title-line-clamp="2"
-              >
-                <template #coverImg="{ value }">
-                  <image :src="value" class="w-full" mode="widthFix" />
-                </template>
-                <!-- <template #itemTopSection>
-              <view class="min-w-10 min-h-10 bg-red-500/50"></view>
-            </template>
-            <template #itemBottomSection>
-              <view class="min-w-10 min-h-10 bg-yellow-500/50"></view>
-            </template>
-            <template #itemLeftSection>
-              <view class="min-w-10 min-h-10 bg-blue-500/50"></view>
-            </template>
-            <template #itemRightSection>
-              <view class="min-w-10 min-h-10 bg-green-500/50"></view>
-            </template> -->
-
-                <!-- <template #imageSection>
-              <view class="min-w-5 min-h-5 bg-yellow-400 right-1 top-1 absolute z-10"></view>
-            </template>
-
-            <template #itemSection>
-              <view class="min-w-10 min-h-10 bg-blue-500/50 right-0 top-0 absolute z-10"></view>
-            </template>
-            <template #contentSection>
-              <view
-                class="min-w-15 min-h-15 bg-gray-500/20 right-10 top-10 absolute z-10 rounded-full"
-              ></view>
-            </template> -->
-              </lcb-product-item>
-            </slot>
+    <view class="lcb-product-waterfall">
+      <u-waterfall :modelValue="items" v-if="listType === 'waterfall'" ref="uWaterfallRef">
+        <template #left="{ leftList: list }">
+          <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">
+                <lcb-absolute-config-layout
+                  v-if="renderItemAbsoluteConfigLayout"
+                  :blocks="renderItemAbsoluteConfigLayout?.blocks"
+                  :canvas="renderItemAbsoluteConfigLayout?.canvas"
+                  :dataset="{
+                    ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
+                    ...item,
+                  }"
+                />
+                <lcb-product-item
+                  v-else
+                  v-bind="{ ...item, ...attrs }"
+                  layoutType="vertical"
+                  tag-overflow-wrap
+                  :title-line-clamp="2"
+                >
+                  <template #coverImg="{ value }">
+                    <image :src="value" class="w-full" mode="widthFix" />
+                  </template>
+                </lcb-product-item>
+              </slot>
+            </lcb-action-view>
           </view>
-        </view>
-      </template>
-      <template #right="{ rightList: list }">
-        <view class="flex flex-col gap-3">
-          <view
-            v-for="(item, index) in list"
-            :key="`${item?.productId}:${index}`"
-            class="rounded overflow-hidden"
-          >
-            <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
-                v-bind="{ ...item, ...attrs }"
-                layoutType="vertical"
-                tag-overflow-wrap
-                :title-line-clamp="2"
-              >
-                <template #coverImg="{ value }">
-                  <image :src="value" class="w-full" mode="widthFix" />
-                </template>
-                <!-- <template #itemTopSection>
-              <view class="min-w-10 min-h-10 bg-red-500/50"></view>
-            </template>
-            <template #itemBottomSection>
-              <view class="min-w-10 min-h-10 bg-yellow-500/50"></view>
-            </template>
-            <template #itemLeftSection>
-              <view class="min-w-10 min-h-10 bg-blue-500/50"></view>
-            </template>
-            <template #itemRightSection>
-              <view class="min-w-10 min-h-10 bg-green-500/50"></view>
-            </template> -->
-
-                <!-- <template #imageSection>
-              <view class="min-w-5 min-h-5 bg-yellow-400 right-1 top-1 absolute z-10"></view>
-            </template>
-
-            <template #itemSection>
-              <view class="min-w-10 min-h-10 bg-blue-500/50 right-0 top-0 absolute z-10"></view>
-            </template>
-            <template #contentSection>
-              <view
-                class="min-w-15 min-h-15 bg-gray-500/20 right-10 top-10 absolute z-10 rounded-full"
-              ></view>
-            </template> -->
-              </lcb-product-item>
-            </slot>
+        </template>
+        <template #right="{ rightList: list }">
+          <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">
+                <lcb-absolute-config-layout
+                  v-if="renderItemAbsoluteConfigLayout"
+                  :blocks="renderItemAbsoluteConfigLayout?.blocks"
+                  :canvas="renderItemAbsoluteConfigLayout?.canvas"
+                  :dataset="{
+                    ...(renderItemAbsoluteConfigLayout?.dataset ?? {}),
+                    ...item,
+                  }"
+                />
+                <lcb-product-item
+                  v-else
+                  v-bind="{ ...item, ...attrs }"
+                  layoutType="vertical"
+                  tag-overflow-wrap
+                  :title-line-clamp="2"
+                >
+                  <template #coverImg="{ value }">
+                    <image :src="value" class="w-full" mode="widthFix" />
+                  </template>
+                </lcb-product-item>
+              </slot>
+            </lcb-action-view>
           </view>
-        </view>
-      </template>
-    </u-waterfall>
+        </template>
+      </u-waterfall>
+    </view>
 
     <scroll-view v-if="listType == 'horizontal'" scroll-x>
       <view class="p-2 flex gap-2 whitespace-nowrap overflow-auto flex-nowrap">
@@ -267,4 +190,12 @@ defineSlots<{
   </lcb-block>
 </template>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.lcb-product-waterfall {
+  :deep(.u-waterfall) {
+    display: flex;
+    gap: 24rpx;
+    padding: 24rpx;
+  }
+}
+</style>

package/components/lcb-product/types.ts

@@ -8,6 +8,7 @@ export interface LcbProductProps {
   imageRadius?: number
   itemHeight?: number // 列表项高度
   items?: Record<string, any>[]
+  form?: Record<string, any>
   renderItemAbsoluteConfigLayout?: {
     dataset?: Record<string, any>
     blocks: any[]

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

@@ -23,6 +23,8 @@ const props = withDefaults(
 )
 defineSlots<{
   coverImg(props: { value: any }): any
+  headImg(props: { value: any }): any
+  userName(props: { value: any }): any
   productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
@@ -76,7 +78,7 @@ const value = computed(() => {
 </script>
 
 <template>
-  <template
+  <block
     v-if="
       visible && (prop === 'coverImg' || (!!value && (isArray(value) ? value?.length > 0 : true)))
     "
@@ -274,5 +276,15 @@ const value = computed(() => {
         <view>{{ value }}</view>
       </view>
     </slot>
-  </template>
+    <slot :value="value" v-if="prop === 'headImg'" name="headImg">
+      <view :class="className" :style="style" class="w-4 h-4">
+        <wd-img :src="value" width="100%" height="100%" radius="50%" mode="aspectFill" />
+      </view>
+    </slot>
+    <slot :value="value" v-if="prop === 'userName'" name="userName">
+      <view :class="className" :style="style" class="text-20rpx text-#333 truncate">
+        <view>{{ value }}</view>
+      </view>
+    </slot>
+  </block>
 </template>

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

@@ -28,6 +28,7 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
   titleVisible: true,
   subTitleVisible: true,
   priceVisible: true,
+  userInfoVisible: false,
   priceTipsVisible: true,
   priceUnitVisible: true,
   priceSuffixVisible: true,
@@ -47,11 +48,12 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
   distanceVisible: true,
 })
 const attrs = useAttrs()
-
 provide('lcb-product-item-props', props)
 
 defineSlots<{
   coverImg(props: { value: any }): any
+  userName(props: { value: any }): any
+  headImg(props: { value: any }): any
   productName(props: { value: any }): any
   subTitle(props: { value: any }): any
   price(props: { value: any }): any
@@ -238,11 +240,15 @@ defineSlots<{
             </view>
           </view>
           <ItemValue prop="priceTips">
-            <template #priceTips="{ value }">
+            <!-- <template #priceTips="{ value }">
               <slot name="priceTips" :value="value" />
-            </template>
+            </template> -->
           </ItemValue>
         </view>
+        <view class="flex gap-2 items-center" v-if="userInfoVisible">
+          <ItemValue prop="headImg"></ItemValue>
+          <ItemValue prop="userName"></ItemValue>
+        </view>
       </view>
       <slot name="itemRightSection" />
     </view>
@@ -398,7 +404,12 @@ defineSlots<{
             </template>
           </ItemValue>
         </view>
+        <view class="flex gap-2 items-center" v-if="userInfoVisible">
+          <ItemValue prop="headImg"></ItemValue>
+          <ItemValue prop="userName"></ItemValue>
+        </view>
       </view>
+
       <slot name="itemBottomSection" />
     </view>
     <slot name="itemRightSection" />

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

@@ -18,6 +18,8 @@ export interface LcbProductItemProps {
 
   coverImg?: any
   productName?: any
+  headImg?: string
+  userName?: string
   subTitle?: any
   price?: any
   priceUnit?: any
@@ -41,6 +43,7 @@ export interface LcbProductItemProps {
   coverImgVisible?: boolean
   titleVisible?: boolean
   subTitleVisible?: boolean
+  userInfoVisible?: boolean
   priceVisible?: boolean
   priceUnitVisible?: boolean
   priceSuffixVisible?: boolean

package/components/lcb-rich-text/lcb-rich-text.vue

@@ -16,7 +16,6 @@ defineOptions({
   },
 })
 const props = withDefaults(defineProps<LcbRichTextProps>(), {})
-console.log('props', props)
 </script>
 
 <style lang="scss" scoped></style>