@tplc/business 0.7.56 → 0.7.58

package/CHANGELOG.md

@@ -2,6 +2,38 @@
 
 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.7.58](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.57...v0.7.58) (2026-01-09)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **lcb-wrapper-list:** update dynamicScope handling and improve page limit configuration ([871bd0d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/871bd0dae7c499bd184b7fcfc1b09ecae4553d22))
+
+
+### ✨ Features | 新功能
+
+* **lcb-product-item, lcb-tabs, wd-img, wd-tab:** enhance component functionality with new computed properties and style adjustments ([45f0e74](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/45f0e749af0ae4425588b6e5ec44eac8c4a61b6a))
+* **lcb-title:** add moreFontWeight prop to customize font weight ([882ca54](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/882ca542b69a87852b136839997ab6b35c687744))
+* **lcb-title:** introduce moreFontWeight prop for enhanced font weight customization ([c67c765](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/c67c76567c4bea97920e5e440914cce5022db0f7))
+
+### [0.7.57](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.55...v0.7.57) (2026-01-09)
+
+
+### ✨ Features | 新功能
+
+* **lcb-tabs:** add defaultIndex prop to tabs components and update useSyncForm to accept visibleScope ([d46356f](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d46356f58a2c8b8f035a036d53e39fee0de9e69d))
+* **lcb-wrapper-list:** enhance data handling by adding dynamicScope support and improving form synchronization ([48a562c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/48a562c69d1037073b1bff62b4491959c0ac5ea0))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.7.56 ([1b2216c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/1b2216c1e81bdf60b85b9c179f614bb37c0588e5))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **lcb-tabs:** update currentTab initialization to use item name based on defaultIndex ([aad2d22](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/aad2d22403c8c3ee8987fcdeb153f4637c9594a0))
+
 ### [0.7.56](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.54...v0.7.56) (2026-01-08)
 
 

package/action.d.ts

@@ -23,8 +23,8 @@ export interface DataSource {
   requestInfo?: {
     requestUrl: string
     requestParams: string
-    dynamicScope?: string
   }
+  dynamicScope?: string
   /** 动态key */
   dependKey?: string
 }

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

@@ -3,7 +3,7 @@ import { computed, provide, useAttrs } from 'vue'
 import { LcbProductItemProps } from './types'
 import ItemValue from './components/ItemValue.vue'
 import { transformValueUnit } from '../../utils/transform'
-import { videoPreviewProps } from '@tplc/wot/types/components/wd-video-preview/types'
+import { formatJson } from '../../utils/utils'
 defineOptions({
   name: 'LcbProductItem',
   options: {
@@ -192,6 +192,52 @@ const imgOverlayVisible = computed(() => {
     priceOnImgVisible.value
   )
 })
+
+// 判断底部内容区域是否有内容需要显示
+const contentAreaVisible = computed(() => {
+  // 产品名（如果不在图片上显示）
+  if (!props.titleOnImg && props.productNameVisible && props.productName) return true
+
+  // level
+  if (props.levelVisible && props.level && Number(props.level)) return true
+
+  // titleIcon
+  if (props.titleIconVisible && props.titleIcon) return true
+
+  // 评分区域
+  if (props.scoreAvgVisible && isNumber(props.scoreAvg)) return true
+  if (props.scoreTipsVisible && props.scoreTips) return true
+  if (props.userInteractionInfoVisible && props.userInteractionInfo) return true
+
+  // 地址（如果不在图片上显示）
+  if (props.addressIntroVisible && !props.addressOnImg && props.addressIntro) return true
+
+  // 副标题
+  if (props.subTitleVisible && props.subTitle) return true
+
+  // 标签
+  const tags = formatJson(props.tags as any, []) as any[]
+  if (props.tagsVisible && Array.isArray(tags) && tags.length > 0) return true
+
+  // 订单相关
+  if (props.orderSkuCountTipsVisible && props.orderSkuCountTips) return true
+  if (props.orderTipsVisible && props.orderTips) return true
+
+  // 距离提示
+  if (props.distanceTipsVisible && props.distanceTips) return true
+
+  // 价格区域（如果不在图片上显示）
+  if (!props.priceOnImg) {
+    if (props.scribePriceVisible && isNumber(props.scribePrice)) return true
+    if (props.priceVisible && isNumber(props.price)) return true
+    if (props.priceTipsVisible && props.priceTips) return true
+  }
+
+  // 用户信息
+  if (props.userInfoVisible && (props.headImg || props.userName)) return true
+
+  return false
+})
 </script>
 
 <template>
@@ -388,6 +434,7 @@ const imgOverlayVisible = computed(() => {
         </template>
       </ItemValue>
       <view
+        v-if="contentAreaVisible"
         class="flex flex-col flex-1 text-26rpx overflow-hidden relative box-border"
         :class="{
           grayscale: attrs.rightBottomFlag,
@@ -724,6 +771,7 @@ const imgOverlayVisible = computed(() => {
         </template>
       </ItemValue>
       <view
+        v-if="contentAreaVisible"
         class="p-2 flex flex-col flex-1 text-26rpx overflow-hidden relative"
         :class="{
           grayscale: attrs.rightBottomFlag,

package/components/lcb-tabs/components/Tabs/index.vue

@@ -15,8 +15,9 @@
       :inactiveColor="tagTitleInactiveColor"
       :color="tagTitleActiveColor"
       v-model="currentTab"
+      animated
     >
-      <wd-tab v-for="tab in items" :key="tab.name" :title="tab.title" :name="tab.name" />
+      <wd-tab v-for="tab in items" :key="tab.name" :title="tab.title" :name="tab.name" animated />
     </wd-tabs>
   </lcb-block>
 </template>
@@ -42,7 +43,7 @@ const props = withDefaults(defineProps<LcbTabsProps>(), {
   slidableNum: 6,
   defaultIndex: 0,
 })
-const currentTab = ref(props.defaultIndex)
+const currentTab = ref(props.items?.[props.defaultIndex]?.name)
 const { syncForm } = useSyncForm({
   dynamicScope: props.dynamicScope,
   visibleScope: props.visibleScope,

package/components/lcb-tabs/components/Tags/index.vue

@@ -1,72 +1,63 @@
 <template>
   <lcb-block v-bind="$props">
-    <view
-      :class="{
-        'flex flex-wrap': tagsMode === 'tiled',
-        'flex whitespace-nowrap overflow-x-auto': tagsMode === 'scroll',
-      }"
-      :style="{
-        gap: transformValueUnit(gap),
-      }"
+    <wd-tabs
+      custom-class="!bg-transparent"
+      @change="handleChange"
+      :lineWidth="lineWidth"
+      :lineHeight="lineHeight"
+      :slidable="slidable"
+      :slidableNum="slidableNum"
+      :itemFontSize="itemFontSize"
+      :activeFontSize="tabActiveFontSize"
+      :activeFontWeight="tabActiveFontWeight"
+      :itemFontWeight="tabInactiveFontWeight"
+      ref="tabs"
+      :inactiveColor="tagTitleInactiveColor"
+      :color="tagTitleActiveColor"
+      v-model="currentTab"
+      animated
     >
-      <view
-        v-for="(item, index) in items"
-        :key="index"
-        class="lcb-tag text-center"
-        :class="{
-          'lcb-tag-active': current === index,
-          'inline-block': tagsMode === 'scroll',
-        }"
-        :style="{
-          fontSize: transformValueUnit(itemFontSize),
-          backgroundColor: current === index ? tagActiveColor : tagInactiveColor,
-          color: current === index ? tagTitleActiveColor : tagTitleInactiveColor,
-          borderRadius: transformValueUnit(tagRadius),
-          minWidth: transformValueUnit(tagMinWidth),
-        }"
-        @click="handleTagClick(item.name, index)"
-      >
-        {{ item.title }}
-      </view>
-    </view>
+      <wd-tab v-for="tab in items" :key="tab.name" :title="tab.title" :name="tab.name" animated />
+    </wd-tabs>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import useSyncForm from '../../../../hooks/useSyncForm'
-import { transformValueUnit } from '../../../../utils/transform'
 import { LcbTabsProps } from '../../types'
-const props = withDefaults(defineProps<LcbTabsProps>(), {
-  tagActiveColor: 'var(--wot-color-theme)',
-  tagInactiveColor: '#eeeeee',
-  tagTitleActiveColor: '#ffffff',
-  tagTitleInactiveColor: '#000000',
-  tagRadius: 100,
-  defaultIndex: 0,
-})
-const { syncForm } = useSyncForm({
-  dynamicScope: props.dynamicScope,
-  visibleScope: props.visibleScope,
-})
-const current = ref(props.defaultIndex)
 defineOptions({
-  name: 'LcbTagsItem',
+  name: 'LcbTabsItem',
   options: {
     addGlobalClass: true,
     virtualHost: true,
     styleIsolation: 'shared',
   },
 })
-const handleTagClick = (name: string, index: number) => {
-  current.value = index
-  syncForm(JSON.parse(name))
+
+const tabs = ref()
+const props = withDefaults(defineProps<LcbTabsProps>(), {
+  lineWidth: 19,
+  lineHeight: 3,
+  slidable: 'auto',
+  slidableNum: 6,
+  defaultIndex: 0,
+})
+const currentTab = ref(props.items?.[props.defaultIndex]?.name)
+const { syncForm } = useSyncForm({
+  dynamicScope: props.dynamicScope,
+  visibleScope: props.visibleScope,
+})
+const handleChange = (e: { name: string }) => {
+  syncForm(JSON.parse(e.name))
 }
-handleTagClick(props.items[current.value]?.name, current.value)
+watch(
+  () => [props.lineWidth, props.lineHeight, props.slidable, props.slidableNum],
+  () => {
+    tabs.value.updateLineStyle(true)
+  },
+)
+syncForm(JSON.parse(currentTab.value || '{}'))
 </script>
 
-<style lang="scss" scoped>
-.lcb-tag {
-  padding: 8rpx 32rpx;
-}
-</style>
+<style lang="scss" scoped></style>

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

@@ -55,6 +55,7 @@
           fontSize: transformValueUnit(moreFontSize),
           color: moreColor,
           alignSelf: moreVerticalAlign,
+          fontWeight: moreFontWeight,
         }"
       >
         <lcb-button mode="noStyle" :text="moreText" :keyFromUser="moreKeyFromUser" />
@@ -98,6 +99,7 @@ const props = withDefaults(defineProps<LcbTitleProps>(), {
   size: '28',
   iconType: 'icon',
   iconColor: '#000',
+  moreFontWeight: 400,
 })
 const customStyle = computed(() => {
   return props.iconRight ? `margin-right:${transformValueUnit(props.iconRight)}` : ''

package/components/lcb-title/types.ts

@@ -31,6 +31,7 @@ export interface LcbTitleProps
   moreText?: string
   moreVerticalAlign?: 'end' | 'center'
   moreKeyFromUser?: boolean
+  moreFontWeight?: number
   iconColor?: string
   iconRight?: number
   iconSize?: number

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

@@ -53,17 +53,16 @@ const props = withDefaults(defineProps<LcbWrapperListProps>(), {
   display: 'flex',
   flexDirection: 'column',
   pagingEnabled: false,
-  pageLimit: 10,
   pagingUsePageScroll: true,
 })
 const { userStore, innerDynamicData } = useDynamicData()
-const { form } = useSyncForm({ dynamicScope: props.dataSource?.requestInfo?.dynamicScope })
+const { form } = useSyncForm({ dynamicScope: props.dataSource?.dynamicScope })
 // 使用 shallowRef 优化大数组的响应式性能
 const renderList = shallowRef<unknown[]>([])
 const paging = ref()
 useZPaging(paging)
 const pageSearch = shallowRef<{ limit: number; page: number }>({
-  limit: props.pageLimit,
+  limit: props.pageProps?.pageLimit || 10,
   page: 1,
 })
 
@@ -106,35 +105,24 @@ watch(
       userStore?.userInfo,
       props.pageProps?.pagingEnabled,
       props.pageProps?.pageLimit,
+      form.value,
     ] as const,
 
-  async ([dataSource, dynamicData, userInfo, pagingEnabled, pageLimit = 10]) => {
+  async ([dataSource, dynamicData, userInfo, pagingEnabled]) => {
     if (pagingEnabled) {
       getPageData()
       return
     }
     // 防止重复请求
     let data: unknown[] = []
-    const result = await dynamicRequest(dataSource, dynamicData, userInfo)
+    const result = await dynamicRequest(dataSource, dynamicData, userInfo, form.value)
     if (result) {
       data = result
     }
     // 使用 shallowRef 时需要重新赋值整个数组
     renderList.value = Array.isArray(data) ? transformStringArrayToObjectArray(data) : []
   },
-  { immediate: true },
-)
-
-watch(
-  () => form.value,
-  () => {
-    if (props.pageProps?.pagingEnabled) {
-      getPageData()
-    }
-  },
-  {
-    deep: true,
-  },
+  { immediate: true, deep: true },
 )
 
 // 优化:缓存 key 获取逻辑,减少属性访问

package/package.json

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

package/types/components/lcb-tabs/components/Tags/index.vue.d.ts

@@ -3,11 +3,10 @@ declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbTabsProps>,
     {
-      tagActiveColor: string
-      tagInactiveColor: string
-      tagTitleActiveColor: string
-      tagTitleInactiveColor: string
-      tagRadius: number
+      lineWidth: number
+      lineHeight: number
+      slidable: string
+      slidableNum: number
       defaultIndex: number
     }
   >,
@@ -25,23 +24,21 @@ declare const _default: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<LcbTabsProps>,
         {
-          tagActiveColor: string
-          tagInactiveColor: string
-          tagTitleActiveColor: string
-          tagTitleInactiveColor: string
-          tagRadius: number
+          lineWidth: number
+          lineHeight: number
+          slidable: string
+          slidableNum: number
           defaultIndex: number
         }
       >
     >
   >,
   {
+    lineHeight: number
+    lineWidth: number
+    slidableNum: number
+    slidable: 'always' | 'auto'
     defaultIndex: number
-    tagActiveColor: string
-    tagInactiveColor: string
-    tagTitleActiveColor: string
-    tagTitleInactiveColor: string
-    tagRadius: number
   },
   {}
 >

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

@@ -22,6 +22,7 @@ declare const _default: import('vue').DefineComponent<
       size: string
       iconType: string
       iconColor: string
+      moreFontWeight: number
     }
   >,
   {},
@@ -57,6 +58,7 @@ declare const _default: import('vue').DefineComponent<
           size: string
           iconType: string
           iconColor: string
+          moreFontWeight: number
         }
       >
     >
@@ -84,6 +86,7 @@ declare const _default: import('vue').DefineComponent<
     moreColor: string
     moreFontSize: number
     moreVerticalAlign: 'end' | 'center'
+    moreFontWeight: number
     iconRight: number
   },
   {}

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

@@ -29,6 +29,7 @@ export interface LcbTitleProps
   moreText?: string
   moreVerticalAlign?: 'end' | 'center'
   moreKeyFromUser?: boolean
+  moreFontWeight?: number
   iconColor?: string
   iconRight?: number
   iconSize?: number

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

@@ -10,7 +10,6 @@ declare const __VLS_component: import('vue').DefineComponent<
       display: string
       flexDirection: string
       pagingEnabled: boolean
-      pageLimit: number
       pagingUsePageScroll: boolean
     }
   >,
@@ -31,7 +30,6 @@ declare const __VLS_component: import('vue').DefineComponent<
           display: string
           flexDirection: string
           pagingEnabled: boolean
-          pageLimit: number
           pagingUsePageScroll: boolean
         }
       >