优化完善套餐购买页面

src/components/composites/purchase/short/form.tsx

@@ -1,13 +1,13 @@
 'use client'
 import {useForm} from 'react-hook-form'
 import Center from '@/components/composites/purchase/short/center'
-import Right from '@/components/composites/purchase/short/right'
 import {Form} from '@/components/ui/form'
 import * as z from 'zod'
 import {zodResolver} from '@hookform/resolvers/zod'
 import {ProductItem} from '@/actions/product'
+import {parsePurchaseSkuList} from '../shared/sku'
+import {PurchaseSidePanel} from '../shared/side-panel'
 
-// 定义表单验证架构
 const schema = z.object({
   type: z.enum(['1', '2']).default('2'),
   live: z.string(),
@@ -16,33 +16,10 @@ const schema = z.object({
   daily_limit: z.number().min(2000, '每日限额不能少于 2000 个'),
   pay_type: z.enum(['wechat', 'alipay', 'balance']).default('balance'),
 })
-
 export type Schema = z.infer<typeof schema>
 
 export default function ShortForm({skuList}: {skuList: ProductItem['skus']}) {
-  if (!skuList?.length) throw new Error('没有套餐数据')
-
-  const priceMap = new Map<string, string>()
-  const _liveList = new Set<number>()
-  const _expireList = new Set<number>()
-
-  for (const sku of skuList) {
-    const params = new URLSearchParams(sku.code)
-    const mode = params.get('mode')
-    const live = params.get('live')
-    const expire = params.get('expire')
-
-    if (live && live !== '0') {
-      _liveList.add(Number(live))
-    }
-    if (mode === 'time' && expire && expire !== '0') {
-      _expireList.add(Number(expire))
-    }
-    priceMap.set(sku.code, sku.price)
-  }
-
-  const liveList = Array.from(_liveList).filter(Boolean).map(String)
-  const expireList = Array.from(_expireList).filter(Boolean).map(String)
+  const {priceMap, liveList, expireList} = parsePurchaseSkuList('short', skuList)
 
   const form = useForm<Schema>({
     resolver: zodResolver(schema),
@@ -59,7 +36,7 @@ export default function ShortForm({skuList}: {skuList: ProductItem['skus']}) {
   return (
     <Form form={form} className="flex flex-col lg:flex-row gap-4">
       <Center {...{priceMap, liveList, expireList}}/>
-      <Right/>
+      <PurchaseSidePanel kind="short"/>
     </Form>
   )
 }