@tplc/business 0.4.185 → 0.4.187

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 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.187](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.186...v0.4.187) (2025-08-10)
+
+
+### ✨ Features | 新功能
+
+* 自动滚动顶部 ([25b60f4](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/25b60f43311ca51a2ed164bdb891f40e4c6471f1))
+
+### [0.4.186](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.185...v0.4.186) (2025-08-10)
+
+
+### ✨ Features | 新功能
+
+* banner 支持 fullBannerFlow ([92d6f8f](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/92d6f8fd61f50000e89dcd19e9ca17a1c7ce4ec4))
+* mapuopdate ([ecbf37a](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/ecbf37ad1a8b02d5350a96611ebef1090f1d8de4))
+
 ### [0.4.185](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.184...v0.4.185) (2025-08-04)
 
 

package/components/lcb-banner/lcb-banner.vue

@@ -3,9 +3,15 @@
     class="lcb-banner relative"
     :class="{
       'full-screen-background': fullScreenBackground,
-      'full-screen-swiper': fullScreenBackground && !height,
+      'full-screen-flow': fullBannerFlow,
+      'full-screen-swiper': (fullScreenBackground || fullBannerFlow) && !height,
     }"
-    :style="{ filter: `blur(${Math.min(scrollTop / 100, 10)}px)` }"
+    :style="{
+      filter: fullScreenBackground ? `blur(${Math.min(scrollTop / 100, 10)}px)` : 'none',
+    }"
+    @touchstart="handleTouchStart"
+    @touchmove="handleTouchMove"
+    @touchend="handleTouchEnd"
   >
     <view
       class="absolute z-1 transition-all duration-300"
@@ -24,7 +30,7 @@
       v-bind="$props"
       custom-class="overflow-visible lcb-banner-block flex flex-col"
       :customStyle="
-        fullScreenBackground
+        fullScreenBackground || fullBannerFlow
           ? { width: '100%', height: '100%', flex: 1, display: 'flex', flexDirection: 'column' }
           : {}
       "
@@ -37,7 +43,10 @@
         v-bind="{
           list: items,
           loop,
-          height: fullScreenBackground && !height ? '100%' : transformValueUnit(height),
+          height:
+            (fullScreenBackground || fullBannerFlow) && !height
+              ? '100%'
+              : transformValueUnit(height),
           imgWidth: imgWidth && transformValueUnit(imgWidth),
           radius: transformValueUnit(radius),
           autoplay: Boolean(interval),
@@ -88,6 +97,14 @@ const props = withDefaults(defineProps<LcbBannerProps>(), {
   fontWeight: 500,
 })
 const scrollTop = ref(0)
+
+const pageHeight = uni.getWindowInfo().screenHeight
+
+// Touch gesture handling
+const touchStartY = ref(0)
+const touchStartX = ref(0)
+const isTouching = ref(false)
+
 const supplementProps = computed(() => {
   if (props.styleGroup === 2) {
     return {
@@ -121,10 +138,44 @@ const customStyle = computed(() => {
   return props.paddingBottom ? `padding-bottom: ${transformValueUnit(props.paddingBottom)}` : ''
 })
 onPageScroll((e) => {
-  if (props.fullScreenBackground) {
+  if (props.fullScreenBackground || props.fullBannerFlow) {
     scrollTop.value = e.scrollTop
   }
 })
+
+// Touch event handlers
+const handleTouchStart = (e: TouchEvent) => {
+  // 并且当前banner在顶部
+  if (!props.fullBannerFlow || scrollTop.value > 0) return
+  isTouching.value = true
+  touchStartY.value = e.touches[0].clientY
+  touchStartX.value = e.touches[0].clientX
+}
+
+const handleTouchMove = (e: TouchEvent) => {
+  if (!isTouching.value) return
+
+  const currentY = e.touches[0].clientY
+  const currentX = e.touches[0].clientX
+  const deltaY = Math.abs(currentY - touchStartY.value)
+  const deltaX = Math.abs(currentX - touchStartX.value)
+
+  // Calculate total distance
+  const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY)
+
+  // If distance exceeds 50px, scroll to page height
+  if (distance > 50) {
+    uni.pageScrollTo({
+      scrollTop: pageHeight,
+      duration: 300,
+    })
+    isTouching.value = false
+  }
+}
+
+const handleTouchEnd = () => {
+  isTouching.value = false
+}
 </script>
 <style lang="scss" scoped>
 .lcb-banner {
@@ -147,4 +198,12 @@ onPageScroll((e) => {
     height: 100% !important;
   }
 }
+.full-screen-flow {
+  width: 100%;
+  height: 100vh;
+  :deep(.wd-swiper, uni-swiper, .uni-swiper-wrapper, .uni-swiper-wrapper, .lcb-banner-block) {
+    width: 100% !important;
+    height: 100vh !important;
+  }
+}
 </style>

package/components/lcb-banner/types.ts

@@ -57,6 +57,8 @@ export interface LcbBannerProps extends LcbBlockProps {
   slidingStyle?: 1 | 2
   maskBgColor?: string
   fullScreenBackground?: boolean
+  /** 是否全屏流式banner */
+  fullBannerFlow?: boolean
   titleColor?: string
   titleFontSize?: number
   titleFontWeight?: number

package/package.json

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

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

@@ -54,6 +54,8 @@ export interface LcbBannerProps extends LcbBlockProps {
   slidingStyle?: 1 | 2
   maskBgColor?: string
   fullScreenBackground?: boolean
+  /** 是否全屏流式banner */
+  fullBannerFlow?: boolean
   titleColor?: string
   titleFontSize?: number
   titleFontWeight?: number