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:
@@ -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>
|
||||
Reference in New Issue
Block a user