fix: expand canvas suggestions

web/canvas-app/src/config/suggestions.js

@@ -0,0 +1,32 @@
+export const QUICK_SUGGESTION_GROUPS = [
+  ['魔法森林', '三只小猫', '多角度分镜', '夏日田野'],
+  ['雨夜街摊', '产品特写', '水花慢镜', '极简桌面'],
+  ['无人物街景', '夜市霓虹', '电商白底', '咖啡窗边'],
+  ['插画封面', '厨房晨光', '3D 产品', '海边慢步'],
+  ['樱花小路', '玻璃花房', '露营夜灯', '复古厨房'],
+  ['雪山清晨', '海边黄昏', '森林木屋', '城市天台'],
+  ['未来展厅', '透明材质', '金属微光', '柔和阴影'],
+  ['香水静物', '珠宝近景', '护肤瓶身', '白底套图'],
+  ['手作陶杯', '咖啡拉花', '甜品橱窗', '面包出炉'],
+  ['雨后街角', '地铁站台', '便利店夜', '书店暖光'],
+  ['儿童绘本', '水彩动物', '云朵小岛', '童话城堡'],
+  ['动漫少女', '机甲少年', '赛博街区', '霓虹背光'],
+  ['古风庭院', '宋式茶席', '竹林小径', '月下湖面'],
+  ['户外露营', '徒步山路', '公路日落', '湖边野餐'],
+  ['宠物写真', '猫咪午睡', '小狗奔跑', '兔子花园'],
+  ['办公桌面', '键盘特写', '创意白板', '会议晨光'],
+  ['运动瞬间', '瑜伽清晨', '跑步剪影', '泳池水花'],
+  ['科技发布', '产品旋转', '参数分镜', '开箱镜头'],
+  ['家居客厅', '卧室暖灯', '窗边绿植', '阳台微风'],
+  ['餐桌俯拍', '火锅热气', '寿司吧台', '水果切面'],
+  ['微距花瓣', '水滴叶片', '蝴蝶停留', '晨露草地'],
+  ['沙漠公路', '银河帐篷', '极光雪原', '热气球'],
+  ['电影海报', '悬疑走廊', '逆光人物', '红蓝光影'],
+  ['产品拆解', '材质对比', '功能三镜', '使用场景'],
+  ['小镇集市', '老街门牌', '木质招牌', '雨伞人群'],
+  ['空镜转场', '慢推镜头', '俯拍街区', '环绕拍摄'],
+  ['品牌主图', '社媒封面', '直播背景', '短片开场'],
+  ['草莓蛋糕', '柠檬汽水', '冰块特写', '夏日餐桌'],
+  ['山谷溪流', '雾气森林', '日出云海', '秋叶小路'],
+  ['无脸模特', '侧脸剪影', '背影行走', '虚拟角色']
+]

web/canvas-app/src/views/Canvas.vue

@@ -291,6 +291,7 @@ import ApiSettings from '../components/ApiSettings.vue'
 import DownloadModal from '../components/DownloadModal.vue'
 import WorkflowPanel from '../components/WorkflowPanel.vue'
 import AppHeader from '../components/AppHeader.vue'
+import { QUICK_SUGGESTION_GROUPS } from '../config/suggestions'
 
 // API Config state | API 配置状态
 const modelStore = useModelStore()
@@ -444,17 +445,10 @@ const inputPlaceholder = '你可以试着说"帮我生成一个二次元的卡
 
 // Quick suggestions | 快捷建议
 const suggestionPage = ref(0)
-const suggestionGroups = [
-  ['魔法森林', '三只小猫', '多角度分镜', '夏日田野'],
-  ['雨夜街摊', '产品特写', '水花慢镜', '极简桌面'],
-  ['无人物街景', '夜市霓虹', '电商白底', '咖啡窗边'],
-  ['插画封面', '厨房晨光', '3D 产品', '海边慢步']
-]
-
-const suggestions = computed(() => suggestionGroups[suggestionPage.value % suggestionGroups.length])
+const suggestions = computed(() => QUICK_SUGGESTION_GROUPS[suggestionPage.value % QUICK_SUGGESTION_GROUPS.length])
 
 const refreshSuggestions = () => {
-  suggestionPage.value = (suggestionPage.value + 1) % suggestionGroups.length
+  suggestionPage.value = (suggestionPage.value + 1) % QUICK_SUGGESTION_GROUPS.length
 }
 
 // Add new node | 添加新节点

web/canvas-app/src/views/Home.vue

@@ -232,6 +232,7 @@ import {
 import { useModelStore } from '../stores/pinia'
 import ApiSettings from '../components/ApiSettings.vue'
 import AppHeader from '../components/AppHeader.vue'
+import { QUICK_SUGGESTION_GROUPS } from '../config/suggestions'
 
 const router = useRouter()
 const dialog = useDialog()
@@ -285,17 +286,10 @@ const renameTargetId = ref(null)
 
 // Suggestions tags | 建议标签
 const suggestionPage = ref(0)
-const suggestionGroups = [
-  ['魔法森林', '三只小猫', '多角度分镜', '夏日田野'],
-  ['雨夜街摊', '产品特写', '水花慢镜', '极简桌面'],
-  ['无人物街景', '夜市霓虹', '电商白底', '咖啡窗边'],
-  ['插画封面', '厨房晨光', '3D 产品', '海边慢步']
-]
-
-const suggestions = computed(() => suggestionGroups[suggestionPage.value % suggestionGroups.length])
+const suggestions = computed(() => QUICK_SUGGESTION_GROUPS[suggestionPage.value % QUICK_SUGGESTION_GROUPS.length])
 
 const refreshSuggestions = () => {
-  suggestionPage.value = (suggestionPage.value + 1) % suggestionGroups.length
+  suggestionPage.value = (suggestionPage.value + 1) % QUICK_SUGGESTION_GROUPS.length
 }
 
 // Format date | 格式化日期