@tplc/business 0.5.17 → 0.5.18

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.5.18](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.17...v0.5.18) (2025-10-14)
+
+
+### ✨ Features | 新功能
+
+* mode normal 改为最大大小 ([5f59b53](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/5f59b532c7dfef47d7a6c64f1e221d6a71e10e75))
+
 ### [0.5.17](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.5.16...v0.5.17) (2025-10-13)
 
 

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

@@ -12,7 +12,7 @@
       <view
         v-for="(item, index) in items"
         :key="index"
-        class="lcb-tag"
+        class="lcb-tag text-center"
         :class="{
           'lcb-tag-active': current === index,
           'inline-block': tagsMode === 'scroll',
@@ -21,6 +21,8 @@
           fontSize: transformValueUnit(itemFontSize),
           backgroundColor: current === index ? tagActiveColor : tagInactiveColor,
           color: current === index ? tagTitleActiveColor : tagTitleInactiveColor,
+          borderRadius: transformValueUnit(tagRadius),
+          minWidth: transformValueUnit(tagMinWidth),
         }"
         @click="handleTagClick(item.name, index)"
       >
@@ -40,7 +42,9 @@ const props = withDefaults(defineProps<LcbTabsProps>(), {
   tagInactiveColor: '#eeeeee',
   tagTitleActiveColor: '#ffffff',
   tagTitleInactiveColor: '#000000',
+  tagRadius: 100,
 })
+console.log(props, 'props')
 const { syncForm } = useSyncForm(props.dynamicScope)
 const current = ref()
 defineOptions({
@@ -63,9 +67,7 @@ handleTagClick(props.items[0]?.name, 0)
 </script>
 
 <style lang="scss" scoped>
-@import '@tplc/wot/components/common/abstracts/variable';
 .lcb-tag {
   padding: 8rpx 32rpx;
-  border-radius: 10000rpx;
 }
 </style>

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

@@ -1,6 +1,10 @@
 <template>
-  <wd-sticky v-if="sticky">
-    <view class="w-100vw">
+  <!-- 用来计算内容宽度 -->
+  <wd-resize @resize="handleResize" custom-class="!w-full" customContainerClass="!w-full">
+    <view class="w-full"></view>
+  </wd-resize>
+  <wd-sticky v-if="sticky" @sticky="handleSticky">
+    <view :style="{ width: !isSticky ? contentWidth + 'px' : '100vw' }">
       <Tabs v-bind="$props" v-if="mode === 'tabs'" />
       <Imgs v-bind="$props" v-else-if="mode === 'image'" />
       <Tags v-bind="$props" v-else />
@@ -13,6 +17,7 @@
 
 <script setup lang="ts">
 import { LcbTabsProps } from './types'
+import { ref } from 'vue'
 import Imgs from './components/Imgs/index.vue'
 import Tabs from './components/Tabs/index.vue'
 import Tags from './components/Tags/index.vue'
@@ -30,6 +35,15 @@ withDefaults(defineProps<LcbTabsProps>(), {
   gap: 16,
   imgHeight: 50,
 })
+const isSticky = ref(false)
+const contentWidth = ref(0)
+const handleSticky = (sticky: boolean) => {
+  isSticky.value = sticky
+}
+function handleResize(detail: Record<string, string | number>) {
+  const { width } = detail
+  contentWidth.value = Number(width)
+}
 </script>
 
 <style lang="scss" scoped></style>

package/components/lcb-tabs/types.ts

@@ -27,6 +27,8 @@ export interface LcbTabsProps extends LcbBlockProps {
   tagInactiveColor?: string
   tagTitleActiveColor?: string
   tagTitleInactiveColor?: string
+  tagRadius?: number
+  tagMinWidth?: number
   tabActiveFontWeight?: string
   tabInactiveFontWeight?: string
   tabActiveFontSize?: number

package/package.json

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

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

@@ -7,6 +7,7 @@ declare const _default: import('vue').DefineComponent<
       tagInactiveColor: string
       tagTitleActiveColor: string
       tagTitleInactiveColor: string
+      tagRadius: number
     }
   >,
   {},
@@ -27,6 +28,7 @@ declare const _default: import('vue').DefineComponent<
           tagInactiveColor: string
           tagTitleActiveColor: string
           tagTitleInactiveColor: string
+          tagRadius: number
         }
       >
     >
@@ -36,6 +38,7 @@ declare const _default: import('vue').DefineComponent<
     tagInactiveColor: string
     tagTitleActiveColor: string
     tagTitleInactiveColor: string
+    tagRadius: number
   },
   {}
 >

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

@@ -26,6 +26,8 @@ export interface LcbTabsProps extends LcbBlockProps {
   tagInactiveColor?: string
   tagTitleActiveColor?: string
   tagTitleInactiveColor?: string
+  tagRadius?: number
+  tagMinWidth?: number
   tabActiveFontWeight?: string
   tabInactiveFontWeight?: string
   tabActiveFontSize?: number