CRUD 页面

CRUD 页面包装器组合了 PageHeader、面包屑、AutoTable/AutoForm 和操作按钮，实现零样板代码的管理页面。

ListPage

<script>
  import { ListPage } from '@svadmin/ui';
</script>

<ListPage resourceName="posts" />

包含：PageHeader + 面包屑 + AutoTable + 创建按钮。

属性

属性	类型	默认值
resourceName	string	必填
title	string?	资源标签
canCreate	boolean?	来自资源定义
headerActions	Snippet?	额外按钮

CreatePage

<CreatePage resourceName="posts" />

包含：PageHeader + 面包屑 + AutoForm（创建模式） + 返回按钮。

EditPage

<EditPage resourceName="posts" id={42} />

包含：PageHeader + 面包屑 + AutoForm（编辑模式） + 返回按钮 + 删除按钮。

属性

属性	类型	默认值
resourceName	string	必填
id	string | number	必填
canDelete	boolean?	来自资源定义

ShowPage

<ShowPage resourceName="posts" id={42} />

带格式化字段、编辑按钮和返回导航的详情视图。

面包屑

根据当前路由和资源定义自动生成：

首页 / 文章 / 编辑 #42

支持：列表、创建、编辑和详情路由。

面板侧边栏 (Sidebar)

Sidebar 组件提供基于资源自动生成的导航。它支持一个 routeMode 路由模式属性以适应不同的路由环境：

<Sidebar
  {collapsed} {identity} {title} {onToggle} {onLogout} {menu}
  routeMode="auto"
/>

路由模式

模式	描述
auto	(默认) 动态检测当前环境。如果检测到 window.location.hash.startsWith('#/') 则降级为 hash 模式，否则默认使用 path 模式。完美适配 SvelteKit 和 SPA。
path	使用标准的 /path 路由 (SvelteKit 默认)。
hash	使用 # 哈希路由 (SPA 默认)。