@tplc/business 0.2.66 → 0.2.67

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.67](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.66...v0.2.67) (2025-01-05)
+
+
+### ✨ Features | 新功能
+
+* 新增配置 ([3f75c1f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3f75c1f75f1f86d1f5049700bef7af0b1d1185cd))
+
 ### [0.2.66](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.65...v0.2.66) (2025-01-05)
 
 

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

@@ -25,53 +25,33 @@
     </template>
 
     <FilterList
-      v-bind="{ ...info.listInfo, listType, ...attrs }"
+      v-bind="{ ...info.listInfo, listType, ...props }"
       :autoHeight="!isSticky"
       v-model="items"
       v-if="mode === 'list'"
     >
       <slot name="list" :items="items" v-if="$slots.list" />
       <template v-else>
-        <lcb-product
-          v-bind="{ ...attrs, form }"
-          :listType="listType"
-          :imageWidth="imageWidth"
-          :imageHeight="imageHeight"
-          :items="items"
-          :titleLineClamp="titleLineClamp"
-          :layoutType="layoutType"
-          v-if="$slots.item"
-        >
+        <lcb-product v-bind="{ ...$props, form }" :items="items" v-if="$slots.item">
           <template #item="{ item }">
             <slot name="item" :item="item"></slot>
           </template>
         </lcb-product>
-        <lcb-product
-          v-bind="{ ...attrs, form }"
-          :imageWidth="imageWidth"
-          :listType="listType"
-          :items="items"
-          :imageHeight="imageHeight"
-          :layoutType="layoutType"
-          :titleLineClamp="titleLineClamp"
-          v-else
-        />
+        <lcb-product v-bind="{ ...$props, form }" :items="items" v-else />
       </template>
     </FilterList>
-    <lcb-map v-else-if="mode === 'map'" v-bind="{ ...info.listInfo, ...attrs }" />
+    <lcb-map v-else-if="mode === 'map'" v-bind="{ ...info.listInfo, ...$props }" />
   </template>
-  <!-- <lcb-product v-bind="{ ...attrs }" :listType="listType" :items="mockData.data" v-else /> -->
 </template>
 
 <script setup lang="ts">
-import { inject, Ref, ref, useAttrs, watch } from 'vue'
+import { inject, Ref, ref, watch } 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([])
@@ -87,7 +67,7 @@ const titleObj = ref<Record<string, any>>({})
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const props = withDefaults(defineProps<LcbListProps>(), {
   pageFilterType: 'hotelTravelFilter',
-  border: true,
+  borderRadius: 12,
   styleMode: 'default',
   listType: 'list',
   isSticky: true,

package/components/lcb-list/types.ts

@@ -4,15 +4,18 @@ import { LcbProductProps } from '../lcb-product/types'
 export interface LcbListProps {
   pageFilterType?: string
   pageListProps?: PageListProps
-  border?: boolean
+  borderRadius?: number
   styleMode?: 'default' | 'plain'
   imageWidth?: number
+  border?: boolean
   imageHeight?: number
   titleLineClamp?: number
   listType?: LcbProductProps['listType']
   isSticky?: boolean
   mode?: 'map' | 'list'
   layoutType?: 'vertical' | 'horizontal'
+  imageRadius?: number
+  itemWidth?: number // 列表项宽度
 }
 export interface Option {
   label: string

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

@@ -4,7 +4,6 @@ import UWaterfall from 'uview-plus/components/u-waterfall/u-waterfall.vue'
 import { LcbProductProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
 
-const attrs = useAttrs()
 const uWaterfallRef = ref()
 defineOptions({
   name: 'LcbProduct',
@@ -55,16 +54,15 @@ watch(
           />
           <lcb-product-item
             v-else
-            v-bind="{ ...item, ...attrs }"
+            v-bind="{ ...item, ...$props }"
             :layoutType="layoutType"
             :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 ?? {}),
+              ...($props?.coverImgStyle ?? {}),
             }"
-            :titleLineClamp="titleLineClamp"
           ></lcb-product-item>
         </slot>
       </lcb-action-view>
@@ -89,15 +87,14 @@ watch(
             />
             <lcb-product-item
               v-else
-              v-bind="{ ...item, ...attrs }"
+              v-bind="{ ...item, ...$props }"
               layoutType="vertical"
               :coverImgStyle="{
                 width: '100%',
                 height: transformValueUnit(imageHeight),
                 borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-                ...(attrs?.coverImgStyle ?? {}),
+                ...($props?.coverImgStyle ?? {}),
               }"
-              :titleLineClamp="titleLineClamp"
             ></lcb-product-item>
           </slot>
         </view>
@@ -126,10 +123,9 @@ watch(
                 />
                 <lcb-product-item
                   v-else
-                  v-bind="{ ...item, ...attrs }"
+                  v-bind="{ ...item, ...$props }"
                   layoutType="vertical"
                   tag-overflow-wrap
-                  :titleLineClamp="titleLineClamp"
                 >
                   <template #coverImg="{ value }">
                     <image :src="value" class="w-full" mode="widthFix" />
@@ -159,10 +155,9 @@ watch(
                 />
                 <lcb-product-item
                   v-else
-                  v-bind="{ ...item, ...attrs }"
+                  v-bind="{ ...item, ...$props }"
                   layoutType="vertical"
                   tag-overflow-wrap
-                  :titleLineClamp="titleLineClamp"
                 >
                   <template #coverImg="{ value }">
                     <image :src="value" class="w-full" mode="widthFix" />
@@ -181,7 +176,10 @@ watch(
           v-for="(item, index) in items"
           :key="`${item?.productId}:${index}`"
           class="inline-block"
-          :style="{ width: `${itemWidth}rpx`, marginLeft: index === 0 ? 0 : '24rpx' }"
+          :style="{
+            width: `${itemWidth}rpx`,
+            marginLeft: index === 0 ? 0 : '24rpx',
+          }"
         >
           <slot name="item" :item="item">
             <lcb-absolute-config-layout
@@ -202,7 +200,7 @@ watch(
                 height: layoutType === 'vertical' ? transformValueUnit(imageHeight) : undefined,
                 minHeight: layoutType !== 'vertical' ? transformValueUnit(imageHeight) : undefined,
                 borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-                ...(attrs?.coverImgStyle ?? {}),
+                ...($props?.coverImgStyle ?? {}),
               }"
               :titleLineClamp="titleLineClamp"
             ></lcb-product-item>

package/components/lcb-product/types.ts

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

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

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { computed, provide, useAttrs } from 'vue'
+import { provide, useAttrs } from 'vue'
 import { LcbProductItemProps } from './types'
 import ItemValue from './components/ItemValue.vue'
+import { transformValueUnit } from '../../utils/transform'
 defineOptions({
   name: 'LcbProductItem',
   options: {
@@ -46,6 +47,7 @@ const props = withDefaults(defineProps<LcbProductItemProps>(), {
   tagsVisible: true,
   addressIntroVisible: true,
   distanceVisible: true,
+  borderRadius: 12,
 })
 const attrs = useAttrs()
 provide('lcb-product-item-props', props)
@@ -93,7 +95,10 @@ defineSlots<{
   <view
     v-if="layoutType === 'horizontal'"
     :class="className"
-    class="flex flex-col gap-1 px-2 py-3 bg-white relative"
+    class="flex flex-col gap-1 px-2 py-3 bg-white relative overflow-clip"
+    :style="{
+      borderRadius: transformValueUnit(borderRadius),
+    }"
   >
     <slot name="itemSection" />
     <slot name="itemTopSection" />
@@ -123,33 +128,6 @@ defineSlots<{
       <view class="flex flex-col flex-1 text-26rpx overflow-hidden relative">
         <slot name="contentSection" />
         <view class="flex flex-col gap-[5px] overflow-hidden">
-          <!-- <template
-            v-for="propName in ['productName', 'subTitle', 'addressIntro', 'distance', 'tags']"
-            :key="propName"
-          >
-            <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
-              <template #coverImg="{ value }"><slot name="coverImg" :value="value" /></template>
-              <template #productName="{ value }"><slot name="productName" :value="value" /></template>
-              <template #subTitle="{ value }"><slot name="subTitle" :value="value" /></template>
-              <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>
-              <template #scribePrice="{ value }">
-                <slot name="scribePrice" :value="value" />
-              </template>
-              <template #scribePriceUnit="{ value }">
-                <slot name="scribePriceUnit" :value="value" />
-              </template>
-              <template #tags="{ value }"><slot name="tags" :value="value" /></template>
-              <template #addressIntro="{ value }">
-                <slot name="addressIntro" :value="value" />
-              </template>
-              <template #distance="{ value }"><slot name="distance" :value="value" /></template>
-            </ItemValue>
-            <ItemValue :prop="propName" v-else />
-          </template> -->
           <view class="text-ellipsis line-clamp-2">
             <ItemValue prop="productName">
               <!-- <template #productName="{ value }"><slot name="productName" :value="value" /></template> -->
@@ -257,7 +235,14 @@ defineSlots<{
   </view>
 
   <!-- 竖向布局 -->
-  <view v-if="layoutType === 'vertical'" class="flex bg-white relative" :class="className">
+  <view
+    v-if="layoutType === 'vertical'"
+    class="flex bg-white relative overflow-hidden"
+    :class="className"
+    :style="{
+      borderRadius: transformValueUnit(borderRadius),
+    }"
+  >
     <slot name="itemSection" />
     <slot name="itemLeftSection" />
     <view class="flex-1 flex flex-col w-full overflow-hidden">

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

@@ -15,7 +15,7 @@ export interface LcbProductItemProps {
   tagRound?: boolean
   distanceUnit?: string
   imageType?: 'square' | 'vertical' | 'horizontal'
-
+  borderRadius?: number
   coverImg?: any
   productName?: any
   headImg?: string

package/package.json

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

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

@@ -20,16 +20,19 @@ declare const __VLS_component: import('vue').DefineComponent<
   >,
   {
     mode: 'map' | 'list'
+    imageRadius: number
     imageWidth: number
+    borderRadius: number
     imageHeight: number
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
     pageFilterType: string
     pageListProps: import('./components/FilterList/type').PageListProps
-    border: boolean
     styleMode: 'default' | 'plain'
+    border: boolean
     titleLineClamp: number
     isSticky: boolean
     layoutType: 'vertical' | 'horizontal'
+    itemWidth: number
   },
   {}
 >

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

@@ -3,15 +3,18 @@ import { LcbProductProps } from '../lcb-product/types'
 export interface LcbListProps {
   pageFilterType?: string
   pageListProps?: PageListProps
-  border?: boolean
+  borderRadius?: number
   styleMode?: 'default' | 'plain'
   imageWidth?: number
+  border?: boolean
   imageHeight?: number
   titleLineClamp?: number
   listType?: LcbProductProps['listType']
   isSticky?: boolean
   mode?: 'map' | 'list'
   layoutType?: 'vertical' | 'horizontal'
+  imageRadius?: number
+  itemWidth?: number
 }
 export interface Option {
   label: string

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

@@ -25,11 +25,13 @@ declare const __VLS_component: import('vue').DefineComponent<
     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[]

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

@@ -3,11 +3,13 @@ export interface LcbProductProps {
   imageWidth?: number
   imageHeight?: number
   imageRadius?: number
+  borderRadius?: number
   itemWidth?: number
   items?: Record<string, any>[]
   form?: Record<string, any>
   layoutType?: 'vertical' | 'horizontal'
   titleLineClamp?: number
+  coverImgStyle?: Record<string, any>
   renderItemAbsoluteConfigLayout?: {
     dataset?: Record<string, any>
     blocks: any[]

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

@@ -99,6 +99,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       tagsVisible: boolean
       addressIntroVisible: boolean
       distanceVisible: boolean
+      borderRadius: number
     }
   >,
   {},
@@ -148,11 +149,13 @@ declare const __VLS_component: import('vue').DefineComponent<
           tagsVisible: boolean
           addressIntroVisible: boolean
           distanceVisible: boolean
+          borderRadius: number
         }
       >
     >
   >,
   {
+    borderRadius: number
     titleLineClamp: number
     layoutType: 'vertical' | 'horizontal'
     tagOverflowWrap: boolean

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

@@ -13,6 +13,7 @@ export interface LcbProductItemProps {
   tagRound?: boolean
   distanceUnit?: string
   imageType?: 'square' | 'vertical' | 'horizontal'
+  borderRadius?: number
   coverImg?: any
   productName?: any
   headImg?: string