@tplc/business 0.7.67 → 0.7.68

package/CHANGELOG.md

@@ -2,6 +2,39 @@
 
 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.68](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.27...v0.7.68) (2026-01-14)
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-calendar-search:** streamline placeholder styling by consolidating styles into a computed property ([d02956a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d02956a41847e799fafb932413450c195c1b4b69))
+* **types:** standardize type definitions and improve consistency across components ([227a8d9](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/227a8d9ee1c458f87916d28949513d68d808768c))
+
+
+### 🚀 Chore | 构建/工程依赖/工具
+
+* **docs:** update documentation for various components and add new entries to .gitignore ([dc265e8](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/dc265e89fa9a366abb4a93095b8c0a7668e8de2a))
+* **release:** 0.7.64 ([52d9fb9](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/52d9fb9331136cb654138898b54ff370716f71b2))
+* **release:** 0.7.65 ([d253971](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/d2539714a2378236ba05083e03e901f5623bcc91))
+* **release:** 0.7.66 ([05158f3](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/05158f3950da0fefba4a6b1dd2352725a75a0425))
+* **release:** 0.7.67 ([1d3d4ea](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/1d3d4ea8fd8018e6cd41fd754a0fd5375b9ee3ab))
+* **release:** 1.0.28 ([8e3e87a](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/8e3e87a26bb2534aa79213b0ddc1d1db1365e54f))
+
+
+### 🐛 Bug Fixes | Bug 修复
+
+* **lcb-tabs:** add error handling for JSON parsing in syncForm calls ([3dac339](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/3dac3394071fd10da4f94986034c06566ef67db8))
+* **SharePopup:** add immediate option to watch for data updates ([6e02b88](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/6e02b88dce5cf048fbc309285e6f947ad938032d))
+* **wd-img:** remove unnecessary class from image component for cleaner styling ([05e83d5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/05e83d5a211aba9d90704b7e871f0a29a4962d7a))
+* **wd-tabs:** implement layout retry logic to ensure accurate tab positioning on initial render ([94ade3b](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/94ade3b0c75122050b6bb871eeceedf8d09e5f42))
+
+
+### ✨ Features | 新功能
+
+* **lcb-img-nav:** update demo page with enhanced layout and new navigation title ([0578991](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/05789916afa8448fa3c38d677ac74437f351fc62))
+* **lcb-tabs:** enhance tab component with JSON formatted names and improve layout for better responsiveness ([fc19f33](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/fc19f3384c03519075770c9f6a978a859e8b1e60))
+* 修改字段 ([8ed5c88](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/8ed5c880145b1d96d1afdd3848da9a6d20ae2ed5))
+
 ### [0.7.67](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.66...v0.7.67) (2026-01-13)
 
 

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

@@ -12,6 +12,7 @@
         <lcb-order-payment
           v-model="form.payType"
           v-model:payCardId="form.payCardId"
+          v-model:paymentInfoItems="form.paymentInfoItems"
           :data="dataInfo?.commitPagePaymentMethod"
           @onWalletPriceChange="onWalletPriceChange"
           v-if="dataInfo?.commitPagePaymentMethod"
@@ -43,6 +44,7 @@ const form = ref({
   payCardId: '',
   toStoreFlag: false,
   walletAccountId: '' as string | undefined,
+  paymentInfoItems: [] as any[],
 })
 
 const [pay] = usePay(() =>

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

@@ -2,7 +2,39 @@
   <view class="pay-group">
     <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)">
+        <!-- instead: 一级单选，选中后展示表单 -->
+        <view v-if="item.type === 'instead'">
+          <wd-radio :value="item.type" shape="dot" cell v-if="item.type === 'instead'">
+            <view>
+              <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>
+            </view>
+          </wd-radio>
+          <lcb-form
+            custom-class="ml-56rpx"
+            v-if="payType === item.type && item.items"
+            :fields="item.items"
+            :bottomFixed="false"
+            submitText=""
+            v-model="insteadForm"
+          />
+        </view>
+
+        <wd-radio :value="item.type" shape="dot" cell v-else-if="!(item.content || item.items)">
           <view class="flex">
             <wd-img
               :src="item.icon"
@@ -17,6 +49,7 @@
             </view>
           </view>
         </wd-radio>
+
         <view v-else>
           <wd-cell>
             <template #title>
@@ -93,6 +126,9 @@ const props = defineProps<LcbOrderPaymentProps>()
 const emits = defineEmits(['onWalletPriceChange'])
 const payType = defineModel<string>()
 const payCardId = defineModel<string>('payCardId')
+// 代下单（instead）表单数据：提交到父级 form.paymentInfoItems
+const paymentInfoItems = defineModel<any[]>('paymentInfoItems')
+const insteadForm = ref<Record<string, any>>({})
 const getGroupValue = (payType: string, payCardId: string) => {
   return payType ? `${payType}${payCardId ? '-' + payCardId : ''}` : undefined
 }
@@ -102,6 +138,45 @@ const message = useMessage()
 watch([payType, payCardId], ([newPayType, newPayCardId]) => {
   groupValue.value = getGroupValue(newPayType || '', newPayCardId || '')
 })
+
+const syncInsteadPaymentInfo = () => {
+  if (!paymentInfoItems.value) return
+  if (payType.value !== 'instead') {
+    paymentInfoItems.value = []
+    return
+  }
+  const selected = props.data?.find((d) => d.type === 'instead')
+  if (!selected) {
+    paymentInfoItems.value = []
+    return
+  }
+  const rawItems: any[] = (selected as any).items || []
+  paymentInfoItems.value = [
+    {
+      ...(selected as any),
+      // 保留原始 items（字段定义），同时补上用户输入值，方便后端直接取用
+      items: rawItems.map((f: any) => ({
+        ...f,
+        value: f?.field ? insteadForm.value?.[f.field] : undefined,
+      })),
+      form: { ...insteadForm.value },
+    },
+  ]
+}
+
+watch(payType, () => {
+  // 切换支付方式时同步
+  syncInsteadPaymentInfo()
+})
+watch(
+  insteadForm,
+  () => {
+    // 输入变化时同步（仅当选中 instead）
+    syncInsteadPaymentInfo()
+  },
+  { deep: true },
+)
+
 const onChange = ({ value }: { value: string }) => {
   if (!value) {
     payType.value = undefined
@@ -113,22 +188,33 @@ const onChange = ({ value }: { value: string }) => {
   payCardId.value = newPayCardId || undefined
 }
 onMounted(() => {
+  // 先优先命中「一级」defaultChecked（包含 instead）
+  for (let i = 0; i < (props.data?.length || 0); i++) {
+    const item = props.data![i]
+    if (item.defaultChecked) {
+      payType.value = item.type
+      payCardId.value = undefined
+      syncInsteadPaymentInfo()
+      return
+    }
+  }
+
+  // 再回退：命中子项 defaultChecked（储值卡/会员卡等）
   for (let i = 0; i < (props.data?.length || 0); i++) {
     const item = props.data![i]
+    if (item.type === 'instead') continue
     if (item.content || item.items) {
       const defaultChild = (item.content || item.items)?.find((child) => child.defaultChecked)
       if (defaultChild) {
         payCardId.value = defaultChild.payCardId
         payType.value = item.type
-        break
+        syncInsteadPaymentInfo()
+        return
       }
     }
-    if (item.defaultChecked) {
-      payType.value = item.type
-      payCardId.value = undefined
-      break
-    }
   }
+
+  syncInsteadPaymentInfo()
 })
 const onModifyPrice = (price: number, max: number) => {
   message
@@ -186,5 +272,13 @@ const onModifyPrice = (price: number, max: number) => {
       padding: 0px !important;
     }
   }
+
+  :deep(.lcb-form) {
+    :deep(.wd-cell) {
+      .wd-cell__wrapper {
+        padding: 24rpx 0rpx !important;
+      }
+    }
+  }
 }
 </style>

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

@@ -1,3 +1,4 @@
+import { LcbFormField } from 'components/lcb-form/types'
 import { LcbActionViewProps } from '../lcb-action-view/types'
 export interface ChildDetail {
   payCardId: string
@@ -24,7 +25,7 @@ export interface ChildContent {
   }
   content?: ChildDetail[]
   intro?: string
-  items?: ChildDetail[]
+  items?: (ChildDetail & LcbFormField)[]
 }
 export interface LcbOrderPaymentProps {
   data: ChildContent[]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.7.67",
+  "version": "0.7.68",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "1.0.27"
+    "@tplc/wot": "1.0.28"
   },
   "engines": {
     "node": ">=18",

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

@@ -3,6 +3,7 @@ declare let __VLS_typeProps: LcbOrderPaymentProps
 type __VLS_PublicProps = {
   modelValue?: string
   payCardId?: string
+  paymentInfoItems?: any[]
 } & typeof __VLS_typeProps
 declare const _default: import('vue').DefineComponent<
   __VLS_TypePropsToOption<__VLS_PublicProps>,
@@ -15,6 +16,7 @@ declare const _default: import('vue').DefineComponent<
   {
     'update:modelValue': (modelValue: string) => void
     'update:payCardId': (payCardId: string) => void
+    'update:paymentInfoItems': (paymentInfoItems: any[]) => void
     onWalletPriceChange: (...args: any[]) => void
   },
   string,
@@ -23,6 +25,7 @@ declare const _default: import('vue').DefineComponent<
     'onUpdate:modelValue'?: ((modelValue: string) => any) | undefined
     onOnWalletPriceChange?: ((...args: any[]) => any) | undefined
     'onUpdate:payCardId'?: ((payCardId: string) => any) | undefined
+    'onUpdate:paymentInfoItems'?: ((paymentInfoItems: any[]) => any) | undefined
   },
   {},
   {}

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

@@ -1,3 +1,4 @@
+import { LcbFormField } from 'components/lcb-form/types'
 import { LcbActionViewProps } from '../lcb-action-view/types'
 export interface ChildDetail {
   payCardId: string
@@ -23,7 +24,7 @@ export interface ChildContent {
   }
   content?: ChildDetail[]
   intro?: string
-  items?: ChildDetail[]
+  items?: (ChildDetail & LcbFormField)[]
 }
 export interface LcbOrderPaymentProps {
   data: ChildContent[]