feat: 添加标签的行内编辑和更新功能

src/routes/admin/tags/+page.server.ts

@@ -76,5 +76,29 @@ export const actions: Actions = {
 			console.error('Error deleting tag:', err);
 			return { success: false, error: '删除标签失败' };
 		}
+	},
+
+	update: async ({ request, platform }) => {
+		const db = platform?.env?.DB;
+		if (!db) return fail(500, { error: '数据库未连接' });
+
+		const formData = await request.formData();
+		const id = formData.get('id');
+		const name = formData.get('name')?.toString().trim();
+
+		if (!id || !name) {
+			return fail(400, { error: '标签 ID 和名称为必填项' });
+		}
+
+		try {
+			await db.prepare('UPDATE tags SET name = ? WHERE id = ?').bind(name, id).run();
+			return { success: true };
+		} catch (err: unknown) {
+			console.error('Error updating tag:', err);
+			if ((err as any)?.message?.includes('UNIQUE constraint failed')) {
+				return fail(400, { error: '标签名称已存在' });
+			}
+			return fail(500, { error: '更新标签失败' });
+		}
 	}
 };

src/routes/admin/tags/+page.svelte

@@ -6,6 +6,7 @@
 	let { data, form }: { data: PageData; form: ActionData } = $props();
 
 	let newTagName = $state('');
+	let editingId = $state<number | null>(null);
 </script>
 
 <div class="admin-page-header">
@@ -58,9 +59,44 @@
 					{#each data.tags as tag (tag.id || tag)}
 						<tr>
 							<td>{tag.id}</td>
-							<td><strong>{tag.name}</strong></td>
+							<td>
+								{#if editingId === tag.id}
+									<input
+										type="text"
+										name="name"
+										value={tag.name}
+										form="edit-form-{tag.id}"
+										required
+										class="edit-input"
+									/>
+								{:else}
+									<strong>{tag.name}</strong>
+								{/if}
+							</td>
 							<td><span class="badge">{tag.post_count} 篇文章</span></td>
 							<td>
+								{#if editingId === tag.id}
+									<form
+										id="edit-form-{tag.id}"
+										action="?/update"
+										method="POST"
+										class="inline-form"
+										onsubmit={() => {
+											setTimeout(() => {
+												editingId = null;
+											}, 0);
+										}}
+									>
+										<input type="hidden" name="id" value={tag.id} />
+										<button type="submit" class="action-btn">保存</button>
+									</form>
+									<button type="button" class="action-btn" onclick={() => (editingId = null)}>
+										取消
+									</button>
+								{:else}
+									<button type="button" class="action-btn" onclick={() => (editingId = tag.id)}>
+										编辑
+									</button>
 									<form
 										action="?/delete"
 										method="POST"
@@ -85,6 +121,7 @@
 										<input type="hidden" name="id" value={tag.id} />
 										<button type="submit" class="action-btn delete">删除</button>
 									</form>
+								{/if}
 							</td>
 						</tr>
 					{/each}
@@ -275,4 +312,21 @@
 		text-align: center;
 		color: var(--text-muted, rgba(0, 0, 0, 0.6));
 	}
+
+	.edit-input {
+		width: 100%;
+		padding: 6px 8px;
+		border: 1px solid rgba(0, 0, 0, 0.2);
+		background: transparent;
+		font-family: inherit;
+		font-size: 0.95rem;
+		color: var(--text-color);
+		box-sizing: border-box;
+		border-radius: 4px;
+	}
+
+	.edit-input:focus {
+		outline: none;
+		border-color: var(--accent-color, #419b38);
+	}
 </style>