@tplc/business 0.4.35 → 0.4.37

package/CHANGELOG.md

@@ -2,6 +2,27 @@
 
 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.4.37](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.36...v0.4.37) (2025-03-30)
+
+
+### ✨ Features | 新功能
+
+* action 支持view ([1e4eb10](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1e4eb108272db236548b3450aee3648f37beec4c))
+* h5 不需要这样 ([6498ea3](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6498ea38727aff5d9e1f2db95f83a5ad133f9e34))
+* lcb-search zindex ([07277f4](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/07277f4b15c3f7f0ba62e312b907a69fd9362134))
+* 不能返回 ([946f96c](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/946f96c28d154888dcc3af3865ffe7ccfecb1844))
+* 支持颜色切换 ([b6cc634](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/b6cc63429d2d307afa5efbd6fae34a5cf482c79e))
+* 样式调整 ([be16331](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/be163315ece2f853a4996ec784dca2ac21fc27a2))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* fab 兼容ios ([354fd16](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/354fd16004779f1ecd192f524c680b63143117e5))
+* 兼容瀑布流 ([0e1d50e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/0e1d50edf49bc853f6da3d2f1c3ea33871b2475a))
+* 胖头鱼 ([4a1b827](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/4a1b8278d6a1b67b477cfd9c7a3576e345bad395))
+
+### [0.4.36](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.35...v0.4.36) (2025-03-30)
+
 ### [0.4.35](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.34...v0.4.35) (2025-03-29)
 
 

package/components/lcb-action-view/lcb-action-view.vue

@@ -1,5 +1,15 @@
 <template>
+  <view
+    v-if="props.renderMode === 'view'"
+    class="lcb-action-btn"
+    :class="customClass"
+    :style="customStyle"
+    @click.stop="onActionClick"
+  >
+    <slot />
+  </view>
   <button
+    v-else
     @click.stop="onActionClick"
     class="lcb-action-btn"
     :open-type="openType"

package/components/lcb-action-view/types.ts

@@ -6,6 +6,7 @@ export type LcbActionViewProps = {
   urlParams?: string
   customClass?: string
   customStyle?: StyleValue
+  renderMode?: 'view' | 'button'
 } & (
   | {
       /**
@@ -30,7 +31,6 @@ export type LcbActionViewProps = {
         | 24
         | 25
         | 26
-        | 30
         | 88
         | 101
         | 102
@@ -40,8 +40,6 @@ export type LcbActionViewProps = {
 
       /** 小程序appid */
       jumpAppid?: string
-      /** 手机号 */
-      phoneNumber?: string
       /** 弹窗文案 */
       content?: string
       /** 弹窗标题 */
@@ -50,6 +48,10 @@ export type LcbActionViewProps = {
       position?: string
       /** 查看地图信息 */
     }
+  | {
+      jumpType: 30
+      phoneNumber?: string
+    }
   | {
       jumpType: 17
       requestInfo?: {

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

@@ -56,6 +56,7 @@ const customStyle = computed(() => {
     padding: `0 ${transformValueUnit(padding)}`,
     backgroundSize: '100% 100%',
     backgroundRepeat: 'no-repeat',
+    marginBottom: `var(--safe-bottom)`,
   }
 })
 </script>

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

@@ -58,15 +58,12 @@
               :size="iconSize + 'rpx'"
               :color="iconColor"
             />
-            <img
-              v-else
-              class="block object-contain"
-              :style="{
-                borderRadius: iconRadius + 'rpx',
-                height: iconSize + 'rpx',
-                width: iconSize + 'rpx',
-              }"
+            <wd-img
+              :width="iconSize + 'rpx'"
+              :height="iconSize + 'rpx'"
+              :radius="iconRadius + 'rpx'"
               :src="item[urlKey]"
+              mode="aspectFit"
             />
           </view>
           <view

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

@@ -25,9 +25,8 @@
     >
       <!-- 左边布局 -->
       <view class="navbar-left z-1">
-        <!-- 返回按钮 -->
         <view
-          v-if="(styleGroup === 3 || moreThanTwoPages()) && capsuleList.length"
+          v-if="(styleGroup === 3 || moreThanTwoPages() || !canBack) && capsuleList.length"
           class="navbar-capsule flex justify-center items-center"
           :class="[capsuleMode]"
           :style="{
@@ -229,7 +228,7 @@ const capsuleList = computed(() => {
     })
   }
   /** 如果超过俩个的层级的话并且支持返回 */
-  if (moreThanTwoPages()) {
+  if (moreThanTwoPages() || (!uni.$lcb.getIsTabbar() && !canBack.value)) {
     list.push({
       icon: 'shouye_home1',
       action: 'home',

package/components/lcb-product/lcb-product.vue

@@ -140,7 +140,12 @@ defineExpose({
 
 <template>
   <lcb-block
-    v-bind="$props"
+    v-bind="{
+      ...$props,
+      shadowColor: blockShadowColor,
+      shadowSize: blockShadowSize,
+      blurSize: blockBlurSize,
+    }"
     :custom-class="`${listType == 'horizontal' ? 'h-fit overflow-x-auto whitespace-nowrap flex items-stretch w-full' : ''}`"
   >
     <!-- 单列 -->
@@ -156,7 +161,7 @@ defineExpose({
           v-if="item.productType === 'noProductOption'"
           v-bind="{ ...item, ...$props, ...attrs }"
         />
-        <lcb-action-view v-bind="item.link" v-else>
+        <lcb-action-view v-bind="item.link" render-mode="view" v-else>
           <slot name="item" :item="item">
             <lcb-absolute-config-layout
               v-if="renderItemAbsoluteConfigLayout"
@@ -195,6 +200,7 @@ defineExpose({
         v-for="(item, index) in renderList"
         :key="`${item?.productId}:${index}`"
         v-bind="item.link"
+        render-mode="view"
         custom-class="h-full rounded-md overflow-hidden"
       >
         <slot name="item" :item="item">
@@ -237,6 +243,7 @@ defineExpose({
               v-for="(item, index) in list"
               :key="`${item?.productId}:${index}`"
               v-bind="item.link"
+              render-mode="view"
             >
               <slot name="item" :item="item">
                 <lcb-absolute-config-layout
@@ -281,6 +288,7 @@ defineExpose({
               v-for="(item, index) in list"
               :key="`${item?.productId}:${index}`"
               v-bind="item.link"
+              render-mode="view"
             >
               <slot name="item" :item="item">
                 <lcb-absolute-config-layout
@@ -327,6 +335,7 @@ defineExpose({
         :key="`${item?.productId}:${index}`"
         custom-class="flex-shrink-0 w-fit !h-auto"
         v-bind="item.link"
+        render-mode="view"
       >
         <view
           :style="{
@@ -372,6 +381,7 @@ defineExpose({
   }
   :deep(.u-column) {
     overflow: initial;
+    width: 0;
   }
 }
 </style>

package/components/lcb-product/types.ts

@@ -6,6 +6,10 @@ export interface LcbProductProps extends LcbBlockProps {
   shadowColor?: string
   shadowSize?: number
   blurSize?: number
+
+  blockShadowColor?: string
+  blockShadowSize?: number
+  blockBlurSize?: number
   imageWidth?: number
   imageHeight?: number
   imageRadius?: number

package/components/lcb-product-item/types.ts

@@ -9,6 +9,7 @@ export interface LcbProductItemProps {
   tagOverflowWrap?: boolean
   tagType?: TagType
   tagContentColor?: string
+  addressOnImg?: boolean
   tagBgColor?: string
   tagPlain?: boolean
   tagMark?: boolean

package/components/lcb-search/lcb-search.vue

@@ -103,7 +103,7 @@
   </view>
   <view id="searchPagingTop"></view>
   <view
-    class="fixed left-0 w-full z-1 bg-white"
+    class="fixed left-0 w-full z-2 bg-white"
     :style="{ height: height, top: top }"
     v-if="form?.keywords && productTypeList && top"
   >

package/components/lcb-tags/lcb-tags.vue

@@ -0,0 +1,61 @@
+<template>
+  <view class="w-100vw">
+    <lcb-block v-bind="$props">
+      <view
+        :class="{
+          'flex flex-wrap': tagsMode === 'tiled',
+          'flex whitespace-nowrap overflow-x-auto': tagsMode === 'scroll',
+        }"
+        :style="{
+          gap: transformValueUnit(gap),
+        }"
+      >
+        <lcb-action-view
+          v-for="(item, index) in items"
+          :key="index"
+          :custom-class="{
+            'lcb-tag': true,
+            'inline-block': tagsMode === 'scroll',
+          }"
+          :custom-style="{
+            fontSize: transformValueUnit(itemFontSize),
+            backgroundColor: itemBackgroundColor,
+            borderRadius: transformValueUnit(itemRadius),
+            boxSizing: 'border-box',
+            padding: `${transformValueUnit(itemVerticalPadding)} ${transformValueUnit(itemHorizontalPadding)}`,
+            display: tagsMode === 'scroll' ? 'inline-block' : 'block',
+            borderWidth: transformValueUnit(itemBorderWidth),
+            borderColor: itemBorderColor,
+            borderStyle: 'solid',
+          }"
+          v-bind="item.link"
+        >
+          {{ item.title }}
+        </lcb-action-view>
+      </view>
+    </lcb-block>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { transformValueUnit } from '../../utils/transform'
+import { LcbTagsProps } from './types'
+
+defineOptions({
+  name: 'LcbTags',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+withDefaults(defineProps<LcbTagsProps>(), {
+  itemBackgroundColor: '#eeeeee',
+  itemRadius: 100,
+  itemFontSize: 28,
+  tagsMode: 'tiled',
+  gap: 16,
+  itemVerticalPadding: 8,
+  itemHorizontalPadding: 32,
+})
+</script>

package/components/lcb-tags/types.ts

@@ -0,0 +1,17 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbTagsProps extends LcbBlockProps {
+  tagsMode?: 'scroll' | 'tiled'
+  gap?: number
+  items: {
+    title: string
+    link?: LcbActionViewProps
+  }[]
+  itemFontSize?: number
+  itemBackgroundColor?: string
+  itemRadius?: number
+  itemBorderColor?: string
+  itemBorderWidth?: number
+  itemVerticalPadding?: number
+  itemHorizontalPadding?: number
+}

package/global.d.ts

@@ -37,6 +37,7 @@ declare module 'vue' {
     'lcb-search': (typeof import('@tplc/business/components/lcb-search/lcb-search.vue'))['default']
     'lcb-swiper': (typeof import('@tplc/business/components/lcb-swiper/lcb-swiper.vue'))['default']
     'lcb-tabs': (typeof import('@tplc/business/components/lcb-tabs/lcb-tabs.vue'))['default']
+    'lcb-tags': (typeof import('@tplc/business/components/lcb-tags/lcb-tags.vue'))['default']
     'lcb-text': (typeof import('@tplc/business/components/lcb-text/lcb-text.vue'))['default']
     'lcb-title': (typeof import('@tplc/business/components/lcb-title/lcb-title.vue'))['default']
     'lcb-user-order': (typeof import('@tplc/business/components/lcb-user-order/lcb-user-order.vue'))['default']

package/package.json

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

package/types/components/lcb-action-view/lcb-action-view.vue.d.ts

@@ -1,6 +1,7 @@
 import { LcbActionViewProps } from './types'
 declare function __VLS_template(): {
   default?(_: {}): any
+  default?(_: {}): any
 }
 declare const __VLS_component: import('vue').DefineComponent<
   __VLS_TypePropsToOption<LcbActionViewProps>,
@@ -14,7 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   any,
-  {} | {} | {} | {} | {},
+  {} | {} | {} | {} | {} | {},
   {}
 >
 declare const _default: __VLS_WithTemplateSlots<

package/types/components/lcb-action-view/types.d.ts

@@ -5,6 +5,7 @@ export type LcbActionViewProps = {
   urlParams?: string
   customClass?: string
   customStyle?: StyleValue
+  renderMode?: 'view' | 'button'
 } & (
   | {
       /**
@@ -29,7 +30,6 @@ export type LcbActionViewProps = {
         | 24
         | 25
         | 26
-        | 30
         | 88
         | 101
         | 102
@@ -38,8 +38,6 @@ export type LcbActionViewProps = {
         | 241
       /** 小程序appid */
       jumpAppid?: string
-      /** 手机号 */
-      phoneNumber?: string
       /** 弹窗文案 */
       content?: string
       /** 弹窗标题 */
@@ -47,6 +45,10 @@ export type LcbActionViewProps = {
       /** 弹窗位置 */
       position?: string
     }
+  | {
+      jumpType: 30
+      phoneNumber?: string
+    }
   | {
       jumpType: 17
       requestInfo?: {

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

@@ -4,6 +4,9 @@ export interface LcbProductProps extends LcbBlockProps {
   shadowColor?: string
   shadowSize?: number
   blurSize?: number
+  blockShadowColor?: string
+  blockShadowSize?: number
+  blockBlurSize?: number
   imageWidth?: number
   imageHeight?: number
   imageRadius?: number

package/types/components/lcb-product-item/types.d.ts

@@ -7,6 +7,7 @@ export interface LcbProductItemProps {
   tagOverflowWrap?: boolean
   tagType?: TagType
   tagContentColor?: string
+  addressOnImg?: boolean
   tagBgColor?: string
   tagPlain?: boolean
   tagMark?: boolean

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

@@ -70,6 +70,7 @@ declare const _default: import('vue').DefineComponent<
               urlParams?: string
               customClass?: string
               customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
             } & {
               jumpType?:
                 | 1
@@ -86,7 +87,6 @@ declare const _default: import('vue').DefineComponent<
                 | 24
                 | 25
                 | 26
-                | 30
                 | 88
                 | 101
                 | 102
@@ -94,7 +94,6 @@ declare const _default: import('vue').DefineComponent<
                 | 104
                 | 241
               jumpAppid?: string
-              phoneNumber?: string
               content?: string
               title?: string
               position?: string
@@ -161,6 +160,74 @@ declare const _default: import('vue').DefineComponent<
               urlParams?: string
               customClass?: string
               customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
+            } & {
+              jumpType: 30
+              phoneNumber?: string
+            } & import('../lcb-block/types').LcbBlockProps
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            paddingVertical: number
+            marginHorizontal: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            radius: number
+            paddingHorizontal: number
+            borderColor: string
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+            mode: string
+            fontSize: number
+            initFocus: boolean
+          }
+        >
+      >
+    >
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
+              productTypeList?: string[]
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+              historyKey?: string
+              initFocus?: boolean
+              blockBackground?: string
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
             } & {
               jumpType: 17
               requestInfo?: {
@@ -230,6 +297,7 @@ declare const _default: import('vue').DefineComponent<
               urlParams?: string
               customClass?: string
               customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
             } & {
               jumpType: 105
               addressInfo?: {
@@ -301,6 +369,7 @@ declare const _default: import('vue').DefineComponent<
               urlParams?: string
               customClass?: string
               customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
             } & {
               jumpType: 106
               requestParam?: Record<string, any>
@@ -367,6 +436,7 @@ declare const _default: import('vue').DefineComponent<
               urlParams?: string
               customClass?: string
               customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
             } & {
               jumpType: 141
             } & import('../lcb-block/types').LcbBlockProps
@@ -499,6 +569,31 @@ declare const _default: import('vue').DefineComponent<
       linePadding: number
       initFocus: boolean
     }
+  | {
+      mode: 'search' | 'link'
+      color: string
+      lineHeight: number
+      radius: number
+      iconSize: string
+      iconColor: string
+      placeholder: string
+      lineWidth: number
+      marginHorizontal: number
+      paddingHorizontal: number
+      paddingVertical: number
+      fontSize: number
+      borderColor: string
+      gap: number
+      iconType: 'icon' | 'img'
+      borderWidth: number
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+      initFocus: boolean
+    }
   | {
       mode: 'search' | 'link'
       color: string

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

@@ -0,0 +1,74 @@
+import { LcbTagsProps } from './types'
+declare const _default: import('vue').DefineComponent<
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbTagsProps>,
+    {
+      itemBackgroundColor: string
+      itemRadius: number
+      itemFontSize: number
+      tagsMode: string
+      gap: number
+      itemVerticalPadding: number
+      itemHorizontalPadding: number
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbTagsProps>,
+        {
+          itemBackgroundColor: string
+          itemRadius: number
+          itemFontSize: number
+          tagsMode: string
+          gap: number
+          itemVerticalPadding: number
+          itemHorizontalPadding: number
+        }
+      >
+    >
+  >,
+  {
+    gap: number
+    itemRadius: number
+    itemVerticalPadding: number
+    itemHorizontalPadding: number
+    itemFontSize: number
+    tagsMode: 'scroll' | 'tiled'
+    itemBackgroundColor: string
+  },
+  {}
+>
+export default _default
+type __VLS_WithDefaults<P, D> = {
+  [K in keyof Pick<P, keyof P>]: K extends keyof D
+    ? __VLS_Prettify<
+        P[K] & {
+          default: D[K]
+        }
+      >
+    : P[K]
+}
+type __VLS_Prettify<T> = {
+  [K in keyof T]: T[K]
+} & {}
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
+type __VLS_TypePropsToOption<T> = {
+  [K in keyof T]-?: {} extends Pick<T, K>
+    ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
+      }
+    : {
+        type: import('vue').PropType<T[K]>
+        required: true
+      }
+}

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

@@ -0,0 +1,17 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
+import { LcbBlockProps } from '../lcb-block/types'
+export interface LcbTagsProps extends LcbBlockProps {
+  tagsMode?: 'scroll' | 'tiled'
+  gap?: number
+  items: {
+    title: string
+    link?: LcbActionViewProps
+  }[]
+  itemFontSize?: number
+  itemBackgroundColor?: string
+  itemRadius?: number
+  itemBorderColor?: string
+  itemBorderWidth?: number
+  itemVerticalPadding?: number
+  itemHorizontalPadding?: number
+}