@funhub/platform 0.1.130 → 0.1.132

package/dist/components/common/skeleton/post-list-item-skeleton.mjs

@@ -1,100 +1,2 @@
 
-'use client';
-
-import { Box } from "../../ui/box.mjs";
-import { useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import ContentLoader from "react-content-loader";
-
-//#region components/common/skeleton/post-list-item-skeleton.tsx
-const BASE_WIDTH = 375;
-const BASE_HEIGHT = 88;
-/**
-* 帖子列表项骨架屏，基于 PostListItem 布局。
-*/
-function PostListItemSkeleton(props) {
-	const { isEditMode = false, uniqueKey, className = "" } = props;
-	const t = useTranslations("components.common");
-	const reactId = useId();
-	const contentKey = uniqueKey || reactId;
-	const checkboxSize = 16;
-	const checkboxGap = 8;
-	const imageWidth = 142;
-	const imageHeight = 80;
-	const imageRadius = 8;
-	const contentGap = 9;
-	const contentTop = 6;
-	const titleLineHeight = 12;
-	const titleLineGap = 6;
-	const timeLineHeight = 10;
-	const imageX = isEditMode ? checkboxSize + checkboxGap : 0;
-	const imageY = (BASE_HEIGHT - imageHeight) / 2;
-	const textX = imageX + imageWidth + contentGap;
-	const textMaxWidth = Math.max(0, BASE_WIDTH - textX);
-	const titleLine1Y = contentTop;
-	const titleLine2Y = contentTop + titleLineHeight + titleLineGap;
-	const timeLineY = 72;
-	const titleLine1Width = Math.min(textMaxWidth, 200);
-	const titleLine2Width = Math.min(textMaxWidth, 160);
-	const timeLineWidth = Math.min(textMaxWidth, 96);
-	return /* @__PURE__ */ jsx(Box, {
-		className: `py-1.5 ${className}`.trim(),
-		children: /* @__PURE__ */ jsxs(ContentLoader, {
-			uniqueKey: contentKey,
-			viewBox: `0 0 ${BASE_WIDTH} ${BASE_HEIGHT}`,
-			className: "w-full h-22 text-text1",
-			backgroundColor: "currentColor",
-			foregroundColor: "currentColor",
-			backgroundOpacity: .08,
-			foregroundOpacity: .18,
-			preserveAspectRatio: "none",
-			title: t("skeleton.loading"),
-			children: [
-				isEditMode ? /* @__PURE__ */ jsx("rect", {
-					x: 0,
-					y: (BASE_HEIGHT - checkboxSize) / 2,
-					rx: 4,
-					ry: 4,
-					width: checkboxSize,
-					height: checkboxSize
-				}) : null,
-				/* @__PURE__ */ jsx("rect", {
-					x: imageX,
-					y: imageY,
-					rx: imageRadius,
-					ry: imageRadius,
-					width: imageWidth,
-					height: imageHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: titleLine1Y,
-					rx: 4,
-					ry: 4,
-					width: titleLine1Width,
-					height: titleLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: titleLine2Y,
-					rx: 4,
-					ry: 4,
-					width: titleLine2Width,
-					height: titleLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: timeLineY,
-					rx: 4,
-					ry: 4,
-					width: timeLineWidth,
-					height: timeLineHeight
-				})
-			]
-		})
-	});
-}
-
-//#endregion
-export { PostListItemSkeleton };
+"use client";import{Box as e}from"../../ui/box.mjs";import{useId as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useTranslations as i}from"next-intl";import a from"react-content-loader";function o(o){let{isEditMode:s=!1,uniqueKey:c,className:l=``}=o,u=i(`components.common`),d=t(),f=c||d,p=s?24:0,m=p+142+9,h=Math.max(0,375-m),g=Math.min(h,200),_=Math.min(h,160),v=Math.min(h,96);return n(e,{className:`py-1.5 ${l}`.trim(),children:r(a,{uniqueKey:f,viewBox:`0 0 375 88`,className:`w-full h-22 text-text1`,backgroundColor:`currentColor`,foregroundColor:`currentColor`,backgroundOpacity:.08,foregroundOpacity:.18,preserveAspectRatio:`none`,title:u(`skeleton.loading`),children:[s?n(`rect`,{x:0,y:72/2,rx:4,ry:4,width:16,height:16}):null,n(`rect`,{x:p,y:4,rx:8,ry:8,width:142,height:80}),n(`rect`,{x:m,y:6,rx:4,ry:4,width:g,height:12}),n(`rect`,{x:m,y:24,rx:4,ry:4,width:_,height:12}),n(`rect`,{x:m,y:72,rx:4,ry:4,width:v,height:10})]})})}export{o as PostListItemSkeleton};

package/dist/components/common/skeleton/search-video-card-skeleton.mjs

@@ -0,0 +1,2 @@
+
+"use client";import{Box as e}from"../../ui/box.mjs";import{useId as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useTranslations as i}from"next-intl";import a from"react-content-loader";function o({uniqueKey:o}){let s=i(`components.common`),c=t();return n(e,{className:`mb-[12px] w-full border-b border-line1 px-[12px] pb-[12px]`,children:r(a,{uniqueKey:o||c,viewBox:`0 0 375 312`,className:`h-auto w-full text-text1`,backgroundColor:`currentColor`,foregroundColor:`currentColor`,backgroundOpacity:.08,foregroundOpacity:.18,preserveAspectRatio:`none`,title:s(`skeleton.loading`),children:[n(`rect`,{x:0,y:0,rx:12,ry:12,width:375,height:211}),n(`rect`,{x:8,y:187,rx:4,ry:4,width:34,height:14}),n(`rect`,{x:325,y:187,rx:4,ry:4,width:42,height:14}),n(`rect`,{x:8,y:221,rx:4,ry:4,width:176,height:24}),n(`rect`,{x:8,y:257,rx:4,ry:4,width:205,height:20}),n(`rect`,{x:255,y:225,rx:21,ry:21,width:112,height:42})]})})}function s({count:t=3,uniqueKeyPrefix:r=`search-video-card-skeleton`,className:i=``}){return n(e,{className:`w-full px-[12px] pt-[12px] bg-bg1 ${i}`.trim(),children:Array.from({length:t}).map((e,t)=>n(o,{uniqueKey:`${r}-${t}`},`${r}-${t}`))})}export{s as SearchVideoCardSkeleton};

package/dist/components/common/skeleton/user-activity-list-item-skeleton.mjs

@@ -1,147 +1,2 @@
 
-'use client';
-
-import { Box } from "../../ui/box.mjs";
-import { useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import ContentLoader from "react-content-loader";
-
-//#region components/common/skeleton/user-activity-list-item-skeleton.tsx
-const BASE_WIDTH = 375;
-const BASE_HEIGHT = 240;
-/**
-* 用户动态列表项骨架屏，基于 UserActivityListItem 布局。
-*/
-function UserActivityListItemSkeleton(props) {
-	const { isEditMode = false, uniqueKey, className = "" } = props;
-	const t = useTranslations("components.common");
-	const reactId = useId();
-	const contentKey = uniqueKey || reactId;
-	const padding = 12;
-	const checkboxSize = 16;
-	const checkboxGap = 8;
-	const avatarSize = 40;
-	const headerTop = 12;
-	const headerGap = 8;
-	const textLineHeight = 12;
-	const textLineGap = 6;
-	const timeLineHeight = 10;
-	const contentLineHeight = 12;
-	const contentLineGap = 6;
-	const mediaHeight = 84;
-	const mediaRadius = 12;
-	const actionWidth = 44;
-	const actionHeight = 10;
-	const avatarX = padding + (isEditMode ? checkboxSize + checkboxGap : 0);
-	const avatarY = headerTop;
-	const textX = avatarX + avatarSize + headerGap;
-	const textMaxWidth = Math.max(0, BASE_WIDTH - textX - padding);
-	const nameLineWidth = Math.min(textMaxWidth, 160);
-	const timeLineWidth = Math.min(textMaxWidth, 96);
-	const contentX = padding;
-	const contentMaxWidth = BASE_WIDTH - padding * 2;
-	const actionGap = Math.max(0, (contentMaxWidth - actionWidth * 4) / 3);
-	const contentLine1Width = Math.min(contentMaxWidth, 320);
-	const contentLine2Width = Math.min(contentMaxWidth, 280);
-	const contentLine3Width = Math.min(contentMaxWidth, 220);
-	const nameLineY = headerTop + 6;
-	const timeLineY = nameLineY + textLineHeight + textLineGap;
-	const contentLine1Y = headerTop + avatarSize + 12;
-	const contentLine2Y = contentLine1Y + contentLineHeight + contentLineGap;
-	const contentLine3Y = contentLine2Y + contentLineHeight + contentLineGap;
-	const mediaY = contentLine3Y + contentLineHeight + 12;
-	const mediaWidth = BASE_WIDTH - padding * 2;
-	const actionsY = BASE_HEIGHT - 20;
-	return /* @__PURE__ */ jsx(Box, {
-		className,
-		children: /* @__PURE__ */ jsxs(ContentLoader, {
-			uniqueKey: contentKey,
-			viewBox: `0 0 ${BASE_WIDTH} ${BASE_HEIGHT}`,
-			className: "w-full h-60 text-text1",
-			backgroundColor: "currentColor",
-			foregroundColor: "currentColor",
-			backgroundOpacity: .08,
-			foregroundOpacity: .18,
-			preserveAspectRatio: "none",
-			title: t("skeleton.loading"),
-			children: [
-				isEditMode ? /* @__PURE__ */ jsx("rect", {
-					x: padding,
-					y: headerTop + (avatarSize - checkboxSize) / 2,
-					rx: 4,
-					ry: 4,
-					width: checkboxSize,
-					height: checkboxSize
-				}) : null,
-				/* @__PURE__ */ jsx("rect", {
-					x: avatarX,
-					y: avatarY,
-					rx: avatarSize / 2,
-					ry: avatarSize / 2,
-					width: avatarSize,
-					height: avatarSize
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: nameLineY,
-					rx: 4,
-					ry: 4,
-					width: nameLineWidth,
-					height: textLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: timeLineY,
-					rx: 4,
-					ry: 4,
-					width: timeLineWidth,
-					height: timeLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: contentX,
-					y: contentLine1Y,
-					rx: 4,
-					ry: 4,
-					width: contentLine1Width,
-					height: contentLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: contentX,
-					y: contentLine2Y,
-					rx: 4,
-					ry: 4,
-					width: contentLine2Width,
-					height: contentLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: contentX,
-					y: contentLine3Y,
-					rx: 4,
-					ry: 4,
-					width: contentLine3Width,
-					height: contentLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: padding,
-					y: mediaY,
-					rx: mediaRadius,
-					ry: mediaRadius,
-					width: mediaWidth,
-					height: mediaHeight
-				}),
-				Array.from({ length: 4 }).map((_, index) => /* @__PURE__ */ jsx("rect", {
-					x: padding + index * (actionWidth + actionGap),
-					y: actionsY,
-					rx: 4,
-					ry: 4,
-					width: actionWidth,
-					height: actionHeight
-				}, `action-${index}`))
-			]
-		})
-	});
-}
-
-//#endregion
-export { UserActivityListItemSkeleton };
+"use client";import{Box as e}from"../../ui/box.mjs";import{useId as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useTranslations as i}from"next-intl";import a from"react-content-loader";function o(o){let{isEditMode:s=!1,uniqueKey:c,className:l=``}=o,u=i(`components.common`),d=t(),f=c||d,p=12+(s?24:0),m=p+40+8,h=Math.max(0,375-m-12),g=Math.min(h,160),_=Math.min(h,96);return n(e,{className:l,children:r(a,{uniqueKey:f,viewBox:`0 0 375 240`,className:`w-full h-60 text-text1`,backgroundColor:`currentColor`,foregroundColor:`currentColor`,backgroundOpacity:.08,foregroundOpacity:.18,preserveAspectRatio:`none`,title:u(`skeleton.loading`),children:[s?n(`rect`,{x:12,y:24,rx:4,ry:4,width:16,height:16}):null,n(`rect`,{x:p,y:12,rx:40/2,ry:40/2,width:40,height:40}),n(`rect`,{x:m,y:18,rx:4,ry:4,width:g,height:12}),n(`rect`,{x:m,y:36,rx:4,ry:4,width:_,height:10}),n(`rect`,{x:12,y:64,rx:4,ry:4,width:320,height:12}),n(`rect`,{x:12,y:82,rx:4,ry:4,width:280,height:12}),n(`rect`,{x:12,y:100,rx:4,ry:4,width:220,height:12}),n(`rect`,{x:12,y:124,rx:12,ry:12,width:351,height:84}),Array.from({length:4}).map((e,t)=>n(`rect`,{x:12+t*102.33333333333334,y:220,rx:4,ry:4,width:44,height:10},`action-${t}`))]})})}export{o as UserActivityListItemSkeleton};

package/dist/components/common/skeleton/video-list-item-skeleton.mjs

@@ -1,111 +1,2 @@
 
-'use client';
-
-import { Box } from "../../ui/box.mjs";
-import { useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import ContentLoader from "react-content-loader";
-
-//#region components/common/skeleton/video-list-item-skeleton.tsx
-const BASE_WIDTH = 375;
-const BASE_HEIGHT = 88;
-/**
-* 视频列表项骨架屏，基于 VideoListItem 布局。
-*/
-function VideoListItemSkeleton(props) {
-	const { isEditMode = false, showVideoProgress = false, uniqueKey, className = "" } = props;
-	const t = useTranslations("components.common");
-	const reactId = useId();
-	const contentKey = uniqueKey || reactId;
-	const checkboxSize = 16;
-	const checkboxGap = 8;
-	const imageWidth = 142;
-	const imageHeight = 80;
-	const imageRadius = 8;
-	const contentGap = 9;
-	const contentTop = 6;
-	const titleLineHeight = 12;
-	const titleLineGap = 6;
-	const progressLineHeight = 10;
-	const timeLineHeight = 10;
-	const imageX = isEditMode ? checkboxSize + checkboxGap : 0;
-	const imageY = (BASE_HEIGHT - imageHeight) / 2;
-	const textX = imageX + imageWidth + contentGap;
-	const textMaxWidth = Math.max(0, BASE_WIDTH - textX);
-	const titleLine1Y = contentTop;
-	const titleLine2Y = contentTop + titleLineHeight + titleLineGap;
-	const progressLineY = 49;
-	const timeLineY = 72;
-	const titleLine1Width = Math.min(textMaxWidth, 200);
-	const titleLine2Width = Math.min(textMaxWidth, 160);
-	const progressLineWidth = Math.min(textMaxWidth, 140);
-	const timeLineWidth = Math.min(textMaxWidth, 96);
-	return /* @__PURE__ */ jsx(Box, {
-		className: `py-1.5 ${className}`.trim(),
-		children: /* @__PURE__ */ jsxs(ContentLoader, {
-			uniqueKey: contentKey,
-			viewBox: `0 0 ${BASE_WIDTH} ${BASE_HEIGHT}`,
-			className: "w-full h-22 text-text1",
-			backgroundColor: "currentColor",
-			foregroundColor: "currentColor",
-			backgroundOpacity: .08,
-			foregroundOpacity: .18,
-			preserveAspectRatio: "none",
-			title: t("skeleton.loading"),
-			children: [
-				isEditMode ? /* @__PURE__ */ jsx("rect", {
-					x: 0,
-					y: (BASE_HEIGHT - checkboxSize) / 2,
-					rx: 4,
-					ry: 4,
-					width: checkboxSize,
-					height: checkboxSize
-				}) : null,
-				/* @__PURE__ */ jsx("rect", {
-					x: imageX,
-					y: imageY,
-					rx: imageRadius,
-					ry: imageRadius,
-					width: imageWidth,
-					height: imageHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: titleLine1Y,
-					rx: 4,
-					ry: 4,
-					width: titleLine1Width,
-					height: titleLineHeight
-				}),
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: titleLine2Y,
-					rx: 4,
-					ry: 4,
-					width: titleLine2Width,
-					height: titleLineHeight
-				}),
-				showVideoProgress ? /* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: progressLineY,
-					rx: 4,
-					ry: 4,
-					width: progressLineWidth,
-					height: progressLineHeight
-				}) : null,
-				/* @__PURE__ */ jsx("rect", {
-					x: textX,
-					y: timeLineY,
-					rx: 4,
-					ry: 4,
-					width: timeLineWidth,
-					height: timeLineHeight
-				})
-			]
-		})
-	});
-}
-
-//#endregion
-export { VideoListItemSkeleton };
+"use client";import{Box as e}from"../../ui/box.mjs";import{useId as t}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{useTranslations as i}from"next-intl";import a from"react-content-loader";function o(o){let{isEditMode:s=!1,showVideoProgress:c=!1,uniqueKey:l,className:u=``}=o,d=i(`components.common`),f=t(),p=l||f,m=s?24:0,h=m+142+9,g=Math.max(0,375-h),_=Math.min(g,200),v=Math.min(g,160),y=Math.min(g,140),b=Math.min(g,96);return n(e,{className:`py-1.5 ${u}`.trim(),children:r(a,{uniqueKey:p,viewBox:`0 0 375 88`,className:`w-full h-22 text-text1`,backgroundColor:`currentColor`,foregroundColor:`currentColor`,backgroundOpacity:.08,foregroundOpacity:.18,preserveAspectRatio:`none`,title:d(`skeleton.loading`),children:[s?n(`rect`,{x:0,y:72/2,rx:4,ry:4,width:16,height:16}):null,n(`rect`,{x:m,y:4,rx:8,ry:8,width:142,height:80}),n(`rect`,{x:h,y:6,rx:4,ry:4,width:_,height:12}),n(`rect`,{x:h,y:24,rx:4,ry:4,width:v,height:12}),c?n(`rect`,{x:h,y:49,rx:4,ry:4,width:y,height:10}):null,n(`rect`,{x:h,y:72,rx:4,ry:4,width:b,height:10})]})})}export{o as VideoListItemSkeleton};

package/dist/components/common/tab-bar/index.mjs

@@ -1,121 +1,2 @@
 
-'use client';
-
-import { Box } from "../../ui/box.mjs";
-import { Text } from "../../ui/text.mjs";
-import Link from "../../ui/link.mjs";
-import SvgFollow from "../../../assets/icons/tabs/follow.mjs";
-import SvgFollowActive from "../../../assets/icons/tabs/follow_active.mjs";
-import SvgHome from "../../../assets/icons/tabs/home.mjs";
-import SvgHomeActive from "../../../assets/icons/tabs/home_active.mjs";
-import SvgMine from "../../../assets/icons/tabs/mine.mjs";
-import SvgMineActive from "../../../assets/icons/tabs/mine_active.mjs";
-import Badge from "../../ui/legacy/badge.mjs";
-import { useEffect, useState, useTransition } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import { usePathname } from "next/navigation";
-
-//#region components/common/tab-bar/index.tsx
-function isTabActive(pathname, tabPath) {
-	if (tabPath !== "/") return pathname.startsWith(tabPath);
-	const isOtherTab = ["/user"].some((path) => pathname.startsWith(path));
-	const isCategoryPath = pathname.startsWith("/category/");
-	return !isOtherTab && (pathname === "/" || isCategoryPath);
-}
-const HIDDEN_TABBAR_PATHS = ["/nav-page"];
-/**
-* 底部 TabBar。
-*/
-function TabBar(props) {
-	const { className } = props;
-	const pathname = usePathname();
-	const t = useTranslations("tabBar");
-	const [pendingPath, setPendingPath] = useState(null);
-	const [, startTransition] = useTransition();
-	const [unreadCount] = useState(0);
-	const [isMounted, setIsMounted] = useState(false);
-	const tabs = [
-		{
-			badge: false,
-			id: 1,
-			labelKey: "home",
-			path: "/",
-			icon: SvgHome,
-			activeIcon: SvgHomeActive,
-			width: 22,
-			height: 22
-		},
-		{
-			badge: false,
-			id: 2,
-			labelKey: "follow",
-			path: "/user/follow",
-			icon: SvgFollow,
-			activeIcon: SvgFollowActive,
-			width: 22,
-			height: 22
-		},
-		{
-			badge: false,
-			id: 5,
-			labelKey: "mine",
-			path: "/user/mine",
-			icon: SvgMine,
-			activeIcon: SvgMineActive,
-			width: 22,
-			height: 22
-		}
-	];
-	const handleTabClick = (e, tabPath, _labelKey) => {
-		if (tabPath !== pathname) setPendingPath(tabPath);
-	};
-	useEffect(() => {
-		if (pendingPath && isTabActive(pathname, pendingPath)) startTransition(() => {
-			setPendingPath(null);
-		});
-	}, [pathname, pendingPath]);
-	useEffect(() => {
-		const timer = setTimeout(() => {
-			setIsMounted(true);
-		}, 0);
-		return () => clearTimeout(timer);
-	}, []);
-	if (pathname ? HIDDEN_TABBAR_PATHS.some((path) => pathname.includes(path)) : false) return null;
-	return /* @__PURE__ */ jsx(Box, {
-		className: `fixed bottom-0 left-0 right-0 z-50 flex h-[var(--tab-bar-height)] items-center justify-around border-t border-line1 bg-bg1 ${className || ""}`,
-		children: tabs.map((tab) => {
-			const isActive = isMounted && pathname ? isTabActive(pendingPath || pathname || "", tab.path) : false;
-			const CurrentIcon = isActive ? tab.activeIcon : tab.icon;
-			const tabContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [tab.badge && unreadCount > 0 ? /* @__PURE__ */ jsx(Badge, {
-				dot: true,
-				children: /* @__PURE__ */ jsx(CurrentIcon, {
-					width: tab.width,
-					height: tab.height
-				})
-			}) : /* @__PURE__ */ jsx(CurrentIcon, {
-				width: tab.width,
-				height: tab.height
-			}), /* @__PURE__ */ jsx(Text, {
-				className: `text-[10px] mt-[4px] ${isActive ? "text-theme5" : "text-text2"}`,
-				children: t(tab.labelKey)
-			})] });
-			if (isActive) return /* @__PURE__ */ jsx(Box, {
-				className: "flex flex-col items-center justify-center flex-1 h-full",
-				children: tabContent
-			}, tab.id);
-			return /* @__PURE__ */ jsx(Link, {
-				href: tab.path,
-				prefetch: true,
-				className: "flex flex-col items-center justify-center flex-1 h-full",
-				onClick: (e) => {
-					handleTabClick(e, tab.path, tab.labelKey);
-				},
-				children: tabContent
-			}, tab.id);
-		})
-	});
-}
-
-//#endregion
-export { TabBar };
+"use client";import{Box as e}from"../../ui/box.mjs";import{Text as t}from"../../ui/text.mjs";import n from"../../ui/link.mjs";import r from"../../../assets/icons/tabs/follow.mjs";import i from"../../../assets/icons/tabs/follow_active.mjs";import a from"../../../assets/icons/tabs/home.mjs";import o from"../../../assets/icons/tabs/home_active.mjs";import s from"../../../assets/icons/tabs/mine.mjs";import c from"../../../assets/icons/tabs/mine_active.mjs";import l from"../../ui/legacy/badge.mjs";import{useEffect as u,useState as d,useTransition as f}from"react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";import{usePathname as _}from"next/navigation";function v(e,t){if(t!==`/`)return e.startsWith(t);let n=[`/user`].some(t=>e.startsWith(t)),r=e.startsWith(`/category/`);return!n&&(e===`/`||r)}const y=[`/nav-page`];function b(b){let{className:x}=b,S=_(),C=g(`tabBar`),[w,T]=d(null),[,E]=f(),[D]=d(0),[O,k]=d(!1),A=[{badge:!1,id:1,labelKey:`home`,path:`/`,icon:a,activeIcon:o,width:22,height:22},{badge:!1,id:2,labelKey:`follow`,path:`/user/follow`,icon:r,activeIcon:i,width:22,height:22},{badge:!1,id:5,labelKey:`mine`,path:`/user/mine`,icon:s,activeIcon:c,width:22,height:22}],j=(e,t,n)=>{t!==S&&T(t)};return u(()=>{w&&v(S,w)&&E(()=>{T(null)})},[S,w]),u(()=>{let e=setTimeout(()=>{k(!0)},0);return()=>clearTimeout(e)},[]),S&&y.some(e=>S.includes(e))?null:m(e,{className:`fixed bottom-0 left-0 right-0 z-50 flex h-[var(--tab-bar-height)] items-center justify-around border-t border-line1 bg-bg1 ${x||``}`,children:A.map(r=>{let i=O&&S?v(w||S||``,r.path):!1,a=i?r.activeIcon:r.icon,o=h(p,{children:[r.badge&&D>0?m(l,{dot:!0,children:m(a,{width:r.width,height:r.height})}):m(a,{width:r.width,height:r.height}),m(t,{className:`text-[10px] mt-[4px] ${i?`text-theme5`:`text-text2`}`,children:C(r.labelKey)})]});return i?m(e,{className:`flex flex-col items-center justify-center flex-1 h-full`,children:o},r.id):m(n,{href:r.path,prefetch:!0,className:`flex flex-col items-center justify-center flex-1 h-full`,onClick:e=>{j(e,r.path,r.labelKey)},children:o},r.id)})})}export{b as TabBar};

package/dist/components/common/theme-sync/index.mjs

@@ -1,23 +1,2 @@
 
-'use client';
-
-import { useEffect } from "react";
-
-//#region components/common/theme-sync/index.tsx
-function readCookie(name) {
-	if (typeof document === "undefined") return void 0;
-	const match = document.cookie.match(new RegExp(`(?:^|;\\s*)${name}=([^;]*)`));
-	return match ? decodeURIComponent(match[1]) : void 0;
-}
-function ThemeSync({ defaultTheme }) {
-	useEffect(() => {
-		const theme = readCookie("theme") || defaultTheme;
-		if (!theme) return;
-		document.documentElement.className = theme;
-		document.documentElement.dataset.prefersColorScheme = theme;
-	}, [defaultTheme]);
-	return null;
-}
-
-//#endregion
-export { ThemeSync };
+"use client";import{useEffect as e}from"react";function t(e){if(typeof document>`u`)return;let t=document.cookie.match(RegExp(`(?:^|;\\s*)${e}=([^;]*)`));return t?decodeURIComponent(t[1]):void 0}function n({defaultTheme:n}){return e(()=>{let e=t(`theme`)||n;e&&(document.documentElement.className=e,document.documentElement.dataset.prefersColorScheme=e)},[n]),null}export{n as ThemeSync};

package/dist/components/common/top-nav-bar/client.mjs

@@ -1,64 +1,2 @@
 
-'use client';
-
-import { getChannelList } from "../../biz/utils/helpers/get-channel-list.mjs";
-import { gContentGetAppChannelBlock, gContentGetAppChannels } from "../../../service/generated/client.mjs";
-import { Box } from "../../ui/box.mjs";
-import { useRequest } from "../../../hooks/query/use-query.mjs";
-import { queryKey } from "../../../constants/query-key.mjs";
-import { matchChannelByPath } from "../../pages/home/channel-matcher.mjs";
-import { TopNavBarFullscreen } from "./fullscreen.mjs";
-import { TopNavBarNormal } from "./normal.mjs";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-import { usePathname } from "next/navigation";
-
-//#region components/common/top-nav-bar/client.tsx
-/**
-* 顶部导航栏客户端组件
-*/
-/**
-* 从路径解析频道路径数组
-* @param pathname - 当前路径，如 '/' 或 '/category/推荐'
-* @returns 频道路径数组，如 [] 或 ['推荐', '视频']
-*/
-function parseCategoryPathFromPathname(pathname) {
-	if (pathname === "/") return [];
-	if (pathname.startsWith("/category/")) return pathname.replace("/category/", "").split("/").map((s) => decodeURIComponent(s));
-	return [];
-}
-/**
-* 顶部导航栏客户端组件
-*/
-function TopNavBar({ categoryPath, currentChannelId: controlledChannelId }) {
-	const pathname = usePathname() || "/";
-	const { data: channelDataRes } = useRequest([queryKey.CHANNEL], () => gContentGetAppChannels());
-	const channelDataList = useMemo(() => getChannelList(channelDataRes?.data), [channelDataRes?.data]);
-	const currentCategoryPath = useMemo(() => {
-		if (typeof window === "undefined") return categoryPath || [];
-		return parseCategoryPathFromPathname(pathname);
-	}, [categoryPath, pathname]);
-	const currentChannelId = useMemo(() => {
-		if (channelDataList.length === 0) return null;
-		return matchChannelByPath(currentCategoryPath, channelDataList);
-	}, [currentCategoryPath, channelDataList])?.id ?? controlledChannelId ?? "";
-	const { data: contentListData } = useRequest(queryKey.GET_CONTENT_LIST(currentChannelId), () => gContentGetAppChannelBlock({ channel_id: currentChannelId }), { enabled: !!currentChannelId });
-	const contentBlockList = useMemo(() => contentListData?.data?.blocks || [], [contentListData?.data?.blocks]);
-	const isFirstBlockFullscreenVideo = useMemo(() => {
-		return contentBlockList.length > 0 && contentBlockList[0].show_style === 6;
-	}, [contentBlockList]);
-	return /* @__PURE__ */ jsx(Box, {
-		className: "w-full",
-		"data-top-nav-root": "true",
-		children: isFirstBlockFullscreenVideo ? /* @__PURE__ */ jsx(TopNavBarFullscreen, {
-			channelDataList,
-			currentChannelId
-		}) : /* @__PURE__ */ jsx(TopNavBarNormal, {
-			channelDataList,
-			currentChannelId
-		})
-	});
-}
-
-//#endregion
-export { TopNavBar };
+"use client";import{getChannelList as e}from"../../biz/utils/helpers/get-channel-list.mjs";import{gContentGetAppChannelBlock as t,gContentGetAppChannels as n}from"../../../service/generated/client.mjs";import{Box as r}from"../../ui/box.mjs";import{useRequest as i}from"../../../hooks/query/use-query.mjs";import{queryKey as a}from"../../../constants/query-key.mjs";import{matchChannelByPath as o}from"../../pages/home/channel-matcher.mjs";import{TopNavBarFullscreen as s}from"./fullscreen.mjs";import{TopNavBarNormal as c}from"./normal.mjs";import{useMemo as l}from"react";import{jsx as u}from"react/jsx-runtime";import{usePathname as d}from"next/navigation";function f(e){return e===`/`?[]:e.startsWith(`/category/`)?e.replace(`/category/`,``).split(`/`).map(e=>decodeURIComponent(e)):[]}function p({categoryPath:p,currentChannelId:m}){let h=d()||`/`,{data:g}=i([a.CHANNEL],()=>n()),_=l(()=>e(g?.data),[g?.data]),v=l(()=>typeof window>`u`?p||[]:f(h),[p,h]),y=l(()=>_.length===0?null:o(v,_),[v,_])?.id??m??``,{data:b}=i(a.GET_CONTENT_LIST(y),()=>t({channel_id:y}),{enabled:!!y}),x=l(()=>b?.data?.blocks||[],[b?.data?.blocks]),S=l(()=>x.length>0&&x[0].show_style===6,[x]);return u(r,{className:`w-full`,"data-top-nav-root":`true`,children:u(S?s:c,{channelDataList:_,currentChannelId:y})})}export{p as TopNavBar};

package/dist/components/common/top-nav-bar/fullscreen.mjs

@@ -1,28 +1,2 @@
 
-'use client';
-
-import { Box } from "../../ui/box.mjs";
-import basic_nav_bar_default from "../../biz/business/nav-bar/variants/basic-nav-bar/index.mjs";
-import { memo } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/common/top-nav-bar/fullscreen.tsx
-/**
-* 全屏模式顶部导航栏组件
-* 只显示导航栏（绝对定位）
-*/
-/**
-* 全屏模式顶部导航栏
-*/
-const TopNavBarFullscreen = memo(({ channelDataList, currentChannelId }) => {
-	return /* @__PURE__ */ jsx(Box, {
-		className: "absolute top-0 left-0 z-10 w-full",
-		children: /* @__PURE__ */ jsx(basic_nav_bar_default, { data: {
-			list: channelDataList,
-			currentChannelId
-		} })
-	});
-});
-
-//#endregion
-export { TopNavBarFullscreen };
+"use client";import{Box as e}from"../../ui/box.mjs";import t from"../../biz/business/nav-bar/variants/basic-nav-bar/index.mjs";import{memo as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=n(({channelDataList:n,currentChannelId:i})=>r(e,{className:`absolute top-0 left-0 z-10 w-full`,children:r(t,{data:{list:n,currentChannelId:i}})}));export{i as TopNavBarFullscreen};

package/dist/components/common/top-nav-bar/index.mjs

@@ -1,30 +1,2 @@
 
-import { getChannelList } from "../../biz/utils/helpers/get-channel-list.mjs";
-import { gContentGetAppChannels } from "../../../service/generated/client.mjs";
-import { HydrationBoundary } from "../../../hooks/query/hydration-boundary.mjs";
-import { queryKey } from "../../../constants/query-key.mjs";
-import { revalidate } from "../../../constants/revalidate.mjs";
-import { matchChannelByPath } from "../../pages/home/channel-matcher.mjs";
-import { TopNavBar } from "./client.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region components/common/top-nav-bar/index.tsx
-async function TopNavBarServer({ categoryPath = [] } = {}) {
-	const channelData = await gContentGetAppChannels({}, { revalidate: revalidate.TIME });
-	const channelList = getChannelList(channelData?.data);
-	const safeCategoryPath = Array.isArray(categoryPath) ? categoryPath : [];
-	const currentChannelId = matchChannelByPath(safeCategoryPath, channelList)?.id || null;
-	return /* @__PURE__ */ jsx(HydrationBoundary, {
-		prefetch: [{
-			queryKey: [queryKey.CHANNEL],
-			queryFn: () => Promise.resolve(channelData)
-		}],
-		children: /* @__PURE__ */ jsx(TopNavBar, {
-			categoryPath: safeCategoryPath,
-			currentChannelId
-		})
-	});
-}
-
-//#endregion
-export { TopNavBarServer };
+import{getChannelList as e}from"../../biz/utils/helpers/get-channel-list.mjs";import{gContentGetAppChannels as t}from"../../../service/generated/client.mjs";import{HydrationBoundary as n}from"../../../hooks/query/hydration-boundary.mjs";import{queryKey as r}from"../../../constants/query-key.mjs";import{revalidate as i}from"../../../constants/revalidate.mjs";import{matchChannelByPath as a}from"../../pages/home/channel-matcher.mjs";import{TopNavBar as o}from"./client.mjs";import{jsx as s}from"react/jsx-runtime";async function c({categoryPath:c=[]}={}){let l=await t({},{revalidate:i.TIME}),u=e(l?.data),d=Array.isArray(c)?c:[],f=a(d,u)?.id||null;return s(n,{prefetch:[{queryKey:[r.CHANNEL],queryFn:()=>Promise.resolve(l)}],children:s(o,{categoryPath:d,currentChannelId:f})})}export{c as TopNavBarServer};

package/dist/components/common/top-nav-bar/normal.mjs

@@ -1,21 +1,2 @@
 
-'use client';
-
-import basic_nav_bar_default from "../../biz/business/nav-bar/variants/basic-nav-bar/index.mjs";
-import basic_search_bar_default from "../../biz/business/search-bar/variants/basic-search-bar/index.mjs";
-import { memo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/common/top-nav-bar/normal.tsx
-/**
-* 普通模式顶部导航栏
-*/
-const TopNavBarNormal = memo(({ channelDataList, currentChannelId }) => {
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(basic_search_bar_default, { data: { list: channelDataList } }), /* @__PURE__ */ jsx(basic_nav_bar_default, { data: {
-		list: channelDataList,
-		currentChannelId
-	} })] });
-});
-
-//#endregion
-export { TopNavBarNormal };
+"use client";import e from"../../biz/business/nav-bar/variants/basic-nav-bar/index.mjs";import t from"../../biz/business/search-bar/variants/basic-search-bar/index.mjs";import{memo as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";const o=n(({channelDataList:n,currentChannelId:o})=>a(r,{children:[i(t,{data:{list:n}}),i(e,{data:{list:n,currentChannelId:o}})]}));export{o as TopNavBarNormal};