@tplc/business 0.2.89 → 0.2.90

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.2.90](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.89...v0.2.90) (2025-01-13)
+
+
+### ✨ Features | 新功能
+
+* prodcut 阴影 ([ffe2720](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ffe27203454da157efa96b4ef11389692bc17fc3))
+
 ### [0.2.89](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.88...v0.2.89) (2025-01-12)
 
 

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

@@ -9,10 +9,18 @@
         :style="{
           fontWeight,
         }"
-        :class="{
-          'title-line': showTitleLine,
-        }"
+        class="flex items-center"
       >
+        <view
+          v-if="showTitleLine"
+          class="h-90%"
+          :style="{
+            backgroundColor: lineColor || themeColor,
+            marginRight: transformValueUnit(lineRight),
+            width: transformValueUnit(lineWidth),
+            borderRadius: transformValueUnit(lineWidth / 2),
+          }"
+        />
         {{ title }}
       </view>
       <view
@@ -45,6 +53,8 @@
 <script setup lang="ts">
 import { LcbTitleProps } from './types'
 import { transformValueUnit } from '../../utils/transform'
+import { inject } from 'vue'
+const themeColor = inject('theme-color', '#3875FF')
 defineOptions({
   name: 'LcbTitle',
   options: {
@@ -67,22 +77,7 @@ withDefaults(defineProps<LcbTitleProps>(), {
   hintColor: '#666',
   hintVerticalAlign: 'end',
   showTitleLine: false,
+  lineRight: 12,
+  lineWidth: 6,
 })
 </script>
-<style lang="scss" scoped>
-@import '@tplc/wot/components/common/abstracts/variable';
-.title-line {
-  position: relative;
-  padding-left: 10rpx !important;
-  &::after {
-    content: '';
-    position: absolute;
-    top: 5%;
-    left: 0;
-    border-radius: 4rpx;
-    width: 6rpx;
-    height: 90%;
-    background-color: $-color-theme;
-  }
-}
-</style>

package/components/lcb-title/types.ts

@@ -17,6 +17,9 @@ export interface LcbTitleProps extends LcbBlockProps {
   hintFontSize?: number
   hintVerticalAlign?: 'end' | 'center'
   showTitleLine?: boolean
+  lineRight?: number
+  lineColor?: string
+  lineWidth?: number
 
   moreColor?: string
   moreFontSize?: number

package/package.json

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

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

@@ -16,6 +16,8 @@ declare const _default: import('vue').DefineComponent<
       hintColor: string
       hintVerticalAlign: string
       showTitleLine: boolean
+      lineRight: number
+      lineWidth: number
     }
   >,
   {},
@@ -45,6 +47,8 @@ declare const _default: import('vue').DefineComponent<
           hintColor: string
           hintVerticalAlign: string
           showTitleLine: boolean
+          lineRight: number
+          lineWidth: number
         }
       >
     >
@@ -52,6 +56,7 @@ declare const _default: import('vue').DefineComponent<
   {
     title: string
     color: string
+    lineWidth: number
     marginHorizontal: number
     fontSize: number
     justify:
@@ -65,6 +70,7 @@ declare const _default: import('vue').DefineComponent<
     hintFontSize: number
     hintVerticalAlign: 'end' | 'center'
     showTitleLine: boolean
+    lineRight: number
     moreColor: string
     moreFontSize: number
     moreVerticalAlign: 'end' | 'center'

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

@@ -16,6 +16,9 @@ export interface LcbTitleProps extends LcbBlockProps {
   hintFontSize?: number
   hintVerticalAlign?: 'end' | 'center'
   showTitleLine?: boolean
+  lineRight?: number
+  lineColor?: string
+  lineWidth?: number
   moreColor?: string
   moreFontSize?: number
   moreText?: string