@tplc/business 0.2.68 → 0.2.69

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.69](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.68...v0.2.69) (2025-01-05)
+
+
+### ✨ Features | 新功能
+
+* product 属性新增 ([7f27bc5](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7f27bc5e8fd88f25a8af1b54f4834ddc5c41e20f))
+
 ### [0.2.68](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.67...v0.2.68) (2025-01-05)
 
 ### [0.2.67](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.66...v0.2.67) (2025-01-05)

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="{ ...$props, ...attrs, form }" :items="items" v-if="$slots.item">
+        <lcb-product
+          v-bind="{ ...$props, ...attrs, form }"
+          :items="items"
+          filterList
+          v-if="$slots.item"
+        >
           <template #item="{ item }">
             <slot name="item" :item="item"></slot>
           </template>
         </lcb-product>
-        <lcb-product v-bind="{ ...$props, ...attrs, form }" :items="items" v-else />
+        <lcb-product v-bind="{ ...$props, ...attrs, form }" filterList :items="items" v-else />
       </template>
     </FilterList>
     <lcb-map v-else-if="mode === 'map'" v-bind="{ ...info.listInfo, ...$props, ...attrs }" />

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, useAttrs, watch } from 'vue'
+import { ref, useAttrs, watch, computed } from 'vue'
 import UWaterfall from 'uview-plus/components/u-waterfall/u-waterfall.vue'
 import { LcbProductProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
@@ -15,13 +15,13 @@ defineOptions({
   },
 })
 const attrs = useAttrs()
+const list = ref<Record<string, any>[]>([])
 const props = withDefaults(defineProps<LcbProductProps>(), {
   listType: 'list',
-  items: [],
   imageWidth: 200,
   imageHeight: 250,
   titleLineClamp: 2,
-} as any)
+})
 defineSlots<{
   item(props: { item: any }): any
 }>()
@@ -32,6 +32,21 @@ watch(
   },
   { deep: true },
 )
+const getData = async () => {
+  if (props.filterList) return
+  if (props.items?.length) {
+    const { data } = await uni.$lcb.http.post('/productInfo/filteredPage', {
+      productIdList: props.items.map((item) => item.productId),
+    })
+    list.value = data as Record<string, any>[]
+  } else {
+    list.value = []
+  }
+}
+watch(() => props.items, getData, { immediate: true, deep: true })
+const renderList = computed(() => {
+  return props.filterList ? props.items : list.value
+})
 </script>
 
 <template>
@@ -39,7 +54,7 @@ watch(
     <!-- 单列 -->
     <view class="flex flex-col gap-2 p-3" v-if="listType === 'list'">
       <lcb-action-view
-        v-for="(item, index) in items"
+        v-for="(item, index) in renderList"
         :key="`${item?.productId}:${index}`"
         v-bind="item.link"
       >
@@ -71,7 +86,7 @@ watch(
     <!-- 双列 -->
     <view class="grid p-3 grid-cols-2 gap-2 box-border" v-if="listType === 'grid'">
       <lcb-action-view
-        v-for="(item, index) in items"
+        v-for="(item, index) in renderList"
         :key="`${item?.productId}:${index}`"
         v-bind="item.link"
       >
@@ -103,7 +118,7 @@ watch(
     </view>
 
     <view class="lcb-product-waterfall">
-      <u-waterfall :modelValue="items" v-if="listType === 'waterfall'" ref="uWaterfallRef">
+      <u-waterfall :modelValue="renderList" v-if="listType === 'waterfall'" ref="uWaterfallRef">
         <template #left="{ leftList: list }">
           <view class="flex flex-col gap-3">
             <lcb-action-view
@@ -174,7 +189,7 @@ watch(
     <scroll-view v-if="listType == 'horizontal'" scroll-x>
       <view class="p-3 whitespace-nowrap overflow-x-auto">
         <view
-          v-for="(item, index) in items"
+          v-for="(item, index) in renderList"
           :key="`${item?.productId}:${index}`"
           class="inline-block"
           :style="{

package/components/lcb-product/types.ts

@@ -6,11 +6,15 @@ export interface LcbProductProps {
   imageRadius?: number
   borderRadius?: number
   itemWidth?: number // 列表项宽度
-  items?: Record<string, any>[]
+  items?: {
+    productId: string
+    [key: string]: any
+  }[]
   form?: Record<string, any>
   layoutType?: 'vertical' | 'horizontal' // 布局方式
   titleLineClamp?: number
   coverImgStyle?: Record<string, any>
+  filterList?: boolean
   renderItemAbsoluteConfigLayout?: {
     dataset?: Record<string, any>
     blocks: any[]

package/package.json

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

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

@@ -5,7 +5,15 @@ declare function __VLS_template(): Readonly<{
   item(props: { item: any }): any
 }
 declare const __VLS_component: import('vue').DefineComponent<
-  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbProductProps>, any>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbProductProps>,
+    {
+      listType: string
+      imageWidth: number
+      imageHeight: number
+      titleLineClamp: number
+    }
+  >,
   {},
   unknown,
   {},
@@ -17,30 +25,22 @@ declare const __VLS_component: import('vue').DefineComponent<
   import('vue').PublicProps,
   Readonly<
     import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<__VLS_TypePropsToOption<LcbProductProps>, any>
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbProductProps>,
+        {
+          listType: string
+          imageWidth: number
+          imageHeight: number
+          titleLineClamp: number
+        }
+      >
     >
   >,
   {
-    form: Record<string, any>
-    imageRadius: number
-    items: Record<string, any>[]
     imageWidth: number
-    borderRadius: number
     imageHeight: number
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
     titleLineClamp: number
-    layoutType: 'vertical' | 'horizontal'
-    itemWidth: number
-    coverImgStyle: Record<string, any>
-    renderItemAbsoluteConfigLayout: {
-      dataset?: Record<string, any>
-      blocks: any[]
-      canvas: {
-        width: number
-        height: number
-        backgroundColor?: string
-      }
-    }
   },
   {}
 >

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

@@ -5,11 +5,15 @@ export interface LcbProductProps {
   imageRadius?: number
   borderRadius?: number
   itemWidth?: number
-  items?: Record<string, any>[]
+  items?: {
+    productId: string
+    [key: string]: any
+  }[]
   form?: Record<string, any>
   layoutType?: 'vertical' | 'horizontal'
   titleLineClamp?: number
   coverImgStyle?: Record<string, any>
+  filterList?: boolean
   renderItemAbsoluteConfigLayout?: {
     dataset?: Record<string, any>
     blocks: any[]