优化发布页默认输入与在线时间校验

frontend/src/features/seller/composables/usePublishForm.ts

@@ -79,6 +79,12 @@ export function usePublishForm(options: UsePublishFormOptions) {
   const canPublishAfterAgreements = computed(
     () => virtualAssetSaleAgreementChecked.value && sellerAgreementChecked.value
   )
+  const disabledOnlineStartOptions = computed(() =>
+    commonOnlineTimes.filter(time => !canUseOnlineStart(time))
+  )
+  const disabledOnlineEndOptions = computed(() =>
+    commonOnlineTimes.filter(time => !canUseOnlineEnd(time))
+  )
 
   onMounted(() => {
     restoreDraft()
@@ -240,6 +246,103 @@ export function usePublishForm(options: UsePublishFormOptions) {
     }
   }
 
+  function isAllDayOnline() {
+    return form.online_start === '00:00' && form.online_end === '23:59'
+  }
+
+  function isOnlineStartPresetActive(value: string) {
+    return !isAllDayOnline() && form.online_start === value
+  }
+
+  function isOnlineEndPresetActive(value: string) {
+    return !isAllDayOnline() && form.online_end === value
+  }
+
+  function selectAllDayOnline() {
+    form.online_start = '00:00'
+    form.online_end = '23:59'
+  }
+
+  function selectOnlineStart(value: string | number) {
+    const time = String(value)
+    if (!canUseOnlineStart(time)) {
+      options.notifyWarning('开始时间必须早于结束时间')
+      return
+    }
+    form.online_start = time
+  }
+
+  function selectOnlineEnd(value: string | number) {
+    const time = String(value)
+    if (!canUseOnlineEnd(time)) {
+      options.notifyWarning('结束时间必须晚于开始时间')
+      return
+    }
+    form.online_end = time
+  }
+
+  function handleOnlineStartChange(value: string | number | null | undefined) {
+    const time = normalizeOnlineTimeValue(value)
+    form.online_start = time
+    const start = parseOnlineTime(time)
+    if (start === null) return
+    const lastTime = parseOnlineTime('23:59')
+    if (lastTime !== null && start >= lastTime) {
+      form.online_start = ''
+      options.notifyWarning('开始时间必须早于结束时间')
+      return
+    }
+    const end = parseOnlineTime(form.online_end)
+    if (end !== null && start >= end) {
+      form.online_end = ''
+      options.notifyWarning('结束时间已清空，请选择晚于开始时间的结束时间')
+    }
+  }
+
+  function handleOnlineEndChange(value: string | number | null | undefined) {
+    const time = normalizeOnlineTimeValue(value)
+    form.online_end = time
+    const end = parseOnlineTime(time)
+    if (end === null) return
+    const firstTime = parseOnlineTime('00:00')
+    if (firstTime !== null && end <= firstTime) {
+      form.online_end = ''
+      options.notifyWarning('结束时间必须晚于开始时间')
+      return
+    }
+    const start = parseOnlineTime(form.online_start)
+    if (start !== null && end <= start) {
+      form.online_end = ''
+      options.notifyWarning('结束时间必须晚于开始时间')
+    }
+  }
+
+  function canUseOnlineStart(value: string) {
+    const start = parseOnlineTime(value)
+    const lastTime = parseOnlineTime('23:59')
+    if (start === null || lastTime === null || start >= lastTime) return false
+    const end = parseOnlineTime(form.online_end)
+    return end === null || start < end
+  }
+
+  function canUseOnlineEnd(value: string) {
+    const end = parseOnlineTime(value)
+    const firstTime = parseOnlineTime('00:00')
+    if (end === null || firstTime === null || end <= firstTime) return false
+    const start = parseOnlineTime(form.online_start)
+    return start === null || end > start
+  }
+
+  function validateOnlineTime() {
+    const start = parseOnlineTime(form.online_start)
+    const end = parseOnlineTime(form.online_end)
+    if (start === null) return '请选择在线开始时间'
+    if (end === null) return '请选择在线结束时间'
+    if (start === end) return '在线开始和结束时间不能相同'
+    if (end < start) return '在线结束时间必须晚于开始时间'
+    return ''
+  }
+
   async function handleResetDraft() {
     try {
       await options.confirmReset?.()
@@ -496,6 +599,8 @@ export function usePublishForm(options: UsePublishFormOptions) {
     if (!form.stamina_level) return '请选择体力等级'
     if (!form.load_level) return '请选择负重等级'
     if (!dailyLossOptions.includes(pricing.dailyLossMAmount.value)) return '请选择每日损耗'
+    const onlineTimeError = validateOnlineTime()
+    if (onlineTimeError) return onlineTimeError
     if (pricing.hasAcceleratedSaleRatioInput()) {
       const ratio = Number(form.accelerated_sale_ratio)
       if (!Number.isFinite(ratio) || ratio <= 0) return '加速出售比例格式不正确'
@@ -669,11 +774,21 @@ export function usePublishForm(options: UsePublishFormOptions) {
     selectedSkins,
     uploadedScreenshotCount,
     requiredScreenshotCount,
+    disabledOnlineStartOptions,
+    disabledOnlineEndOptions,
     loadPublishOptions,
     saveDraft,
     handleSaveDraft,
     resetDraftState,
     handleResetDraft,
+    isAllDayOnline,
+    isOnlineStartPresetActive,
+    isOnlineEndPresetActive,
+    selectAllDayOnline,
+    selectOnlineStart,
+    selectOnlineEnd,
+    handleOnlineStartChange,
+    handleOnlineEndChange,
     toggleSkin,
     toggleRegion,
     triggerUpload,
@@ -710,3 +825,17 @@ function readError(error: unknown, fallback: string) {
   }
   return fallback
 }
+
+function parseOnlineTime(value: string) {
+  const match = /^(\d{2}):(\d{2})$/.exec(value)
+  if (!match) return null
+  const hour = Number(match[1])
+  const minute = Number(match[2])
+  if (hour < 0 || hour > 23 || minute < 0 || minute > 59) return null
+  return hour * 60 + minute
+}
+
+function normalizeOnlineTimeValue(value: string | number | null | undefined) {
+  if (value === null || value === undefined) return ''
+  return String(value)
+}