diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index aa33f53..65ea55a 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -6,9 +6,9 @@ import type { Board } from '../api/types';
import type { PostHeading } from '../utils/postHeadings';
import { useAuth } from '../hooks/useAuth';
import { cn } from '@/lib/utils';
-import { Skeleton } from '@/components/ui/skeleton';
import { buildHomeUrl, parseFeedSort } from './FeedSortBar';
import { navigateFeed } from '../utils/feedCache';
+import { transitionTo } from '../utils/spaTransition';
import BoardIconDisplay from './BoardIconDisplay';
import { getBoardThemeIndex } from '../utils/boardTheme';
import ArticleOutline from './ArticleOutline';
@@ -62,11 +62,11 @@ export default function Sidebar({
const nav = useNavigate();
const loc = useLocation();
const [params] = useSearchParams();
- const sort = parseFeedSort(params.get('sort'));
const { user } = useAuth();
const isAdmin = user?.role === 'admin';
const { navPages } = useSitePages();
const { limits } = useForumLimits();
+ const sort = parseFeedSort(params.get('sort'), limits.feed_sort_tabs);
const showFriendLinksNav = limits.nav_show_friend_links !== false;
const showShowcaseNav = !!limits.nav_show_showcase;
const showSiteSection = navPages.length > 0 || showFriendLinksNav || showShowcaseNav;
@@ -137,22 +137,12 @@ export default function Sidebar({
浏览
{(boardsLoading && boards.length === 0) ? (
- <>
-
板块
-
-
+
板块
) : boards.length > 0 ? (
<>
板块
@@ -198,10 +188,10 @@ export default function Sidebar({
<>
站点
diff --git a/frontend/src/components/TagCloud.tsx b/frontend/src/components/TagCloud.tsx
index 8ef740f..6646cf3 100644
--- a/frontend/src/components/TagCloud.tsx
+++ b/frontend/src/components/TagCloud.tsx
@@ -1,7 +1,6 @@
import { useMemo } from 'react';
import { useNavigate } from 'react-router-dom';
import type { TagCount } from '../api/types';
-import { Skeleton } from '@/components/ui/skeleton';
import { cn } from '@/lib/utils';
interface Props {
@@ -63,20 +62,7 @@ export default function TagCloud({ tags, loading = false, activeTag = '' }: Prop
}, [tags]);
if (loading && tags.length === 0) {
- return (
-
- {Array.from({ length: 10 }, (_, i) => (
-
- ))}
-
- );
+ return null;
}
if (items.length === 0) {
diff --git a/frontend/src/components/TopProgressBar.tsx b/frontend/src/components/TopProgressBar.tsx
new file mode 100644
index 0000000..47f67c0
--- /dev/null
+++ b/frontend/src/components/TopProgressBar.tsx
@@ -0,0 +1,75 @@
+import { useEffect, useRef, useState } from 'react';
+import { subscribeSpaTransition } from '../utils/spaTransition';
+
+/**
+ * 视口顶部 2px 细进度条（类 Next.js / YouTube）。
+ * 由 spaTransition start/done 驱动，假进度爬升至约 80%，结束冲到 100%。
+ */
+export default function TopProgressBar() {
+ const [visible, setVisible] = useState(false);
+ const [width, setWidth] = useState(0);
+ const [fading, setFading] = useState(false);
+ const timerRef = useRef
| null>(null);
+ const fadeRef = useRef | null>(null);
+ const activeRef = useRef(false);
+
+ useEffect(() => {
+ const clearTick = () => {
+ if (timerRef.current) {
+ clearInterval(timerRef.current);
+ timerRef.current = null;
+ }
+ };
+ const clearFade = () => {
+ if (fadeRef.current) {
+ clearTimeout(fadeRef.current);
+ fadeRef.current = null;
+ }
+ };
+
+ return subscribeSpaTransition((active) => {
+ if (active) {
+ activeRef.current = true;
+ clearFade();
+ setFading(false);
+ setVisible(true);
+ setWidth(12);
+ clearTick();
+ timerRef.current = setInterval(() => {
+ setWidth((w) => {
+ if (w >= 80) return w;
+ // 越接近 80 越慢
+ const step = Math.max(0.4, (80 - w) * 0.045);
+ return Math.min(80, w + step);
+ });
+ }, 120);
+ return;
+ }
+
+ if (!activeRef.current) return;
+ activeRef.current = false;
+ clearTick();
+ setWidth(100);
+ setFading(true);
+ clearFade();
+ fadeRef.current = setTimeout(() => {
+ setVisible(false);
+ setFading(false);
+ setWidth(0);
+ }, 220);
+ });
+ }, []);
+
+ if (!visible && width <= 0) return null;
+
+ return (
+
+ );
+}
diff --git a/frontend/src/components/VirtualPostList.tsx b/frontend/src/components/VirtualPostList.tsx
index 6d8b9d6..b2a3d06 100644
--- a/frontend/src/components/VirtualPostList.tsx
+++ b/frontend/src/components/VirtualPostList.tsx
@@ -4,7 +4,7 @@ import { useVirtualizer } from '@tanstack/react-virtual';
import { Inbox, SearchX } from 'lucide-react';
import { Button } from '@/components/ui/button';
import PostListItem from './PostListItem';
-import PostListSkeleton, { feedListRowEstimate } from './PostListSkeleton';
+import { feedListRowEstimate } from './PostListSkeleton';
import FeedPagination from './FeedPagination';
import { InFlowSiteFooter } from './SiteFooter';
import { useAuth } from '../hooks/useAuth';
@@ -14,6 +14,7 @@ import { loginPath } from '../utils/authRedirect';
import { dispatchOpenPostSearch } from '../hooks/usePostSearch';
import type { PostItem } from '../api/types';
import type { FeedSort } from './FeedSortBar';
+import { getDefaultFeedSortFromCache } from './FeedSortBar';
interface Props {
posts: PostItem[];
@@ -56,7 +57,7 @@ function getMobileFeedScrollEl(): HTMLElement | null {
export default function VirtualPostList({
posts,
- sort = 'reply',
+ sort = getDefaultFeedSortFromCache(),
loading,
hasMore,
showPagination,
@@ -242,9 +243,7 @@ export default function VirtualPostList({
return (
- {isInitialLoad ? (
-
- ) : isEmpty ? (
+ {isInitialLoad ? null : isEmpty ? (
{isSearchEmpty
?
diff --git a/frontend/src/components/admin/FeedSortTabList.tsx b/frontend/src/components/admin/FeedSortTabList.tsx
new file mode 100644
index 0000000..97c5ec1
--- /dev/null
+++ b/frontend/src/components/admin/FeedSortTabList.tsx
@@ -0,0 +1,89 @@
+import { Pencil } from 'lucide-react';
+import { Input } from '@/components/ui/input';
+import AdminSortableList, { SortableDragHandle } from './AdminSortableList';
+import type { FeedSortId, FeedSortTab } from '../../api/types';
+import { normalizeFeedSortTabs } from '../../utils/feedSortTabs';
+
+const TAB_META: Record
= {
+ reply: { hint: '按最后评论时间', placeholder: '新评论' },
+ latest: { hint: '按发帖时间', placeholder: '新帖子' },
+ hot: { hint: '推荐优先，再按互动', placeholder: '推荐帖' },
+};
+
+type Props = {
+ tabs: FeedSortTab[];
+ onChange: (next: FeedSortTab[]) => void;
+};
+
+export default function FeedSortTabList({ tabs, onChange }: Props) {
+ const items = normalizeFeedSortTabs(tabs);
+
+ const handleToggle = (id: FeedSortId, enabled: boolean) => {
+ const next = items.map(t => (t.id === id ? { ...t, enabled } : t));
+ // 不允许全部关闭：关掉最后一项时忽略
+ if (!enabled && !next.some(t => t.enabled)) return;
+ onChange(normalizeFeedSortTabs(next));
+ };
+
+ const handleLabel = (id: FeedSortId, label: string) => {
+ onChange(normalizeFeedSortTabs(items.map(t => (t.id === id ? { ...t, label } : t))));
+ };
+
+ return (
+ tab.id}
+ onReorder={next => onChange(normalizeFeedSortTabs(next))}
+ showMoveButtons={false}
+ className="admin-sortable-list admin-sortable-list--boxed"
+ ariaLabel="首页排序标签"
+ renderItem={(tab, _index, controls) => {
+ const meta = TAB_META[tab.id];
+ return (
+
+
+
+
+
+ {meta.hint}
+
+
+
+