@tplc/business 0.4.180 → 0.4.182

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 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.182](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.181...v0.4.182) (2025-08-01)
+
+### [0.4.181](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.180...v0.4.181) (2025-08-01)
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* map 兼容拖动 ([6bd504e](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/6bd504e2f46f1aee18208466531254909e25d928))
+
 ### [0.4.180](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.176...v0.4.180) (2025-08-01)
 
 

package/components/lcb-map/lcb-map.vue

@@ -3,8 +3,6 @@
   <view class="flex-col flex w-full" :style="{ height }" v-if="height">
     <view class="flex-1 h-0 relative">
       <map
-        :latitude="form.userLatitude"
-        :longitude="form.userLongitude"
         :markers="info.covers"
         show-location
         show-compass
@@ -20,7 +18,6 @@
         class="w-36rpx h-66rpx absolute left-0 top-0 m-auto bottom-0 right-0"
       />
       <!-- 重新定位到当前位置 -->
-
       <view class="absolute top-3 right-2 flex flex-col gap-2">
         <view
           v-for="item in mapTags"
@@ -84,7 +81,16 @@
 
 <script lang="ts" setup>
 import { FORM_KEY } from '@tplc/business/constants'
-import { reactive, inject, ref, useAttrs, watch, onMounted, getCurrentInstance } from 'vue'
+import {
+  reactive,
+  inject,
+  ref,
+  useAttrs,
+  watch,
+  onMounted,
+  getCurrentInstance,
+  onUnmounted,
+} from 'vue'
 import { getJsonFromStr, transformValueUnit } from '../../utils/transform'
 import { MapItem, MapMarker } from './types'
 import useAutoHeight from '../../hooks/useAutoHeight'
@@ -92,7 +98,6 @@ import { LcbListProps } from '@tplc/business/components/lcb-list/types'
 import { LcbListInfo } from '@tplc/business/components/lcb-list/api'
 import { debounce } from '@tplc/wot/components/common/util'
 import useLocation from '../../hooks/useLocation'
-import { nextTick } from 'process'
 const { height } = useAutoHeight()
 defineOptions({
   name: 'LcbMap',
@@ -131,6 +136,7 @@ const current = ref(0)
 const list = ref<MapItem[]>([])
 const mapScale = ref(14)
 const isConfig = ref(false)
+const currentScale = ref(14)
 
 const onTagClick = (value: string) => {
   if (props.mapTagMode === 'single') {
@@ -150,20 +156,26 @@ const onTagClick = (value: string) => {
 
 const getData = debounce(() => {
   mapContext.value?.getRegion({
-    async success(res) {
-      if (!res.southwest) return
-      const { data = [] } = (await uni.$lcb.http.post('/productInfoMap/list', {
-        ...props.baseParam,
-        ...form?.value,
-        mapScale: mapScale.value,
-        mapCornerLongitude: res.southwest.longitude,
-        mapCornerLatitude: res.southwest.latitude,
-        productTypeList: selectedTag.value.length ? selectedTag.value : undefined,
-      })) as {
-        data: MapItem[]
-      }
-      list.value = data as any
-      getCurrentData(data)
+    success({ southwest }) {
+      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 {
+            data: MapItem[]
+          }
+          list.value = data as any
+          getCurrentData(data)
+        },
+      })
     },
   })
 }, 50)
@@ -190,17 +202,21 @@ const getConfig = async () => {
     ...form?.value,
     ...getJsonFromStr(props.mapConfigParams),
   })
-  form.value.userLatitude = mapLatitude
-  form.value.userLongitude = mapLongitude
-  mapScale.value = scale
+  mapContext.value?.moveToLocation({
+    latitude: mapLatitude,
+    longitude: mapLongitude,
+  })
+  getData()
 }
 
 watch(
   () => userLatLon.value,
   async (val, old) => {
     if (!val || JSON.stringify(val) === JSON.stringify(old)) return
-    form.value.mapLatitude = val.latitude
-    form.value.mapLongitude = val.longitude
+    mapContext.value?.moveToLocation({
+      latitude: val.latitude,
+      longitude: val.longitude,
+    })
     form.value.userLongitude = val.longitude
     form.value.userLatitude = val.latitude
     if (!isConfig.value) {
@@ -213,7 +229,7 @@ watch(
   },
 )
 const getCurrentLocation = async () => {
-  getLocation(true)
+  mapContext.value?.moveToLocation({})
 }
 getLocation()
 const onRegionChange = (e: {
@@ -221,6 +237,7 @@ const onRegionChange = (e: {
   detail: {
     causedBy: string
     scale: number
+    gesture: boolean
     centerLocation: {
       latitude: number
       longitude: number
@@ -228,12 +245,8 @@ const onRegionChange = (e: {
   }
 }) => {
   if (e.type === 'end') {
-    if (e.detail.causedBy === 'drag') {
-      form.value.mapLatitude = e.detail.centerLocation.latitude
-      form.value.mapLongitude = e.detail.centerLocation.longitude
-    }
-
-    mapScale.value = e.detail.scale
+    getData()
+    currentScale.value = e.detail.scale
   }
 }
 const onCurrentChange = (p: number) => {
@@ -296,6 +309,10 @@ onMounted(() => {
   mapContext.value = uni.createMapContext('map', proxy)
   getData()
 })
+
+onUnmounted(() => {
+  mapContext.value = undefined
+})
 </script>
 <style lang="scss">
 .icon {
@@ -317,6 +334,7 @@ onMounted(() => {
   background-color: #fff;
   box-shadow: 0 0 10rpx 0 rgba(0, 0, 0, 0.1);
   font-size: 28rpx;
+
   &.map-tag-active {
     font-weight: 600;
     background-color: var(--wot-color-theme);

package/package.json

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