diff --git a/src/routes/admin/pages/[id]/+page.svelte b/src/routes/admin/pages/[id]/+page.svelte index c2e0b31..78c7e95 100644 --- a/src/routes/admin/pages/[id]/+page.svelte +++ b/src/routes/admin/pages/[id]/+page.svelte @@ -7,6 +7,8 @@ import TextInput from '$lib/components/admin/TextInput.svelte'; import Button from '$lib/components/admin/Button.svelte'; import Alert from '$lib/components/admin/Alert.svelte'; + import Tabs from '$lib/components/admin/Tabs.svelte'; + import ArticleAttachments from '$lib/components/admin/ArticleAttachments.svelte'; import { untrack } from 'svelte'; let { data, form }: { data: PageData; form: ActionData } = $props(); @@ -16,6 +18,9 @@ let slug = $state(initialData.page.slug); let content = $state(initialData.page.content); let mode = $state<'edit' | 'preview'>('edit'); + + let sidebarTab = $state('settings'); + let sessionUploads = $state<{ url: string; key: string; filename: string }[]>([]);
@@ -71,7 +76,10 @@
{#if mode === 'edit'} - + (sessionUploads = [...sessionUploads, img])} + /> {:else}
@@ -82,23 +90,40 @@
-
-

更新

- -
+ -
-

别名 *

- -
+ {#if sidebarTab === 'settings'} +
+

更新

+ +
+ +
+

别名 *

+ +
+ {:else} +
+

当前页面附件

+ +
+ {/if}
diff --git a/src/routes/admin/pages/new/+page.svelte b/src/routes/admin/pages/new/+page.svelte index c66741d..f093b40 100644 --- a/src/routes/admin/pages/new/+page.svelte +++ b/src/routes/admin/pages/new/+page.svelte @@ -7,6 +7,8 @@ import TextInput from '$lib/components/admin/TextInput.svelte'; import Button from '$lib/components/admin/Button.svelte'; import Alert from '$lib/components/admin/Alert.svelte'; + import Tabs from '$lib/components/admin/Tabs.svelte'; + import ArticleAttachments from '$lib/components/admin/ArticleAttachments.svelte'; import { createSlugAutoHandler } from '$lib/utils/slugify'; @@ -19,6 +21,9 @@ let isSlugUserModified = $state(false); let isGenerating = $state(false); + let sidebarTab = $state('settings'); + let sessionUploads = $state<{ url: string; key: string; filename: string }[]>([]); + const slugHandler = createSlugAutoHandler({ getSlug: () => slug, setSlug: (val) => (slug = val), @@ -80,7 +85,10 @@
{#if mode === 'edit'} - + (sessionUploads = [...sessionUploads, img])} + /> {:else}
@@ -91,34 +99,51 @@
-
-

发布

- -
+ -
-

- 别名 * - -

- -
+ {#if sidebarTab === 'settings'} +
+

发布

+ +
+ +
+

+ 别名 * + +

+ +
+ {:else} +
+

当前页面附件

+ +
+ {/if}
diff --git a/src/routes/admin/posts/[id]/+page.svelte b/src/routes/admin/posts/[id]/+page.svelte index b7acb1e..3996890 100644 --- a/src/routes/admin/posts/[id]/+page.svelte +++ b/src/routes/admin/posts/[id]/+page.svelte @@ -11,6 +11,8 @@ import TextInput from '$lib/components/admin/TextInput.svelte'; import Button from '$lib/components/admin/Button.svelte'; import Alert from '$lib/components/admin/Alert.svelte'; + import Tabs from '$lib/components/admin/Tabs.svelte'; + import ArticleAttachments from '$lib/components/admin/ArticleAttachments.svelte'; import { untrack } from 'svelte'; let { data, form }: { data: PageData; form: ActionData } = $props(); @@ -30,6 +32,9 @@ let tagsList = $state(initialData.tags || []); let seriesList = $state(initialData.series || []); + let sidebarTab = $state('settings'); + let sessionUploads = $state<{ url: string; key: string; filename: string }[]>([]); + function toggleTag(tagId: number) { if (selectedTags.includes(tagId)) { selectedTags = selectedTags.filter((id) => id !== tagId); @@ -155,7 +160,10 @@
{#if mode === 'edit'} - + (sessionUploads = [...sessionUploads, img])} + /> {:else}
@@ -166,126 +174,148 @@
-
-

保存

- -
+ - - -
-

别名 *

- -
- -
-

分类

- ({ - value: category.id, - label: category.name - }))} - bind:value={selectedCategoryId} - /> -
- -
-

{$page.data.aliases?.series || '系列'}

- ({ value: series.id, label: series.name }))} - bind:value={selectedSeriesId} - /> - -
- -
-

标签

-
- {#each selectedTags as tagId (tagId)} - {#if tagsList.find((t) => t.id === tagId)} - {@const tag = tagsList.find((t) => t.id === tagId)} -
- {tag?.name} - - -
- {/if} - {/each} + {#if sidebarTab === 'settings'} +
+

保存

+
-
+
+

别名 *

(showTagDropdown = true)} - onblur={() => setTimeout(() => (showTagDropdown = false), 200)} - disabled={isAddingTag} - autocomplete="off" + id="slug" + name="slug" + bind:value={slug} + placeholder="hello-world" + required variant="underline" /> - - {#if showTagDropdown && filteredTags.length > 0} -
- {#each filteredTags as tag (tag.id || tag)} - - {/each} -
- {/if}
-
+ +
+

分类

+ ({ + value: category.id, + label: category.name + }))} + bind:value={selectedCategoryId} + /> +
+ +
+

{$page.data.aliases?.series || '系列'}

+ ({ value: series.id, label: series.name }))} + bind:value={selectedSeriesId} + /> + +
+ +
+

标签

+
+ {#each selectedTags as tagId (tagId)} + {#if tagsList.find((t) => t.id === tagId)} + {@const tag = tagsList.find((t) => t.id === tagId)} +
+ {tag?.name} + + +
+ {/if} + {/each} +
+ +
+ (showTagDropdown = true)} + onblur={() => setTimeout(() => (showTagDropdown = false), 200)} + disabled={isAddingTag} + autocomplete="off" + variant="underline" + /> + + {#if showTagDropdown && filteredTags.length > 0} +
+ {#each filteredTags as tag (tag.id || tag)} + + {/each} +
+ {/if} +
+
+ {:else} +
+ +
+
+

当前文章附件

+ +
+ {/if}
diff --git a/src/routes/admin/posts/new/+page.svelte b/src/routes/admin/posts/new/+page.svelte index c579802..cee560a 100644 --- a/src/routes/admin/posts/new/+page.svelte +++ b/src/routes/admin/posts/new/+page.svelte @@ -12,6 +12,8 @@ import TextInput from '$lib/components/admin/TextInput.svelte'; import Button from '$lib/components/admin/Button.svelte'; import Alert from '$lib/components/admin/Alert.svelte'; + import Tabs from '$lib/components/admin/Tabs.svelte'; + import ArticleAttachments from '$lib/components/admin/ArticleAttachments.svelte'; import { untrack } from 'svelte'; import { createSlugAutoHandler } from '$lib/utils/slugify'; @@ -44,6 +46,9 @@ setIsGenerating: (val) => (isGenerating = val) }); + let sidebarTab = $state('settings'); + let sessionUploads = $state<{ url: string; key: string; filename: string }[]>([]); + function handleTitleInput() { slugHandler.onNameInput(title); } @@ -173,7 +178,10 @@
{#if mode === 'edit'} - + (sessionUploads = [...sessionUploads, img])} + /> {:else}
@@ -184,140 +192,162 @@
-
-

发布

- -
+ - - -
-

- 别名 * - -

- -
- -
-

分类

- ({ - value: category.id, - label: category.name - }))} - bind:value={selectedCategoryId} - /> -
- -
-

{$page.data.aliases?.series || '系列'}

- ({ value: series.id, label: series.name }))} - bind:value={selectedSeriesId} - /> - -
- -
-

标签

-
- {#each selectedTags as tagId (tagId)} - {#if tagsList.find((t) => t.id === tagId)} - {@const tag = tagsList.find((t) => t.id === tagId)} -
- {tag?.name} - - -
- {/if} - {/each} + {#if sidebarTab === 'settings'} +
+

发布

+
-
+
+

+ 别名 * + +

(showTagDropdown = true)} - onblur={() => setTimeout(() => (showTagDropdown = false), 200)} - disabled={isAddingTag} - autocomplete="off" + id="slug" + name="slug" + bind:value={slug} + oninput={handleSlugInput} + placeholder="hello-world" + required variant="underline" /> - - {#if showTagDropdown && filteredTags.length > 0} -
- {#each filteredTags as tag (tag.id || tag)} - - {/each} -
- {/if}
-
+ +
+

分类

+ ({ + value: category.id, + label: category.name + }))} + bind:value={selectedCategoryId} + /> +
+ +
+

{$page.data.aliases?.series || '系列'}

+ ({ value: series.id, label: series.name }))} + bind:value={selectedSeriesId} + /> + +
+ +
+

标签

+
+ {#each selectedTags as tagId (tagId)} + {#if tagsList.find((t) => t.id === tagId)} + {@const tag = tagsList.find((t) => t.id === tagId)} +
+ {tag?.name} + + +
+ {/if} + {/each} +
+ +
+ (showTagDropdown = true)} + onblur={() => setTimeout(() => (showTagDropdown = false), 200)} + disabled={isAddingTag} + autocomplete="off" + variant="underline" + /> + + {#if showTagDropdown && filteredTags.length > 0} +
+ {#each filteredTags as tag (tag.id || tag)} + + {/each} +
+ {/if} +
+
+ {:else} +
+ +
+
+

当前文章附件

+ +
+ {/if}