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

2026-10-21 11:50:10 +08:00
commit 8ded87a3a8
389 changed files with 52242 additions and 0 deletions
@@ -0,0 +1,187 @@
+<script lang="ts" setup>
+import type { MaybeElementRef } from '@vueuse/core'
+import type { StuffItem } from '~/types'
+import { CUISINE_GROUPS, DIFFICULTY_LEVELS, METHOD_GROUPS } from '@yunyoujun/cook/recommend'
+import { useEmojiAnimation } from '~/composables/animation'
+import { useIncompatibleFoods } from '~/composables/incompatible-foods'
+import { meat, staple, tools, vegetable } from '~/data/food'
+import { trackCookEvent } from '~/utils/analytics'
+import { yunleHaptic } from '~/utils/yunleHost'
+
+const props = defineProps<{
+  /** 选中食材时 emoji 飞向的位置（结果预览条） */
+  flightTarget?: MaybeElementRef
+}>()
+
+const rStore = useRecipeStore()
+const selected = computed(() => rStore.selectedStuff)
+const pantryOpen = ref(false)
+const avoidOpen = ref(false)
+
+// 食物相克检测
+const { warningMessage, hasWarning, checkIncompatibility } = useIncompatibleFoods()
+watch(selected, checkIncompatibility, { deep: true })
+onMounted(() => {
+  if (selected.value.length)
+    checkIncompatibility(selected.value)
+})
+
+const { playAnimation } = useEmojiAnimation(computed(() => unref(props.flightTarget)))
+
+const sections = [
+  { title: '蔬菜', category: 'vegetable', items: vegetable },
+  { title: '肉和蛋', category: 'meat', items: meat },
+  { title: '主食（可选）', category: 'staple', items: staple },
+]
+
+function selectedNote(items: StuffItem[]) {
+  const count = items.filter(item => selected.value.includes(item.name)).length
+  return count ? `已选 ${count} 种` : ''
+}
+
+function toggleStuff(item: StuffItem, category: string, e: Event) {
+  rStore.toggleStuff(item.name)
+  if (selected.value.includes(item.name)) {
+    const origin = e.currentTarget as Element | null
+    void nextTick(() => playAnimation(item.emoji, origin))
+    void yunleHaptic('light')
+  }
+
+  trackCookEvent('click_stuff')
+}
+
+function clickTool(item: StuffItem) {
+  rStore.clickTool(item)
+  void yunleHaptic('light')
+}
+</script>
+
+<template>
+  <div class="choose-food">
+    <IngredientInput :selected="selected" @add="rStore.addStuff" @remove="rStore.toggleStuff" />
+
+    <IngredientSection v-for="section in sections" :key="section.category" :title="section.title" :note="selectedNote(section.items)">
+      <IngredientChip
+        v-for="item in section.items"
+        :key="item.name"
+        :label="item.name"
+        :emoji="item.emoji"
+        :selected="selected.includes(item.name)"
+        @click="toggleStuff(item, section.category, $event)"
+      />
+    </IngredientSection>
+
+    <IngredientSection title="厨具（可选）" :note="rStore.curTool ? '只看用它做的菜' : ''">
+      <IngredientChip
+        v-for="item in tools"
+        :key="item.name"
+        :label="item.name === '一口大锅' ? '炒锅' : (item.label || item.name)"
+        :icon="item.icon"
+        :selected="rStore.curTool === item.name"
+        @click="clickTool(item)"
+      />
+    </IngredientSection>
+
+    <IngredientSection title="做法（可选）" :note="rStore.methodGroups.length ? '只看这些做法' : ''">
+      <IngredientChip
+        v-for="group in METHOD_GROUPS"
+        :key="group.label"
+        :label="group.label"
+        :selected="rStore.methodGroups.includes(group.label)"
+        @click="rStore.toggleMethodGroup(group.label)"
+      />
+    </IngredientSection>
+
+    <IngredientSection title="菜系（可选）" :note="rStore.cuisines.length ? '只看这些菜系' : ''">
+      <IngredientChip
+        v-for="group in CUISINE_GROUPS"
+        :key="group.label"
+        :label="group.label"
+        :selected="rStore.cuisines.includes(group.label)"
+        @click="rStore.toggleCuisine(group.label)"
+      />
+    </IngredientSection>
+
+    <IngredientSection title="难度（可选）" :note="rStore.difficulty.length ? '没标难度的菜会被隐藏' : ''">
+      <IngredientChip
+        v-for="level in DIFFICULTY_LEVELS"
+        :key="level"
+        :label="level"
+        :selected="rStore.difficulty.includes(level)"
+        @click="rStore.toggleDifficulty(level)"
+      />
+    </IngredientSection>
+
+    <h2 class="cook-group-header">
+      调料和忌口
+    </h2>
+    <ion-list :inset="true" class="choose-food-pantry">
+      <ion-item :button="true" @click="pantryOpen = true">
+        <ion-label>家里常备</ion-label>
+        <ion-note slot="end" class="choose-food-pantry-value">
+          {{ rStore.selectedPantry.length ? rStore.selectedPantry.join('、') : '未选择' }}
+        </ion-note>
+      </ion-item>
+      <ion-item :button="true" @click="avoidOpen = true">
+        <ion-label>忌口</ion-label>
+        <ion-note slot="end" class="choose-food-pantry-value">
+          {{ rStore.selectedAvoid.length ? rStore.selectedAvoid.join('、') : '无' }}
+        </ion-note>
+      </ion-item>
+      <ion-item>
+        <ion-toggle v-model="rStore.noSpicy" justify="space-between">
+          不吃辣
+        </ion-toggle>
+      </ion-item>
+    </ion-list>
+
+    <PantrySheet
+      v-model:open="pantryOpen"
+      :selected="rStore.selectedPantry"
+      @toggle="rStore.togglePantry"
+      @clear="rStore.clearPantry"
+      @reset="rStore.resetPantry"
+    />
+
+    <AvoidSheet
+      v-model:open="avoidOpen"
+      :selected="rStore.selectedAvoid"
+      @toggle="rStore.toggleAvoid"
+      @clear="rStore.clearAvoid"
+    />
+
+    <ion-toast
+      class="incompatible-warning-toast"
+      header="食物相克提醒"
+      :message="warningMessage"
+      :is-open="hasWarning"
+      position="top"
+      :icon="ioniconsWarningOutline"
+    />
+  </div>
+</template>
+
+<style scoped>
+.choose-food {
+  padding-bottom: 24px;
+}
+.choose-food-pantry-value {
+  max-width: 60vw;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 17px;
+}
+</style>
+
+<style>
+ion-toast.incompatible-warning-toast {
+  --background: rgba(255, 237, 213, 0.96);
+  --color: #7c2d12;
+  --box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+}
+.ion-palette-dark ion-toast.incompatible-warning-toast {
+  --background: rgba(67, 32, 10, 0.96);
+  --color: #fed7aa;
+}
+</style>