@tplc/business 0.4.195 → 0.4.196

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 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.196](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.4.195...v0.4.196) (2025-09-27)
+
+
+### ✨ Features | 新功能
+
+* tabs 支持修改字体粗细 大小 ([e82aae2](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/e82aae25719dcd3e00d57a1116f7a18f1d3de915))
+
 ### [0.4.195](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.98...v0.4.195) (2025-09-09)
 
 ### [0.4.194](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.193...v0.4.194) (2025-09-06)

package/action.d.ts

@@ -49,7 +49,7 @@ export interface LcbGlobal {
     mainConfig?: Record<string, any>
     otherConfig?: Record<string, any>
   }
-  messageStore?:() => {
+  messageStore?: () => {
     messageCount: number
     getCount: () => void
   }
@@ -73,3 +73,13 @@ global {
     $lcb: LcbGlobal
   }
 }
+
+export interface TextRenderViewItem {
+  items: {
+    content?: string
+    style?: Record<string, any>
+    link?: LcbActionViewProps
+    children?: TextRenderViewItem['items']
+  }[]
+  style?: Record<string, any>
+}

package/api/pay.ts

@@ -0,0 +1,59 @@
+// /api/productOrder/commitOrder
+export type CommitPageDetailParams = {
+  orderIndexToken?: string
+  userAddressId?: string
+  pointFlag?: boolean
+  useWalletPrice?: number
+  pickupInfo?: {
+    address: string
+    longitude: string
+    latitude: string
+    title: string
+    distance: number
+  }
+  orderType: string
+  /** 下单使用的积分数量 */
+  point?: number
+  /** 政府补贴 */
+  payType?: string
+  govVoucherId?: string
+  postageType?: number
+  /** 选择支付的钱包ID */
+  walletAccountId?: string
+  /** 平台优惠券 */
+  platformVoucherId?: string
+  orderNo?: string
+  /** 商家优惠券抵扣 */
+  merchantVoucherId?: string
+  productId?: string
+  toStoreFlag?: boolean
+  remark?: string
+  contactsPhone?: string
+  contactsName?: string
+  buyQuantity?: number
+  toStoreTime?: string
+  selectRemark?: string[]
+}
+/** 提交订单 */
+export const commitOrder = async (info: CommitPageDetailParams) => {
+  const data = await uni.$lcb.http.post<{
+    orderNo: string
+    paymentParams: any
+    wakePayment: boolean
+  }>('/productOrder/commitOrder', {
+    ...info,
+    paymentPlatform: 'wechat',
+    paymentType: 'JSAPI',
+  })
+  return data
+}
+/** 查询订单支付状态 */
+export const queryOrderPaymentStatus = async (orderNo: string) => {
+  const { data } = await uni.$lcb.http.post<{ status: number }>(
+    '/productOrder/queryOrderPaymentStatus',
+    {
+      orderNo,
+    },
+  )
+  return data
+}

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

@@ -0,0 +1,87 @@
+<template>
+  <wd-popup v-model="show" :z-index="1000" custom-class="!rounded-20rpx" closable>
+    <view
+      class="popup-view"
+      :style="{
+        width: '90vw',
+      }"
+    >
+      <view class="title">支付</view>
+      <view class="p-3">
+        <lcb-custom-content v-bind="dataInfo?.customContent" v-if="dataInfo?.customContent" />
+        <OrderPayment
+          v-model="form.payType"
+          :data="dataInfo?.commitPagePaymentMethod"
+          @onWalletPriceChange="onWalletPriceChange"
+        />
+      </view>
+      <view class="flex gap-5 mt-8">
+        <wd-button plain @click="onCancel">取消</wd-button>
+        <wd-button @click="pay" type="primary">支付</wd-button>
+      </view>
+    </view>
+  </wd-popup>
+</template>
+<script setup lang="ts">
+import { TextRenderViewItem } from '../../../../action'
+import usePay from '../../../../hooks/usePay'
+import { ref, watch } from 'vue'
+const form = ref({
+  payType: '',
+  useWalletPrice: 0,
+})
+
+const [pay] = usePay(() =>
+  uni.$lcb.http.post(props.submitRequestInfo.requestUrl, {
+    ...props.submitRequestInfo.requestParams,
+    ...form.value,
+  }),
+)
+
+const props = defineProps<{
+  requestInfo: {
+    requestUrl: string
+    requestParams: Record<string, any>
+  }
+  submitRequestInfo: {
+    requestUrl: string
+    requestParams: Record<string, any>
+  }
+}>()
+const show = defineModel({ default: false })
+const dataInfo = ref<{
+  commitPagePaymentMethod: any
+  customContent: TextRenderViewItem
+}>()
+watch(
+  () => show.value,
+  async (newVal) => {
+    if (newVal) {
+      const data = (await uni.$lcb.http.post(
+        props.requestInfo.requestUrl,
+        props.requestInfo.requestParams,
+      )) as any
+      dataInfo.value = data
+    }
+  },
+)
+const onWalletPriceChange = (useWalletPrice: number) => {
+  form.value.useWalletPrice = useWalletPrice
+}
+const onCancel = () => {
+  show.value = false
+}
+</script>
+<style lang="scss" scoped>
+.popup-view {
+  .title {
+    position: relative;
+    font-size: 32rpx;
+    font-weight: 500;
+    line-height: 96rpx;
+    text-align: center;
+    border-radius: 20rpx;
+    box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(243, 245, 249, 0.94);
+  }
+}
+</style>

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

@@ -53,12 +53,14 @@
     </view>
   </wd-popup>
   <SharePopup v-model="showPoster" :params="requestParam" />
+  <PayPopup v-model="showPay" :requestInfo="requestInfo" :submitRequestInfo="submitRequestInfo" />
 </template>
 
 <script setup lang="ts">
 import { computed, ref, inject, Ref, onMounted } from 'vue'
 import { jumpTypeMap, LcbActionViewProps } from './types'
 import { uploadFile } from '../../hooks/useUpload'
+import PayPopup from './components/PayPopup/index.vue'
 import { getFinalUrl, onPageScrollSelector, getExposed, getCurrentPage } from '../../utils/utils'
 import SharePopup from '../lcb-nav/SharePopup/index.vue'
 import { useTranslate } from '@tplc/wot'
@@ -87,6 +89,7 @@ const emits = defineEmits<{
   (e: 'loginOut', value: void): void
 }>()
 const templateMessageList = ref<TemplateMessage[]>([])
+const showPay = ref(false)
 const routeFullPath = ref('')
 onMounted(async () => {
   if (getJumpType(props.jumpType) === 142 && 'events' in props && props.events) {
@@ -295,6 +298,9 @@ const onActionClick = async () => {
         })
       }
       break
+    case 144:
+      showPay.value = true
+      break
     default:
       emits('click', props)
       break

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

@@ -61,10 +61,21 @@ export type LcbActionViewProps = {
       requestInfo?: {
         requestUrl: string
         requestParams: Record<string, any>
-        /** 请求之后刷新schemapage */
         refreshSchemaPage?: boolean
       }
     }
+  | {
+      jumpType: 144
+      requestInfo?: {
+        requestUrl: string
+        requestParams: Record<string, any>
+        refreshSchemaPage?: boolean
+      }
+      submitRequestInfo?: {
+        requestUrl: string
+        requestParams: Record<string, any>
+      }
+    }
   | {
       jumpType: 105
       addressInfo?: {
@@ -122,4 +133,5 @@ export const jumpTypeMap = {
   imagePreview: 107,
   qrCode: 141,
   templateMessage: 142,
+  'mixture-pay': 144,
 }

package/components/lcb-custom-content/lcb-custom-content.vue

@@ -0,0 +1,30 @@
+<template>
+  <view :style="customStyle || { display: 'flex', flexDirection: 'row', alignItems: 'center' }">
+    <block v-for="(item, index) in items" :key="index">
+      <lcb-action-view :custom-style="item.style" v-bind="item.link" v-if="item.link">
+        {{ item.content }}
+      </lcb-action-view>
+      <TextRenderView v-else-if="item.children" :items="item.children" :customStyle="item.style" />
+      <view :style="item.style" v-else>
+        {{ item.content }}
+      </view>
+    </block>
+  </view>
+</template>
+<script setup lang="ts">
+import type { TextRenderViewItem } from '../../action'
+
+defineOptions({
+  name: 'LcbCustomContent',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+defineProps<
+  TextRenderViewItem & {
+    customStyle?: Record<string, any>
+  }
+>()
+</script>

package/components/lcb-custom-content/types.ts

@@ -0,0 +1,3 @@
+export interface LcbCustomContentProps {
+  // Define the component's prop types here
+}

package/global.d.ts

@@ -15,6 +15,7 @@ declare module 'vue' {
     'lcb-calendar-filter': (typeof import('@tplc/business/components/lcb-calendar-filter/lcb-calendar-filter.vue'))['default']
     'lcb-calendar-search': (typeof import('@tplc/business/components/lcb-calendar-search/lcb-calendar-search.vue'))['default']
     'lcb-city-select': (typeof import('@tplc/business/components/lcb-city-select/lcb-city-select.vue'))['default']
+    'lcb-custom-content': (typeof import('@tplc/business/components/lcb-custom-content/lcb-custom-content.vue'))['default']
     'lcb-dynamic-data': (typeof import('@tplc/business/components/lcb-dynamic-data/lcb-dynamic-data.vue'))['default']
     'lcb-fab': (typeof import('@tplc/business/components/lcb-fab/lcb-fab.vue'))['default']
     'lcb-filter-grid': (typeof import('@tplc/business/components/lcb-filter-grid/lcb-filter-grid.vue'))['default']

package/hooks/usePay.ts

@@ -0,0 +1,57 @@
+import { commitOrder, queryOrderPaymentStatus, type CommitPageDetailParams } from '../api/pay'
+import { onPageHide } from '@dcloudio/uni-app'
+import { IResData } from '../action'
+import { ref } from 'vue'
+import { useRequest } from 'vue-hooks-plus'
+
+const usePay = (
+  fun?: (data: unknown) => Promise<IResData<any>>,
+  queryStatusFun?: (orderNo: string) => Promise<any>,
+) => {
+  const successFun = ref()
+  const { runAsync, cancel } = useRequest(queryStatusFun || queryOrderPaymentStatus, {
+    manual: true,
+    pollingInterval: 1000,
+    onSuccess: ({ status }) => {
+      if (status === 1) {
+        uni.hideLoading()
+        cancel()
+        successFun.value?.()
+      }
+    },
+  })
+  const pay = async (
+    data: CommitPageDetailParams,
+    options?: {
+      onSuccess?: () => void
+      onError?: () => void
+    },
+  ) => {
+    const {
+      data: { orderNo, paymentParams, wakePayment },
+    } = await (fun || commitOrder)(data)
+    if (!wakePayment) {
+      options?.onSuccess?.()
+      runAsync(orderNo)
+      return
+    }
+    successFun.value = options?.onSuccess
+    uni.requestPayment({
+      provider: 'wxpay',
+      ...paymentParams,
+      success: () => {
+        uni.showLoading({
+          title: 'loading...',
+          mask: true,
+        })
+        runAsync(orderNo)
+      },
+      fail: options?.onError,
+    })
+  }
+  onPageHide(() => {
+    cancel?.()
+  })
+  return [pay]
+}
+export default usePay

package/package.json

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

package/types/api/pay.d.ts

@@ -0,0 +1,47 @@
+export type CommitPageDetailParams = {
+  orderIndexToken?: string
+  userAddressId?: string
+  pointFlag?: boolean
+  useWalletPrice?: number
+  pickupInfo?: {
+    address: string
+    longitude: string
+    latitude: string
+    title: string
+    distance: number
+  }
+  orderType: string
+  /** 下单使用的积分数量 */
+  point?: number
+  /** 政府补贴 */
+  payType?: string
+  govVoucherId?: string
+  postageType?: number
+  /** 选择支付的钱包ID */
+  walletAccountId?: string
+  /** 平台优惠券 */
+  platformVoucherId?: string
+  orderNo?: string
+  /** 商家优惠券抵扣 */
+  merchantVoucherId?: string
+  productId?: string
+  toStoreFlag?: boolean
+  remark?: string
+  contactsPhone?: string
+  contactsName?: string
+  buyQuantity?: number
+  toStoreTime?: string
+  selectRemark?: string[]
+}
+/** 提交订单 */
+export declare const commitOrder: (info: CommitPageDetailParams) => Promise<
+  import('../action').IResData<{
+    orderNo: string
+    paymentParams: any
+    wakePayment: boolean
+  }>
+>
+/** 查询订单支付状态 */
+export declare const queryOrderPaymentStatus: (orderNo: string) => Promise<{
+  status: number
+}>

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

@@ -0,0 +1,44 @@
+declare let __VLS_typeProps: {
+  requestInfo: {
+    requestUrl: string
+    requestParams: Record<string, any>
+  }
+  submitRequestInfo: {
+    requestUrl: string
+    requestParams: Record<string, any>
+  }
+}
+type __VLS_PublicProps = {
+  modelValue?: any
+} & typeof __VLS_typeProps
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<__VLS_PublicProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    'update:modelValue': (modelValue: any) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    'onUpdate:modelValue'?: ((modelValue: any) => 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/lcb-action-view.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_component: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   any,
-  {} | {} | {} | {} | {} | {} | {} | {},
+  {} | {} | {} | {} | {} | {} | {} | {} | {},
   {}
 >
 declare const _default: __VLS_WithTemplateSlots<

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

@@ -58,10 +58,21 @@ export type LcbActionViewProps = {
       requestInfo?: {
         requestUrl: string
         requestParams: Record<string, any>
-        /** 请求之后刷新schemapage */
         refreshSchemaPage?: boolean
       }
     }
+  | {
+      jumpType: 144
+      requestInfo?: {
+        requestUrl: string
+        requestParams: Record<string, any>
+        refreshSchemaPage?: boolean
+      }
+      submitRequestInfo?: {
+        requestUrl: string
+        requestParams: Record<string, any>
+      }
+    }
   | {
       jumpType: 105
       addressInfo?: {
@@ -117,4 +128,5 @@ export declare const jumpTypeMap: {
   imagePreview: number
   qrCode: number
   templateMessage: number
+  'mixture-pay': number
 }

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

@@ -64,8 +64,8 @@ declare const __VLS_component: import('vue').DefineComponent<
   import('vue').ComponentOptionsMixin,
   {
     'update:modelValue': (modelValue: number[]) => void
-    confirm: (...args: any[]) => void
     cancel: (...args: any[]) => void
+    confirm: (...args: any[]) => void
     open: (...args: any[]) => void
   },
   string,

package/types/components/lcb-custom-content/lcb-custom-content.vue.d.ts

@@ -0,0 +1,40 @@
+import type { TextRenderViewItem } from '../../action'
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<
+    TextRenderViewItem & {
+      customStyle?: Record<string, any>
+    }
+  >,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {},
+  string,
+  import('vue').PublicProps,
+  Readonly<
+    import('vue').ExtractPropTypes<
+      __VLS_TypePropsToOption<
+        TextRenderViewItem & {
+          customStyle?: Record<string, any>
+        }
+      >
+    >
+  >,
+  {},
+  {}
+>
+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-list/lcb-list.vue.d.ts

@@ -65,8 +65,8 @@ declare const __VLS_component: import('vue').DefineComponent<
     imageWidth: number
     borderRadius: number
     imageHeight: number
-    dynamicScope: string
     border: boolean
+    dynamicScope: string
     itemVerticalPadding: number
     itemHorizontalPadding: number
     listType: 'list' | 'horizontal' | 'grid' | 'waterfall'

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

@@ -276,6 +276,84 @@ declare const _default: import('vue').DefineComponent<
         >
       >
     >
+  | Readonly<
+      import('vue').ExtractPropTypes<
+        __VLS_WithDefaults<
+          __VLS_TypePropsToOption<
+            {
+              placeholder?: string
+              icon?: string
+              url?: string
+              iconSize?: string
+              borderWidth?: number
+              iconColor?: string
+              gap?: number
+              link?: import('../lcb-action-view/types').LcbActionViewProps
+              iconType?: 'icon' | 'img'
+              mode?: 'search' | 'link'
+              productTypeList?: string[]
+              city?: boolean
+              cityColor?: string
+              citySize?: number
+              cityIconSize?: number
+              cityIconColor?: string
+              lineColor?: string
+              lineWidth?: number
+              linePadding?: number
+              lineHeight?: number
+              historyKey?: string
+              showCancel?: boolean
+              initFocus?: boolean
+              blockBackground?: string
+            } & {
+              jumpUrl?: string
+              urlParams?: string
+              customClass?: string
+              customStyle?: import('vue').StyleValue
+              renderMode?: 'view' | 'button'
+              autoJumpSecond?: number
+            } & {
+              jumpType: 144
+              requestInfo?: {
+                requestUrl: string
+                requestParams: Record<string, any>
+                refreshSchemaPage?: boolean
+              }
+              submitRequestInfo?: {
+                requestUrl: string
+                requestParams: Record<string, any>
+              }
+            } & import('../lcb-block/types').LcbBlockProps
+          >,
+          {
+            placeholder: string
+            iconSize: string
+            borderWidth: number
+            color: string
+            iconColor: string
+            gap: number
+            paddingVertical: number
+            marginHorizontal: number
+            cityColor: string
+            citySize: number
+            cityIconSize: number
+            radius: number
+            paddingHorizontal: number
+            borderColor: string
+            cityIconColor: string
+            lineColor: string
+            lineWidth: number
+            linePadding: number
+            lineHeight: number
+            iconType: string
+            mode: string
+            fontSize: number
+            initFocus: boolean
+            showCancel: boolean
+          }
+        >
+      >
+    >
   | Readonly<
       import('vue').ExtractPropTypes<
         __VLS_WithDefaults<
@@ -815,6 +893,32 @@ declare const _default: import('vue').DefineComponent<
       showCancel: boolean
       initFocus: boolean
     }
+  | {
+      mode: 'search' | 'link'
+      color: string
+      lineHeight: number
+      radius: number
+      iconSize: string
+      iconColor: string
+      marginHorizontal: number
+      paddingHorizontal: number
+      paddingVertical: number
+      fontSize: number
+      borderColor: string
+      borderWidth: number
+      gap: number
+      placeholder: string
+      lineWidth: number
+      iconType: 'icon' | 'img'
+      cityColor: string
+      citySize: number
+      cityIconSize: number
+      cityIconColor: string
+      lineColor: string
+      linePadding: number
+      showCancel: boolean
+      initFocus: boolean
+    }
   | {
       mode: 'search' | 'link'
       color: string

package/types/hooks/usePay.d.ts

@@ -0,0 +1,13 @@
+import { type CommitPageDetailParams } from '../api/pay'
+import { IResData } from '../action'
+declare const usePay: (
+  fun?: (data: unknown) => Promise<IResData<any>>,
+  queryStatusFun?: (orderNo: string) => Promise<any>,
+) => ((
+  data: CommitPageDetailParams,
+  options?: {
+    onSuccess?: () => void
+    onError?: () => void
+  },
+) => Promise<void>)[]
+export default usePay