@tplc/business 0.7.45 → 0.7.47

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 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.47](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.46...v0.7.47) (2026-01-05)
+
+
+### ✨ Features | 新功能
+
+* **lcb-img-nav:** add multi-line horizontal card layout with icon border customization ([34d1f27](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/34d1f27d0d8073eefcf3867ef6cc608d297de84c))
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-img-nav:** update item styling properties to use rowItemProps for better customization ([8709982](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/8709982e6e81f907bdabcc1c004d56ea31ff1645))
+
+### [0.7.46](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.44...v0.7.46) (2026-01-05)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.7.45 ([eeda9cf](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/eeda9cfaa15ada437d7552b89611f99739592fb6))
+
+
+### ✨ Features | 新功能
+
+* **lcb-button:** add fontFamily prop to customize button text styling ([9f4ccd4](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/9f4ccd497cbf49f0bf406da3f805f0662ed21cfe))
+* **lcb-image:** add renderMode prop to control click behavior based on item.link ([0cd0b8b](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/0cd0b8b2fb6158f334b5ddc3171ae0cac6fc133c))
+
 ### [0.7.45](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.41...v0.7.45) (2026-01-04)
 
 

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

@@ -23,6 +23,7 @@
           2: 'mutil',
           3: 'cell',
         }[styleGroup!],
+        styleGroup === 2 && itemFlexMode === 'row' ? 'mutil-row' : '',
       ]"
     >
       <lcb-action-view
@@ -35,14 +36,14 @@
         <view
           class="!flex justify-center items-center item"
           :style="{
-            backgroundColor: itemBgColor,
-            borderRadius: transformValueUnit(itemRadius),
+            backgroundColor: rowItemProps?.backgroundColor,
+            borderRadius: rowItemProps?.borderRadius ? `${rowItemProps?.borderRadius}px` : '',
             padding: `${transformValueUnit(itemVerticalPadding)} ${transformValueUnit(itemHorizontalPadding)}`,
             flexDirection: styleGroup === 3 ? 'row' : itemFlexMode,
             gap: transformValueUnit(iconTextMargin),
             boxShadow:
-              itemShadowColor && itemShadowSize
-                ? `0px 0px ${itemBlurSize}px ${itemShadowSize}px ${itemShadowColor}`
+              rowItemProps?.shadowColor && rowItemProps?.shadowSize
+                ? `0px 0px ${rowItemProps?.blurSize}px ${rowItemProps?.shadowSize}px ${rowItemProps?.shadowColor}`
                 : '',
             marginRight: styleGroup === 1 ? transformValueUnit(itemGap) : 0,
           }"
@@ -50,7 +51,23 @@
             divider: divider && index !== (items || []).length - 1 && styleGroup === 3,
           }"
         >
-          <view class="overflow-hidden">
+          <view
+            class="overflow-hidden"
+            :style="{
+              width: iconSize + 'rpx',
+              height: iconSize + 'rpx',
+              borderRadius: iconRadius + 'px',
+              border:
+                iconBorderColor && iconBorderWidth
+                  ? `${iconBorderWidth}px solid ${iconBorderColor}`
+                  : '',
+              padding: iconPadding + 'px',
+              boxSizing: 'border-box',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }"
+          >
             <wd-icon
               v-if="iconType === 0"
               class-prefix="lcb"
@@ -61,9 +78,9 @@
             <image
               v-else
               :style="{
-                width: iconSize + 'rpx',
-                height: iconSize + 'rpx',
-                borderRadius: iconRadius + 'rpx',
+                width: '100%',
+                height: '100%',
+                borderRadius: transformValueUnit(iconRadius),
               }"
               :src="item[urlKey]"
               mode="aspectFit"
@@ -117,6 +134,8 @@ const props = withDefaults(defineProps<LcbImgNavProps>(), {
   textColor: '#212121',
   iconColor: '#212121',
   iconRadius: 0,
+  iconBorderColor: '',
+  iconBorderWidth: 0,
   paddingVertical: 36,
   iconSize: 80,
   paddingHorizontal: 0,
@@ -165,6 +184,12 @@ const renderItems = computed(() => {
   display: grid;
   row-gap: 36rpx;
 }
+
+.mutil-row {
+  :deep(.title) {
+    flex: initial;
+  }
+}
 .cell {
   display: flex;
   flex-direction: column;
@@ -173,7 +198,6 @@ const renderItems = computed(() => {
     flex-direction: row;
   }
   :deep(.title) {
-    flex: 1;
     text-align: start;
     margin-left: 24rpx;
   }

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

@@ -29,6 +29,13 @@ export interface LcbImgNavProps extends LcbBlockProps {
   iconSize?: number
   /** 图标圆角 默认 0 */
   iconRadius?: number
+  /** 图标边框颜色（为空则不显示） */
+  iconBorderColor?: string
+  /** 图标边框宽度（单位：rpx） */
+  iconBorderWidth?: number
+  /** 图标边框圆角（单位：rpx） */
+  iconBorderRadius?: number
+  iconPadding?: number
   /** 文字与图标距离 */
   iconTextMargin?: number
   textFontWeight?: number
@@ -51,16 +58,18 @@ export interface LcbImgNavProps extends LcbBlockProps {
   titleKey?: string
   titleBottom?: number
 
-  itemBgColor?: string
-  itemRadius?: number
   itemVerticalPadding?: number
   itemHorizontalPadding?: number
   itemGap?: number
   itemFlexMode?: 'row' | 'column'
-  /** 阴影颜色 */
-  itemShadowColor?: string
-  /** 阴影大小 */
-  itemShadowSize?: number
-  /** 模糊大小 */
-  itemBlurSize?: number
+  rowItemProps?: {
+    /** 阴影颜色 */
+    shadowColor?: string
+    /** 阴影大小 */
+    shadowSize?: number
+    /** 模糊大小 */
+    blurSize?: number
+    backgroundColor?: string
+    borderRadius?: number
+  }
 }

package/components/lcb-notice/lcb-notice.vue

@@ -7,6 +7,7 @@
       :direction="direction"
       :speed="speed"
       @click="handleClick"
+      :delay="delay"
       custom-class="!p-0 !rounded-none"
     >
       <template #prefix v-if="iconType !== -1 && icon">

package/components/lcb-notice/types.ts

@@ -12,4 +12,5 @@ export interface LcbNoticeBarProps extends LcbBlockProps {
   rightArrow?: boolean
   icon?: string
   iconSize?: number
+  delay?: number
 }

package/package.json

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

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

@@ -6,6 +6,8 @@ declare const _default: import('vue').DefineComponent<
       textColor: string
       iconColor: string
       iconRadius: number
+      iconBorderColor: string
+      iconBorderWidth: number
       paddingVertical: number
       iconSize: number
       paddingHorizontal: number
@@ -43,6 +45,8 @@ declare const _default: import('vue').DefineComponent<
           textColor: string
           iconColor: string
           iconRadius: number
+          iconBorderColor: string
+          iconBorderWidth: number
           paddingVertical: number
           iconSize: number
           paddingHorizontal: number
@@ -73,6 +77,8 @@ declare const _default: import('vue').DefineComponent<
     textColor: string
     pictureDistribution: 3 | 4 | 5
     iconRadius: number
+    iconBorderColor: string
+    iconBorderWidth: number
     iconTextMargin: number
     textFontWeight: number
     divider: boolean

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

@@ -28,6 +28,13 @@ export interface LcbImgNavProps extends LcbBlockProps {
   iconSize?: number
   /** 图标圆角 默认 0 */
   iconRadius?: number
+  /** 图标边框颜色（为空则不显示） */
+  iconBorderColor?: string
+  /** 图标边框宽度（单位：rpx） */
+  iconBorderWidth?: number
+  /** 图标边框圆角（单位：rpx） */
+  iconBorderRadius?: number
+  iconPadding?: number
   /** 文字与图标距离 */
   iconTextMargin?: number
   textFontWeight?: number
@@ -46,16 +53,18 @@ export interface LcbImgNavProps extends LcbBlockProps {
   urlKey?: string
   titleKey?: string
   titleBottom?: number
-  itemBgColor?: string
-  itemRadius?: number
   itemVerticalPadding?: number
   itemHorizontalPadding?: number
   itemGap?: number
   itemFlexMode?: 'row' | 'column'
-  /** 阴影颜色 */
-  itemShadowColor?: string
-  /** 阴影大小 */
-  itemShadowSize?: number
-  /** 模糊大小 */
-  itemBlurSize?: number
+  rowItemProps?: {
+    /** 阴影颜色 */
+    shadowColor?: string
+    /** 阴影大小 */
+    shadowSize?: number
+    /** 模糊大小 */
+    blurSize?: number
+    backgroundColor?: string
+    borderRadius?: number
+  }
 }

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

@@ -11,4 +11,5 @@ export interface LcbNoticeBarProps extends LcbBlockProps {
   rightArrow?: boolean
   icon?: string
   iconSize?: number
+  delay?: number
 }

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

@@ -39,12 +39,12 @@ declare const _default: import('vue').DefineComponent<
   >,
   {
     gap: number
-    itemRadius: number
     itemVerticalPadding: number
     itemHorizontalPadding: number
     itemFontSize: number
     tagsMode: 'scroll' | 'tiled'
     itemBackgroundColor: string
+    itemRadius: number
   },
   {}
 >