@tplc/business 0.2.79 → 0.2.82

package/CHANGELOG.md

@@ -2,6 +2,46 @@
 
 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.82](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.80...v0.2.82) (2025-01-09)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.2.81 ([0cbe3db](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0cbe3dbdb94242830fe0587f276944c2d15bbcb8))
+
+
+### ✨ Features | 新功能
+
+* product 支持调整布局 ([d836ffc](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d836ffcba2415c137e7956a18e6ee954e53bbdb4))
+* 新增标签左线 ([2dcf22a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2dcf22a3c8e0d64c696db9a682bf83f374a108d7))
+
+### [0.2.81](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.79...v0.2.81) (2025-01-08)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.2.80 ([b282465](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b2824652912725873b76bd8c138bc96e82151b28))
+
+
+### ✨ Features | 新功能
+
+* level判断 ([c2beddd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c2beddd0a181d3b60281bdfddec7f70357668a7f))
+* product 支持调整布局 ([d836ffc](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/d836ffcba2415c137e7956a18e6ee954e53bbdb4))
+
+### [0.2.80](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.78...v0.2.80) (2025-01-08)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.2.79 ([6b673ac](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6b673ac4e3589421ab8e1863447f693d5c748457))
+
+
+### ✨ Features | 新功能
+
+* level判断 ([c2beddd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/c2beddd0a181d3b60281bdfddec7f70357668a7f))
+* watch修改一次 ([865595d](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/865595d49e33c135fa2616fb26fa1f0f9c39bcb4))
+* 默认文字大小 ([ffa4f41](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ffa4f41ddc95aac957dcc1f5e822fab0bb26a81d))
+
 ### [0.2.79](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.53...v0.2.79) (2025-01-07)
 
 

package/components/lcb-list/types.ts

@@ -1,7 +1,8 @@
 import { PageListProps } from './components/FilterList/type'
 import { LcbProductProps } from '../lcb-product/types'
+import { LcbBlockProps } from '../lcb-block/types'
 
-export interface LcbListProps {
+export interface LcbListProps extends LcbBlockProps {
   pageFilterType?: string
   pageListProps?: PageListProps
   borderRadius?: number

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

@@ -23,6 +23,8 @@ const props = withDefaults(defineProps<LcbProductProps>(), {
   imageHeight: 250,
   titleLineClamp: 2,
   column: 2,
+  paddingHorizontal: 24,
+  paddingVertical: 24,
 })
 const renderList = ref<Record<string, any>[]>([])
 const screenWidth = isH5 ? window.innerWidth : uni.getWindowInfo().screenWidth
@@ -48,6 +50,8 @@ const getData = async () => {
   if (props.items?.length) {
     const { data } = await uni.$lcb.http.post('/productInfo/filteredPage', {
       productIdList: props.items.map((item) => item.productId),
+      productType: props.items[0].productType,
+      listType: props.listType,
     })
     renderList.value = data as Record<string, any>[]
   } else {
@@ -55,7 +59,18 @@ const getData = async () => {
   }
 }
 
-watch(() => props.items, getData, { immediate: true, deep: true })
+watch(
+  () => props.items,
+  (newValue, oldValue) => {
+    if (
+      newValue?.map((item) => item.productId).join(',') !==
+      oldValue?.map((item) => item.productId).join(',')
+    ) {
+      getData()
+    }
+  },
+  { immediate: true, deep: true },
+)
 const columnWidth = (screenWidth - 12 * (1 + props.column)) / 2
 defineExpose({
   clear: () => {
@@ -70,7 +85,7 @@ defineExpose({
 <template>
   <lcb-block v-bind="$props">
     <!-- 单列 -->
-    <view class="flex flex-col gap-2 p-3" v-if="listType === 'list'">
+    <view class="flex flex-col gap-2" v-if="listType === 'list'">
       <lcb-action-view
         v-for="(item, index) in renderList"
         :key="`${item?.productId}:${index}`"
@@ -102,36 +117,36 @@ defineExpose({
       </lcb-action-view>
     </view>
     <!-- 双列 -->
-    <view class="grid p-3 grid-cols-2 gap-2 box-border" v-else-if="listType === 'grid'">
+    <view class="grid grid-cols-2 gap-2 box-border" v-else-if="listType === 'grid'">
       <lcb-action-view
         v-for="(item, index) in renderList"
         :key="`${item?.productId}:${index}`"
         v-bind="item.link"
+        custom-class="h-full rounded-md overflow-hidden"
       >
-        <view class="rounded-md 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, ...$props, ...attrs }"
-              layoutType="vertical"
-              :coverImgStyle="{
-                width: '100%',
-                height: transformValueUnit(imageHeight),
-                borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
-                ...(attrs?.coverImgStyle ?? {}),
-              }"
-            ></lcb-product-item>
-          </slot>
-        </view>
+        <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, ...$props, ...attrs }"
+            layoutType="vertical"
+            className="h-full"
+            :coverImgStyle="{
+              width: '100%',
+              height: transformValueUnit(imageHeight),
+              borderRadius: imageRadius ? transformValueUnit(imageRadius) : undefined,
+              ...(attrs?.coverImgStyle ?? {}),
+            }"
+          ></lcb-product-item>
+        </slot>
       </lcb-action-view>
     </view>
 
@@ -229,40 +244,47 @@ defineExpose({
       </u-waterfall>
     </view>
 
-    <scroll-view v-else-if="listType == 'horizontal'" scroll-x>
-      <view class="p-3 whitespace-nowrap overflow-x-auto">
-        <view
+    <scroll-view v-else-if="listType == 'horizontal'" scroll-x class="h-fit">
+      <view class="whitespace-nowrap overflow-x-auto flex items-stretch">
+        <lcb-action-view
           v-for="(item, index) in renderList"
           :key="`${item?.productId}:${index}`"
-          class="inline-block"
-          :style="{
-            width: `${itemWidth}rpx`,
-            marginLeft: index === 0 ? 0 : '24rpx',
-          }"
+          custom-class="inline-block flex-shrink-0 w-fit !h-auto"
+          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, ...$props, ...attrs }"
-              :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 ?? {}),
-              }"
-            ></lcb-product-item>
-          </slot>
-        </view>
+          <view
+            :style="{
+              width: `${itemWidth}rpx`,
+              marginLeft: index === 0 ? 0 : '24rpx',
+            }"
+            class="h-full"
+          >
+            <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
+                className="h-full"
+                v-bind="{ ...item, ...$props, ...attrs }"
+                :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 ?? {}),
+                }"
+              ></lcb-product-item>
+            </slot>
+          </view>
+        </lcb-action-view>
       </view>
     </scroll-view>
   </lcb-block>

package/components/lcb-product/types.ts

@@ -1,4 +1,6 @@
-export interface LcbProductProps {
+import { LcbBlockProps } from '../lcb-block/types'
+
+export interface LcbProductProps extends LcbBlockProps {
   // Define the component's prop types here
   listType?: 'list' | 'horizontal' | 'grid' | 'waterfall' // 1列表 2 左右滑动 3一行两个 4瀑布流
   imageWidth?: number

package/components/lcb-title/lcb-title.vue

@@ -9,6 +9,9 @@
         :style="{
           fontWeight,
         }"
+        :class="{
+          'title-line': showTitleLine,
+        }"
       >
         {{ title }}
       </view>
@@ -63,6 +66,23 @@ withDefaults(defineProps<LcbTitleProps>(), {
   hintFontSize: 24,
   hintColor: '#666',
   hintVerticalAlign: 'end',
+  showTitleLine: false,
 })
 </script>
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+@import '@tplc/wot/components/common/abstracts/variable';
+.title-line {
+  position: relative;
+  padding-left: 10rpx !important;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 5%;
+    left: 0;
+    border-radius: 4rpx;
+    width: 6rpx;
+    height: 90%;
+    background-color: $-color-theme;
+  }
+}
+</style>

package/components/lcb-title/types.ts

@@ -16,6 +16,7 @@ export interface LcbTitleProps extends LcbBlockProps {
   hintColor?: string
   hintFontSize?: number
   hintVerticalAlign?: 'end' | 'center'
+  showTitleLine?: boolean
 
   moreColor?: string
   moreFontSize?: number

package/package.json

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

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

@@ -20,19 +20,44 @@ declare const __VLS_component: import('vue').DefineComponent<
   >,
   {
     mode: 'map' | 'list'
+    backgroundColor: string
+    color: string
+    customClass: string
+    radius: number
     imageRadius: number
+    marginHorizontal: number
+    paddingHorizontal: number
+    paddingVertical: number
+    backgroundImage: string
+    floatUp: number
+    shadowColor: string
+    shadowSize: number
+    blurSize: number
+    opacity: number
+    paddingTop: number
+    paddingBottom: number
+    paddingLeft: number
+    paddingRight: number
+    fontSize: number
+    topRadius: number
+    bottomRadius: number
+    backgroundRepeat: 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat'
+    backgroundSize: string
+    backgroundPosition: string
+    borderColor: string
+    textAlign: 'left' | 'center' | 'right'
     imageWidth: number
     borderRadius: number
     imageHeight: number
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'
+    itemWidth: number
+    layoutType: 'vertical' | 'horizontal'
+    titleLineClamp: number
     pageFilterType: string
     pageListProps: import('./components/FilterList/type').PageListProps
     styleMode: 'default' | 'plain'
     border: boolean
-    titleLineClamp: number
     isSticky: boolean
-    layoutType: 'vertical' | 'horizontal'
-    itemWidth: number
   },
   {}
 >

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

@@ -1,6 +1,7 @@
 import { PageListProps } from './components/FilterList/type'
 import { LcbProductProps } from '../lcb-product/types'
-export interface LcbListProps {
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbListProps extends LcbBlockProps {
   pageFilterType?: string
   pageListProps?: PageListProps
   borderRadius?: number

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

@@ -13,6 +13,8 @@ declare const __VLS_component: import('vue').DefineComponent<
       imageHeight: number
       titleLineClamp: number
       column: number
+      paddingHorizontal: number
+      paddingVertical: number
     }
   >,
   {
@@ -36,11 +38,15 @@ declare const __VLS_component: import('vue').DefineComponent<
           imageHeight: number
           titleLineClamp: number
           column: number
+          paddingHorizontal: number
+          paddingVertical: number
         }
       >
     >
   >,
   {
+    paddingHorizontal: number
+    paddingVertical: number
     imageWidth: number
     imageHeight: number
     column: number

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

@@ -1,4 +1,5 @@
-export interface LcbProductProps {
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbProductProps extends LcbBlockProps {
   listType?: 'list' | 'horizontal' | 'grid' | 'waterfall'
   imageWidth?: number
   imageHeight?: number

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

@@ -156,8 +156,8 @@ declare const __VLS_component: import('vue').DefineComponent<
   >,
   {
     borderRadius: number
-    titleLineClamp: number
     layoutType: 'vertical' | 'horizontal'
+    titleLineClamp: number
     tagOverflowWrap: boolean
     priceUnit: any
     scribePriceUnit: any

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

@@ -15,6 +15,7 @@ declare const _default: import('vue').DefineComponent<
       hintFontSize: number
       hintColor: string
       hintVerticalAlign: string
+      showTitleLine: boolean
     }
   >,
   {},
@@ -43,6 +44,7 @@ declare const _default: import('vue').DefineComponent<
           hintFontSize: number
           hintColor: string
           hintVerticalAlign: string
+          showTitleLine: boolean
         }
       >
     >
@@ -62,6 +64,7 @@ declare const _default: import('vue').DefineComponent<
     hintColor: string
     hintFontSize: number
     hintVerticalAlign: 'end' | 'center'
+    showTitleLine: boolean
     moreColor: string
     moreFontSize: number
     moreVerticalAlign: 'end' | 'center'

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

@@ -15,6 +15,7 @@ export interface LcbTitleProps extends LcbBlockProps {
   hintColor?: string
   hintFontSize?: number
   hintVerticalAlign?: 'end' | 'center'
+  showTitleLine?: boolean
   moreColor?: string
   moreFontSize?: number
   moreText?: string