@tplc/business 0.4.200 → 0.5.1

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 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.5.1](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.4.201...v0.5.1) (2025-09-28)
+
+### [0.4.201](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.4.195...v0.4.201) (2025-09-28)
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **release:** 0.4.196 ([c7c1a13](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/c7c1a130bc26b271280bcf19f8b4949fd773bc5b))
+* **release:** 0.4.197 ([429c906](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/429c90628fa1c64696d8586f906f938cb2ff3363))
+* **release:** 0.4.198 ([1966d27](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/1966d27bdfda3840bfb573cb5073c1148e85dd2d))
+* **release:** 0.4.199 ([214449b](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/214449b823499bd37a5ba542ef79b4268e0cf7d7))
+* **release:** 0.4.200 ([e003377](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/e0033779a16d9bf0da645d8c8be603064efbe58d))
+
+
+### ✨ Features | 新功能
+
+* tabs 支持修改字体粗细 大小 ([e82aae2](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/e82aae25719dcd3e00d57a1116f7a18f1d3de915))
+* 支持 ([de0836a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/de0836a947e8afdffd087dabe3f1aea24a04e83c))
+
 ### [0.4.200](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.4.199...v0.4.200) (2025-09-27)
 
 ### [0.4.199](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.4.198...v0.4.199) (2025-09-27)

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

@@ -7,17 +7,18 @@
       }"
     >
       <view class="title">支付</view>
-      <view class="p-3">
+      <view class="p-3 gap-3 flex flex-col">
         <lcb-custom-content v-bind="dataInfo?.customContent" v-if="dataInfo?.customContent" />
-        <OrderPayment
+        <lcb-order-payment
           v-model="form.payType"
           :data="dataInfo?.commitPagePaymentMethod"
           @onWalletPriceChange="onWalletPriceChange"
+          v-if="dataInfo?.commitPagePaymentMethod"
         />
-      </view>
-      <view class="flex gap-5 mt-8">
-        <wd-button plain @click="onCancel">取消</wd-button>
-        <wd-button @click="pay" type="primary">支付</wd-button>
+        <view class="flex gap-5 mt-4">
+          <wd-button plain @click="onCancel">取消</wd-button>
+          <wd-button @click="pay" type="primary">支付</wd-button>
+        </view>
       </view>
     </view>
   </wd-popup>
@@ -28,7 +29,9 @@ import usePay from '../../../../hooks/usePay'
 import { ref, watch } from 'vue'
 const form = ref({
   payType: '',
-  useWalletPrice: 0,
+  useWalletPrice: 84,
+  toStoreFlag: false,
+  walletAccountId: '' as string | undefined,
 })
 
 const [pay] = usePay(() =>
@@ -38,6 +41,24 @@ const [pay] = usePay(() =>
   }),
 )
 
+watch(
+  () => form.value?.payType,
+  (val) => {
+    if (val) {
+      if (val === 'toStore') {
+        form.value.toStoreFlag = true
+        form.value.walletAccountId = undefined
+      } else if (val !== 'wechat') {
+        form.value.walletAccountId = val
+        form.value.toStoreFlag = false
+      } else {
+        form.value.walletAccountId = undefined
+        form.value.toStoreFlag = false
+      }
+    }
+  },
+)
+
 const props = defineProps<{
   requestInfo: {
     requestUrl: string
@@ -57,13 +78,17 @@ watch(
   () => show.value,
   async (newVal) => {
     if (newVal) {
-      const data = (await uni.$lcb.http.post(
+      const { data } = (await uni.$lcb.http.post(
         props.requestInfo.requestUrl,
         props.requestInfo.requestParams,
       )) as any
+      // form.value.payType = data.commitPagePaymentMethod.find((v) => v.defaultChecked)?.type
       dataInfo.value = data
     }
   },
+  {
+    immediate: true,
+  },
 )
 const onWalletPriceChange = (useWalletPrice: number) => {
   form.value.useWalletPrice = useWalletPrice

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

@@ -52,6 +52,12 @@
       </view>
     </view>
   </wd-popup>
+  <PayPopup
+    v-model="showPay"
+    :requestInfo="requestInfo"
+    :submitRequestInfo="submitRequestInfo"
+    v-if="[144].includes(getJumpType(jumpType)) && showPay"
+  />
   <SharePopup v-model="showPoster" :params="requestParam" />
 </template>
 
@@ -64,6 +70,7 @@ import SharePopup from '../lcb-nav/SharePopup/index.vue'
 import { 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'
 const { translate } = useTranslate()
 defineOptions({
   name: 'LcbActionView',
@@ -78,6 +85,7 @@ const props = defineProps<LcbActionViewProps>()
 const basicInfo = inject(USER_BASIC_INFO, {}) as unknown as Ref<Record<string, any>>
 const pageInfo = inject(PAGE_PROVIDE_KEY) as unknown as Ref<Record<string, any>>
 const showPoster = ref(false)
+const showPay = ref(false)
 const emits = defineEmits<{
   (e: 'phone', value: { detail: { errMsg: string; encryptedData: string; iv: string } }): void
   (e: 'avatar', value: string): void
@@ -295,6 +303,9 @@ const onActionClick = async () => {
         })
       }
       break
+    case 144:
+      showPay.value = true
+      break
     default:
       emits('click', props)
       break

package/components/lcb-order-payment/lcb-order-payment.vue

@@ -0,0 +1,178 @@
+<template>
+  <view class="pay-group">
+    <wd-radio-group v-model="groupValue">
+      <block v-for="item in data" :key="item.title">
+        <wd-radio :value="item.type" shape="dot" cell v-if="!(item.content || item.items)">
+          <view class="flex">
+            <wd-img
+              :src="item.icon"
+              width="36rpx"
+              height="36rpx"
+              radius="8rpx"
+              custom-class="mr-18rpx"
+              v-if="item.icon"
+            />
+            <view>
+              {{ item.title }}
+            </view>
+          </view>
+        </wd-radio>
+        <view v-else>
+          <wd-cell>
+            <template #title>
+              <view class="flex items-center">
+                <wd-img
+                  :src="item.icon"
+                  width="36rpx"
+                  height="36rpx"
+                  radius="8rpx"
+                  custom-class="mr-18rpx"
+                  v-if="item.icon"
+                />
+                <view>
+                  {{ item.title }}
+                </view>
+                <text class="text-primary text-2.5 ml-1" v-if="item.subTitle">
+                  {{ item.subTitle }}
+                </text>
+              </view>
+            </template>
+          </wd-cell>
+          <view class="ml-56rpx flex flex-col gap-3">
+            <wd-radio
+              v-for="child in item.content || item.items"
+              :key="child.walletAccountId"
+              :value="child.walletAccountId"
+              shape="dot"
+              cell
+            >
+              <view class="flex items-center w-full">
+                <view class="break-all text-start">{{ child.name }}</view>
+                <lcb-action-view v-bind="child.link" custom-class="flex-shrink-0" v-if="child.link">
+                  <view class="flex items-center text-primary text-3 ml-3">
+                    {{ t('充值') }}
+                    <wd-icon name="xiangyou" class-prefix="lcb" size="24rpx" />
+                  </view>
+                </lcb-action-view>
+                <view class="flex-1"></view>
+                <template v-if="child.useWalletPrice">
+                  <view>{{ child.walletEditTip }}{{ child.useWalletPrice }}</view>
+                  <view
+                    class="text-end text-primary mr-3 ml-1"
+                    @click.stop="
+                      onModifyPrice(child.useWalletPrice || 0, child.usableWalletPrice || 0)
+                    "
+                  >
+                    修改
+                  </view>
+                </template>
+              </view>
+            </wd-radio>
+          </view>
+        </view>
+      </block>
+    </wd-radio-group>
+    <wd-message-box />
+  </view>
+</template>
+
+<script lang="ts" setup>
+import type { LcbOrderPaymentProps } from './types'
+import { useMessage, useTranslate } from '@tplc/wot'
+import { ref, watch, onMounted } from 'vue'
+const { translate: t } = useTranslate()
+defineOptions({
+  name: 'OrderPayment',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const props = defineProps<LcbOrderPaymentProps>()
+const emits = defineEmits(['onWalletPriceChange'])
+const payType = defineModel<string>()
+const groupValue = ref(payType.value)
+const message = useMessage()
+watch(
+  () => payType.value,
+  (val) => {
+    groupValue.value = val
+  },
+)
+watch(
+  () => groupValue.value,
+  (val) => {
+    payType.value = val
+  },
+)
+onMounted(() => {
+  for (let i = 0; i < (props.data?.length || 0); i++) {
+    const item = props.data![i]
+    if (item.content || item.items) {
+      const defaultChild = (item.content || item.items)?.find((child) => child.defaultChecked)
+      if (defaultChild) {
+        groupValue.value = defaultChild.walletAccountId
+        break
+      }
+    }
+    if (item.defaultChecked) {
+      groupValue.value = item.type
+      break
+    }
+  }
+})
+const onModifyPrice = (price: number, max: number) => {
+  message
+    .prompt({
+      title: '请输入金额',
+      inputValue: price,
+      inputType: 'number',
+      inputPlaceholder: `金额`,
+      beforeConfirm: ({ resolve, value }) => {
+        const num = Number(value)
+        if (num > max) {
+          uni.showToast({
+            title: `最多${max}元`,
+            icon: 'none',
+          })
+          resolve(false)
+        } else if (`${value}`.split('.')[1]?.length > 2) {
+          uni.showToast({
+            title: '最多两位小数',
+            icon: 'none',
+          })
+          resolve(false)
+        } else {
+          resolve(true)
+        }
+      },
+    })
+    .then((resp) => {
+      if (resp.action === 'confirm') {
+        emits('onWalletPriceChange', Number(resp.value))
+      }
+    })
+}
+</script>
+<style lang="scss">
+.pay-group {
+  :deep(.wd-radio-group) {
+    display: flex;
+    flex-direction: column;
+    gap: 24rpx;
+  }
+  :deep(.wd-radio) {
+    padding: 0 !important;
+    .wd-radio__label {
+      flex: 1;
+    }
+  }
+  :deep(.wd-cell) {
+    padding: 0px !important;
+    .wd-cell__wrapper {
+      padding: 0px !important;
+    }
+  }
+}
+</style>

package/components/lcb-order-payment/types.ts

@@ -0,0 +1,31 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
+export interface ChildDetail {
+  walletAccountId: string
+  name: string
+  title: string
+  link: LcbActionViewProps
+  defaultChecked?: boolean
+  content: string
+  useWalletPrice?: number
+  usableWalletPrice?: number
+  walletEditTip?: string
+}
+
+export interface ChildContent {
+  title: string
+  price?: number
+  type: string
+  icon?: string
+  subTitle: string
+  defaultChecked?: boolean
+  button: {
+    name: string
+    link: LcbActionViewProps
+  }
+  content?: ChildDetail[]
+  intro?: string
+  items?: ChildDetail[]
+}
+export interface LcbOrderPaymentProps {
+  data: ChildContent[]
+}

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']
@@ -30,6 +31,7 @@ declare module 'vue' {
     'lcb-nav': (typeof import('@tplc/business/components/lcb-nav/lcb-nav.vue'))['default']
     'lcb-notice': (typeof import('@tplc/business/components/lcb-notice/lcb-notice.vue'))['default']
     'lcb-operation-actions': (typeof import('@tplc/business/components/lcb-operation-actions/lcb-operation-actions.vue'))['default']
+    'lcb-order-payment': (typeof import('@tplc/business/components/lcb-order-payment/lcb-order-payment.vue'))['default']
     'lcb-particulars': (typeof import('@tplc/business/components/lcb-particulars/lcb-particulars.vue'))['default']
     'lcb-poster': (typeof import('@tplc/business/components/lcb-poster/lcb-poster.vue'))['default']
     'lcb-product': (typeof import('@tplc/business/components/lcb-product/lcb-product.vue'))['default']
@@ -50,7 +52,6 @@ declare module 'vue' {
     'lcb-waterfall': (typeof import('@tplc/business/components/lcb-waterfall/lcb-waterfall.vue'))['default']
     'lcb-wrapper-item': (typeof import('@tplc/business/components/lcb-wrapper-item/lcb-wrapper-item.vue'))['default']
     'lcb-wrapper-list': (typeof import('@tplc/business/components/lcb-wrapper-list/lcb-wrapper-list.vue'))['default']
-    'lcb-custom-content': (typeof import('@tplc/business/components/lcb-custom-content/lcb-custom-content.vue'))['default']
   }
 }
 

package/package.json

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

package/types/components/lcb-order-payment/lcb-order-payment.vue.d.ts

@@ -0,0 +1,38 @@
+import type { LcbOrderPaymentProps } from './types'
+declare let __VLS_typeProps: LcbOrderPaymentProps
+type __VLS_PublicProps = {
+  modelValue?: string
+} & typeof __VLS_typeProps
+declare const _default: import('vue').DefineComponent<
+  __VLS_TypePropsToOption<__VLS_PublicProps>,
+  {},
+  unknown,
+  {},
+  {},
+  import('vue').ComponentOptionsMixin,
+  import('vue').ComponentOptionsMixin,
+  {
+    'update:modelValue': (modelValue: string) => void
+    onWalletPriceChange: (...args: any[]) => void
+  },
+  string,
+  import('vue').PublicProps,
+  Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    'onUpdate:modelValue'?: ((modelValue: string) => any) | undefined
+    onOnWalletPriceChange?: ((...args: 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-order-payment/types.d.ts

@@ -0,0 +1,30 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
+export interface ChildDetail {
+  walletAccountId: string
+  name: string
+  title: string
+  link: LcbActionViewProps
+  defaultChecked?: boolean
+  content: string
+  useWalletPrice?: number
+  usableWalletPrice?: number
+  walletEditTip?: string
+}
+export interface ChildContent {
+  title: string
+  price?: number
+  type: string
+  icon?: string
+  subTitle: string
+  defaultChecked?: boolean
+  button: {
+    name: string
+    link: LcbActionViewProps
+  }
+  content?: ChildDetail[]
+  intro?: string
+  items?: ChildDetail[]
+}
+export interface LcbOrderPaymentProps {
+  data: ChildContent[]
+}