@tplc/business 0.7.63 → 0.7.65

package/CHANGELOG.md

@@ -2,6 +2,50 @@
 
 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.65](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.64...v0.7.65) (2026-01-12)
+
+
+### ✨ Features | 新功能
+
+* **lcb-tabs:** enhance tab component with JSON formatted names and improve layout for better responsiveness ([fc19f33](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/fc19f3384c03519075770c9f6a978a859e8b1e60))
+
+### [0.7.64](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.58...v0.7.64) (2026-01-12)
+
+
+### ✨ Features | 新功能
+
+* **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))
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-image, lcb-nav:** remove unused TypeScript declaration files for Image and Title components ([431ddb8](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/431ddb85ab02ad2f23436496a4a59cea9c8dcbcd))
+* **lcb-image:** replace Image component with LcbWrapperImage and remove unused Image file ([d489b3b](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d489b3b226d158cc17abff03b5152ca9398c97ce))
+* **lcb-nav:** replace Title component with LcbNavTitle and remove unused Title file ([d51695b](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d51695bfe336809741d4743356e35d12d2707f83))
+* **lcb-video:** update video component styles and extend props for dynamic sizing ([56757fa](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/56757fa5b437bff60015c0f9d7c05d7959d19927))
+* **wd-tabs:** change font size and weight props to accept both numeric and string types ([169a4e5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/169a4e56bb7d81e675bd9a2cfaded0e2a06272d8))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.7.59 ([a98567a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/a98567a3d2d84c957dd03c5ea60ba847109ef0c4))
+* **release:** 0.7.60 ([972beec](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/972beec4a80061c59cd784e922de485f218b1174))
+* **release:** 0.7.61 ([7849bf2](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/7849bf25f670ba9afc2c117d1344ce96e6aada29))
+* **release:** 0.7.62 ([fb72585](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/fb725852c762380ed4b90c66d4f9b8d3b6894977))
+* **release:** 0.7.63 ([fe7b4b1](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/fe7b4b15a134e796285effcb77e871063acfa095))
+* **release:** 1.0.26 ([eceba4d](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/eceba4d3fc7b0a375a572ec2274b826e9fef4475))
+* **release:** 1.0.27 ([d26fc49](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d26fc4968a1daaf9508f534e435dbb12d628548f))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **iconfonts:** update font URLs to absolute paths for improved accessibility ([4a9ff7c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/4a9ff7c0128766a6a718d8bc266d2914bbe1b6da))
+* **iconfonts:** update font URLs to relative paths for better asset management ([61e3142](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/61e31429da7faf69f76cb7b7e423c47e8ec1d7eb))
+* **lcb-tabs:** extend timeout duration for currentTab initialization to enhance default tab selection accuracy ([a29ae0c](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/a29ae0cf9c1b0c9ef483c4ca94f094fb7286153c))
+* **lcb-tabs:** increase timeout duration for initializing currentTab to improve default tab selection timing ([01b7415](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/01b74154ea693ab32f1414c2aa3a153bdab169a4))
+* **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))
+* **wd-tabs:** implement layout retry logic to ensure accurate tab positioning on initial render ([94ade3b](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/94ade3b0c75122050b6bb871eeceedf8d09e5f42))
+
 ### [0.7.63](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.62...v0.7.63) (2026-01-10)
 
 

package/components/lcb-img-nav/lcb-img-nav.vue

@@ -200,6 +200,7 @@ const renderItems = computed(() => {
   :deep(.title) {
     text-align: start;
     margin-left: 24rpx;
+    flex: 1;
   }
 }
 .title {

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

@@ -1,63 +1,72 @@
 <template>
   <lcb-block v-bind="$props">
-    <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
+      :class="{
+        'flex flex-wrap': tagsMode === 'tiled',
+        'flex whitespace-nowrap overflow-x-auto': tagsMode === 'scroll',
+      }"
+      :style="{
+        gap: transformValueUnit(gap),
+      }"
     >
-      <wd-tab v-for="tab in items" :key="tab.name" :title="tab.title" :name="tab.name" animated />
-    </wd-tabs>
+      <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>
   </lcb-block>
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { ref } from 'vue'
 import useSyncForm from '../../../../hooks/useSyncForm'
+import { transformValueUnit } from '../../../../utils/transform'
 import { LcbTabsProps } from '../../types'
-defineOptions({
-  name: 'LcbTabsItem',
-  options: {
-    addGlobalClass: true,
-    virtualHost: true,
-    styleIsolation: 'shared',
-  },
-})
-
-const tabs = ref()
 const props = withDefaults(defineProps<LcbTabsProps>(), {
-  lineWidth: 19,
-  lineHeight: 3,
-  slidable: 'auto',
-  slidableNum: 6,
+  tagActiveColor: 'var(--wot-color-theme)',
+  tagInactiveColor: '#eeeeee',
+  tagTitleActiveColor: '#ffffff',
+  tagTitleInactiveColor: '#000000',
+  tagRadius: 100,
   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))
-}
-watch(
-  () => [props.lineWidth, props.lineHeight, props.slidable, props.slidableNum],
-  () => {
-    tabs.value.updateLineStyle(true)
+const current = ref(props.defaultIndex)
+defineOptions({
+  name: 'LcbTagsItem',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
   },
-)
-syncForm(JSON.parse(currentTab.value || '{}'))
+})
+const handleTagClick = (name: string, index: number) => {
+  current.value = index
+  syncForm(JSON.parse(name))
+}
+handleTagClick(props.items[current.value]?.name, current.value)
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.lcb-tag {
+  padding: 8rpx 32rpx;
+}
+</style>

package/components/lcb-tabs/types.ts

@@ -5,6 +5,7 @@ export interface LcbTabsProps extends LcbBlockProps {
   sticky?: boolean
   items: {
     title: string
+    /** 字符串json格式数据，用于表单数据联动 */
     name: string
     activeUrl?: string
     inactiveUrl?: string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.7.63",
+  "version": "0.7.65",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "1.0.25"
+    "@tplc/wot": "1.0.27"
   },
   "engines": {
     "node": ">=18",

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

@@ -3,10 +3,11 @@ declare const _default: import('vue').DefineComponent<
   __VLS_WithDefaults<
     __VLS_TypePropsToOption<LcbTabsProps>,
     {
-      lineWidth: number
-      lineHeight: number
-      slidable: string
-      slidableNum: number
+      tagActiveColor: string
+      tagInactiveColor: string
+      tagTitleActiveColor: string
+      tagTitleInactiveColor: string
+      tagRadius: number
       defaultIndex: number
     }
   >,
@@ -24,21 +25,23 @@ declare const _default: import('vue').DefineComponent<
       __VLS_WithDefaults<
         __VLS_TypePropsToOption<LcbTabsProps>,
         {
-          lineWidth: number
-          lineHeight: number
-          slidable: string
-          slidableNum: number
+          tagActiveColor: string
+          tagInactiveColor: string
+          tagTitleActiveColor: string
+          tagTitleInactiveColor: string
+          tagRadius: 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-tabs/types.d.ts

@@ -4,6 +4,7 @@ export interface LcbTabsProps extends LcbBlockProps {
   sticky?: boolean
   items: {
     title: string
+    /** 字符串json格式数据，用于表单数据联动 */
     name: string
     activeUrl?: string
     inactiveUrl?: string