From 5f0a5ff8200e85fcdc7a2253b06496be5f7d2a47 Mon Sep 17 00:00:00 2001 From: seaHi Date: Sat, 15 Aug 2026 15:06:32 +0800 Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=9C=A8=E6=96=87=E7=AB=A0?= =?UTF-8?q?=E3=80=81=E9=A1=B5=E9=9D=A2=E5=92=8C=E8=AE=BE=E7=BD=AE=E7=AE=A1?= =?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2=E4=B8=AD=E5=BA=94=E7=94=A8=E9=80=9A?= =?UTF-8?q?=E7=94=A8=E6=8C=89=E9=92=AE=E5=92=8C=E8=A1=A8=E6=A0=BC=E7=BB=84?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/routes/admin/pages/+page.svelte | 215 +++++++--------------- src/routes/admin/pages/[id]/+page.svelte | 61 ++----- src/routes/admin/pages/new/+page.svelte | 53 +----- src/routes/admin/posts/+page.svelte | 216 +++++++---------------- src/routes/admin/posts/[id]/+page.svelte | 70 +------- src/routes/admin/posts/new/+page.svelte | 74 ++------ src/routes/admin/settings/+page.svelte | 32 +--- 7 files changed, 171 insertions(+), 550 deletions(-) diff --git a/src/routes/admin/pages/+page.svelte b/src/routes/admin/pages/+page.svelte index bbeacc8..eb2bb95 100644 --- a/src/routes/admin/pages/+page.svelte +++ b/src/routes/admin/pages/+page.svelte @@ -3,6 +3,8 @@ import { page } from '$app/stores'; import type { PageData } from './$types'; import { confirmState } from '$lib/stores/confirm.svelte'; + import Button from '$lib/components/admin/Button.svelte'; + import DataTable from '$lib/components/admin/DataTable.svelte'; let { data }: { data: PageData } = $props(); let selectedIds = $state([]); @@ -21,9 +23,9 @@

{$page.data.aliases?.page || '页面'}管理

- 新建{$page.data.aliases?.page || '页面'} +
{#if data.pages.length > 0} @@ -54,7 +56,7 @@ {#each selectedIds as id (id)} {/each} - + {:else} 未选择项目 @@ -62,76 +64,70 @@ {/if} -
- {#if data.pages.length === 0} -
-

还没有发布任何{$page.data.aliases?.page || '页面'}

-
- {:else} - - +{#if data.pages.length === 0} +
+

还没有发布任何{$page.data.aliases?.page || '页面'}

+
+{:else} + + + + + + + + + + + + + {#each data.pages as pageItem (pageItem.id || pageItem)} - - - - - - + + + + + + - - - {#each data.pages as pageItem (pageItem.id || pageItem)} - - - - - - - - - {/each} - -
+ + ID标题别名作者发布时间
- - ID标题别名作者发布时间 + + {pageItem.id} + {pageItem.title} + + + + {pageItem.slug}{pageItem.author || '未知'}{pageItem.dateStr}
- - {pageItem.id} - {pageItem.title} - - - - {pageItem.slug}{pageItem.author || '未知'}{pageItem.dateStr}
- {/if} -
+ {/each} + + +{/if} diff --git a/src/routes/admin/pages/[id]/+page.svelte b/src/routes/admin/pages/[id]/+page.svelte index 5243ab8..949ace7 100644 --- a/src/routes/admin/pages/[id]/+page.svelte +++ b/src/routes/admin/pages/[id]/+page.svelte @@ -4,6 +4,8 @@ import type { PageData, ActionData } from './$types'; import MarkdownRenderer from '$lib/components/MarkdownRenderer.svelte'; 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 { untrack } from 'svelte'; let { data, form }: { data: PageData; form: ActionData } = $props(); @@ -18,20 +20,20 @@

编辑{$page.data.aliases?.page || '页面'}

- 前台预览 - ← 返回 + 前台预览 + +
{#if form?.error} -
- {form.error} -
+ {/if}
@@ -88,7 +90,7 @@

更新

- +
@@ -128,49 +130,6 @@ align-items: center; } - .btn { - display: inline-block; - padding: 10px 20px; - text-decoration: none; - font-size: 0.95rem; - font-weight: 600; - transition: all 0.3s ease; - cursor: pointer; - border: 1px solid var(--text-color); - background-color: transparent; - color: var(--text-color); - font-family: inherit; - text-transform: uppercase; - letter-spacing: 1px; - } - - .btn-primary { - background-color: var(--text-color); - color: var(--bg-color, #ffffff); - width: 100%; - text-align: center; - } - - .btn-primary:hover { - background-color: var(--accent-color, #419b38); - border-color: var(--accent-color, #419b38); - color: white; - } - - .btn-secondary:hover { - border-color: var(--accent-color, #419b38); - color: var(--accent-color, #419b38); - } - - .error-alert { - padding: 12px 16px; - background-color: transparent; - border-left: 4px solid #d9534f; - color: #d9534f; - margin-bottom: 30px; - font-weight: 600; - } - .editor-header { display: flex; justify-content: space-between; diff --git a/src/routes/admin/pages/new/+page.svelte b/src/routes/admin/pages/new/+page.svelte index 5c36797..e8140d5 100644 --- a/src/routes/admin/pages/new/+page.svelte +++ b/src/routes/admin/pages/new/+page.svelte @@ -4,6 +4,8 @@ import type { ActionData } from './$types'; import MarkdownRenderer from '$lib/components/MarkdownRenderer.svelte'; 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 { createSlugAutoHandler } from '$lib/utils/slugify'; @@ -35,13 +37,11 @@

新建独立{$page.data.aliases?.page || '页面'}

- ← 返回 +
{#if form?.error} -
- {form.error} -
+ {/if} @@ -99,7 +99,7 @@

发布

- +
@@ -145,49 +145,6 @@ color: var(--text-color); } - .btn { - display: inline-block; - padding: 10px 20px; - text-decoration: none; - font-size: 0.95rem; - font-weight: 600; - transition: all 0.3s ease; - cursor: pointer; - border: 1px solid var(--text-color); - background-color: transparent; - color: var(--text-color); - font-family: inherit; - text-transform: uppercase; - letter-spacing: 1px; - } - - .btn-primary { - background-color: var(--text-color); - color: var(--bg-color, #ffffff); - width: 100%; - text-align: center; - } - - .btn-primary:hover { - background-color: var(--accent-color, #419b38); - border-color: var(--accent-color, #419b38); - color: white; - } - - .btn-secondary:hover { - border-color: var(--accent-color, #419b38); - color: var(--accent-color, #419b38); - } - - .error-alert { - padding: 12px 16px; - background-color: transparent; - border-left: 4px solid #d9534f; - color: #d9534f; - margin-bottom: 30px; - font-weight: 600; - } - .editor-header { display: flex; justify-content: space-between; diff --git a/src/routes/admin/posts/+page.svelte b/src/routes/admin/posts/+page.svelte index 046ff8e..654f5a5 100644 --- a/src/routes/admin/posts/+page.svelte +++ b/src/routes/admin/posts/+page.svelte @@ -3,6 +3,8 @@ import { page } from '$app/stores'; import type { PageData } from './$types'; import { confirmState } from '$lib/stores/confirm.svelte'; + import Button from '$lib/components/admin/Button.svelte'; + import DataTable from '$lib/components/admin/DataTable.svelte'; let { data }: { data: PageData } = $props(); let selectedIds = $state([]); @@ -21,9 +23,9 @@

{$page.data.aliases?.post || '文章'}管理

- 发布新{$page.data.aliases?.post || '文章'} +
{#if data.posts.length > 0} @@ -54,7 +56,7 @@ {#each selectedIds as id (id)} {/each} - + {:else} 未选择项目 @@ -62,79 +64,68 @@
{/if} -
- {#if data.posts.length === 0} -
-

还没有发布任何{$page.data.aliases?.post || '文章'}

-
- {:else} - - +{#if data.posts.length === 0} +
+

还没有发布任何{$page.data.aliases?.post || '文章'}

+
+{:else} + + + + + + + + + + + + + + + {#each data.posts as post (post.id || post)} - - - - - - - - + + + + + + + + - - - {#each data.posts as post (post.id || post)} - - - - - - - - - - - {/each} - -
+ + ID标题分类{$page.data.aliases?.series || '系列'}别名作者发布时间
- - ID标题分类{$page.data.aliases?.series || '系列'}别名作者发布时间 + + {post.id} + {post.title} + + + + {post.category || '未分类'}{post.series || '—'}{post.slug}{post.author || '未知'}{post.dateStr}
- - {post.id} - {post.title} - - - - {post.category || '未分类'}{post.series || '—'}{post.slug}{post.author || '未知'}{post.dateStr}
- {/if} -
+ {/each} + + +{/if} diff --git a/src/routes/admin/posts/[id]/+page.svelte b/src/routes/admin/posts/[id]/+page.svelte index 5bbfaee..6f6183c 100644 --- a/src/routes/admin/posts/[id]/+page.svelte +++ b/src/routes/admin/posts/[id]/+page.svelte @@ -10,6 +10,8 @@ import SelectDropdown from '$lib/components/admin/SelectDropdown.svelte'; import { parseHugoMarkdown } from '$lib/hugoParser'; 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 { untrack } from 'svelte'; let { data, form }: { data: PageData; form: ActionData } = $props(); @@ -263,10 +265,10 @@

编辑

- - ← 返回 + +
{#if form?.error} -
- {form.error} -
+ {/if}
@@ -488,7 +488,7 @@

保存

- +
@@ -632,60 +632,6 @@ gap: 10px; } - .header-actions .btn { - display: inline-flex; - align-items: center; - justify-content: center; - box-sizing: border-box; - min-height: 42px; - margin: 0; - line-height: 1; - white-space: nowrap; - } - - .btn { - display: inline-block; - padding: 10px 20px; - text-decoration: none; - font-size: 0.95rem; - font-weight: 600; - transition: all 0.3s ease; - cursor: pointer; - border: 1px solid var(--text-color); - background-color: transparent; - color: var(--text-color); - font-family: inherit; - text-transform: uppercase; - letter-spacing: 1px; - } - - .btn-primary { - background-color: var(--text-color); - color: var(--bg-color, #ffffff); - width: 100%; - text-align: center; - } - - .btn-primary:hover { - background-color: var(--accent-color, #419b38); - border-color: var(--accent-color, #419b38); - color: white; - } - - .btn-secondary:hover { - border-color: var(--accent-color, #419b38); - color: var(--accent-color, #419b38); - } - - .error-alert { - padding: 12px 16px; - background-color: transparent; - border-left: 4px solid #d9534f; - color: #d9534f; - margin-bottom: 30px; - font-weight: 600; - } - .editor-header { display: flex; justify-content: space-between; diff --git a/src/routes/admin/posts/new/+page.svelte b/src/routes/admin/posts/new/+page.svelte index 4c316f4..bf465d5 100644 --- a/src/routes/admin/posts/new/+page.svelte +++ b/src/routes/admin/posts/new/+page.svelte @@ -10,6 +10,8 @@ import SelectDropdown from '$lib/components/admin/SelectDropdown.svelte'; import { parseHugoMarkdown } from '$lib/hugoParser'; 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 { untrack } from 'svelte'; import { createSlugAutoHandler } from '$lib/utils/slugify'; @@ -280,10 +282,10 @@

新{$page.data.aliases?.post || '文章'}

- - ← 返回 + +
{#if form?.error} -
- {form.error} -
+ {/if} @@ -505,9 +505,9 @@

发布

- +
@@ -663,60 +663,6 @@ gap: 10px; } - .header-actions .btn { - display: inline-flex; - align-items: center; - justify-content: center; - box-sizing: border-box; - min-height: 42px; - margin: 0; - line-height: 1; - white-space: nowrap; - } - - .btn { - display: inline-block; - padding: 10px 20px; - text-decoration: none; - font-size: 0.95rem; - font-weight: 600; - transition: all 0.3s ease; - cursor: pointer; - border: 1px solid var(--text-color); - background-color: transparent; - color: var(--text-color); - font-family: inherit; - text-transform: uppercase; - letter-spacing: 1px; - } - - .btn-primary { - background-color: var(--text-color); - color: var(--bg-color, #ffffff); - width: 100%; - text-align: center; - } - - .btn-primary:hover { - background-color: var(--accent-color, #419b38); - border-color: var(--accent-color, #419b38); - color: white; - } - - .btn-secondary:hover { - border-color: var(--accent-color, #419b38); - color: var(--accent-color, #419b38); - } - - .error-alert { - padding: 12px 16px; - background-color: transparent; - border-left: 4px solid #d9534f; - color: #d9534f; - margin-bottom: 30px; - font-weight: 600; - } - .editor-header { display: flex; justify-content: space-between; diff --git a/src/routes/admin/settings/+page.svelte b/src/routes/admin/settings/+page.svelte index a102cd2..5d2424e 100644 --- a/src/routes/admin/settings/+page.svelte +++ b/src/routes/admin/settings/+page.svelte @@ -6,6 +6,7 @@ import ImagePicker from '$lib/components/admin/FeaturedImagePicker.svelte'; import DatePicker from '$lib/components/admin/DatePicker.svelte'; import TextInput from '$lib/components/admin/TextInput.svelte'; + import Button from '$lib/components/admin/Button.svelte'; import { untrack } from 'svelte'; let { data, form }: { data: PageData; form: ActionData } = $props(); @@ -98,7 +99,7 @@
- +
@@ -175,7 +176,7 @@ {/if}
- +
@@ -255,7 +256,7 @@
- +
@@ -374,31 +375,6 @@ justify-content: flex-end; } - .btn { - display: inline-block; - padding: 10px 24px; - text-decoration: none; - font-size: 0.95rem; - font-weight: 600; - transition: all 0.3s ease; - cursor: pointer; - border: 2px solid var(--text-color); - background-color: transparent; - color: var(--text-color); - font-family: inherit; - } - - .btn-primary { - background-color: var(--text-color); - color: var(--bg-color, #ffffff); - } - - .btn-primary:hover { - background-color: var(--accent-color, #419b38); - border-color: var(--accent-color, #419b38); - color: white; - } - .toggle-label { display: flex; align-items: center;