@tplc/business 0.4.184 → 0.4.186

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 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.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)
+
+
+### ✨ Features | 新功能
+
+* map scale ([6dc2249](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6dc22499f4f7c2d0a6ed0d04f925fd1025248399))
+* map修改样式 ([8ffc1aa](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/8ffc1aa582e93ae622084fb6cbdc8ad5f5618cf0))
+
 ### [0.4.184](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.183...v0.4.184) (2025-08-02)
 
 

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 {
@@ -140,6 +191,10 @@ onPageScroll((e) => {
   top: 0;
   left: 0;
 }
+.full-screen-flow {
+  width: 100%;
+  height: 100vh;
+}
 
 .full-screen-swiper {
   :deep(.wd-swiper, uni-swiper, .uni-swiper-wrapper, .uni-swiper-wrapper, .lcb-banner-block) {

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/components/lcb-map/lcb-map.vue

@@ -75,22 +75,17 @@
           />
         </view>
       </view>
+      <!-- loading 加载地球gif -->
+      <view class="absolute top-0 left-0 w-full h-full flex-center z-2" v-if="isLoading">
+        <image src="./images/earth.gif" class="w-137rpx h-120rpx mt--180rpx" />
+      </view>
     </view>
   </view>
 </template>
 
 <script lang="ts" setup>
 import { FORM_KEY } from '@tplc/business/constants'
-import {
-  reactive,
-  inject,
-  ref,
-  useAttrs,
-  watch,
-  onMounted,
-  getCurrentInstance,
-  onUnmounted,
-} from 'vue'
+import { reactive, inject, ref, useAttrs, watch, getCurrentInstance, onUnmounted } from 'vue'
 import { getJsonFromStr, transformValueUnit } from '../../utils/transform'
 import { MapItem, MapMarker } from './types'
 import useAutoHeight from '../../hooks/useAutoHeight'
@@ -111,6 +106,7 @@ const attrs = useAttrs()
 const { proxy } = getCurrentInstance()!
 const mapContext = ref<UniApp.MapContext>()
 const { userLatLon, getLocation } = useLocation()
+const isLoading = ref(false)
 const props = withDefaults(defineProps<LcbListProps & LcbListInfo>(), {
   mapTagMode: 'multiple',
 })
@@ -126,6 +122,7 @@ const callout: MapMarker['callout'] = {
   borderColor: themeColor,
   bgColor: '#ffffff',
   color: themeColor,
+  // anchorY: 10,
 }
 const selectedTag = ref<string[]>([])
 const info = reactive({
@@ -160,20 +157,26 @@ const getData = debounce(() => {
       if (!southwest) return
       mapContext.value?.getCenterLocation({
         async success({ latitude, longitude }) {
-          const { data = [] } = (await uni.$lcb.http.post('/productInfoMap/list', {
-            ...props.baseParam,
-            ...form?.value,
-            mapLatitude: latitude,
-            mapLongitude: longitude,
-            mapScale: currentScale.value,
-            mapCornerLongitude: southwest.longitude,
-            mapCornerLatitude: southwest.latitude,
-            productTypeList: selectedTag.value.length ? selectedTag.value : undefined,
-          })) as {
+          isLoading.value = true
+          const { data = [] } = (await uni.$lcb.http.post(
+            '/productInfoMap/list',
+            {
+              ...props.baseParam,
+              ...form?.value,
+              mapLatitude: latitude,
+              mapLongitude: longitude,
+              mapScale: currentScale.value,
+              mapCornerLongitude: southwest.longitude,
+              mapCornerLatitude: southwest.latitude,
+              productTypeList: selectedTag.value.length ? selectedTag.value : undefined,
+            },
+            true,
+          )) as {
             data: MapItem[]
           }
           list.value = data as any
           getCurrentData(data)
+          isLoading.value = false
         },
       })
     },
@@ -202,6 +205,7 @@ const getConfig = async () => {
     ...form?.value,
     ...getJsonFromStr(props.mapConfigParams),
   })
+  mapContext.value = uni.createMapContext('map', proxy)
   mapContext.value?.moveToLocation({
     latitude: mapLatitude,
     longitude: mapLongitude,
@@ -280,13 +284,14 @@ const getCurrentData = (markers: MapItem[]) => {
     const isCurrent = index === 0
     return {
       id: index,
-      iconPath: './images/transparent.png',
+      iconPath: '/static/images/transparent.png',
       width: 1,
       height: 1,
       poiId: current.productId,
       latitude: current.latitude,
       longitude: current.longitude,
       // alpha: 0.5,
+      // label: current.mapPriceTips,
       callout: {
         ...callout,
         content: current.mapPriceTips,
@@ -309,9 +314,9 @@ watch(
     deep: true,
   },
 )
-onMounted(() => {
-  mapContext.value = uni.createMapContext('map', proxy)
-})
+// onMounted(() => {
+//   mapContext.value = uni.createMapContext('map', proxy)
+// })
 
 onUnmounted(() => {
   mapContext.value = undefined

package/package.json

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