@tplc/business 0.2.67 → 0.2.69

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 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,26 +32,32 @@
     >
       <slot name="list" :items="items" v-if="$slots.list" />
       <template v-else>
-        <lcb-product v-bind="{ ...$props, 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, 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 }" />
+    <lcb-map v-else-if="mode === 'map'" v-bind="{ ...info.listInfo, ...$props, ...attrs }" />
   </template>
 </template>
 
 <script setup lang="ts">
-import { inject, Ref, ref, watch } from 'vue'
+import { inject, Ref, ref, watch, useAttrs } from 'vue'
 import { getFilterDetail, LcbFilterResult } from './api'
 import FilterList from './components/FilterList/index.vue'
 import FilterView from './components/FilterView/index.vue'
 import { LcbListProps } from './types'
 import { FORM_KEY } from '../../constants'
 import './index.scss'
+const attrs = useAttrs()
 /** 是否悬停 */
 const sticky = ref(false)
 const items = ref([])

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'
@@ -14,13 +14,14 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+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
 }>()
@@ -31,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>
@@ -38,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"
       >
@@ -54,7 +70,7 @@ watch(
           />
           <lcb-product-item
             v-else
-            v-bind="{ ...item, ...$props }"
+            v-bind="{ ...item, ...$props, ...attrs }"
             :layoutType="layoutType"
             :coverImgStyle="{
               width: layoutType === 'vertical' ? '100%' : transformValueUnit(imageWidth),
@@ -70,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"
       >
@@ -87,13 +103,13 @@ watch(
             />
             <lcb-product-item
               v-else
-              v-bind="{ ...item, ...$props }"
+              v-bind="{ ...item, ...$props, ...attrs }"
               layoutType="vertical"
               :coverImgStyle="{
                 width: '100%',
                 height: transformValueUnit(imageHeight),
                 borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-                ...($props?.coverImgStyle ?? {}),
+                ...(attrs?.coverImgStyle ?? {}),
               }"
             ></lcb-product-item>
           </slot>
@@ -102,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
@@ -123,7 +139,7 @@ watch(
                 />
                 <lcb-product-item
                   v-else
-                  v-bind="{ ...item, ...$props }"
+                  v-bind="{ ...item, ...$props, ...attrs }"
                   layoutType="vertical"
                   tag-overflow-wrap
                 >
@@ -155,7 +171,7 @@ watch(
                 />
                 <lcb-product-item
                   v-else
-                  v-bind="{ ...item, ...$props }"
+                  v-bind="{ ...item, ...$props, ...attrs }"
                   layoutType="vertical"
                   tag-overflow-wrap
                 >
@@ -173,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="{
@@ -200,7 +216,7 @@ watch(
                 height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
                 minHeight: layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
                 borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-                ...($props?.coverImgStyle ?? {}),
+                ...(attrs?.coverImgStyle ?? {}),
               }"
               :titleLineClamp="titleLineClamp"
             ></lcb-product-item>

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.67",
+  "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[]