chore: 导入清理前的完整工程状态（含 Capacitor 原生壳，作为回滚备份点）

2026-10-21 11:50:10 +08:00
commit 8ded87a3a8
389 changed files with 52242 additions and 0 deletions
@@ -0,0 +1,96 @@
+<script lang="ts" setup>
+import type { RecipeMatch } from '@yunyoujun/cook'
+import type { RecipeItem } from '~/types'
+import { onIonViewDidEnter, onIonViewWillLeave } from '@ionic/vue'
+import { yunleHaptic } from '~/utils/yunleHost'
+
+definePageMeta({
+  alias: ['/', '/home', '/tabs'],
+})
+
+useHead({
+  title: '食用手册',
+})
+
+const rStore = useRecipeStore()
+const active = shallowRef(false)
+onIonViewDidEnter(() => {
+  active.value = true
+})
+onIonViewWillLeave(() => {
+  active.value = false
+})
+const panelRef = ref<{ $el: HTMLElement }>()
+const flightTarget = computed(() => panelRef.value?.$el)
+const contentRef = ref<{ $el: HTMLIonContentElement }>()
+const reducedMotion = usePreferredReducedMotion()
+
+/** 结果弹层遮住的高度，留作页面底部空白 */
+const panelInset = ref(0)
+
+const hasSelection = computed(() => rStore.selectedStuff.length > 0 || Boolean(rStore.curTool))
+
+function reset() {
+  rStore.reset()
+  void yunleHaptic('medium')
+}
+
+function scrollTop() {
+  void contentRef.value?.$el.scrollToTop(reducedMotion.value === 'reduce' ? 0 : 300)
+}
+
+const feedback = useRecipeFeedback()
+const selection = () => ({ stuff: rStore.selectedStuff, tool: rStore.curTool || undefined, mode: rStore.curMode })
+
+const detail = shallowRef<{ recipe: RecipeItem, match?: RecipeMatch }>()
+const detailOpen = ref(false)
+function openDetail(recipe: RecipeItem, match?: RecipeMatch) {
+  detail.value = { recipe, match }
+  detailOpen.value = true
+
+  // 匿名记录「这组食材下点开了第几个结果」，用来评估和调整排序
+  const rank = match ? rStore.recipeMatches.indexOf(match) : -1
+  if (rank >= 0 && typeof recipe.id === 'number')
+    feedback.signal({ type: 'open', ...selection(), recipeId: recipe.id, rank })
+}
+
+// 停在一组没有结果的食材上时记一次，用来发现缺哪些菜
+watchDebounced(
+  () => [rStore.isSearching, rStore.recipesLength, rStore.selectedStuff.join('、'), rStore.curTool, rStore.curMode, rStore.keyword, rStore.recipeMatches.length],
+  () => {
+    if (!rStore.isSearching && rStore.recipesLength && rStore.selectedStuff.length && !rStore.keyword && !rStore.recipeMatches.length)
+      feedback.signal({ type: 'empty', ...selection() })
+  },
+  { debounce: 3000 },
+)
+</script>
+
+<template>
+  <ion-page>
+    <ion-header :translucent="true">
+      <ion-toolbar>
+        <ion-title>做菜</ion-title>
+        <ion-buttons slot="end">
+          <ion-button :disabled="!hasSelection" @click="reset">
+            清空
+          </ion-button>
+        </ion-buttons>
+      </ion-toolbar>
+    </ion-header>
+
+    <ion-content ref="contentRef" :fullscreen="true" :style="{ '--padding-bottom': `${panelInset + 16}px` }">
+      <ion-header collapse="condense">
+        <ion-toolbar>
+          <ion-title size="large">
+            做菜
+          </ion-title>
+        </ion-toolbar>
+      </ion-header>
+
+      <ChooseFood :flight-target="flightTarget" />
+    </ion-content>
+
+    <ResultsPanel ref="panelRef" v-model:inset="panelInset" :active="active" @scroll-top="scrollTop" @detail="openDetail" />
+    <RecipeDetailSheet v-model:open="detailOpen" :recipe="detail?.recipe" :match="detail?.match" />
+  </ion-page>
+</template>