@tplc/business 0.3.77 → 0.3.79

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 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.3.79](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.66...v0.3.79) (2025-03-12)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.3.78 ([2e70c15](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/2e70c15362c3b29f1c9c8a7cb877f8712a05bc4c))
+
+
+### ✨ Features | 新功能
+
+* 支持沉浸式文字 ([6f138c0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6f138c048cf28f6827307b95bf98175c2bc497ad))
+* 调整icon ([ded88ce](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ded88ce1bfe0cfd08dbc4cc2843d60ca3f1c2a1b))
+
+### [0.3.78](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.65...v0.3.78) (2025-03-11)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.1.66 ([f23f243](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/f23f2437450743054ccbfd05dcdd8a24e74a355b))
+* **release:** 0.3.77 ([0e84283](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0e8428369c5fbcaa5e3f77f50cee3391856c33c1))
+
+
+### ✨ Features | 新功能
+
+* 支持search ([b40bddd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b40bddd4bb1441a389475df4dae0ce98dc0176b8))
+* 调整icon ([ded88ce](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ded88ce1bfe0cfd08dbc4cc2843d60ca3f1c2a1b))
+
 ### [0.3.77](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.63...v0.3.77) (2025-03-11)
 
 

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

@@ -67,7 +67,7 @@
             left
             v-if="styleGroup === 2 && titleLocation === 'left'"
           />
-          <Title v-bind="titleProps" v-else-if="topStyle !== 2" :opacity="navbarBgOpacity" />
+          <Title v-bind="titleProps" v-else-if="topStyle !== 2" :opacity="titleOpacity" />
         </view>
       </view>
       <!-- 中间布局 -->
@@ -80,7 +80,7 @@
         <Title
           v-bind="titleProps"
           v-else-if="styleGroup === 2 || titleLocation === 'center'"
-          :opacity="navbarBgOpacity"
+          :opacity="titleOpacity"
         />
       </view>
       <view
@@ -192,6 +192,13 @@ const navbarBgOpacity = computed(() => {
   }
   return 1
 })
+const titleOpacity = computed(() => {
+  const { topStyle, immersionMode } = props
+  if (topStyle === 2 && immersionMode === 3) {
+    return 1
+  }
+  return navbarBgOpacity.value
+})
 /** 标题样式 */
 const titleProps = computed(() => {
   return {

package/components/lcb-nav/types.ts

@@ -26,8 +26,8 @@ export interface NavProps extends NavTitleProps {
   /** 是否沉浸式状态栏 */
   // 1 标准 2沉浸式
   topStyle?: 1 | 2
-  // 沉浸规则 1滑动后恢复  2永久沉浸式
-  immersionMode?: 1 | 2
+  // 沉浸规则 1滑动后恢复  2永久沉浸式 3 永久沉浸式且显示标题
+  immersionMode?: 1 | 2 | 3
   /** 模式 1.标题 2.搜索 3.导航 4.沉浸式 */
   styleGroup?: 1 | 2 | 3 | 4
   /** 背景图片 */

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

@@ -1,7 +1,15 @@
 <template>
   <view class="w-100vw">
     <lcb-block v-bind="$props">
-      <wd-tabs custom-class="!bg-transparent" @change="handleChange">
+      <wd-tabs
+        custom-class="!bg-transparent"
+        @change="handleChange"
+        :lineWidth="lineWidth"
+        :lineHeight="lineHeight"
+        :slidable="slidable"
+        :slidableNum="slidableNum"
+        ref="tabs"
+      >
         <wd-tab v-for="tab in items" :key="tab.name" :title="tab.title" :name="tab.name" />
       </wd-tabs>
     </lcb-block>
@@ -10,7 +18,7 @@
 
 <script setup lang="ts">
 import { FORM_KEY } from '../../../../constants'
-import { inject, Ref, watch } from 'vue'
+import { inject, ref, Ref, watch } from 'vue'
 import { LcbTabsProps } from '../../types'
 defineOptions({
   name: 'LcbTabsItem',
@@ -21,7 +29,13 @@ defineOptions({
   },
 })
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
-withDefaults(defineProps<LcbTabsProps>(), {})
+const tabs = ref()
+const props = withDefaults(defineProps<LcbTabsProps>(), {
+  lineWidth: 19,
+  lineHeight: 3,
+  slidable: 'auto',
+  slidableNum: 6,
+})
 const handleChange = (e: { name: string }) => {
   try {
     const params = JSON.parse(e.name)
@@ -33,6 +47,12 @@ const handleChange = (e: { name: string }) => {
     console.error(error)
   }
 }
+watch(
+  () => [props.lineWidth, props.lineHeight, props.slidable, props.slidableNum],
+  () => {
+    tabs.value.updateLineStyle(true)
+  },
+)
 </script>
 
 <style lang="scss" scoped></style>

package/components/lcb-tabs/types.ts

@@ -7,4 +7,8 @@ export interface LcbTabsProps extends LcbBlockProps {
     title: string
     name: string
   }[]
+  lineWidth?: number
+  lineHeight?: number
+  slidable?: 'always' | 'auto'
+  slidableNum?: number
 }

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

@@ -11,6 +11,16 @@
         }"
         class="flex items-center"
       >
+        <lcb-icon
+          v-if="showIcon"
+          :url="url"
+          :icon="icon"
+          :iconType="iconType"
+          classPrefix="lcb"
+          :size="transformValueUnit(iconSize)"
+          :color="iconColor"
+          :customStyle="customStyle"
+        />
         <view
           v-if="showTitleLine"
           class="h-90%"
@@ -53,7 +63,7 @@
 <script setup lang="ts">
 import { LcbTitleProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
-import { inject } from 'vue'
+import { computed, inject } from 'vue'
 const themeColor = inject('theme-color', '#3875FF')
 defineOptions({
   name: 'LcbTitle',
@@ -63,7 +73,7 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
-withDefaults(defineProps<LcbTitleProps>(), {
+const props = withDefaults(defineProps<LcbTitleProps>(), {
   marginHorizontal: 24,
   fontWeight: 600,
   fontSize: 28,
@@ -79,5 +89,12 @@ withDefaults(defineProps<LcbTitleProps>(), {
   showTitleLine: false,
   lineRight: 12,
   lineWidth: 6,
+  iconRight: 24,
+  size: '28',
+  iconType: 'icon',
+  iconColor: '#000',
+})
+const customStyle = computed(() => {
+  return props.iconRight ? `margin-right:${transformValueUnit(props.iconRight)}` : ''
 })
 </script>

package/components/lcb-title/types.ts

@@ -1,6 +1,9 @@
+import { LcbIconProps } from '../lcb-icon/types'
 import { LcbActionViewProps } from '../lcb-action-view/types'
 import { LcbBlockProps } from '../lcb-block/types'
-export interface LcbTitleProps extends LcbBlockProps {
+export interface LcbTitleProps
+  extends LcbBlockProps,
+    Omit<LcbIconProps, 'color' | 'customStyle' | 'size'> {
   /** 副标题 */
   title: string
   fontWeight?: number
@@ -25,4 +28,8 @@ export interface LcbTitleProps extends LcbBlockProps {
   moreFontSize?: number
   moreText?: string
   moreVerticalAlign?: 'end' | 'center'
+  iconColor?: string
+  iconRight?: number
+  iconSize?: number
+  showIcon?: boolean
 }

package/package.json

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

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

@@ -62,7 +62,7 @@ declare const _default: import('vue').DefineComponent<
     textSize: number
     back: boolean
     topStyle: 1 | 2
-    immersionMode: 1 | 2
+    immersionMode: 1 | 2 | 3
     colorMode: 'custom' | 'default'
     backColor: string
     backgroundType: 'img' | 'color'

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

@@ -23,7 +23,7 @@ export interface NavProps extends NavTitleProps {
   fixed?: boolean
   /** 是否沉浸式状态栏 */
   topStyle?: 1 | 2
-  immersionMode?: 1 | 2
+  immersionMode?: 1 | 2 | 3
   /** 模式 1.标题 2.搜索 3.导航 4.沉浸式 */
   styleGroup?: 1 | 2 | 3 | 4
   /** 背景图片 */

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

@@ -1,6 +1,14 @@
 import { LcbTabsProps } from '../../types'
 declare const _default: import('vue').DefineComponent<
-  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbTabsProps>,
+    {
+      lineWidth: number
+      lineHeight: number
+      slidable: string
+      slidableNum: number
+    }
+  >,
   {},
   unknown,
   {},
@@ -11,9 +19,24 @@ declare const _default: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   Readonly<
-    import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>>
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbTabsProps>,
+        {
+          lineWidth: number
+          lineHeight: number
+          slidable: string
+          slidableNum: number
+        }
+      >
+    >
   >,
-  {},
+  {
+    lineHeight: number
+    lineWidth: number
+    slidableNum: number
+    slidable: 'always' | 'auto'
+  },
   {}
 >
 export default _default

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

@@ -6,4 +6,8 @@ export interface LcbTabsProps extends LcbBlockProps {
     title: string
     name: string
   }[]
+  lineWidth?: number
+  lineHeight?: number
+  slidable?: 'always' | 'auto'
+  slidableNum?: number
 }

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

@@ -18,6 +18,10 @@ declare const _default: import('vue').DefineComponent<
       showTitleLine: boolean
       lineRight: number
       lineWidth: number
+      iconRight: number
+      size: string
+      iconType: string
+      iconColor: string
     }
   >,
   {},
@@ -49,6 +53,10 @@ declare const _default: import('vue').DefineComponent<
           showTitleLine: boolean
           lineRight: number
           lineWidth: number
+          iconRight: number
+          size: string
+          iconType: string
+          iconColor: string
         }
       >
     >
@@ -56,6 +64,7 @@ declare const _default: import('vue').DefineComponent<
   {
     title: string
     color: string
+    iconColor: string
     lineWidth: number
     marginHorizontal: number
     fontSize: number
@@ -66,6 +75,7 @@ declare const _default: import('vue').DefineComponent<
       | 'justify-center'
       | 'justify-between'
       | 'justify-around'
+    iconType: 'icon' | 'img'
     hintColor: string
     hintFontSize: number
     hintVerticalAlign: 'end' | 'center'
@@ -74,6 +84,7 @@ declare const _default: import('vue').DefineComponent<
     moreColor: string
     moreFontSize: number
     moreVerticalAlign: 'end' | 'center'
+    iconRight: number
   },
   {}
 >

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

@@ -1,6 +1,9 @@
+import { LcbIconProps } from '../lcb-icon/types'
 import { LcbActionViewProps } from '../lcb-action-view/types'
 import { LcbBlockProps } from '../lcb-block/types'
-export interface LcbTitleProps extends LcbBlockProps {
+export interface LcbTitleProps
+  extends LcbBlockProps,
+    Omit<LcbIconProps, 'color' | 'customStyle' | 'size'> {
   /** 副标题 */
   title: string
   fontWeight?: number
@@ -23,4 +26,8 @@ export interface LcbTitleProps extends LcbBlockProps {
   moreFontSize?: number
   moreText?: string
   moreVerticalAlign?: 'end' | 'center'
+  iconColor?: string
+  iconRight?: number
+  iconSize?: number
+  showIcon?: boolean
 }