@tplc/business 0.4.36 → 0.4.38

package/CHANGELOG.md

@@ -2,6 +2,32 @@
 
 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.38](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.37...v0.4.38) (2025-03-30)
+
+
+### ✨ Features | 新功能
+
+* 新增标签 ([7fc17bb](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/7fc17bb599fb1fd57c522b0c34ef6ae5d33ba6c6))
+
+### [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/types.ts

@@ -50,7 +50,7 @@ export type LcbActionViewProps = {
     }
   | {
       jumpType: 30
-      phoneNumber: string
+      phoneNumber?: string
     }
   | {
       jumpType: 17

package/components/lcb-dynamic-data/lcb-dynamic-data.vue

@@ -1,17 +1,18 @@
 <template>
   <lcb-block v-bind="$props">
     <view class="flex justify-between items-center text-28rpx">
-      <view
+      <lcb-action-view
         v-for="item in items"
         :key="item.title"
-        class="flex flex-col items-center justify-center"
+        custom-class="flex flex-col items-center justify-center"
+        v-bind="item.link"
       >
         <view class="flex mb-12rpx">
           <view class="text-24rpx mr-4rpx mt-12rpx">{{ item.unit }}</view>
           <view class="font-500 text-36rpx">{{ pageInfo[item.key] || '0.00' }}</view>
         </view>
         <view>{{ item.title }}</view>
-      </view>
+      </lcb-action-view>
     </view>
   </lcb-block>
 </template>

package/components/lcb-dynamic-data/types.ts

@@ -1,7 +1,9 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
 export interface LcbDynamicDataProps {
   items: {
     title: string
     unit?: string
     key: string
+    link?: LcbActionViewProps
   }[]
 }

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,7 +25,6 @@
     >
       <!-- 左边布局 -->
       <view class="navbar-left z-1">
-        <!-- 返回按钮 -->
         <view
           v-if="(styleGroup === 3 || moreThanTwoPages() || !canBack) && capsuleList.length"
           class="navbar-capsule flex justify-center items-center"
@@ -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

@@ -381,6 +381,7 @@ defineExpose({
   }
   :deep(.u-column) {
     overflow: initial;
+    width: 0;
   }
 }
 </style>

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.36",
+  "version": "0.4.38",
   "keywords": [
     "业务组件"
   ],

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

@@ -47,7 +47,7 @@ export type LcbActionViewProps = {
     }
   | {
       jumpType: 30
-      phoneNumber: string
+      phoneNumber?: string
     }
   | {
       jumpType: 17

package/types/components/lcb-dynamic-data/types.d.ts

@@ -1,7 +1,9 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
 export interface LcbDynamicDataProps {
   items: {
     title: string
     unit?: string
     key: string
+    link?: LcbActionViewProps
   }[]
 }

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

@@ -163,7 +163,7 @@ declare const _default: import('vue').DefineComponent<
               renderMode?: 'view' | 'button'
             } & {
               jumpType: 30
-              phoneNumber: string
+              phoneNumber?: string
             } & import('../lcb-block/types').LcbBlockProps
           >,
           {

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
+}