@tplc/business 0.4.177 → 0.4.178

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.178](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.177...v0.4.178) (2025-07-31)
+
+
+### ✨ Features | 新功能
+
+* list 支持调整样式 ([37bf166](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/37bf1660d5b2acc33ab794b6b0a4aa3a6e82fbb5))
+* 支持及定位 ([1f014bd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/1f014bdcd2ca74fe75fdb3833263fe64a77b6d5b))
+* 新增map ([aef14fd](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/aef14fd48ed636fcef128a52873b87ad6637e59f))
+
 ### [0.4.177](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.168...v0.4.177) (2025-07-30)
 
 

package/components/lcb-list/types.ts

@@ -36,6 +36,14 @@ export interface LcbListProps extends LcbBlockProps {
   tagSelectTextColor?: string
   tagSelectActiveBgColor?: string
   tagSelectActiveTextColor?: string
+
+  /** 地图标签 */
+  mapTags?: {
+    label: string
+    value: string
+  }[]
+  mapTagMode?: 'single' | 'multiple'
+  mapConfigParams?: Record<string, any>
 }
 export interface Option {
   label: string

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

@@ -9,7 +9,7 @@
         show-location
         show-compass
         show-scale
-        :scale="14"
+        :scale="mapScale"
         class="w-full h-full"
         id="map"
         @regionchange="onRegionChange"
@@ -19,8 +19,26 @@
         src="./images/2.png"
         class="w-36rpx h-66rpx absolute left-0 top-0 m-auto bottom-0 right-0"
       />
-
-      <view class="absolute bottom-0 left-0 p-3 box-border w-full h-fit" v-if="list[current]">
+      <!-- 重新定位到当前位置 -->
+      <view
+        class="absolute bottom-80 left-3 ox-border w-fit h-fit bg-white shadow-lg px-2 py-1 z-1 rounded-1 box-border text-2.5 text-center text-[var(--wot-color-theme)]"
+        @click="getCurrentLocation"
+      >
+        <wd-icon name="dingwei" class-prefix="lcb" />
+        <view class="mt-0.5 font-600">定位</view>
+      </view>
+      <view class="absolute top-3 right-2 flex flex-col gap-2">
+        <view
+          v-for="item in mapTags"
+          :key="item.value"
+          class="flex-center map-tag"
+          :class="{ 'map-tag-active': selectedTag.includes(item.value) }"
+          @click="onTagClick(item.value)"
+        >
+          {{ item.label }}
+        </view>
+      </view>
+      <view class="absolute bottom-0 left-0 py-3 px-4 box-border w-full h-fit" v-if="list[current]">
         <lcb-action-view v-bind="list[current].link">
           <lcb-product-item
             v-bind="{
@@ -40,17 +58,17 @@
         </lcb-action-view>
         <wd-icon
           class-prefix="lcb"
-          size="28"
+          size="32"
           name="youbian"
-          custom-class="icon right-0"
+          custom-class="icon right-1"
           @click="onCurrentChange(1)"
           v-if="list[current + 1]"
         />
         <wd-icon
           class-prefix="lcb"
-          size="28"
+          size="32"
           name="zuobian"
-          custom-class="icon left-0"
+          custom-class="icon left-1"
           @click="onCurrentChange(-1)"
           v-if="list[current - 1]"
         />
@@ -82,7 +100,9 @@ const attrs = useAttrs()
 const { proxy } = getCurrentInstance()!
 const mapContext = ref<UniApp.MapContext>()
 const { userLatLon, getLocation } = useLocation()
-const props = defineProps<LcbListProps & LcbListInfo>()
+const props = withDefaults(defineProps<LcbListProps & LcbListInfo>(), {
+  mapTagMode: 'multiple',
+})
 const themeColor = inject('theme-color', '#3875FF')
 const callout: MapMarker['callout'] = {
   content: '腾讯总部大楼',
@@ -96,21 +116,42 @@ const callout: MapMarker['callout'] = {
   bgColor: '#ffffff',
   color: themeColor,
 }
+const selectedTag = ref<string[]>([])
 const info = reactive({
   covers: [] as MapMarker[],
 })
 const form = inject<Record<string, any>>(FORM_KEY, {})
 const current = ref(0)
 const list = ref<MapItem[]>([])
+const mapScale = ref(14)
+const isConfig = ref(false)
+
+const onTagClick = (value: string) => {
+  if (props.mapTagMode === 'single') {
+    if (selectedTag.value.includes(value)) {
+      selectedTag.value = []
+    } else {
+      selectedTag.value = [value]
+    }
+    return
+  }
+  if (selectedTag.value.includes(value)) {
+    selectedTag.value = selectedTag.value.filter((item) => item !== value)
+  } else {
+    selectedTag.value = [...selectedTag.value, value]
+  }
+}
 
 const getData = debounce(() => {
   mapContext.value?.getRegion({
     async success(res) {
-      const { data = [] } = (await uni.$lcb.http.post('/productInfo/map', {
+      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[]
       }
@@ -119,21 +160,54 @@ const getData = debounce(() => {
     },
   })
 }, 50)
+watch(
+  () => selectedTag.value,
+  () => {
+    getData()
+  },
+  {
+    deep: true,
+  },
+)
+
+const getConfig = async () => {
+  isConfig.value = true
+  const {
+    data: { mapLatitude, mapLongitude, mapScale: scale },
+  } = await uni.$lcb.http.post<{
+    mapLatitude: number
+    mapLongitude: number
+    mapScale: number
+  }>('/productInfoMap/config', {
+    ...props.baseParam,
+    ...form?.value,
+    ...props.mapConfigParams,
+  })
+  form.value.userLatitude = mapLatitude
+  form.value.userLongitude = mapLongitude
+  mapScale.value = scale
+}
 
 watch(
   () => userLatLon.value,
-  (val) => {
-    if (!val) return
+  async (val, old) => {
+    if (!val || JSON.stringify(val) === JSON.stringify(old)) return
     form.value.mapLatitude = val.latitude
     form.value.mapLongitude = val.longitude
     form.value.userLongitude = val.longitude
     form.value.userLatitude = val.latitude
+    if (!isConfig.value) {
+      getConfig()
+    }
   },
   {
     immediate: true,
     deep: true,
   },
 )
+const getCurrentLocation = async () => {
+  getLocation(true)
+}
 getLocation()
 const onRegionChange = (e: {
   type: string
@@ -148,6 +222,7 @@ const onRegionChange = (e: {
   if (e.type === 'end') {
     form.value.mapLatitude = e.detail.centerLocation.latitude
     form.value.mapLongitude = e.detail.centerLocation.longitude
+    mapScale.value = e.detail.scale
   }
 }
 const onCurrentChange = (p: number) => {
@@ -211,7 +286,7 @@ onMounted(() => {
   getData()
 })
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .icon {
   position: absolute;
   top: 0;
@@ -220,4 +295,19 @@ onMounted(() => {
   margin: auto;
   color: #666;
 }
+.map-tag {
+  width: 140rpx;
+  text-align: center;
+  box-sizing: border-box;
+  border-radius: 30rpx;
+  padding: 12rpx 12rpx;
+  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);
+    color: #fff;
+  }
+}
 </style>

package/components/lcb-map/types.ts

@@ -1,5 +1,3 @@
-import { LcbActionViewProps } from '../lcb-action-view/types'
-
 export interface MapMarker {
   id: number
   name?: string
@@ -35,5 +33,5 @@ export interface MapItem {
   productName: string
   longitude: number
   productId: string
-  link: LcbActionViewProps
+  link: any
 }

package/package.json

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

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

@@ -89,6 +89,12 @@ declare const __VLS_component: import('vue').DefineComponent<
     wrapperBgColor: string
     wrapperTextColor: string
     hiddenBoxShadow: boolean
+    mapTags: {
+      label: string
+      value: string
+    }[]
+    mapTagMode: 'single' | 'multiple'
+    mapConfigParams: Record<string, any>
   },
   {}
 >

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

@@ -34,6 +34,13 @@ export interface LcbListProps extends LcbBlockProps {
   tagSelectTextColor?: string
   tagSelectActiveBgColor?: string
   tagSelectActiveTextColor?: string
+  /** 地图标签 */
+  mapTags?: {
+    label: string
+    value: string
+  }[]
+  mapTagMode?: 'single' | 'multiple'
+  mapConfigParams?: Record<string, any>
 }
 export interface Option {
   label: string

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

@@ -1,7 +1,12 @@
 import { LcbListProps } from '@tplc/business/components/lcb-list/types'
 import { LcbListInfo } from '@tplc/business/components/lcb-list/api'
 declare const _default: import('vue').DefineComponent<
-  __VLS_TypePropsToOption<LcbListProps & LcbListInfo>,
+  __VLS_WithDefaults<
+    __VLS_TypePropsToOption<LcbListProps & LcbListInfo>,
+    {
+      mapTagMode: string
+    }
+  >,
   {},
   unknown,
   {},
@@ -11,11 +16,34 @@ declare const _default: import('vue').DefineComponent<
   {},
   string,
   import('vue').PublicProps,
-  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LcbListProps & LcbListInfo>>>,
-  {},
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_WithDefaults<
+        __VLS_TypePropsToOption<LcbListProps & LcbListInfo>,
+        {
+          mapTagMode: string
+        }
+      >
+    >
+  >,
+  {
+    mapTagMode: 'single' | 'multiple'
+  },
   {}
 >
 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>

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

@@ -1,4 +1,3 @@
-import { LcbActionViewProps } from '../lcb-action-view/types'
 export interface MapMarker {
   id: number
   name?: string
@@ -33,5 +32,5 @@ export interface MapItem {
   productName: string
   longitude: number
   productId: string
-  link: LcbActionViewProps
+  link: any
 }

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

@@ -180,10 +180,10 @@ declare const _default: import('vue').DefineComponent<
     width: string | number
     height: string | number
     showScrollbar: boolean
-    columnCount: string | number
-    columnGap: string | number
     idKey: string
     addTime: number
+    columnCount: string | number
+    columnGap: string | number
     leftGap: string | number
     rightGap: string | number
   },