@tplc/business 0.7.46 → 0.7.48

package/CHANGELOG.md

@@ -2,6 +2,30 @@
 
 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.48](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.47...v0.7.48) (2026-01-06)
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-img-nav, lcb-tags:** restructure item properties for enhanced customization and consistency ([f669990](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/f6699906d64889c1582a15daf5b965fd00d42814))
+
+
+### ✨ Features | 新功能
+
+* **lcb-nav:** enhance navigation behavior for Alipay mini program with fallback icon and capsule offset adjustments ([1f72adc](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/1f72adc1cf8ee7b33f6619bf4923bb032e2c2a0c))
+
+### [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/components/lcb-nav/lcb-nav.vue

@@ -35,6 +35,7 @@
           :class="[capsuleMode]"
           :style="{
             height: boudingHeight,
+            marginLeft: capsuleLeftOffset,
           }"
         >
           <view
@@ -76,7 +77,7 @@
             </lcb-action-view>
           </view>
         </view>
-        <template v-else-if="canBack">
+        <template v-else-if="showFallbackBackIcon">
           <wd-icon
             class-prefix="lcb"
             :name="isLastPage() ? 'shouye_home' : 'zuo_left'"
@@ -159,6 +160,10 @@ defineOptions({
     styleIsolation: 'shared',
   },
 })
+let isMpAlipay = false
+// #ifdef MP-ALIPAY
+isMpAlipay = true
+// #endif
 const { statusBarHeight, windowWidth } = uni.getWindowInfo
   ? uni.getWindowInfo()
   : uni.getSystemInfoSync()
@@ -276,18 +281,26 @@ const paddingTop = computed(() => {
 const canBack = computed(() => {
   return props.back || !isLastPage()
 })
+/** 支付宝小程序自带 home/back（且返回按钮无法去掉），避免重复渲染我们自己的返回/首页按钮 */
+const showFallbackBackIcon = computed(() => {
+  return canBack.value && !isMpAlipay
+})
+/** 支付宝小程序：胶囊内容整体往后移一点，避开系统返回按钮 */
+const capsuleLeftOffset = computed(() => {
+  return isMpAlipay ? '44px' : '0px'
+})
 
 const pageInfo = inject(PAGE_PROVIDE_KEY) as Ref<Record<string, any>>
 const capsuleList = computed(() => {
   const list: ICapsule[] = []
-  if (canBack.value) {
+  if (canBack.value && !isMpAlipay) {
     list.push({
       icon: 'zuo_left',
       action: 'back',
     })
   }
   /** 如果超过俩个的层级的话并且支持返回 */
-  if (moreThanTwoPages() || (!uni.$lcb.getIsTabbar(route) && !canBack.value)) {
+  if (!isMpAlipay && (moreThanTwoPages() || (!uni.$lcb.getIsTabbar(route) && !canBack.value))) {
     list.push({
       icon: 'shouye_home1',
       action: 'home',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.7.46",
+  "version": "0.7.48",
   "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
   },
   {}
 >