@svadmin/create 0.6.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -0
- package/dist/index.js +5311 -0
- package/package.json +11 -4
- package/CHANGELOG.md +0 -16
- package/index.js +0 -212
- package/sync-template.js +0 -47
package/README.md
CHANGED
|
@@ -15,6 +15,7 @@ bunx @svadmin/create@latest my-admin-app
|
|
|
15
15
|
Follow the interactive prompts to:
|
|
16
16
|
1. Name your project.
|
|
17
17
|
2. Choose a default Data Provider (Simple REST, Supabase, GraphQL, or Custom).
|
|
18
|
+
3. Choose an Auth Provider (Mock, JWT, Supabase, or None).
|
|
18
19
|
|
|
19
20
|
## What's Included
|
|
20
21
|
|
|
@@ -34,3 +35,43 @@ cd my-admin-app
|
|
|
34
35
|
bun install
|
|
35
36
|
bun run dev
|
|
36
37
|
```
|
|
38
|
+
|
|
39
|
+
## Eject Components / 组件弹出
|
|
40
|
+
|
|
41
|
+
Extract internal `@svadmin/ui` components into your project for deep customization:
|
|
42
|
+
|
|
43
|
+
将 `@svadmin/ui` 内部组件提取到你的项目中，实现深度定制：
|
|
44
|
+
|
|
45
|
+
```bash
|
|
46
|
+
# Eject all components / 弹出全部组件
|
|
47
|
+
npx @svadmin/create eject
|
|
48
|
+
|
|
49
|
+
# Eject specific components / 弹出指定组件
|
|
50
|
+
npx @svadmin/create eject Layout Header Sidebar
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
Ejected files are placed in `src/components/svadmin/`. Then pass them via the `components` prop:
|
|
54
|
+
|
|
55
|
+
弹出的文件会放到 `src/components/svadmin/` 目录，然后通过 `components` prop 传入：
|
|
56
|
+
|
|
57
|
+
```svelte
|
|
58
|
+
<script lang="ts">
|
|
59
|
+
import CustomLayout from './components/svadmin/Layout.svelte';
|
|
60
|
+
</script>
|
|
61
|
+
|
|
62
|
+
<AdminApp components={{ Layout: CustomLayout }} {dataProvider} {resources} />
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
### Available Components / 可弹出的组件
|
|
66
|
+
|
|
67
|
+
`Layout` · `Sidebar` · `Header` · `LoginPage` · `AutoTable` · `AutoForm` · `ShowPage` · `ProfilePage` · `StatsCard` · `AuditLogDrawer` · `LiveIndicator` · `CommandPalette` · `AICommandBar` · `ChatDialog` · `PasswordInput` · `BooleanField` · `FieldRenderer` · `MarkdownRenderer` · `AnomalyBadge` · `Toast` · `ConfirmDialog` · `TooltipButton` · `Breadcrumbs` · `ConfigErrorScreen` · `DevTools`
|
|
68
|
+
|
|
69
|
+
## Development
|
|
70
|
+
|
|
71
|
+
```bash
|
|
72
|
+
# Sync template from /example
|
|
73
|
+
bun src/sync-template.ts
|
|
74
|
+
|
|
75
|
+
# Build CLI (for npm publishing)
|
|
76
|
+
bun run build
|
|
77
|
+
```
|