@tplc/business 0.7.21 → 0.7.23

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 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.23](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.16...v0.7.23) (2025-12-18)
+
+
+### ✨ Features | 新功能
+
+* 新增progress ([474bcac](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/474bcac7c08cb234e1d6945036d8ca4d64fa4f88))
+* 更新wot-number ([f700988](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/f700988b15ec08eef0d1b8c140483eca8e0afed4))
+
+### [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-button/lcb-button.vue

@@ -47,6 +47,9 @@
               v-if="innerValue"
             />
           </template>
+          <template v-else-if="mode === 'progress'">
+            <wd-progress :value="innerValue" v-bind="progressProps" />
+          </template>
           <text
             v-else
             style="line-height: 1.54"

package/components/lcb-button/types.ts

@@ -1,10 +1,12 @@
+import { progressProps } from '@tplc/wot/components/wd-progress/types'
 import { LcbActionViewProps } from '../lcb-action-view/types'
 import { LcbBlockProps } from '../lcb-block/types'
+import { ExtractPropTypes } from 'vue'
 
 export interface LcbButtonProps extends LcbBlockProps {
   text: string
   action?: LcbActionViewProps
-  mode: 'image' | 'text' | 'noStyle' | 'qrcode'
+  mode: 'image' | 'text' | 'noStyle' | 'qrcode' | 'progress'
   url?: string
   imageWidth?: number
   imageHeight?: number
@@ -36,4 +38,5 @@ export interface LcbButtonProps extends LcbBlockProps {
   // 动态action key
   dynamicActionKey?: string
   lineClamp?: number
+  progressProps?: ExtractPropTypes<typeof progressProps>
 }

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
             >
@@ -93,13 +93,25 @@ const props = defineProps<LcbOrderPaymentProps>()
 const emits = defineEmits(['onWalletPriceChange'])
 const payType = defineModel<string>()
 const payCardId = defineModel<string>('payCardId')
-const groupValue = ref(payCardId.value || payType.value)
+const getGroupValue = (payType: string, payCardId: string) => {
+  return payType ? `${payType}${payCardId ? '-' + payCardId : ''}` : undefined
+}
+const groupValue = ref(getGroupValue(payType.value || '', payCardId.value || ''))
 const message = useMessage()
 // 同时监听payType payCardId俩个字段 来修改groupValue
 watch([payType, payCardId], ([newPayType, newPayCardId]) => {
-  groupValue.value = newPayCardId || newPayType
+  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]
@@ -158,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.21",
+  "version": "0.7.23",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "1.0.15"
+    "@tplc/wot": "1.0.16"
   },
   "engines": {
     "node": ">=18",

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

@@ -1,9 +1,11 @@
+import { progressProps } from '@tplc/wot/components/wd-progress/types'
 import { LcbActionViewProps } from '../lcb-action-view/types'
 import { LcbBlockProps } from '../lcb-block/types'
+import { ExtractPropTypes } from 'vue'
 export interface LcbButtonProps extends LcbBlockProps {
   text: string
   action?: LcbActionViewProps
-  mode: 'image' | 'text' | 'noStyle' | 'qrcode'
+  mode: 'image' | 'text' | 'noStyle' | 'qrcode' | 'progress'
   url?: string
   imageWidth?: number
   imageHeight?: number
@@ -32,4 +34,5 @@ export interface LcbButtonProps extends LcbBlockProps {
     | 'bottom-right'
   dynamicActionKey?: string
   lineClamp?: number
+  progressProps?: ExtractPropTypes<typeof progressProps>
 }