@tplc/business 0.7.57 → 0.7.59

package/CHANGELOG.md

@@ -2,6 +2,43 @@
 
 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.59](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.56...v0.7.59) (2026-01-09)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.7.57 ([335581c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/335581c24bb3e9434fb02894a9d68312ca4ac8c0))
+* **release:** 0.7.58 ([e293b2c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/e293b2c5adbbc2c73d673518415baaa03ddcf0a4))
+
+
+### ✨ 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-tabs, lcb-title:** replace tag color and radius props with lineWidth, lineHeight, and slidable props; add moreFontWeight prop for title customization ([be1834a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/be1834a33cc23e862a4574dcabc962b3d93efec3))
+* **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))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **lcb-tabs:** initialize currentTab on component mount to ensure correct default tab selection ([3bd2024](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/3bd2024c1a654897a621ea8f559ac2c12ffb86b0))
+* **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))
+* **lcb-wrapper-list:** update dynamicScope handling and improve page limit configuration ([871bd0d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/871bd0dae7c499bd184b7fcfc1b09ecae4553d22))
+
+### [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)
 
 

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

@@ -23,7 +23,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import useSyncForm from '../../../../hooks/useSyncForm'
 import { LcbTabsProps } from '../../types'
 defineOptions({
@@ -43,7 +43,7 @@ const props = withDefaults(defineProps<LcbTabsProps>(), {
   slidableNum: 6,
   defaultIndex: 0,
 })
-const currentTab = ref(props.items?.[props.defaultIndex]?.name)
+const currentTab = ref()
 const { syncForm } = useSyncForm({
   dynamicScope: props.dynamicScope,
   visibleScope: props.visibleScope,
@@ -57,6 +57,11 @@ watch(
     tabs.value.updateLineStyle(true)
   },
 )
+onMounted(() => {
+  setTimeout(() => {
+    currentTab.value = props.items?.[props.defaultIndex]?.name
+  }, 100)
+})
 </script>
 
 <style lang="scss" scoped></style>

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.7.57",
+  "version": "0.7.59",
   "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