@tplc/business 0.7.71 → 0.7.72

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 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.7.72](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.69...v0.7.72) (2026-01-17)
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-order-payment:** simplify openInsteadPopup function and improve item handling ([5fdd2b6](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/5fdd2b6d6339e9c5fa5cd4affa06eb9ed1908443))
+* **types:** remove unused type definitions and clean up component type files for better maintainability ([923135e](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/923135ebed7bcbee56deb891cdbc42206cb40b2a))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.7.70 ([993f445](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/993f4459a619742ee76b4774d7a565934fc2153f))
+* **release:** 0.7.71 ([5b32edb](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/5b32edbe244e09f8de16e6d8ea40d1b174e1f442))
+* Remove numerous TypeScript declaration files and update the `lcb-order-payment` component. ([c4860c8](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/c4860c866b272f26b5da30e0b5688bb7fae9dd57))
+
+
+### ✨ Features | 新功能
+
+* Add multiple new LCB component demo pages, update routing and types, and enhance the LCB search demo with new attributes. ([dae3560](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/dae3560de985f84e888e5ac18ba0960941e1aa7c))
+* **lcb-action-view:** add language selection feature to action view component ([42402c4](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/42402c41de1bba1b26e37155cf462f27bc4a0528))
+* Update PayPopup z-index, enhance LcbListProps with tagPosition, and improve lcb-map layout and loading handling ([6b04414](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/6b044148a01f929804259298c3206849121dfa71))
+
 ### [0.7.71](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.70...v0.7.71) (2026-01-15)
 
 

package/components/lcb-action-view/components/MemberRolePopup/api.ts

@@ -0,0 +1,22 @@
+/** 会员角色 */
+export interface UserVipRole {
+  userLevelRoleId: string
+  levelRoleName: string
+  levelRoleNameEn: string
+  levelRoleImg: string
+  content: string
+  addition?: string
+  additionConfig?: string
+  subTitle?: string
+  title?: string
+  levelRoleType?: number
+  levelRoleTypeName?: string
+}
+
+/** 获取会员角色列表 */
+export const getUserVipRole = () =>
+  uni.$lcb.http.post<UserVipRole[]>('/userLevelRole/list', {}, true)
+
+/** 选择会员角色 */
+export const userPointChooseRole = (params: { userLevelRoleId: string }) =>
+  uni.$lcb.http.post('/userLevelRole/chooseRole', params, true)

package/components/lcb-action-view/components/MemberRolePopup/index.vue

@@ -0,0 +1,174 @@
+<template>
+  <wd-popup
+    v-model="show"
+    position="center"
+    :close-on-click-modal="false"
+    custom-style="background: transparent;"
+  >
+    <view class="member-role-box text-white text-center w-full relative">
+      <!-- 关闭按钮 -->
+      <view class="absolute top-20rpx right-20rpx z-10 w-60rpx h-60rpx" @click="close">
+        <wd-icon name="close" size="40rpx" color="#fff" />
+      </view>
+
+      <!-- 标题 -->
+      <view class="text-40rpx font-bold mb-12rpx">选择角色</view>
+      <view class="text-24rpx mb-50rpx">左右滑动选择角色</view>
+
+      <!-- 角色轮播 -->
+      <view class="swiper-box relative h-500rpx mb-80rpx">
+        <swiper
+          :current="currentIdx"
+          class="h-full"
+          @change="onChange"
+          :previous-margin="`200rpx`"
+          :next-margin="`200rpx`"
+        >
+          <swiper-item v-for="(item, idx) in roleList" :key="item.userLevelRoleId" class="w-300rpx">
+            <view class="relative h-full flex items-end justify-center w-full">
+              <wd-img
+                :src="item.levelRoleImg"
+                width="500rpx"
+                height="500rpx"
+                mode="aspectFit"
+                :customClass="`transition-all ${idx === currentIdx ? 'opacity-100 scale-100' : 'opacity-40 scale-70'}`"
+              />
+            </view>
+          </swiper-item>
+        </swiper>
+      </view>
+
+      <!-- 角色信息 -->
+      <view v-if="currentRole" class="px-40rpx">
+        <view class="text-40rpx font-bold mb-20rpx">{{ currentRole.levelRoleName }}</view>
+        <view
+          class="pager flex items-center justify-center rounded-full mx-auto mb-16rpx w-100rpx h-40rpx bg-white bg-opacity-20"
+        >
+          <text class="text-24rpx">{{ currentIdx + 1 }}/{{ roleList.length }}</text>
+        </view>
+        <view class="text-24rpx mb-20rpx">{{ currentRole.levelRoleNameEn }}</view>
+        <text class="text-24rpx text-center leading-24rpx whitespace-pre-line">
+          {{ currentRole.content }}
+        </text>
+
+        <!-- 确定按钮 -->
+        <wd-button
+          @click="showConfirm = true"
+          custom-class="!block !w-45 mt-4 !mx-auto"
+          type="info"
+        >
+          确定选择该角色
+        </wd-button>
+      </view>
+    </view>
+
+    <!-- 确认弹窗 -->
+    <wd-popup
+      v-model="showConfirm"
+      position="center"
+      :close-on-click-modal="false"
+      custom-class="!bg-transparent"
+    >
+      <view class="confirm-popup bg-white rounded-24rpx pb-30rpx w-550rpx">
+        <view class="pt-4 text-center text-36rpx font-bold mb-4">会员确认</view>
+        <view class="text-3.5 text-#333 px-60rpx text-center mb-4">
+          是否确认选择该会员角色？一旦确认，无法更改。
+        </view>
+        <view class="flex px-2 gap-3 box-border justify-center">
+          <wd-button @click="showConfirm = false" type="info">再看看</wd-button>
+          <wd-button @click="confirmRole" type="primary">确认</wd-button>
+        </view>
+      </view>
+    </wd-popup>
+  </wd-popup>
+</template>
+
+<script lang="ts" setup>
+import { getUserVipRole, userPointChooseRole, type UserVipRole } from './api'
+import { ref, computed, watch } from 'vue'
+
+defineOptions({
+  name: 'MemberRolePopup',
+})
+
+const show = defineModel<boolean>('show', { required: true })
+
+const currentIdx = ref(0)
+const showConfirm = ref(false)
+const roleList = ref<UserVipRole[]>([])
+const loading = ref(false)
+
+// 当前选中的角色
+const currentRole = computed(() => roleList.value[currentIdx.value])
+
+// 获取角色列表
+const fetchRoleList = async () => {
+  try {
+    loading.value = true
+    const { data } = await getUserVipRole()
+    roleList.value = data || []
+  } catch (error) {
+    console.error('获取角色列表失败:', error)
+    uni.showToast({
+      title: '获取角色列表失败',
+      icon: 'none',
+    })
+  } finally {
+    loading.value = false
+  }
+}
+
+// Swiper 改变
+const onChange = (e: any) => {
+  currentIdx.value = e.detail.current
+}
+
+// 确认选择角色
+const confirmRole = async () => {
+  if (!currentRole.value) return
+
+  try {
+    loading.value = true
+    await userPointChooseRole({ userLevelRoleId: currentRole.value.userLevelRoleId })
+    uni.showToast({
+      title: '选择成功',
+      icon: 'success',
+    })
+    showConfirm.value = false
+    show.value = false
+  } catch (error) {
+    console.error('选择角色失败:', error)
+    uni.showToast({
+      title: '选择角色失败',
+      icon: 'none',
+    })
+  } finally {
+    loading.value = false
+  }
+}
+
+// 关闭弹窗
+const close = () => {
+  show.value = false
+}
+
+// 监听弹窗打开，获取角色列表
+watch(show, (newVal) => {
+  if (newVal && roleList.value.length === 0) {
+    fetchRoleList()
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.member-role-box {
+  width: 100vw;
+  min-height: 80vh;
+}
+
+.swiper-box {
+  :deep(.swiper) {
+    height: 100%;
+  }
+}
+</style>

package/components/lcb-action-view/components/PayPopup/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <wd-popup v-model="show" :z-index="1000" custom-class="!rounded-20rpx" closable root-portal>
+  <wd-popup v-model="show" :z-index="2" custom-class="!rounded-20rpx" closable root-portal>
     <view
       class="popup-view"
       :style="{

package/components/lcb-action-view/lcb-action-view.vue

@@ -78,6 +78,7 @@
       v-if="['145'].includes(getJumpType(jumpType)) && showCustomPopup"
       :jumpUrl="jumpUrl"
     />
+    <MemberRolePopup v-model:show="showMemberRole" v-if="showMemberRole" />
   </view>
 </template>
 
@@ -88,10 +89,11 @@ import { uploadFile } from '../../hooks/useUpload'
 import { getFinalUrl, onPageScrollSelector, getExposed, getCurrentPage } from '../../utils/utils'
 import SharePopup from '../../components/lcb-nav/SharePopup/index.vue'
 import CustomPopup from './components/CustomPopup/index.vue'
-import { useTranslate } from '@tplc/wot'
+import { Locale, useTranslate } from '@tplc/wot'
 import { PAGE_PROVIDE_KEY, USER_BASIC_INFO } from '../../constants'
 import { getTemplateMessageList, TemplateMessage } from '../../api/user'
 import PayPopup from './components/PayPopup/index.vue'
+import MemberRolePopup from './components/MemberRolePopup/index.vue'
 const { translate } = useTranslate()
 defineOptions({
   name: 'LcbActionView',
@@ -107,6 +109,7 @@ const basicInfo = inject(USER_BASIC_INFO, {}) as unknown as Ref<Record<string, a
 const pageInfo = inject(PAGE_PROVIDE_KEY) as unknown as Ref<Record<string, any>>
 const showPoster = ref(false)
 const showPay = ref(false)
+const showMemberRole = ref(false)
 const emits = defineEmits<{
   (e: 'phone', value: { detail: { errMsg: string; encryptedData: string; iv: string } }): void
   (e: 'avatar', value: string): void
@@ -356,6 +359,21 @@ const onActionClick = async () => {
         fail: () => uni.navigateBack({}),
       })
       break
+    case '147':
+      uni.showActionSheet({
+        itemList: ['中文', '英文'],
+        success: (res) => {
+          if (res.tapIndex === 0) {
+            Locale.use('zh-CN')
+          } else {
+            Locale.use('en-US')
+          }
+        },
+      })
+      break
+    case '148':
+      showMemberRole.value = true
+      break
     default:
       emits('click', props)
       break

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

@@ -61,7 +61,8 @@ export type LcbActionViewProps = {
         | 104
         | 241
         | 143
-
+        | 147
+        | 148
       /** 小程序appid */
       jumpAppid?: string
 
@@ -140,4 +141,6 @@ export const jumpTypeMap = {
   'mixture-pay': 144,
   customPopup: 145,
   arScan: 146,
+  translate: 147,
+  memberRole: 148,
 }

package/components/lcb-list/types.ts

@@ -44,6 +44,7 @@ export interface LcbListProps extends LcbBlockProps {
   }[]
   mapTagMode?: 'single' | 'multiple'
   mapConfigParams?: string
+  tagPosition?: 'left' | 'right'
 }
 export interface Option {
   label: string

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

@@ -20,7 +20,10 @@
         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
+        class="absolute top-3 flex flex-col gap-2"
+        :class="tagPosition === 'left' ? 'left-2 ' : 'right-2'"
+      >
         <view
           v-for="item in mapTags"
           :key="item.value"
@@ -122,6 +125,7 @@ const { userLatLon, getLocation } = useLocation()
 const isLoading = ref(false)
 const props = withDefaults(defineProps<LcbListProps & LcbListInfo>(), {
   mapTagMode: 'multiple',
+  tagPosition: 'right',
 })
 const themeColor = inject('theme-color', '#3875FF')
 const callout: MapMarker['callout'] = {

package/hooks/usePay.ts

@@ -50,18 +50,21 @@ const usePay = (
       runAsync(orderNo)
       return
     }
+    uni.showLoading({
+      title: 'loading...',
+      mask: true,
+    })
     successFun.value = options?.onSuccess
     uni.requestPayment({
       provider: 'wxpay',
       ...paymentParams,
       success: () => {
-        uni.showLoading({
-          title: 'loading...',
-          mask: true,
-        })
         runAsync(orderNo)
       },
-      fail: options?.onError,
+      fail: () => {
+        options?.onError?.()
+        uni.hideLoading()
+      },
     })
   }
   onPageHide(() => {

package/package.json

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

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

@@ -0,0 +1,22 @@
+/** 会员角色 */
+export interface UserVipRole {
+  userLevelRoleId: string
+  levelRoleName: string
+  levelRoleNameEn: string
+  levelRoleImg: string
+  content: string
+  addition?: string
+  additionConfig?: string
+  subTitle?: string
+  title?: string
+  levelRoleType?: number
+  levelRoleTypeName?: string
+}
+/** 获取会员角色列表 */
+export declare const getUserVipRole: () => Promise<
+  import('../../../../action').IResData<UserVipRole[]>
+>
+/** 选择会员角色 */
+export declare const userPointChooseRole: (params: {
+  userLevelRoleId: string
+}) => Promise<import('../../../../action').IResData<unknown>>

package/types/components/lcb-action-view/components/MemberRolePopup/index.vue.d.ts

@@ -0,0 +1,34 @@
+type __VLS_PublicProps = {
+  show: boolean
+}
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<__VLS_PublicProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    'update:show': (show: boolean) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    'onUpdate:show'?: ((show: boolean) => any) | undefined
+  },
+  {},
+  {}
+>
+export default _default
+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-action-view/types.d.ts

@@ -59,6 +59,8 @@ export type LcbActionViewProps = {
         | 104
         | 241
         | 143
+        | 147
+        | 148
       /** 小程序appid */
       jumpAppid?: string
     }
@@ -133,4 +135,6 @@ export declare const jumpTypeMap: {
   'mixture-pay': number
   customPopup: number
   arScan: number
+  translate: number
+  memberRole: number
 }

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

@@ -101,6 +101,7 @@ declare const __VLS_component: import('vue').DefineComponent<
     }[]
     mapTagMode: 'single' | 'multiple'
     mapConfigParams: string
+    tagPosition: 'left' | 'right'
   },
   {}
 >

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

@@ -41,6 +41,7 @@ export interface LcbListProps extends LcbBlockProps {
   }[]
   mapTagMode?: 'single' | 'multiple'
   mapConfigParams?: string
+  tagPosition?: 'left' | 'right'
 }
 export interface Option {
   label: string

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

@@ -5,6 +5,7 @@ declare const _default: import('vue').DefineComponent<
     __VLS_TypePropsToOption<LcbListProps & LcbListInfo>,
     {
       mapTagMode: string
+      tagPosition: string
     }
   >,
   {},
@@ -22,12 +23,14 @@ declare const _default: import('vue').DefineComponent<
         __VLS_TypePropsToOption<LcbListProps & LcbListInfo>,
         {
           mapTagMode: string
+          tagPosition: string
         }
       >
     >
   >,
   {
     mapTagMode: 'single' | 'multiple'
+    tagPosition: 'left' | 'right'
   },
   {}
 >

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

@@ -113,6 +113,8 @@ declare const _default: import('vue').DefineComponent<
                 | 104
                 | 241
                 | 143
+                | 147
+                | 148
               jumpAppid?: string
             } & import('../lcb-block/types').LcbBlockProps
           >,