@tplc/business 0.7.46 → 0.7.47

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 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)
 
 

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

@@ -36,14 +36,15 @@
         <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
-              ? `0 0 ${transformValueUnit(itemBlurSize)} ${transformValueUnit(itemShadowSize)} ${itemShadowColor}`
-              : '',
+            boxShadow:
+              rowItemProps?.shadowColor && rowItemProps?.shadowSize
+                ? `0px 0px ${rowItemProps?.blurSize}px ${rowItemProps?.shadowSize}px ${rowItemProps?.shadowColor}`
+                : '',
             marginRight: styleGroup === 1 ? transformValueUnit(itemGap) : 0,
           }"
           :class="{
@@ -55,12 +56,12 @@
             :style="{
               width: iconSize + 'rpx',
               height: iconSize + 'rpx',
-              borderRadius: transformValueUnit(iconRadius),
+              borderRadius: iconRadius + 'px',
               border:
                 iconBorderColor && iconBorderWidth
-                  ? `${transformValueUnit(iconBorderWidth)} solid ${iconBorderColor}`
+                  ? `${iconBorderWidth}px solid ${iconBorderColor}`
                   : '',
-              padding: transformValueUnit(iconPadding),
+              padding: iconPadding + 'px',
               boxSizing: 'border-box',
               display: 'flex',
               alignItems: 'center',
@@ -185,12 +186,8 @@ const renderItems = computed(() => {
 }
 
 .mutil-row {
-  :deep(.item) {
-    justify-content: flex-start;
-  }
   :deep(.title) {
-    flex: 1;
-    text-align: start;
+    flex: initial;
   }
 }
 .cell {
@@ -201,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

@@ -58,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/package.json

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

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

@@ -53,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-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
   },
   {}
 >