@funhub/platform 0.2.29 → 0.2.31

package/dist/components/common/analytics-init/page-lifecycle-tracker.mjs

@@ -1,2 +1,249 @@
 
-"use client";import{trackPageLifecycle as e}from"../../../utils/tracking.mjs";import{usePathname as t}from"next/navigation";import{useEffect as n,useRef as r}from"react";const i=[`zh-CN`,`en`];function a(e){for(let t of i){if(e===`/${t}`)return`/`;if(e.startsWith(`/${t}/`))return e.slice(t.length+1)}return e}function o(e){if(e===`/`||e.startsWith(`/category/`)||e.startsWith(`/domain/`))return{key:`page_home`,name:`首页`,path:e};if(e.startsWith(`/video/`))return{key:`page_video_detail`,name:`详情页`,path:e};if(e.startsWith(`/post/`))return{key:`page_post_detail`,name:`详情页`,path:e};if(e.startsWith(`/search-result`))return{key:`page_search_result`,name:`搜索结果`,path:e};if(e.startsWith(`/search`))return{key:`page_search`,name:`搜索`,path:e};if(e.startsWith(`/profile/`))return{key:`page_user`,name:`个人中心`,path:e};if(e===`/settings`)return{key:`page_settings`,name:`设置`,path:e};if(e===`/edit`)return{key:`page_edit_profile`,name:`编辑资料`,path:e};if(e===`/publish`)return{key:`page_publish`,name:`发布`,path:e};if(e.startsWith(`/feed-series/`))return{key:`page_feed_series`,name:`短剧`,path:e};if(e===`/feedback`)return{key:`page_feedback`,name:`意见反馈`,path:e};if(e===`/collection/add`)return{key:`page_collection_add`,name:`添加到合集`,path:e};if(e===`/collection/create`)return{key:`page_collection_create`,name:`创建合集`,path:e};if(e.startsWith(`/collection/`))return{key:`page_collection_detail`,name:`合集详情`,path:e};if(e===`/fans`)return{key:`page_fans`,name:`粉丝`,path:e};if(e===`/followed`)return{key:`page_followed`,name:`关注`,path:e};if(e===`/user/follow`)return{key:`page_user_follow`,name:`关注`,path:e};if(e===`/user/mine`)return{key:`page_mine`,name:`我的`,path:e};if(e===`/user/message`)return{key:`page_message`,name:`消息`,path:e};if(e.startsWith(`/video-list`))return{key:`page_video_list`,name:`视频列表`,path:e};if(e.startsWith(`/feed-series`))return{key:`page_feed_series`,name:`短剧`,path:e};if(e===`/hot`)return{key:`page_hot`,name:`热门`,path:e};if(e===`/ranking`)return{key:`page_ranking`,name:`排行榜`,path:e};if(e.startsWith(`/tag/`))return{key:`page_tag`,name:`标签`,path:e};let t=e.split(`/`)[1]||`unknown`;return{key:`page_${t}`,name:t,path:e}}function s(){let i=a(t()??`/`),s=r(Date.now()),c=r(null),l=r(!0);return n(()=>{let t=Date.now(),n=c.current,r=o(i);if(n&&n.key!==r.key){let r=Math.floor((t-s.current)/1e3);e({lifecycle_status:`hide`,page_key:n.key,page_name:n.name,page_path:n.path,duration:r})}c.current=r,s.current=t,l.current=typeof document<`u`?document.visibilityState!==`hidden`:!0,e({lifecycle_status:`show`,page_key:r.key,page_name:r.name,page_path:r.path,duration:0});let a=setInterval(()=>{if(!l.current)return;let t=c.current;if(!t)return;let n=Math.floor((Date.now()-s.current)/1e3);e({lifecycle_status:`show`,page_key:t.key,page_name:t.name,page_path:t.path,duration:n})},600*1e3);return()=>clearInterval(a)},[i]),n(()=>{function t(){if(!l.current)return;l.current=!1;let t=c.current;if(!t)return;let n=Math.floor((Date.now()-s.current)/1e3);e({lifecycle_status:`hide`,page_key:t.key,page_name:t.name,page_path:t.path,duration:n})}function n(){if(l.current)return;l.current=!0,s.current=Date.now();let t=c.current;t&&e({lifecycle_status:`show`,page_key:t.key,page_name:t.name,page_path:t.path,duration:0})}function r(){document.visibilityState===`hidden`?t():n()}return document.addEventListener(`visibilitychange`,r),window.addEventListener(`pagehide`,t),()=>{document.removeEventListener(`visibilitychange`,r),window.removeEventListener(`pagehide`,t)}},[]),null}export{s as default};
+'use client';
+
+import { trackPageLifecycle } from "../../../utils/tracking.mjs";
+import { usePathname } from "next/navigation";
+import { useEffect, useRef } from "react";
+
+//#region components/common/analytics-init/page-lifecycle-tracker.tsx
+/** Locale codes to strip from Next.js i18n pathnames. */
+const LOCALE_PREFIXES = ["zh-CN", "en"];
+/** Strip locale segment from a Next.js i18n pathname, e.g. /zh-CN/search → /search. */
+function stripLocale(pathname) {
+	for (const code of LOCALE_PREFIXES) {
+		if (pathname === `/${code}`) return "/";
+		if (pathname.startsWith(`/${code}/`)) return pathname.slice(code.length + 1);
+	}
+	return pathname;
+}
+/**
+* Map a locale-stripped pathname to page_key / page_name.
+* Derived from the component hierarchy under packages/platform/components/pages/.
+*/
+function getPageInfo(path) {
+	if (path === "/" || path.startsWith("/category/") || path.startsWith("/domain/")) return {
+		key: "page_home",
+		name: "首页",
+		path
+	};
+	if (path.startsWith("/video/")) return {
+		key: "page_video_detail",
+		name: "详情页",
+		path
+	};
+	if (path.startsWith("/post/")) return {
+		key: "page_post_detail",
+		name: "详情页",
+		path
+	};
+	if (path.startsWith("/search-result")) return {
+		key: "page_search_result",
+		name: "搜索结果",
+		path
+	};
+	if (path.startsWith("/search")) return {
+		key: "page_search",
+		name: "搜索",
+		path
+	};
+	if (path.startsWith("/profile/")) return {
+		key: "page_user",
+		name: "个人中心",
+		path
+	};
+	if (path === "/settings") return {
+		key: "page_settings",
+		name: "设置",
+		path
+	};
+	if (path === "/edit") return {
+		key: "page_edit_profile",
+		name: "编辑资料",
+		path
+	};
+	if (path === "/publish") return {
+		key: "page_publish",
+		name: "发布",
+		path
+	};
+	if (path.startsWith("/feed-series/")) return {
+		key: "page_feed_series",
+		name: "短剧",
+		path
+	};
+	if (path === "/feedback") return {
+		key: "page_feedback",
+		name: "意见反馈",
+		path
+	};
+	if (path === "/collection/add") return {
+		key: "page_collection_add",
+		name: "添加到合集",
+		path
+	};
+	if (path === "/collection/create") return {
+		key: "page_collection_create",
+		name: "创建合集",
+		path
+	};
+	if (path.startsWith("/collection/")) return {
+		key: "page_collection_detail",
+		name: "合集详情",
+		path
+	};
+	if (path === "/fans") return {
+		key: "page_fans",
+		name: "粉丝",
+		path
+	};
+	if (path === "/followed") return {
+		key: "page_followed",
+		name: "关注",
+		path
+	};
+	if (path === "/user/follow") return {
+		key: "page_user_follow",
+		name: "关注",
+		path
+	};
+	if (path === "/user/mine") return {
+		key: "page_mine",
+		name: "我的",
+		path
+	};
+	if (path === "/user/message") return {
+		key: "page_message",
+		name: "消息",
+		path
+	};
+	if (path.startsWith("/video-list")) return {
+		key: "page_video_list",
+		name: "视频列表",
+		path
+	};
+	if (path.startsWith("/feed-series")) return {
+		key: "page_feed_series",
+		name: "短剧",
+		path
+	};
+	if (path === "/hot") return {
+		key: "page_hot",
+		name: "热门",
+		path
+	};
+	if (path === "/ranking") return {
+		key: "page_ranking",
+		name: "排行榜",
+		path
+	};
+	if (path.startsWith("/tag/")) return {
+		key: "page_tag",
+		name: "标签",
+		path
+	};
+	const segment = path.split("/")[1] || "unknown";
+	return {
+		key: `page_${segment}`,
+		name: segment,
+		path
+	};
+}
+/**
+* PageLifecycleTracker
+*
+* Singleton component mounted once in the root layout.
+* Tracks `page_lifecycle` events (show/hide) globally:
+* - Reports `show` (duration: 0) on initial load and every route change.
+* - Reports `hide` with accumulated duration on route leave, tab hide (visibilitychange),
+*   and page unload (pagehide).
+* - Reports `show` every 10 minutes with accumulated visible duration.
+*/
+function PageLifecycleTracker() {
+	const path = stripLocale(usePathname() ?? "/");
+	const enterTsRef = useRef(Date.now());
+	const currentPageRef = useRef(null);
+	const isVisibleRef = useRef(true);
+	useEffect(() => {
+		const now = Date.now();
+		const prev = currentPageRef.current;
+		const next = getPageInfo(path);
+		if (prev && prev.key !== next.key) {
+			const duration = Math.floor((now - enterTsRef.current) / 1e3);
+			trackPageLifecycle({
+				lifecycle_status: "hide",
+				page_key: prev.key,
+				page_name: prev.name,
+				page_path: prev.path,
+				duration
+			});
+		}
+		currentPageRef.current = next;
+		enterTsRef.current = now;
+		isVisibleRef.current = typeof document !== "undefined" ? document.visibilityState !== "hidden" : true;
+		trackPageLifecycle({
+			lifecycle_status: "show",
+			page_key: next.key,
+			page_name: next.name,
+			page_path: next.path,
+			duration: 0
+		});
+		const intervalId = setInterval(() => {
+			if (!isVisibleRef.current) return;
+			const page = currentPageRef.current;
+			if (!page) return;
+			const duration = Math.floor((Date.now() - enterTsRef.current) / 1e3);
+			trackPageLifecycle({
+				lifecycle_status: "show",
+				page_key: page.key,
+				page_name: page.name,
+				page_path: page.path,
+				duration
+			});
+		}, 600 * 1e3);
+		return () => clearInterval(intervalId);
+	}, [path]);
+	useEffect(() => {
+		function handleHide() {
+			if (!isVisibleRef.current) return;
+			isVisibleRef.current = false;
+			const page = currentPageRef.current;
+			if (!page) return;
+			const duration = Math.floor((Date.now() - enterTsRef.current) / 1e3);
+			trackPageLifecycle({
+				lifecycle_status: "hide",
+				page_key: page.key,
+				page_name: page.name,
+				page_path: page.path,
+				duration
+			});
+		}
+		function handleShow() {
+			if (isVisibleRef.current) return;
+			isVisibleRef.current = true;
+			enterTsRef.current = Date.now();
+			const page = currentPageRef.current;
+			if (!page) return;
+			trackPageLifecycle({
+				lifecycle_status: "show",
+				page_key: page.key,
+				page_name: page.name,
+				page_path: page.path,
+				duration: 0
+			});
+		}
+		function handleVisibilityChange() {
+			if (document.visibilityState === "hidden") handleHide();
+			else handleShow();
+		}
+		document.addEventListener("visibilitychange", handleVisibilityChange);
+		window.addEventListener("pagehide", handleHide);
+		return () => {
+			document.removeEventListener("visibilitychange", handleVisibilityChange);
+			window.removeEventListener("pagehide", handleHide);
+		};
+	}, []);
+	return null;
+}
+
+//#endregion
+export { PageLifecycleTracker as default };

package/dist/components/common/analytics-init/sensor-init.mjs

@@ -1,2 +1,127 @@
 
-"use client";import{userSelectors as e}from"../../../store/modules/user-store.mjs";import{useEffect as t}from"react";const n=`funhub-sensor-sdk-script`;let r=!1;function i(){let e=`__funhub_device_id`,t=localStorage.getItem(e);return t||(t=crypto.randomUUID().replace(/-/g,``),localStorage.setItem(e,t)),t}function a(){let e=`__funhub_session_id`,t=sessionStorage.getItem(e);return t||(t=crypto.randomUUID().replace(/-/g,``),sessionStorage.setItem(e,t)),t}function o(){let e=navigator.userAgent;return/android/i.test(e)?`Android`:/iPad|iPhone|iPod/.test(e)?`iOS`:`PC`}function s(){return{channel:process.env.NEXT_PUBLIC_TRACK_CHANNEL||``,event_id:crypto.randomUUID().replace(/-/g,``),app_id:process.env.NEXT_PUBLIC_TRACK_APP_ID||``,uid:e.getUserId()||``,sid:a(),client_ts:Math.floor(Date.now()/1e3),device:o(),device_id:i(),user_agent:navigator.userAgent,device_brand:``,device_model:``}}function c(){return{server_url:process.env.NEXT_PUBLIC_SENSOR_SERVER_URL,is_track_single_page:!1,use_client_time:!0,send_type:`beacon`,heatmap:{clickmap:`not_collect`,scroll_notice_map:`not_collect`}}}function l(){return typeof window>`u`||window.sensorsDataAnalytic201505?Promise.resolve():(window.__funhubSensorSdkLoader||(window.__funhubSensorSdkLoader=new Promise((e,t)=>{let r=document.getElementById(n);if(r){r.addEventListener(`load`,()=>e(),{once:!0}),r.addEventListener(`error`,()=>t(Error(`load sensor sdk failed`)),{once:!0});return}let i=document.createElement(`script`);i.id=n,i.async=!0,i.src=`/sensorsdata.js`,i.onload=()=>e(),i.onerror=()=>t(Error(`load sensor sdk failed`)),document.head.appendChild(i)})),window.__funhubSensorSdkLoader)}function u(){return t(()=>{let e=!1;async function t(){if(r||(await l(),e))return;let t=window.sensorsDataAnalytic201505;if(!t)return;let n=c();if(!n||r)return;r=!0,t.init(n),t.quick(`autoTrack`);let i=t.track.bind(t);t.track=(e,t)=>{let n={...s()};return n.payload={...t},i(e,n)},window.sensors=t}return t(),()=>{e=!0}},[]),null}export{u as SensorInit};
+'use client';
+
+import { userSelectors } from "../../../store/modules/user-store.mjs";
+import { useEffect } from "react";
+
+//#region components/common/analytics-init/sensor-init.tsx
+const SENSOR_SCRIPT_ID = "funhub-sensor-sdk-script";
+const SENSOR_SCRIPT_SRC = "/sensorsdata.js";
+/** 模块级标志，确保 sensors.init 全局只执行一次。 */
+let sensorInitialized = false;
+function getDeviceId() {
+	const key = "__funhub_device_id";
+	let id = localStorage.getItem(key);
+	if (!id) {
+		id = crypto.randomUUID().replace(/-/g, "");
+		localStorage.setItem(key, id);
+	}
+	return id;
+}
+function getSessionId() {
+	const key = "__funhub_session_id";
+	let id = sessionStorage.getItem(key);
+	if (!id) {
+		id = crypto.randomUUID().replace(/-/g, "");
+		sessionStorage.setItem(key, id);
+	}
+	return id;
+}
+function getDeviceType() {
+	const ua = navigator.userAgent;
+	if (/android/i.test(ua)) return "Android";
+	if (/iPad|iPhone|iPod/.test(ua)) return "iOS";
+	return "PC";
+}
+function buildCommonProperties() {
+	return {
+		channel: process.env.NEXT_PUBLIC_TRACK_CHANNEL || "",
+		event_id: crypto.randomUUID().replace(/-/g, ""),
+		app_id: process.env.NEXT_PUBLIC_TRACK_APP_ID || "",
+		uid: userSelectors.getUserId() || "",
+		sid: getSessionId(),
+		client_ts: Math.floor(Date.now() / 1e3),
+		device: getDeviceType(),
+		device_id: getDeviceId(),
+		user_agent: navigator.userAgent,
+		device_brand: "",
+		device_model: ""
+	};
+}
+/**
+* 读取神策 SDK 初始化所需的环境变量。
+* 若 NEXT_PUBLIC_SENSOR_SERVER_URL 未配置则返回 null，跳过初始化。
+*/
+function getSensorConfig() {
+	return {
+		server_url: process.env.NEXT_PUBLIC_SENSOR_SERVER_URL,
+		is_track_single_page: false,
+		use_client_time: true,
+		send_type: "beacon",
+		heatmap: {
+			clickmap: "not_collect",
+			scroll_notice_map: "not_collect"
+		}
+	};
+}
+/**
+* 动态加载神策 SDK 脚本，避免在服务端执行浏览器专用逻辑。
+*/
+function loadSensorSdk() {
+	if (typeof window === "undefined") return Promise.resolve();
+	if (window.sensorsDataAnalytic201505) return Promise.resolve();
+	if (window.__funhubSensorSdkLoader) return window.__funhubSensorSdkLoader;
+	window.__funhubSensorSdkLoader = new Promise((resolve, reject) => {
+		const existingScript = document.getElementById(SENSOR_SCRIPT_ID);
+		if (existingScript) {
+			existingScript.addEventListener("load", () => resolve(), { once: true });
+			existingScript.addEventListener("error", () => reject(/* @__PURE__ */ new Error("load sensor sdk failed")), { once: true });
+			return;
+		}
+		const script = document.createElement("script");
+		script.id = SENSOR_SCRIPT_ID;
+		script.async = true;
+		script.src = SENSOR_SCRIPT_SRC;
+		script.onload = () => resolve();
+		script.onerror = () => reject(/* @__PURE__ */ new Error("load sensor sdk failed"));
+		document.head.appendChild(script);
+	});
+	return window.__funhubSensorSdkLoader;
+}
+/**
+* 在应用根部初始化神策埋点 SDK，初始化后挂载到 window.sensors 供全局使用。
+* 使用模块级 sensorInitialized 标志确保跨组件重挂载只初始化一次。
+*/
+function SensorInit() {
+	useEffect(() => {
+		let cancelled = false;
+		async function initSensor() {
+			if (sensorInitialized) return;
+			await loadSensorSdk();
+			if (cancelled) return;
+			const sensors = window.sensorsDataAnalytic201505;
+			if (!sensors) return;
+			const config = getSensorConfig();
+			if (!config) return;
+			if (sensorInitialized) return;
+			sensorInitialized = true;
+			sensors.init(config);
+			sensors.quick("autoTrack");
+			const _sensorsTrack = sensors.track.bind(sensors);
+			sensors.track = (event, properties) => {
+				const merged = { ...buildCommonProperties() };
+				merged.payload = { ...properties };
+				return _sensorsTrack(event, merged);
+			};
+			window.sensors = sensors;
+		}
+		initSensor();
+		return () => {
+			cancelled = true;
+		};
+	}, []);
+	return null;
+}
+
+//#endregion
+export { SensorInit };

package/dist/components/common/at-element/index.mjs

@@ -1,2 +1,48 @@
 
-"use client";import{useRouter as e}from"../../../utils/use-compatible-router.mjs";import{replaceAtUserElementHtmlStr as t}from"../../../utils/tools.mjs";import{Fragment as n,jsx as r}from"react/jsx-runtime";import i from"html-react-parser";const a=[];function o(o){let{text:s=``,atUsers:c=a,enableNavigation:l=!0}=o,u=t({text:s,atUsers:c}),d=e();return r(n,{children:i(u,{replace:e=>{if(e.type===`tag`&&e.attribs&&e.attribs.class===`mention`){let t=e.attribs[`data-id`];if(!t)return e;let n=e.children&&e.children[0]?e.children[0].data:``;return r(`span`,{className:`mention text-theme1 transition-colors ${l?`hover:text-theme1/80 cursor-pointer`:``}`,"data-id":t,style:{pointerEvents:l?`auto`:`none`},onClick:l?e=>{e.preventDefault(),e.stopPropagation();let n=`/profile/${t}`;d.push(n)}:void 0,children:n})}return e}})})}export{o as default};
+'use client';
+
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { replaceAtUserElementHtmlStr } from "../../../utils/tools.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import htmlParse from "html-react-parser";
+
+//#region components/common/at-element/index.tsx
+const emptyAtUsers = [];
+/**
+* @ 用户文本渲染组件。
+* @param props 组件参数
+* @param props.text 文本内容
+* @param props.atUsers @用户信息
+* @param props.enableNavigation 是否启用跳转
+*/
+function AtUserText(props) {
+	const { text = "", atUsers = emptyAtUsers, enableNavigation = true } = props;
+	const htmlStr = replaceAtUserElementHtmlStr({
+		text,
+		atUsers
+	});
+	const router = useRouter();
+	return /* @__PURE__ */ jsx(Fragment, { children: htmlParse(htmlStr, { replace: (domNode) => {
+		if (domNode.type === "tag" && domNode.attribs && domNode.attribs.class === "mention") {
+			const userId = domNode.attribs["data-id"];
+			if (!userId) return domNode;
+			const textContent = domNode.children && domNode.children[0] ? domNode.children[0].data : "";
+			return /* @__PURE__ */ jsx("span", {
+				className: `mention text-theme1 transition-colors ${enableNavigation ? "hover:text-theme1/80 cursor-pointer" : ""}`,
+				"data-id": userId,
+				style: { pointerEvents: enableNavigation ? "auto" : "none" },
+				onClick: enableNavigation ? (e) => {
+					e.preventDefault();
+					e.stopPropagation();
+					const userPath = `/profile/${userId}`;
+					router.push(userPath);
+				} : void 0,
+				children: textContent
+			});
+		}
+		return domNode;
+	} }) });
+}
+
+//#endregion
+export { AtUserText as default };

package/dist/components/common/background-preview-modal/background-preview-modal.mjs

@@ -1,2 +1,74 @@
 
-"use client";import{cn as e}from"../../../utils/cn.mjs";import{Image as t}from"../../ui/image.mjs";import{Dialog as n,DialogContent as r}from"../../ui/dialog.mjs";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({open:o,onClose:s,bgUrl:c,onUpload:l}){return i(n,{open:o,onOpenChange:s,children:i(r,{showCloseButton:!1,className:`bg-black !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto`,children:a(`div`,{className:`relative flex h-full w-full flex-col items-center justify-center`,children:[i(`button`,{type:`button`,className:`absolute left-0 focus-within:outline-none top-0 flex h-14 w-14 items-center justify-center text-white transition-colors hover:text-white/80`,onClick:s,children:i(`svg`,{className:`w-4 h-4`,xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,viewBox:`0 0 16 16`,children:i(`path`,{d:`M14.55.2a.889.889 0 0 1 1.25 1.25l-.06.067L9.255 8l6.483 6.482.06.069a.888.888 0 0 1-1.25 1.25l-.067-.062L8 9.256l-6.482 6.483A.888.888 0 1 1 .26 14.482L6.742 8 .26 1.517.2 1.45A.888.888 0 0 1 1.45.2l.067.062 6.482 6.482L14.482.261l.068-.062Z`})})}),i(`div`,{className:`relative h-[256px] w-full overflow-hidden bg-white/10`,children:i(t,{src:c||`/images/mine/img_mine_head_bg.png`,alt:`背景图预览`,fill:!0,className:`object-cover`,style:{pointerEvents:`none`}})}),a(`button`,{type:`button`,className:e(`absolute bottom-8 left-0 right-0 mx-auto flex w-[366px] max-w-[90%] items-center justify-between rounded-[12px] bg-white/10 p-[12px] transition-colors hover:bg-white/20`,`active:scale-95`),onClick:l,children:[i(`span`,{className:`text-base font-medium text-white`,children:`更换背景图`}),a(`svg`,{className:`w-6 h-6 text-white`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,children:[i(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z`}),i(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M15 13a3 3 0 11-6 0 3 3 0 016 0z`})]})]})]})})})}export{o as BackgroundPreviewModal};
+'use client';
+
+import { cn } from "../../../utils/cn.mjs";
+import { Image } from "../../ui/image.mjs";
+import { Dialog, DialogContent } from "../../ui/dialog.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/background-preview-modal/background-preview-modal.tsx
+function BackgroundPreviewModal({ open, onClose, bgUrl, onUpload }) {
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: onClose,
+		children: /* @__PURE__ */ jsx(DialogContent, {
+			showCloseButton: false,
+			className: "bg-black !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "relative flex h-full w-full flex-col items-center justify-center",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: "absolute left-0 focus-within:outline-none top-0 flex h-14 w-14 items-center justify-center text-white transition-colors hover:text-white/80",
+						onClick: onClose,
+						children: /* @__PURE__ */ jsx("svg", {
+							className: "w-4 h-4",
+							xmlns: "http://www.w3.org/2000/svg",
+							fill: "currentColor",
+							viewBox: "0 0 16 16",
+							children: /* @__PURE__ */ jsx("path", { d: "M14.55.2a.889.889 0 0 1 1.25 1.25l-.06.067L9.255 8l6.483 6.482.06.069a.888.888 0 0 1-1.25 1.25l-.067-.062L8 9.256l-6.482 6.483A.888.888 0 1 1 .26 14.482L6.742 8 .26 1.517.2 1.45A.888.888 0 0 1 1.45.2l.067.062 6.482 6.482L14.482.261l.068-.062Z" })
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "relative h-[256px] w-full overflow-hidden bg-white/10",
+						children: /* @__PURE__ */ jsx(Image, {
+							src: bgUrl || "/images/mine/img_mine_head_bg.png",
+							alt: "背景图预览",
+							fill: true,
+							className: "object-cover",
+							style: { pointerEvents: "none" }
+						})
+					}),
+					/* @__PURE__ */ jsxs("button", {
+						type: "button",
+						className: cn("absolute bottom-8 left-0 right-0 mx-auto flex w-[366px] max-w-[90%] items-center justify-between rounded-[12px] bg-white/10 p-[12px] transition-colors hover:bg-white/20", "active:scale-95"),
+						onClick: onUpload,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "text-base font-medium text-white",
+							children: "更换背景图"
+						}), /* @__PURE__ */ jsxs("svg", {
+							className: "w-6 h-6 text-white",
+							xmlns: "http://www.w3.org/2000/svg",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							strokeWidth: 2,
+							children: [/* @__PURE__ */ jsx("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
+							}), /* @__PURE__ */ jsx("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z"
+							})]
+						})]
+					})
+				]
+			})
+		})
+	});
+}
+
+//#endregion
+export { BackgroundPreviewModal };

package/dist/components/common/blocked-dialog/blocked-dialog.mjs

@@ -1,2 +1,55 @@
 
-"use client";import{secondToTime as e}from"../../../utils/common.mjs";import{useBlockedModalStore as t}from"../../../store/modules/blocked-modal-store.mjs";import{useRouter as n}from"../../../utils/use-compatible-router.mjs";import{AlertDialog as r,AlertDialogAction as i,AlertDialogContent as a,AlertDialogDescription as o,AlertDialogFooter as s,AlertDialogHeader as c,AlertDialogTitle as l}from"../../ui/alert-dialog.mjs";import{useLoginModalStore as u}from"../../../store/modules/login-modal-store.mjs";import{jsx as d,jsxs as f}from"react/jsx-runtime";import{useTranslations as p}from"next-intl";function m(){let m=n(),h=p(`components.common.blockedDialog`),{isOpen:g,blockedRemark:_,blockedEndTime:v,close:y,setOpen:b}=t(),x=v>0?e(v):h(`unblockTimePermanent`),S=_||h(`remarkDefault`);return d(r,{open:g,onOpenChange:e=>{b(e)},children:f(a,{size:`sm`,children:[f(c,{children:[d(l,{className:`text-[16px]`,children:h(`title`)}),d(o,{className:`text-center text-[14px] leading-6 whitespace-pre-line`,children:h(`description`,{remark:S,unblockTime:x})})]}),f(s,{children:[d(i,{onClick:()=>{u.getState().isOpen&&u.getState().setOpen(!1),y(),m.push(`/feedback`)},children:h(`contactSupport`)}),d(i,{onClick:y,children:h(`gotIt`)})]})]})})}export{m as BlockedDialog};
+'use client';
+
+import { secondToTime } from "../../../utils/common.mjs";
+import { useBlockedModalStore } from "../../../store/modules/blocked-modal-store.mjs";
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../ui/alert-dialog.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/blocked-dialog/blocked-dialog.tsx
+/**
+* 账号封禁弹窗。
+*/
+function BlockedDialog() {
+	const router = useRouter();
+	const t = useTranslations("components.common.blockedDialog");
+	const { isOpen, blockedRemark, blockedEndTime, close, setOpen } = useBlockedModalStore();
+	const unblockTimeText = blockedEndTime > 0 ? secondToTime(blockedEndTime) : t("unblockTimePermanent");
+	const remarkText = blockedRemark || t("remarkDefault");
+	const jump = () => {
+		if (useLoginModalStore.getState().isOpen) useLoginModalStore.getState().setOpen(false);
+		close();
+		router.push("/feedback");
+	};
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		open: isOpen,
+		onOpenChange: (open) => {
+			setOpen(open);
+		},
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
+			size: "sm",
+			children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, {
+				className: "text-[16px]",
+				children: t("title")
+			}), /* @__PURE__ */ jsx(AlertDialogDescription, {
+				className: "text-center text-[14px] leading-6 whitespace-pre-line",
+				children: t("description", {
+					remark: remarkText,
+					unblockTime: unblockTimeText
+				})
+			})] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogAction, {
+				onClick: jump,
+				children: t("contactSupport")
+			}), /* @__PURE__ */ jsx(AlertDialogAction, {
+				onClick: close,
+				children: t("gotIt")
+			})] })]
+		})
+	});
+}
+
+//#endregion
+export { BlockedDialog };

package/dist/components/common/cards/mini-three-card.mjs

@@ -1,2 +1,56 @@
 
-"use client";import{Image as e}from"../../ui/image.mjs";import{Box as t}from"../../ui/box.mjs";import n from"./style.module.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"next/link";function o({url:o,text:s,showText:c=!0,imagePriority:l=!1,className:u,style:d,textChild:f,topChild:p,bottomChild:m,topLeftChild:h,topRightChild:g,bottomLeftChild:_,bottomRightChild:v,linkPath:y=``,onClick:b}){let x={width:`33.333333%`,...d};return i(a,{href:y||`javascript:void(0)`,className:`mb-[16px] ${n.miniThreeCard} ${u||``}`,style:x,suppressHydrationWarning:!0,onClick:e=>{y||e.preventDefault(),b?.()},children:[i(t,{className:`w-full pb-[134.62%] bg-bg2 relative rounded-[8px] flex flex-col items-start justify-between overflow-hidden`,children:[r(e,{src:o,fill:!0,alt:s||``,objectFit:`cover`,priority:l}),p||(h||g)&&i(t,{className:`w-full flex items-center justify-between absolute top-0 left-0 z-[1]`,children:[h||r(t,{}),g||r(t,{})]}),m||(_||v)&&i(t,{className:`w-full h-[28px] flex items-center justify-between absolute bottom-0 left-0 z-[1]`,style:{background:`linear-gradient( 360deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)`},children:[_||r(t,{}),v||r(t,{})]})]}),c&&(f||r(`h3`,{className:`text-text1 text-[16px] h-[24px] leading-[24px] mt-[4px] line-clamp-1`,children:s||``}))]})}export{o as MiniThreeCard};
+'use client';
+
+import { Image } from "../../ui/image.mjs";
+import { Box } from "../../ui/box.mjs";
+import style_module_default from "./style.module.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+
+//#region components/common/cards/mini-three-card.tsx
+/**
+* MiniThreeCard：一行 3 个的卡片（从原项目 `MiniThreeCard` 完整迁移）。
+*/
+function MiniThreeCard({ url, text, showText = true, imagePriority = false, className, style, textChild, topChild, bottomChild, topLeftChild, topRightChild, bottomLeftChild, bottomRightChild, linkPath = "", onClick }) {
+	const mergedStyle = {
+		width: "33.333333%",
+		...style
+	};
+	return /* @__PURE__ */ jsxs(Link, {
+		href: linkPath || "javascript:void(0)",
+		className: `mb-[16px] ${style_module_default.miniThreeCard} ${className || ""}`,
+		style: mergedStyle,
+		suppressHydrationWarning: true,
+		onClick: (event) => {
+			if (!linkPath) event.preventDefault();
+			onClick?.();
+		},
+		children: [/* @__PURE__ */ jsxs(Box, {
+			className: "w-full pb-[134.62%] bg-bg2 relative rounded-[8px] flex flex-col items-start justify-between overflow-hidden",
+			children: [
+				/* @__PURE__ */ jsx(Image, {
+					src: url,
+					fill: true,
+					alt: text || "",
+					objectFit: "cover",
+					priority: imagePriority
+				}),
+				topChild || (topLeftChild || topRightChild) && /* @__PURE__ */ jsxs(Box, {
+					className: "w-full flex items-center justify-between absolute top-0 left-0 z-[1]",
+					children: [topLeftChild || /* @__PURE__ */ jsx(Box, {}), topRightChild || /* @__PURE__ */ jsx(Box, {})]
+				}),
+				bottomChild || (bottomLeftChild || bottomRightChild) && /* @__PURE__ */ jsxs(Box, {
+					className: "w-full h-[28px] flex items-center justify-between absolute bottom-0 left-0 z-[1]",
+					style: { background: "linear-gradient( 360deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)" },
+					children: [bottomLeftChild || /* @__PURE__ */ jsx(Box, {}), bottomRightChild || /* @__PURE__ */ jsx(Box, {})]
+				})
+			]
+		}), showText && (textChild || /* @__PURE__ */ jsx("h3", {
+			className: "text-text1 text-[16px] h-[24px] leading-[24px] mt-[4px] line-clamp-1",
+			children: text || ""
+		}))]
+	});
+}
+
+//#endregion
+export { MiniThreeCard };

package/dist/components/common/cards/style.module.mjs

@@ -1,26 +1,14 @@
 
-import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.style-module_miniTwoCard__889YG:nth-of-type(even) {
-	padding-left: 4px;
-}
-.style-module_miniTwoCard__889YG:nth-of-type(odd) {
-	padding-right: 4px;
-}
+import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
 
-.style-module_midTwoCard__-O0Il:nth-of-type(even) {
-	padding-left: 4px;
-}
-.style-module_midTwoCard__-O0Il:nth-of-type(odd) {
-	padding-right: 4px;
-}
-/* miniThreeCard 一列 3 排：中间左右间距 4px，第一个右间距 4px，最后一个左间距 4px */
-.style-module_miniThreeCard__2h-ru:nth-of-type(3n-2) {
-	padding-right: 5.333333px;
-}
-.style-module_miniThreeCard__2h-ru:nth-of-type(3n-1) {
-	padding-right: 2.666666px;
-	padding-left: 2.666666px;
-}
-.style-module_miniThreeCard__2h-ru:nth-of-type(3n) {
-	padding-left: 5.333333px;
-}
-`,n={miniTwoCard:`style-module_miniTwoCard__889YG`,midTwoCard:`style-module_midTwoCard__-O0Il`,miniThreeCard:`style-module_miniThreeCard__2h-ru`};e(t);export{n as default};
+//#region components/common/cards/style.module.css
+var css_248z = ".style-module_miniTwoCard__889YG:nth-of-type(even) {\n	padding-left: 4px;\n}\n.style-module_miniTwoCard__889YG:nth-of-type(odd) {\n	padding-right: 4px;\n}\n\n.style-module_midTwoCard__-O0Il:nth-of-type(even) {\n	padding-left: 4px;\n}\n.style-module_midTwoCard__-O0Il:nth-of-type(odd) {\n	padding-right: 4px;\n}\n/* miniThreeCard 一列 3 排：中间左右间距 4px，第一个右间距 4px，最后一个左间距 4px */\n.style-module_miniThreeCard__2h-ru:nth-of-type(3n-2) {\n	padding-right: 5.333333px;\n}\n.style-module_miniThreeCard__2h-ru:nth-of-type(3n-1) {\n	padding-right: 2.666666px;\n	padding-left: 2.666666px;\n}\n.style-module_miniThreeCard__2h-ru:nth-of-type(3n) {\n	padding-left: 5.333333px;\n}\n";
+var style_module_default = {
+	"miniTwoCard": "style-module_miniTwoCard__889YG",
+	"midTwoCard": "style-module_midTwoCard__-O0Il",
+	"miniThreeCard": "style-module_miniThreeCard__2h-ru"
+};
+styleInject(css_248z);
+
+//#endregion
+export { style_module_default as default };