@tplc/business 0.1.12 → 0.1.13

package/CHANGELOG.md

@@ -2,6 +2,35 @@
 
 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.1.13](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.6...v0.1.13) (2024-10-28)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.10 ([732f746](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/732f746ecc268186d3357b882c40e4ee0a227250))
+* **release:** 0.1.11 ([0ff8ceb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0ff8ceb8c63810597998d2660a87ccc8007f7196))
+* **release:** 0.1.12 ([cb45e26](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/cb45e26560dbc7de5691950e480b3f070d3dafa5))
+* **release:** 0.1.7 ([69fbf39](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/69fbf39f9e9f1c7b2daf25aa81d7e508a530fa2b))
+* **release:** 0.1.8 ([0cd2b98](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0cd2b98488ea39de407df1badedf2554f94190f1))
+* **release:** 0.1.9 ([b1dd896](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b1dd896c4acc76bfc370b39c7d0a24eb729182eb))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* 修改图片尺寸 ([1d4dd25](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1d4dd25e5065401562cd75560507bc23953967e8))
+
+
+### ✨ Features | 新功能
+
+* lcb-list 相关 slot 适应小程序调整 ([aff0850](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/aff085079e4918761191a7a00f7c48a5fb2c599d))
+* nav 颜色调整 ([1f7bba0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1f7bba00c2386a85a5bfe3b3973ad160c87efd78))
+* version update ([3e0904a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/3e0904a72675d2c262ec4efd388c08a1f4a5375a))
+* 上传图片 ([5ae5dcb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/5ae5dcbb018ce5c9bbc53290eb0e3e082985d887))
+* 优化 lcb-product-item 插槽与属性 ([29d00e4](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/29d00e49adf8c47ea223f92b400eac74385f8ee0))
+* 新增dynamic-data ([d43b20f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d43b20f5f334ae6ac5b46294b5caf7903bc4a820))
+* 类型调整 ([206b930](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/206b93056631e72531cd39617a3c6e7ad5529723))
+* 调整usertop ui ([13daab3](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/13daab39ecd02d313cf9c9c61fa8ab79ba10198f))
+
 ### [0.1.12](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.6...v0.1.12) (2024-10-28)
 
 

package/components/lcb-image/Image/index.vue

@@ -17,7 +17,8 @@
           :src="item.url"
           :enable-preview="enablePreview"
           mode="widthFix"
-          :class="`${styleGroup == 3 ? 'overflow-hidden' : 'overflow-hidden block'}`"
+          height="auto"
+          :custom-class="`${styleGroup == 3 ? 'overflow-hidden' : 'overflow-hidden block'}`"
           :style="{
             borderRadius: transformValueUnit(imageRadius),
             display: 'block',

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

@@ -37,13 +37,16 @@ const normalizeDataList = computed(() => {
     const imgArr = formatJson(item.coverImg, [])
     const tags = formatJson(item.tags, [])
     return {
-      ...item,
       image: imgArr?.[1] || imgArr?.[0],
       title: item?.productName,
-      tags,
+      // subTitle: item?.poiName,
+      location: item?.address,
       price: item?.price,
-      location: item?.cityAreaName,
       priceSuffix: item?.behindUnit,
+      // originPrice: item?.price,
+      // originPriceSuffix: item?.behindUnit,
+      ...item,
+      tags,
     }
   })
   // console.log('list', list)
@@ -77,6 +80,7 @@ watch(
 )
 const queryList = async (page: number, limit: number) => {
   try {
+    // const { data } = mockData
     const { data } = await uni.$lcb.http.post(props.url, {
       ...props.baseParam,
       ...props.filter,

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

@@ -90,7 +90,7 @@
 
 <script setup lang="ts">
 import { computed, inject, Ref, ref, watch, useAttrs } from 'vue'
-import { LcbListProps, defaultLcbListProps } from './types'
+import { LcbListProps } from './types'
 import { FilterComponent, getFilterDetail, LcbFilterResult } from './api'
 import FilterSelect from './components/FilterSelect/index.vue'
 import TreeSelect from './components/TreeSelect/index.vue'
@@ -113,7 +113,18 @@ defineOptions({
 })
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const dropMenu = ref()
-const props = withDefaults(defineProps<LcbListProps>(), defaultLcbListProps as any)
+const props = withDefaults(defineProps<LcbListProps>(), {
+  pageFilterType: 'hotelTravelFilter',
+  border: true,
+  styleMode: 'default',
+  listType: 'list',
+  // @ts-ignore
+  pageListProps: () => ({
+    productProps: {
+      // listType: 'list',
+    },
+  }),
+} as LcbListProps as any)
 const info = ref<LcbFilterResult>()
 const filter = ref<Record<string, any>>({})
 const titleObj = ref<Record<string, any>>({})

package/components/lcb-list/types.ts

@@ -24,16 +24,3 @@ export interface FilterItemProps {
   options?: Option[]
   test?: 1
 }
-
-export const defaultLcbListProps: LcbListProps = {
-  pageFilterType: 'hotelTravelFilter',
-  border: true,
-  styleMode: 'default',
-  listType: 'list',
-  // @ts-ignore
-  pageListProps: () => ({
-    productProps: {
-      // listType: 'list',
-    },
-  }),
-}

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

@@ -31,7 +31,33 @@ defineSlots<{
           <lcb-product-item
             v-bind="{ ...item, ...attrs }"
             :imageStyle="{ width: `${imageWidthPercent}%` }"
-          ></lcb-product-item>
+          >
+            <!-- <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>
     </view>
@@ -46,7 +72,20 @@ defineSlots<{
                 layoutType="vertical"
                 className="!h-full"
                 :imageStyle="{ height: `${imageHeightPercent}%` }"
-              ></lcb-product-item>
+              >
+                <!-- <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>
             </slot>
           </view>
         </view>

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

@@ -4,7 +4,7 @@ import { isArray } from '@tplc/wot/components/common/util'
 
 // const attrs = useAttrs()
 
-const itemProps = inject('lcb-product-item-props')
+const itemProps: any = inject('lcb-product-item-props')
 
 const props = withDefaults(
   defineProps<{
@@ -23,6 +23,7 @@ defineSlots<{
   priceSuffix(props: { value: any }): any
   originPrice(props: { value: any }): any
   originPriceUnit(props: { value: any }): any
+  originPriceSuffix(props: { value: any }): any
   tags(props: { value: any }): any
   location(props: { value: any }): any
   distance(props: { value: any }): any
@@ -50,12 +51,37 @@ const value = computed(() => {
     <slot :value="value" v-if="prop === 'image'" name="image">
       <view :value="value" :class="className" :style="style">
         <image :src="value" class="w-full h-full" mode="aspectFill" />
+        <slot></slot>
       </view>
     </slot>
 
     <!-- 标题 -->
     <slot :value="value" v-if="prop === 'title'" name="title">
-      <view :class="className" :style="style" :value="value" class="text-ellipsis line-clamp-1">
+      <view
+        :class="[
+          className,
+          'text-ellipsis',
+          {
+            'line-clamp-1': itemProps?.titleLineClamp === 1,
+            'line-clamp-2': itemProps?.titleLineClamp === 2,
+            'line-clamp-3': itemProps?.titleLineClamp === 3,
+          },
+        ]"
+        :style="style"
+        :value="value"
+      >
+        <view>{{ value }}</view>
+      </view>
+    </slot>
+
+    <!-- 副标题 -->
+    <slot :value="value" v-if="prop === 'subTitle'" name="subTitle">
+      <view
+        :class="className"
+        :style="style"
+        :value="value"
+        class="text-22rpx text-gray-500 text-ellipsis line-clamp-1"
+      >
         <view>{{ value }}</view>
       </view>
     </slot>
@@ -69,21 +95,48 @@ const value = computed(() => {
         class="text-gray-500 text-22rpx flex gap-3rpx items-center"
       >
         <wd-icon name="location" size="32rpx"></wd-icon>
-        <view>{{ value }}</view>
+        <view class="text-ellipsis line-clamp-1">{{ value }}</view>
+      </view>
+    </slot>
+
+    <!-- 距离 -->
+    <slot :value="value" v-if="prop === 'distance'" name="distance">
+      <view
+        :class="className"
+        :style="style"
+        :value="value"
+        class="text-gray-500 text-22rpx flex gap-3rpx items-center"
+      >
+        <wd-icon name="location" size="32rpx"></wd-icon>
+        <view class="text-ellipsis line-clamp-1">
+          距您{{ value }}{{ itemProps?.distanceUnit ?? 'km' }}
+        </view>
       </view>
     </slot>
 
     <!-- 标签 -->
     <slot :value="value" v-if="prop === 'tags'" name="tags">
-      <view class="flex gap-1 whitespace-nowrap overflow-auto">
+      <view
+        :class="[
+          'flex gap-1',
+          {
+            'whitespace-nowrap overflow-auto': !itemProps?.tagOverflowWrap,
+            'flex-wrap': itemProps?.tagOverflowWrap,
+          },
+        ]"
+      >
         <wd-tag
           v-for="tag in value"
           :key="tag"
           class="!text-20rpx"
           :class="className"
           :style="style"
-          plain
-          type="primary"
+          :color="itemProps?.tagContentColor"
+          :bg-color="itemProps?.tagBgColor"
+          :plain="itemProps?.tagPlain ?? true"
+          :mark="itemProps?.tagMark ?? false"
+          :round="itemProps?.tagRound ?? false"
+          :type="itemProps?.tagType ?? 'primary'"
         >
           {{ tag }}
         </wd-tag>
@@ -120,5 +173,36 @@ const value = computed(() => {
         <view>{{ value }}</view>
       </view>
     </slot>
+
+    <!-- 原始价格单位 -->
+    <slot :value="value" v-if="prop === 'originPriceUnit'" name="originPriceUnit">
+      <view
+        :class="className"
+        :style="style"
+        :value="value"
+        class="text-gray-500 font-bold text-19rpx"
+      >
+        <view>{{ value }}</view>
+      </view>
+    </slot>
+
+    <!-- 原始价格 -->
+    <slot :value="value" v-if="prop === 'originPrice'" name="originPrice">
+      <view
+        :class="className"
+        :style="style"
+        :value="value"
+        class="text-gray-500 font-bold text-20rpx"
+      >
+        <view>{{ value }}</view>
+      </view>
+    </slot>
+
+    <!-- 原始价格后缀 -->
+    <slot :value="value" v-if="prop === 'originPriceSuffix'" name="originPriceSuffix">
+      <view :class="className" :style="style" :value="value" class="text-gray-500 text-20rpx">
+        <view>{{ value }}</view>
+      </view>
+    </slot>
   </template>
 </template>

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

@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { computed, provide, useAttrs } from 'vue'
-import { lcbProductItemContentTypes, LcbProductItemProps } from './types'
+import { LcbProductItemProps } from './types'
 import ItemValue from './components/ItemValue.vue'
 
+const isNumber = (value: any) => typeof value === 'number'
+
 defineOptions({
   name: 'LcbProductItem',
   options: {
@@ -14,19 +16,28 @@ defineOptions({
 
 const props = withDefaults(defineProps<LcbProductItemProps>(), {
   layoutType: 'horizontal',
+  titleLineClamp: 1,
+  tagOverflowWrap: false,
+  tagType: 'primary',
+  tagPlain: true,
+  tagMark: false,
+  tagRound: false,
+  distanceUnit: 'km',
+
   priceUnit: '¥',
   originPriceUnit: '¥',
   imageVisible: true,
   titleVisible: true,
-  subTitleVisible: true,
+  subTitleVisible: false,
   priceVisible: true,
   priceUnitVisible: true,
   priceSuffixVisible: true,
   originPriceVisible: true,
   originPriceUnitVisible: true,
+  originPriceSuffixVisible: true,
   tagsVisible: true,
   locationVisible: true,
-  distanceVisible: true,
+  distanceVisible: false,
 })
 const attrs = useAttrs()
 
@@ -41,9 +52,18 @@ defineSlots<{
   priceSuffix(props: { value: any }): any
   originPrice(props: { value: any }): any
   originPriceUnit(props: { value: any }): any
+  originPriceSuffix(props: { value: any }): any
   tags(props: { value: any }): any
   location(props: { value: any }): any
   distance(props: { value: any }): any
+
+  itemSection(): any
+  itemTopSection(): any
+  itemBottomSection(): any
+  itemLeftSection(): any
+  itemRightSection(): any
+  imageSection(): any
+  contentSection(): any
 }>()
 
 // console.log('attrs', attrs)
@@ -51,46 +71,43 @@ defineSlots<{
 
 <template>
   <!-- 横向布局 -->
-  <view v-if="layoutType === 'horizontal'" :class="className" class="flex gap-3 px-2 py-3 bg-white">
-    <ItemValue
-      v-if="!!$slots?.['image']"
-      prop="image"
-      className="w-1/3 h-220rpx bg-gray-100 rounded-sm overflow-hidden"
-    >
-      <template #image="{ value }">
-        <slot name="image" :value="value" />
-      </template>
-    </ItemValue>
-    <ItemValue
-      v-else
-      prop="image"
-      className="w-1/3 h-220rpx bg-gray-100 rounded-sm overflow-hidden"
-    />
-    <view class="flex flex-col flex-1 gap-2 justify-between text-26rpx overflow-hidden">
-      <view class="flex flex-col gap-2 overflow-hidden">
-        <template v-for="propName in ['title', 'location', 'tags']" :key="propName">
-          <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
-            <template #image="{ value }"><slot name="image" :value="value" /></template>
-            <template #title="{ value }"><slot name="title" :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 #originPrice="{ value }"><slot name="originPrice" :value="value" /></template>
-            <template #originPriceUnit="{ value }">
-              <slot name="originPriceUnit" :value="value" />
-            </template>
-            <template #tags="{ value }"><slot name="tags" :value="value" /></template>
-            <template #location="{ value }"><slot name="location" :value="value" /></template>
-            <template #distance="{ value }"><slot name="distance" :value="value" /></template>
-          </ItemValue>
-          <ItemValue :prop="propName" v-else />
+  <view
+    v-if="layoutType === 'horizontal'"
+    :class="className"
+    class="flex flex-col gap-1 px-2 py-3 bg-white relative"
+  >
+    <slot name="itemSection" />
+    <slot name="itemTopSection" />
+    <view class="flex gap-2">
+      <slot name="itemLeftSection" />
+      <ItemValue
+        v-if="!!$slots?.['image']"
+        prop="image"
+        className="w-1/3 h-220rpx bg-gray-100 rounded-sm overflow-hidden relative"
+      >
+        <template #default>
+          <slot name="imageSection" />
         </template>
-      </view>
-
-      <view class="flex gap-2">
-        <view class="flex gap-[4rpx] items-end">
-          <template v-for="propName in ['priceUnit', 'price', 'priceSuffix']" :key="propName">
+        <template #image="{ value }">
+          <slot name="image" :value="value" />
+        </template>
+      </ItemValue>
+      <ItemValue
+        v-else
+        prop="image"
+        className="w-1/3 h-220rpx bg-gray-100 rounded-sm overflow-hidden relative"
+      >
+        <template #default>
+          <slot name="imageSection" />
+        </template>
+      </ItemValue>
+      <view class="flex flex-col flex-1 gap-2 justify-between text-26rpx overflow-hidden relative">
+        <slot name="contentSection" />
+        <view class="flex flex-col gap-2 overflow-hidden">
+          <template
+            v-for="propName in ['title', 'subTitle', 'location', 'distance', 'tags']"
+            :key="propName"
+          >
             <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
               <template #image="{ value }"><slot name="image" :value="value" /></template>
               <template #title="{ value }"><slot name="title" :value="value" /></template>
@@ -113,46 +130,101 @@ defineSlots<{
             <ItemValue :prop="propName" v-else />
           </template>
         </view>
+
+        <view class="flex gap-2">
+          <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 #image="{ value }"><slot name="image" :value="value" /></template>
+                <template #title="{ value }"><slot name="title" :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 #originPrice="{ value }">
+                  <slot name="originPrice" :value="value" />
+                </template>
+                <template #originPriceUnit="{ value }">
+                  <slot name="originPriceUnit" :value="value" />
+                </template>
+                <template #tags="{ value }"><slot name="tags" :value="value" /></template>
+                <template #location="{ value }"><slot name="location" :value="value" /></template>
+                <template #distance="{ value }"><slot name="distance" :value="value" /></template>
+              </ItemValue>
+              <ItemValue :prop="propName" v-else />
+            </template>
+          </view>
+          <view
+            class="flex gap-[2rpx] items-end line-through"
+            v-if="originPriceVisible && isNumber(originPrice)"
+          >
+            <template
+              v-for="propName in ['originPriceUnit', 'originPrice', 'originPriceSuffix']"
+              :key="propName"
+            >
+              <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
+                <template #image="{ value }"><slot name="image" :value="value" /></template>
+                <template #title="{ value }"><slot name="title" :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 #originPrice="{ value }">
+                  <slot name="originPrice" :value="value" />
+                </template>
+                <template #originPriceUnit="{ value }">
+                  <slot name="originPriceUnit" :value="value" />
+                </template>
+                <template #originPriceSuffix="{ value }">
+                  <slot name="originPriceSuffix" :value="value" />
+                </template>
+                <template #tags="{ value }"><slot name="tags" :value="value" /></template>
+                <template #location="{ value }"><slot name="location" :value="value" /></template>
+                <template #distance="{ value }"><slot name="distance" :value="value" /></template>
+              </ItemValue>
+              <ItemValue :prop="propName" v-else />
+            </template>
+          </view>
+        </view>
       </view>
+      <slot name="itemRightSection" />
     </view>
+    <slot name="itemBottomSection" />
   </view>
 
   <!-- 竖向布局 -->
-  <view v-if="layoutType === 'vertical'" :class="className" class="flex flex-col gap-2 bg-white">
-    <ItemValue v-if="!!$slots?.['image']" prop="image" className="overflow-hidden">
-      <template #image="{ value }">
-        <slot name="image" :value="value" />
-      </template>
-    </ItemValue>
-    <ItemValue v-else prop="image" className="overflow-hidden" />
-    <view
-      :class="'p-2'"
-      class="flex flex-col flex-1 gap-2 justify-between text-26rpx overflow-hidden"
-    >
-      <view class="flex flex-col gap-2 overflow-hidden">
-        <template v-for="propName in ['title', 'location', 'tags']" :key="propName">
-          <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
-            <template #image="{ value }"><slot name="image" :value="value" /></template>
-            <template #title="{ value }"><slot name="title" :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 #originPrice="{ value }"><slot name="originPrice" :value="value" /></template>
-            <template #originPriceUnit="{ value }">
-              <slot name="originPriceUnit" :value="value" />
-            </template>
-            <template #tags="{ value }"><slot name="tags" :value="value" /></template>
-            <template #location="{ value }"><slot name="location" :value="value" /></template>
-            <template #distance="{ value }"><slot name="distance" :value="value" /></template>
-          </ItemValue>
-          <ItemValue :prop="propName" v-else />
+  <view v-if="layoutType === 'vertical'" class="flex bg-white relative" :class="className">
+    <slot name="itemSection" />
+    <slot name="itemLeftSection" />
+    <view class="flex-1 flex flex-col w-full overflow-hidden">
+      <slot name="itemTopSection" />
+      <ItemValue v-if="!!$slots?.['image']" prop="image" className="overflow-hidden relative">
+        <template #default>
+          <slot name="imageSection" />
         </template>
-      </view>
-
-      <view class="flex gap-2">
-        <view class="flex gap-[4rpx] items-end">
-          <template v-for="propName in ['priceUnit', 'price', 'priceSuffix']" :key="propName">
+        <template #image="{ value }">
+          <slot name="image" :value="value" />
+        </template>
+      </ItemValue>
+      <ItemValue v-else prop="image" className="overflow-hidden relative">
+        <template #default>
+          <slot name="imageSection" />
+        </template>
+      </ItemValue>
+      <view
+        :class="'p-2'"
+        class="flex flex-col flex-1 gap-2 justify-between text-26rpx overflow-hidden relative"
+      >
+        <slot name="contentSection" />
+        <view class="flex flex-col gap-2 overflow-hidden">
+          <template
+            v-for="propName in ['title', 'subTitle', 'location', 'distance', 'tags']"
+            :key="propName"
+          >
             <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
               <template #image="{ value }"><slot name="image" :value="value" /></template>
               <template #title="{ value }"><slot name="title" :value="value" /></template>
@@ -175,8 +247,70 @@ defineSlots<{
             <ItemValue :prop="propName" v-else />
           </template>
         </view>
+
+        <view class="flex gap-2">
+          <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 #image="{ value }"><slot name="image" :value="value" /></template>
+                <template #title="{ value }"><slot name="title" :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 #originPrice="{ value }">
+                  <slot name="originPrice" :value="value" />
+                </template>
+                <template #originPriceUnit="{ value }">
+                  <slot name="originPriceUnit" :value="value" />
+                </template>
+                <template #tags="{ value }"><slot name="tags" :value="value" /></template>
+                <template #location="{ value }"><slot name="location" :value="value" /></template>
+                <template #distance="{ value }"><slot name="distance" :value="value" /></template>
+              </ItemValue>
+              <ItemValue :prop="propName" v-else />
+            </template>
+          </view>
+          <view
+            class="flex gap-[2rpx] items-end line-through"
+            v-if="originPriceVisible && isNumber(originPrice)"
+          >
+            <template
+              v-for="propName in ['originPriceUnit', 'originPrice', 'originPriceSuffix']"
+              :key="propName"
+            >
+              <ItemValue :prop="propName" v-if="!!$slots?.[propName]">
+                <template #image="{ value }"><slot name="image" :value="value" /></template>
+                <template #title="{ value }"><slot name="title" :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 #originPrice="{ value }">
+                  <slot name="originPrice" :value="value" />
+                </template>
+                <template #originPriceUnit="{ value }">
+                  <slot name="originPriceUnit" :value="value" />
+                </template>
+                <template #originPriceSuffix="{ value }">
+                  <slot name="originPriceSuffix" :value="value" />
+                </template>
+                <template #tags="{ value }"><slot name="tags" :value="value" /></template>
+                <template #location="{ value }"><slot name="location" :value="value" /></template>
+                <template #distance="{ value }"><slot name="distance" :value="value" /></template>
+              </ItemValue>
+              <ItemValue :prop="propName" v-else />
+            </template>
+          </view>
+        </view>
       </view>
+      <slot name="itemBottomSection" />
     </view>
+    <slot name="itemRightSection" />
   </view>
 </template>
 

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

@@ -1,23 +1,20 @@
 import { CSSProperties } from 'vue'
-
-export const lcbProductItemContentTypes = [
-  'image',
-  'title',
-  'subTitle',
-  'price',
-  'priceUnit',
-  'priceSuffix',
-  'originPrice',
-  'originPriceUnit',
-  'tags',
-  'location',
-  'distance',
-] as const
+import { TagType } from '@tplc/wot/components/wd-tag/types'
 
 export interface LcbProductItemProps {
   // Define the component's prop types here
   className?: string
   layoutType?: 'vertical' | 'horizontal'
+  titleLineClamp?: number
+  tagOverflowWrap?: boolean
+  tagType?: TagType
+  tagContentColor?: string
+  tagBgColor?: string
+  tagPlain?: boolean
+  tagMark?: boolean
+  tagRound?: boolean
+  distanceUnit?: string
+
   image?: any
   title?: any
   subTitle?: any
@@ -26,6 +23,7 @@ export interface LcbProductItemProps {
   priceSuffix?: any
   originPrice?: any
   originPriceUnit?: any
+  originPriceSuffix?: any
   tags?: any
   location?: any
   distance?: any
@@ -38,6 +36,7 @@ export interface LcbProductItemProps {
   priceSuffixVisible?: boolean
   originPriceVisible?: boolean
   originPriceUnitVisible?: boolean
+  originPriceSuffixVisible?: boolean
   tagsVisible?: boolean
   locationVisible?: boolean
   distanceVisible?: boolean
@@ -50,6 +49,7 @@ export interface LcbProductItemProps {
   priceSuffixClass?: string
   originPriceClass?: string
   originPriceUnitClass?: string
+  originPriceSuffixClass?: string
   tagsClass?: string
   tagsWrapperClass?: string
   locationClass?: string
@@ -63,6 +63,7 @@ export interface LcbProductItemProps {
   priceSuffixStyle?: CSSProperties
   originPriceStyle?: CSSProperties
   originPriceUnitStyle?: CSSProperties
+  originPriceSuffixStyle?: CSSProperties
   tagsStyle?: CSSProperties
   tagsWrapperStyle?: CSSProperties
   locationStyle?: CSSProperties

package/package.json

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

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

@@ -24,9 +24,9 @@ declare const __VLS_component: import('vue').DefineComponent<
   {
     listType: 'horizontal' | 'list' | 'grid' | 'waterfall'
     pageFilterType: string
+    pageListProps: import('./components/FilterList/type').PageListProps
     border: boolean
     styleMode: 'default' | 'plain'
-    pageListProps: import('./components/FilterList/type').PageListProps
   },
   {}
 >

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

@@ -22,4 +22,3 @@ export interface FilterItemProps {
   options?: Option[]
   test?: 1
 }
-export declare const defaultLcbListProps: LcbListProps

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

@@ -7,6 +7,7 @@ declare function __VLS_template(): Readonly<{
   priceSuffix(props: { value: any }): any
   originPrice(props: { value: any }): any
   originPriceUnit(props: { value: any }): any
+  originPriceSuffix(props: { value: any }): any
   tags(props: { value: any }): any
   location(props: { value: any }): any
   distance(props: { value: any }): any
@@ -19,6 +20,7 @@ declare function __VLS_template(): Readonly<{
   priceSuffix(props: { value: any }): any
   originPrice(props: { value: any }): any
   originPriceUnit(props: { value: any }): any
+  originPriceSuffix(props: { value: any }): any
   tags(props: { value: any }): any
   location(props: { value: any }): any
   distance(props: { value: any }): any

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

@@ -8,9 +8,17 @@ declare function __VLS_template(): Readonly<{
   priceSuffix(props: { value: any }): any
   originPrice(props: { value: any }): any
   originPriceUnit(props: { value: any }): any
+  originPriceSuffix(props: { value: any }): any
   tags(props: { value: any }): any
   location(props: { value: any }): any
   distance(props: { value: any }): any
+  itemSection(): any
+  itemTopSection(): any
+  itemBottomSection(): any
+  itemLeftSection(): any
+  itemRightSection(): any
+  imageSection(): any
+  contentSection(): any
 }> & {
   image(props: { value: any }): any
   title(props: { value: any }): any
@@ -20,15 +28,30 @@ declare function __VLS_template(): Readonly<{
   priceSuffix(props: { value: any }): any
   originPrice(props: { value: any }): any
   originPriceUnit(props: { value: any }): any
+  originPriceSuffix(props: { value: any }): any
   tags(props: { value: any }): any
   location(props: { value: any }): any
   distance(props: { value: any }): any
+  itemSection(): any
+  itemTopSection(): any
+  itemBottomSection(): any
+  itemLeftSection(): any
+  itemRightSection(): any
+  imageSection(): any
+  contentSection(): any
 }
 declare const __VLS_component: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbProductItemProps>,
     {
       layoutType: string
+      titleLineClamp: number
+      tagOverflowWrap: boolean
+      tagType: string
+      tagPlain: boolean
+      tagMark: boolean
+      tagRound: boolean
+      distanceUnit: string
       priceUnit: string
       originPriceUnit: string
       imageVisible: boolean
@@ -39,6 +62,7 @@ declare const __VLS_component: import('vue').DefineComponent<
       priceSuffixVisible: boolean
       originPriceVisible: boolean
       originPriceUnitVisible: boolean
+      originPriceSuffixVisible: boolean
       tagsVisible: boolean
       locationVisible: boolean
       distanceVisible: boolean
@@ -59,6 +83,13 @@ declare const __VLS_component: import('vue').DefineComponent<
         __VLS_TypePropsToOption<LcbProductItemProps>,
         {
           layoutType: string
+          titleLineClamp: number
+          tagOverflowWrap: boolean
+          tagType: string
+          tagPlain: boolean
+          tagMark: boolean
+          tagRound: boolean
+          distanceUnit: string
           priceUnit: string
           originPriceUnit: string
           imageVisible: boolean
@@ -69,6 +100,7 @@ declare const __VLS_component: import('vue').DefineComponent<
           priceSuffixVisible: boolean
           originPriceVisible: boolean
           originPriceUnitVisible: boolean
+          originPriceSuffixVisible: boolean
           tagsVisible: boolean
           locationVisible: boolean
           distanceVisible: boolean
@@ -80,6 +112,13 @@ declare const __VLS_component: import('vue').DefineComponent<
     layoutType: 'vertical' | 'horizontal'
     priceUnit: any
     originPriceUnit: any
+    titleLineClamp: number
+    tagOverflowWrap: boolean
+    tagType: import('@tplc/wot/components/wd-tag/types').TagType
+    tagPlain: boolean
+    tagMark: boolean
+    tagRound: boolean
+    distanceUnit: string
     imageVisible: boolean
     titleVisible: boolean
     subTitleVisible: boolean
@@ -88,6 +127,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     priceSuffixVisible: boolean
     originPriceVisible: boolean
     originPriceUnitVisible: boolean
+    originPriceSuffixVisible: boolean
     tagsVisible: boolean
     locationVisible: boolean
     distanceVisible: boolean

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

@@ -1,20 +1,17 @@
 import { CSSProperties } from 'vue'
-export declare const lcbProductItemContentTypes: readonly [
-  'image',
-  'title',
-  'subTitle',
-  'price',
-  'priceUnit',
-  'priceSuffix',
-  'originPrice',
-  'originPriceUnit',
-  'tags',
-  'location',
-  'distance',
-]
+import { TagType } from '@tplc/wot/components/wd-tag/types'
 export interface LcbProductItemProps {
   className?: string
   layoutType?: 'vertical' | 'horizontal'
+  titleLineClamp?: number
+  tagOverflowWrap?: boolean
+  tagType?: TagType
+  tagContentColor?: string
+  tagBgColor?: string
+  tagPlain?: boolean
+  tagMark?: boolean
+  tagRound?: boolean
+  distanceUnit?: string
   image?: any
   title?: any
   subTitle?: any
@@ -23,6 +20,7 @@ export interface LcbProductItemProps {
   priceSuffix?: any
   originPrice?: any
   originPriceUnit?: any
+  originPriceSuffix?: any
   tags?: any
   location?: any
   distance?: any
@@ -34,6 +32,7 @@ export interface LcbProductItemProps {
   priceSuffixVisible?: boolean
   originPriceVisible?: boolean
   originPriceUnitVisible?: boolean
+  originPriceSuffixVisible?: boolean
   tagsVisible?: boolean
   locationVisible?: boolean
   distanceVisible?: boolean
@@ -45,6 +44,7 @@ export interface LcbProductItemProps {
   priceSuffixClass?: string
   originPriceClass?: string
   originPriceUnitClass?: string
+  originPriceSuffixClass?: string
   tagsClass?: string
   tagsWrapperClass?: string
   locationClass?: string
@@ -57,6 +57,7 @@ export interface LcbProductItemProps {
   priceSuffixStyle?: CSSProperties
   originPriceStyle?: CSSProperties
   originPriceUnitStyle?: CSSProperties
+  originPriceSuffixStyle?: CSSProperties
   tagsStyle?: CSSProperties
   tagsWrapperStyle?: CSSProperties
   locationStyle?: CSSProperties