@tplc/business 0.3.78 → 0.3.80

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.80](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.78...v0.3.80) (2025-03-12)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.3.79 ([f9f123b](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/f9f123b0f2a9947508046d1e74e463eadb3a6a25))
+
+
+### ✨ Features | 新功能
+
+* title 新增logo ([ae2f22e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ae2f22eec1fbbe91f4f7e7d3d4953581b64cdc6c))
+* 支持沉浸式文字 ([6f138c0](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6f138c048cf28f6827307b95bf98175c2bc497ad))
+* 新增数据 ([29d0146](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/29d0146c82a3fa01f2268c1084804c74f92399fd))
+
+### [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)
 
 

package/components/lcb-fab/lcb-fab.vue

@@ -1,7 +1,7 @@
 <template>
   <lcb-action-view
     v-bind="$props.link"
-    custom-class="!fixed !z-2 flex items-center overflow-hidden !text-center justify-center flex-col box-border shadow break-after-all"
+    :custom-class="`!fixed !z-2 flex items-center overflow-hidden  !text-center justify-center flex-col box-border ${shadow ? 'shadow' : ''} break-after-all`"
     :customStyle="customStyle"
   >
     <wd-icon
@@ -34,6 +34,7 @@ const customStyle = computed(() => {
     bottom,
     link,
     width,
+    height,
     borderRadius,
     backgroundColor,
     backgroundImage,
@@ -49,9 +50,12 @@ const customStyle = computed(() => {
     borderRadius: transformValueUnit(borderRadius),
     backgroundColor,
     backgroundImage: `url(${backgroundImage})`,
-    height: transformValueUnit(width),
+    height: transformValueUnit(height),
     fontSize: transformValueUnit(fontSize),
+    shadow: true,
     padding: `0 ${transformValueUnit(padding)}`,
+    backgroundSize: '100% 100%',
+    backgroundRepeat: 'no-repeat',
   }
 })
 </script>

package/components/lcb-fab/types.ts

@@ -6,6 +6,7 @@ export interface LcbFabProps {
   backgroundColor?: string
   backgroundImage?: string
   width: number
+  height: number
   borderRadius: number
   text?: string
   padding?: number
@@ -15,4 +16,5 @@ export interface LcbFabProps {
   type?: 'icon' | 'text'
   icon?: string
   link?: LcbActionViewProps
+  shadow?: boolean
 }

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.78",
+  "version": "0.3.80",
   "keywords": [
     "业务组件"
   ],

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

@@ -5,6 +5,7 @@ export interface LcbFabProps {
   backgroundColor?: string
   backgroundImage?: string
   width: number
+  height: number
   borderRadius: number
   text?: string
   padding?: number
@@ -14,4 +15,5 @@ export interface LcbFabProps {
   type?: 'icon' | 'text'
   icon?: string
   link?: LcbActionViewProps
+  shadow?: boolean
 }

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
 }