feat(sections): add SectionFormPage demo

Add a dedicated SectionFormPage demo component and view to showcase form fields, detail sections, notices, and page-driver-managed state.

Remove the obsolete SectionSearchPanel demo route and menu entry, and add spacing to SectionFormPage cards for improved layout.feat(sections): add SectionFormPage demo

Add a dedicated SectionFormPage demo component and view to showcase form fields, detail sections, notices, and page-driver-managed state.

Remove the obsolete SectionSearchPanel demo route and menu entry, and add spacing to SectionFormPage cards for improved layout.
This commit is contained in:
skytek_xinliang
2026-05-22 15:41:52 +08:00
parent cad44db4c7
commit ec62fcee51
5 changed files with 107 additions and 12 deletions
+17
View File
@@ -0,0 +1,17 @@
<script setup lang="ts">
import PageSectionFormPageDemo from '@/components/pages/PageSectionFormPageDemo.vue'
import { useSectionsDemoPage } from '@/composables/page-drivers/useSectionsDemoPage'
// Demo view 維持薄層,只掛 page driver,並把 page model / actions 傳給 page component。
const page = useSectionsDemoPage()
</script>
<template>
<PageSectionFormPageDemo
v-model:demo-form="page.demoForm.value"
:page="page.pageModel.value"
@back="page.handleFormBack"
@reset="page.resetDemoForm"
@submit="page.handleFormSubmit"
/>
</template>