@tplc/business 0.7.20 → 0.7.22

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.7.22](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.21...v0.7.22) (2025-12-17)
+
+
+### ✨ Features | 新功能
+
+* 调整数据结构 ([b6f0d24](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/b6f0d24a26d3d4dbf05ca855ed687d6819eb7c0f))
+
+### [0.7.21](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.20...v0.7.21) (2025-12-17)
+
 ### [0.7.20](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.15...v0.7.20) (2025-12-17)
 
 

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

@@ -1,6 +1,6 @@
 <template>
   <view class="pay-group">
-    <wd-radio-group v-model="groupValue">
+    <wd-radio-group v-model="groupValue" @change="onChange">
       <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">
@@ -38,11 +38,11 @@
               </view>
             </template>
           </wd-cell>
-          <view class="ml-56rpx flex flex-col gap-3">
+          <view class="ml-56rpx flex flex-col gap-2">
             <wd-radio
               v-for="child in item.content || item.items"
               :key="child.payCardId"
-              :value="child.payCardId"
+              :value="`${item.type}-${child.payCardId}`"
               shape="dot"
               cell
             >
@@ -92,32 +92,40 @@ defineOptions({
 const props = defineProps<LcbOrderPaymentProps>()
 const emits = defineEmits(['onWalletPriceChange'])
 const payType = defineModel<string>()
-const groupValue = ref(payType.value)
+const payCardId = defineModel<string>('payCardId')
+const getGroupValue = (payType: string, payCardId: string) => {
+  return payType ? `${payType}${payCardId ? '-' + payCardId : ''}` : undefined
+}
+const groupValue = ref(getGroupValue(payType.value || '', payCardId.value || ''))
 const message = useMessage()
-watch(
-  () => payType.value,
-  (val) => {
-    groupValue.value = val
-  },
-)
-watch(
-  () => groupValue.value,
-  (val) => {
-    payType.value = val
-  },
-)
+// 同时监听payType payCardId俩个字段 来修改groupValue
+watch([payType, payCardId], ([newPayType, newPayCardId]) => {
+  groupValue.value = getGroupValue(newPayType || '', newPayCardId || '')
+})
+const onChange = ({ value }: { value: string }) => {
+  if (!value) {
+    payType.value = undefined
+    payCardId.value = undefined
+    return
+  }
+  const [newPayType, newPayCardId] = value.split('-')
+  payType.value = newPayType
+  payCardId.value = newPayCardId || undefined
+}
 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.payCardId
+        payCardId.value = defaultChild.payCardId
+        payType.value = item.type
         break
       }
     }
     if (item.defaultChecked) {
-      groupValue.value = item.type
+      payType.value = item.type
+      payCardId.value = undefined
       break
     }
   }
@@ -162,14 +170,18 @@ const onModifyPrice = (price: number, max: number) => {
     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;
     }

package/package.json

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

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

@@ -2,6 +2,7 @@ import type { LcbOrderPaymentProps } from './types'
 declare let __VLS_typeProps: LcbOrderPaymentProps
 type __VLS_PublicProps = {
   modelValue?: string
+  payCardId?: string
 } & typeof __VLS_typeProps
 declare const _default: import('vue').DefineComponent<
   __VLS_TypePropsToOption<__VLS_PublicProps>,
@@ -13,6 +14,7 @@ declare const _default: import('vue').DefineComponent<
   import('vue').ComponentOptionsMixin,
   {
     'update:modelValue': (modelValue: string) => void
+    'update:payCardId': (payCardId: string) => void
     onWalletPriceChange: (...args: any[]) => void
   },
   string,
@@ -20,6 +22,7 @@ declare const _default: import('vue').DefineComponent<
   Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
     'onUpdate:modelValue'?: ((modelValue: string) => any) | undefined
     onOnWalletPriceChange?: ((...args: any[]) => any) | undefined
+    'onUpdate:payCardId'?: ((payCardId: string) => any) | undefined
   },
   {},
   {}