@funhub/platform 0.1.126 → 0.1.130

package/dist/components/common/photo-grid/index.mjs

@@ -1,2 +1,227 @@
 
-"use client";import{useFollowIdsState as e}from"../../../store/modules/follow-ids-store.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{gContentGetVideoDetail as n}from"../../../service/generated/client.mjs";import{useLoginModalStore as r}from"../../../store/modules/login-modal-store.mjs";import{batchQueryContentInteractions as i}from"../../../hooks/use-content-operate.mjs";import a from"../../biz/business/search-bar/variants/detail-search-bar/index.mjs";import o from"../../pages/fullscreen-feed/page.mjs";import{useCallback as s,useEffect as c,useMemo as l,useState as u}from"react";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{useTranslations as m}from"next-intl";function h(e,t){return(e||[]).map((e,n)=>({id:e.id||`${t||`episode`}-${n+1}`,name:e.name||String(n+1),preview_m3u8_url:e.preview_m3u8url||e.preview_m3u8_url||``,m3u8_url:e.m3u8url||e.m3u8_url||``}))}function g(e){let t=e.id||``,n=h(e.links,t),r=e.static,i=e.score===void 0||e.score===null?void 0:Number(e.score),a=e.duration===void 0||e.duration===null?void 0:Number(e.duration),o={id:t,mid:e.mid||t,name:e.name||``,img_x:e.img_x||``,img_y:e.img_y||``,img_type:e.img_type||``,cat_id:e.cat_id||``,cat_name:e.cat_name||``,status:e.status||``,status_text:e.status_text||``,show_at:e.show_at||``,tags:[],update_status:e.update_status||``,description:e.description||``,language:e.language||``,director:e.director||``,issue_date:e.issue_date||``,actor:e.actor||``,up_user:e.up_user||``,money:e.money||``,source_username:e.source_username||``,task_id:e.task_id||``,file_status:e.file_status||``,score:Number.isFinite(i)?i:void 0,duration:Number.isFinite(a)?a:void 0,episode_cnt:n.length||0,links:[],static:{browse_cnt:Number(r?.browse_cnt||0),collect_cnt:Number(r?.collect_cnt||0),comment_cnt:Number(r?.comment_cnt||0),like_cnt:Number(r?.like_cnt||0),share_cnt:Number(r?.share_cnt||0),dislike_cnt:Number(r?.dislike_cnt||0)},type:e.type??e.content_type,author:e.up_user||e.source_username?{user_id:e.up_user||``,nick_name:e.source_username||``,avatar:``}:void 0};return n.length===0?[{...o,links:[]}]:n.map((e,n)=>{let r=e.id||`${t||`episode`}-${n+1}`,i=e.name||`第${n+1}集`;return{...o,id:r,mid:r,name:i,links:[e]}})}function _(e,t){let n=new Map((t||[]).filter(e=>e.content_id).map(e=>[e.content_id,e]));return e.map(e=>{let t=n.get(e.id);return t?{...e,is_liked:t.is_liked||!1,is_dislike:t.is_disliked??t.is_dislike??!1,is_collected:t.is_collected||!1,is_followed:t.is_followed||!1,author:e.author}:e})}function v({params:h,initialContents:v}){let y=m(`components.common.photoGrid`),{locale:b,seriesId:x,episodeNum:S=`1`}=h,{userInfo:C,isLogin:w}=t(),{followIds:T,setFollowIds:E}=e(),D=l(()=>v??[],[v]),[O,k]=u(D),[A,j]=u(!1),M=b?`/${b}`:``,N=f(`div`,{className:`fixed top-0 left-0 right-0 z-40`,children:f(a,{})});c(()=>{k(D)},[D]),c(()=>{if(!x||D.length>0)return;let e=!0;k([]);async function t(){j(!0);try{let t=(await n({id:x}))?.data?.video;if(!t||!e)return;k(g(t))}catch(e){console.error(`获取剧集详情失败:`,e)}finally{e&&j(!1)}}return t(),()=>{e=!1}},[x,D.length]);let P=l(()=>O.map(e=>e.id).filter(Boolean).join(`,`),[O]),F=l(()=>P?P.split(`,`):[],[P]);c(()=>{if(!w||F.length===0)return;let e=!0;async function t(){let t=await i(F,0);!e||!t?.interaction_list?.length||k(e=>_(e,t.interaction_list||[]))}return t(),()=>{e=!1}},[P,F,w]);let I=l(()=>{let e=S??`1`,t=Number.parseInt(e,10);if(Number.isNaN(t))return 0;let n=Math.max(0,t-1);return O.length>0?Math.min(n,O.length-1):n},[S,O.length]),L=s(({episodeId:e,episodeNum:t})=>{let n=`${M}/feed-series/${e}/episode/${t}`;typeof window<`u`&&window.history.replaceState(null,``,n)},[M]),R=s(()=>{r.getState().open()},[]);return x?A&&O.length===0?p(d,{children:[N,p(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:[y(`episodeLoading`),`...`]})]}):!A&&O.length===0?p(d,{children:[N,f(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:y(`noEpisodes`)})]}):p(d,{children:[N,f(o,{seriesId:x,initialContents:O,initialActiveIndex:I,videoConfig:{loop:!1,autoNext:!0},currentUserId:C.userId||void 0,followIds:T,onFollowIdsChange:E,onRequireLogin:R,onEpisodeNavigate:L})]}):p(d,{children:[N,p(`div`,{className:`flex h-screen w-full items-center justify-center bg-black text-white/80`,children:[y(`missingEpisode`),` `,`ID`]})]})}export{v as default};
+'use client';
+
+import { useFollowIdsState } from "../../../store/modules/follow-ids-store.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { gContentGetVideoDetail } from "../../../service/generated/client.mjs";
+import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
+import { batchQueryContentInteractions } from "../../../hooks/use-content-operate.mjs";
+import detail_search_bar_default from "../../biz/business/search-bar/variants/detail-search-bar/index.mjs";
+import FullscreenFeedPage from "../../pages/fullscreen-feed/page.mjs";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/photo-grid/index.tsx
+/**
+* 归一化剧集链接，兼容不同字段命名。
+*/
+function normalizeSeriesLinks(links, fallbackId) {
+	return (links || []).map((link, index) => ({
+		id: link.id || `${fallbackId || "episode"}-${index + 1}`,
+		name: link.name || String(index + 1),
+		preview_m3u8_url: link.preview_m3u8url || link.preview_m3u8_url || "",
+		m3u8_url: link.m3u8url || link.m3u8_url || ""
+	}));
+}
+/**
+* 将视频详情转换为剧集滚动列表数据。
+*/
+function buildSeriesContents(detail) {
+	const detailId = detail.id || "";
+	const seriesLinks = normalizeSeriesLinks(detail.links, detailId);
+	const detailStatic = detail.static;
+	const score = detail.score === void 0 || detail.score === null ? void 0 : Number(detail.score);
+	const duration = detail.duration === void 0 || detail.duration === null ? void 0 : Number(detail.duration);
+	const baseInfo = {
+		id: detailId,
+		mid: detail.mid || detailId,
+		name: detail.name || "",
+		img_x: detail.img_x || "",
+		img_y: detail.img_y || "",
+		img_type: detail.img_type || "",
+		cat_id: detail.cat_id || "",
+		cat_name: detail.cat_name || "",
+		status: detail.status || "",
+		status_text: detail.status_text || "",
+		show_at: detail.show_at || "",
+		tags: [],
+		update_status: detail.update_status || "",
+		description: detail.description || "",
+		language: detail.language || "",
+		director: detail.director || "",
+		issue_date: detail.issue_date || "",
+		actor: detail.actor || "",
+		up_user: detail.up_user || "",
+		money: detail.money || "",
+		source_username: detail.source_username || "",
+		task_id: detail.task_id || "",
+		file_status: detail.file_status || "",
+		score: Number.isFinite(score) ? score : void 0,
+		duration: Number.isFinite(duration) ? duration : void 0,
+		episode_cnt: seriesLinks.length || 0,
+		links: [],
+		static: {
+			browse_cnt: Number(detailStatic?.browse_cnt || 0),
+			collect_cnt: Number(detailStatic?.collect_cnt || 0),
+			comment_cnt: Number(detailStatic?.comment_cnt || 0),
+			like_cnt: Number(detailStatic?.like_cnt || 0),
+			share_cnt: Number(detailStatic?.share_cnt || 0),
+			dislike_cnt: Number(detailStatic?.dislike_cnt || 0)
+		},
+		type: detail.type ?? detail.content_type,
+		author: detail.up_user || detail.source_username ? {
+			user_id: detail.up_user || "",
+			nick_name: detail.source_username || "",
+			avatar: ""
+		} : void 0
+	};
+	if (seriesLinks.length === 0) return [{
+		...baseInfo,
+		links: []
+	}];
+	return seriesLinks.map((link, index) => {
+		const episodeId = link.id || `${detailId || "episode"}-${index + 1}`;
+		const episodeName = link.name || `第${index + 1}集`;
+		return {
+			...baseInfo,
+			id: episodeId,
+			mid: episodeId,
+			name: episodeName,
+			links: [link]
+		};
+	});
+}
+/**
+* 合并剧集交互状态。
+*/
+function mergeEpisodeInteractions(contents, interactionList) {
+	const interactionMap = new Map((interactionList || []).filter((item) => item.content_id).map((item) => [item.content_id, item]));
+	return contents.map((item) => {
+		const interaction = interactionMap.get(item.id);
+		if (!interaction) return item;
+		return {
+			...item,
+			is_liked: interaction.is_liked || false,
+			is_dislike: interaction.is_disliked ?? interaction.is_dislike ?? false,
+			is_collected: interaction.is_collected || false,
+			is_followed: interaction.is_followed || false,
+			author: item.author
+		};
+	});
+}
+/**
+* 剧集页，按地址栏 seriesId 拉取详情并注入全屏流。
+*/
+function SeriesEpisodePage({ params, initialContents }) {
+	const t = useTranslations("components.common.photoGrid");
+	const { locale, seriesId, episodeNum = "1" } = params;
+	const { userInfo, isLogin } = useUserStore();
+	const { followIds, setFollowIds } = useFollowIdsState();
+	const stableInitialContents = useMemo(() => initialContents ?? [], [initialContents]);
+	const [resolvedContents, setResolvedContents] = useState(stableInitialContents);
+	const [isLoading, setIsLoading] = useState(false);
+	const localePrefix = locale ? `/${locale}` : "";
+	const searchBar = /* @__PURE__ */ jsx("div", {
+		className: "fixed top-0 left-0 right-0 z-40",
+		children: /* @__PURE__ */ jsx(detail_search_bar_default, {})
+	});
+	useEffect(() => {
+		/**
+		* 又是这种同步问题，实在是没必要
+		*/
+		setResolvedContents(stableInitialContents);
+	}, [stableInitialContents]);
+	useEffect(() => {
+		if (!seriesId || stableInitialContents.length > 0) return;
+		let active = true;
+		setResolvedContents([]);
+		async function fetchSeriesDetail() {
+			setIsLoading(true);
+			try {
+				const detail = (await gContentGetVideoDetail({ id: seriesId }))?.data?.video;
+				if (!detail || !active) return;
+				setResolvedContents(buildSeriesContents(detail));
+			} catch (error) {
+				console.error("获取剧集详情失败:", error);
+			} finally {
+				if (active) setIsLoading(false);
+			}
+		}
+		fetchSeriesDetail();
+		return () => {
+			active = false;
+		};
+	}, [seriesId, stableInitialContents.length]);
+	const contentIdsKey = useMemo(() => {
+		return resolvedContents.map((item) => item.id).filter(Boolean).join(",");
+	}, [resolvedContents]);
+	const contentIds = useMemo(() => {
+		return contentIdsKey ? contentIdsKey.split(",") : [];
+	}, [contentIdsKey]);
+	useEffect(() => {
+		if (!isLogin) return;
+		if (contentIds.length === 0) return;
+		let active = true;
+		async function fetchInteractions() {
+			const data = await batchQueryContentInteractions(contentIds, 0);
+			if (!active || !data?.interaction_list?.length) return;
+			setResolvedContents((prev) => mergeEpisodeInteractions(prev, data.interaction_list || []));
+		}
+		fetchInteractions();
+		return () => {
+			active = false;
+		};
+	}, [
+		contentIdsKey,
+		contentIds,
+		isLogin
+	]);
+	const initialActiveIndex = useMemo(() => {
+		const resolvedEpisodeNum = episodeNum ?? "1";
+		const parsed = Number.parseInt(resolvedEpisodeNum, 10);
+		if (Number.isNaN(parsed)) return 0;
+		const candidate = Math.max(0, parsed - 1);
+		return resolvedContents.length > 0 ? Math.min(candidate, resolvedContents.length - 1) : candidate;
+	}, [episodeNum, resolvedContents.length]);
+	const handleEpisodeNavigate = useCallback(({ episodeId, episodeNum }) => {
+		const nextUrl = `${localePrefix}/feed-series/${episodeId}/episode/${episodeNum}`;
+		if (typeof window !== "undefined") window.history.replaceState(null, "", nextUrl);
+	}, [localePrefix]);
+	const handleRequireLogin = useCallback(() => {
+		useLoginModalStore.getState().open();
+	}, []);
+	if (!seriesId) return /* @__PURE__ */ jsxs(Fragment$1, { children: [searchBar, /* @__PURE__ */ jsxs("div", {
+		className: "flex h-screen w-full items-center justify-center bg-black text-white/80",
+		children: [
+			t("missingEpisode"),
+			" ",
+			"ID"
+		]
+	})] });
+	if (isLoading && resolvedContents.length === 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [searchBar, /* @__PURE__ */ jsxs("div", {
+		className: "flex h-screen w-full items-center justify-center bg-black text-white/80",
+		children: [t("episodeLoading"), "..."]
+	})] });
+	if (!isLoading && resolvedContents.length === 0) return /* @__PURE__ */ jsxs(Fragment$1, { children: [searchBar, /* @__PURE__ */ jsx("div", {
+		className: "flex h-screen w-full items-center justify-center bg-black text-white/80",
+		children: t("noEpisodes")
+	})] });
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [searchBar, /* @__PURE__ */ jsx(FullscreenFeedPage, {
+		seriesId,
+		initialContents: resolvedContents,
+		initialActiveIndex,
+		videoConfig: {
+			loop: false,
+			autoNext: true
+		},
+		currentUserId: userInfo.userId || void 0,
+		followIds,
+		onFollowIdsChange: setFollowIds,
+		onRequireLogin: handleRequireLogin,
+		onEpisodeNavigate: handleEpisodeNavigate
+	})] });
+}
+
+//#endregion
+export { SeriesEpisodePage as default };

package/dist/components/common/photo-preview/common-photo-preview.mjs

@@ -1,2 +1,97 @@
 
-import{decryptImageUrl as e}from"../../../utils/decrypt-image-client.mjs";import{closeLoading as t,isLoadingCancelled as n,showLoading as r}from"./decrypt-loading.mjs";import"./style.mjs";import i from"photoswipe/lightbox";import"photoswipe/style.css";let a=null,o=!1;function s({width:e,height:t}){let n=window.innerWidth,r=e||n,i=t||n;return r<n&&(i=n/r*i,r=n),{width:r,height:i}}async function c({images:t,videoIndexArr:n=[]}){let i=[];r();try{i=await Promise.all(t.map(async(t,r)=>{let{width:i,height:a}=s({width:t.width,height:t.height});return{src:await e(t.src),width:i,height:a,alt:n.includes(r)?`${r}`:`image`}}))}catch(e){console.error(e)}return i}async function l({images:e,defaultIndex:r=0,videoIndexArr:s=[],openVideo:l}){if(e.length===0)return;let u=await c({images:e,videoIndexArr:s,defaultIndex:r});if(n())return;o=!1;let d=e=>{let t=e?.target?.alt&&e.target.alt!==`image`;(e?.target?.classList?.contains(`is__video`)||t)&&l?.(Number.parseInt(a.pswp.currSlide.data.alt))};a=new i({dataSource:u,pswpModule:()=>import(`photoswipe`),loop:!1,bgOpacity:1,zoom:!1,maxZoomLevel:4,tapAction:(e,t)=>{d(t)}}),a.on(`change`,e=>{a.pswp?.currSlide?.data?.alt&&a.pswp.currSlide.data.alt!==`image`&&(a.pswp.currSlide?.holderElement?.classList.contains(`is__video`)||a.pswp.currSlide.holderElement.classList.add(`is__video`))}),a.on(`contentDeactivate`,e=>{e?.content?.instance?.currSlide?.holderElement?.classList.remove(`is__video`)}),a.on(`close`,()=>{t()}),a.on(`loadComplete`,()=>{o||=(setTimeout(()=>{t()},500),!0)}),a.on(`destroy`,()=>{console.log(`------destroy`),t(),a=null}),a.init(),a.loadAndOpen(r)}export{l as photoPreview};
+import { decryptImageUrl } from "../../../utils/decrypt-image-client.mjs";
+import { closeLoading, isLoadingCancelled, showLoading } from "./decrypt-loading.mjs";
+import "./style.mjs";
+import PhotoSwipeLightbox from "photoswipe/lightbox";
+
+//#region components/common/photo-preview/common-photo-preview.ts
+let lightbox = null;
+let isHasCloseLoading = false;
+function getWidthAndHeight({ width, height }) {
+	const windowWidth = window.innerWidth;
+	let imgWidth = width || windowWidth;
+	let imgHeight = height || windowWidth;
+	if (imgWidth < windowWidth) {
+		imgHeight = windowWidth / imgWidth * imgHeight;
+		imgWidth = windowWidth;
+	}
+	return {
+		width: imgWidth,
+		height: imgHeight
+	};
+}
+async function getDataSource({ images, videoIndexArr = [] }) {
+	let dataSource = [];
+	showLoading();
+	try {
+		dataSource = await Promise.all(images.map(async (image, index) => {
+			const { width, height } = getWidthAndHeight({
+				width: image.width,
+				height: image.height
+			});
+			return {
+				src: await decryptImageUrl(image.src),
+				width,
+				height,
+				alt: videoIndexArr.includes(index) ? `${index}` : "image"
+			};
+		}));
+	} catch (error) {
+		console.error(error);
+	}
+	return dataSource;
+}
+async function photoPreview({ images, defaultIndex = 0, videoIndexArr = [], openVideo }) {
+	if (images.length === 0) return;
+	const dataSource = await getDataSource({
+		images,
+		videoIndexArr,
+		defaultIndex
+	});
+	if (isLoadingCancelled()) return;
+	isHasCloseLoading = false;
+	const judgeIsVideo = (e) => {
+		const isClickImg = e?.target?.alt && e.target.alt !== "image";
+		if (e?.target?.classList?.contains("is__video") || isClickImg) openVideo?.(Number.parseInt(lightbox.pswp.currSlide.data.alt));
+	};
+	lightbox = new PhotoSwipeLightbox({
+		dataSource,
+		pswpModule: () => import("photoswipe"),
+		loop: false,
+		bgOpacity: 1,
+		zoom: false,
+		maxZoomLevel: 4,
+		tapAction: (_releasePoint, e) => {
+			judgeIsVideo(e);
+		}
+	});
+	lightbox.on("change", (_e) => {
+		if (lightbox.pswp?.currSlide?.data?.alt && lightbox.pswp.currSlide.data.alt !== "image") {
+			if (!lightbox.pswp.currSlide?.holderElement?.classList.contains("is__video")) lightbox.pswp.currSlide.holderElement.classList.add("is__video");
+		}
+	});
+	lightbox.on("contentDeactivate", (e) => {
+		e?.content?.instance?.currSlide?.holderElement?.classList.remove("is__video");
+	});
+	lightbox.on("close", () => {
+		closeLoading();
+	});
+	lightbox.on("loadComplete", () => {
+		if (!isHasCloseLoading) {
+			setTimeout(() => {
+				closeLoading();
+			}, 500);
+			isHasCloseLoading = true;
+		}
+	});
+	lightbox.on("destroy", () => {
+		console.log("------destroy");
+		closeLoading();
+		lightbox = null;
+	});
+	lightbox.init();
+	lightbox.loadAndOpen(defaultIndex);
+}
+
+//#endregion
+export { photoPreview };

package/dist/components/common/photo-preview/decrypt-loading.mjs

@@ -1,7 +1,71 @@
 
-let e=null,t=!1;function n(){let e=document.createElement(`div`);e.style.position=`fixed`,e.style.inset=`0`,e.style.zIndex=`9999`,e.style.display=`flex`,e.style.alignItems=`center`,e.style.justifyContent=`center`,e.style.backgroundColor=`#000`;let t=document.createElement(`div`);t.style.width=`30px`,t.style.height=`30px`,t.innerHTML=`<svg t="1766049965047" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4949" width="30" height="30"><path d="M480 96a32 32 0 0 1 64 0v192a32 32 0 0 1-64 0V96z m250.624 60.64a32 32 0 1 1 51.776 37.632l-112.832 155.328a32 32 0 0 1-51.808-37.632l112.864-155.328z m167.136 196.384a32 32 0 1 1 19.776 60.864l-182.624 59.328a32 32 0 0 1-19.776-60.864l182.624-59.328z m19.776 257.088a32 32 0 1 1-19.776 60.864l-182.624-59.328a32 32 0 0 1 19.776-60.864l182.624 59.328zM782.4 829.76a32 32 0 0 1-51.776 37.632l-112.864-155.328a32 32 0 1 1 51.808-37.632l112.832 155.328zM544 928a32 32 0 0 1-64 0v-192a32 32 0 0 1 64 0v192z m-250.624-60.64a32 32 0 0 1-51.776-37.632l112.832-155.328a32 32 0 0 1 51.808 37.632l-112.864 155.328z m-167.136-196.384a32 32 0 1 1-19.776-60.864l182.624-59.328a32 32 0 0 1 19.776 60.864l-182.624 59.328z m-19.776-257.088a32 32 0 0 1 19.776-60.864l182.624 59.328a32 32 0 1 1-19.776 60.864l-182.624-59.328zM241.6 194.24a32 32 0 1 1 51.776-37.632l112.864 155.328a32 32 0 1 1-51.808 37.632L241.6 194.24z" fill="#ffffff" p-id="4950"></path></svg>`,t.style.animation=`decrypt-loading-spin 1.5s linear infinite`;let n=`decrypt-loading-style`;if(!document.getElementById(n)){let e=document.createElement(`style`);e.id=n,e.innerHTML=`
+//#region components/common/photo-preview/decrypt-loading.ts
+let loadingElement = null;
+let isCancelled = false;
+function createLoadingElement() {
+	const wrapper = document.createElement("div");
+	wrapper.style.position = "fixed";
+	wrapper.style.inset = "0";
+	wrapper.style.zIndex = "9999";
+	wrapper.style.display = "flex";
+	wrapper.style.alignItems = "center";
+	wrapper.style.justifyContent = "center";
+	wrapper.style.backgroundColor = "#000";
+	const spinner = document.createElement("div");
+	const size = 30;
+	spinner.style.width = `${size}px`;
+	spinner.style.height = `${size}px`;
+	spinner.innerHTML = "<svg t=\"1766049965047\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"4949\" width=\"30\" height=\"30\"><path d=\"M480 96a32 32 0 0 1 64 0v192a32 32 0 0 1-64 0V96z m250.624 60.64a32 32 0 1 1 51.776 37.632l-112.832 155.328a32 32 0 0 1-51.808-37.632l112.864-155.328z m167.136 196.384a32 32 0 1 1 19.776 60.864l-182.624 59.328a32 32 0 0 1-19.776-60.864l182.624-59.328z m19.776 257.088a32 32 0 1 1-19.776 60.864l-182.624-59.328a32 32 0 0 1 19.776-60.864l182.624 59.328zM782.4 829.76a32 32 0 0 1-51.776 37.632l-112.864-155.328a32 32 0 1 1 51.808-37.632l112.832 155.328zM544 928a32 32 0 0 1-64 0v-192a32 32 0 0 1 64 0v192z m-250.624-60.64a32 32 0 0 1-51.776-37.632l112.832-155.328a32 32 0 0 1 51.808 37.632l-112.864 155.328z m-167.136-196.384a32 32 0 1 1-19.776-60.864l182.624-59.328a32 32 0 0 1 19.776 60.864l-182.624 59.328z m-19.776-257.088a32 32 0 0 1 19.776-60.864l182.624 59.328a32 32 0 1 1-19.776 60.864l-182.624-59.328zM241.6 194.24a32 32 0 1 1 51.776-37.632l112.864 155.328a32 32 0 1 1-51.808 37.632L241.6 194.24z\" fill=\"#ffffff\" p-id=\"4950\"></path></svg>";
+	spinner.style.animation = "decrypt-loading-spin 1.5s linear infinite";
+	const styleId = "decrypt-loading-style";
+	if (!document.getElementById(styleId)) {
+		const styleEl = document.createElement("style");
+		styleEl.id = styleId;
+		styleEl.innerHTML = `
 @keyframes decrypt-loading-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
-`,document.head.appendChild(e)}e.appendChild(t);let r=document.createElement(`div`);r.setAttribute(`data-decrypt-loading-close`,`true`),r.setAttribute(`class`,`pswp__button pswp__button--close`),r.style.position=`absolute`,r.style.top=`0px`,r.style.right=`0px`,r.innerHTML=`<svg aria-hidden="true" class="pswp__icn" style="fill: #fff; color: #4f4f4f;" viewBox="0 0 32 32" width="32" height="32"><use class="pswp__icn-shadow" xlink:href="#pswp__icn-close"></use><path d="M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z" id="pswp__icn-close"></path></svg>`;let a=()=>{i()};return r.addEventListener(`click`,a),r.__closeHandler=a,e.appendChild(r),e}function r(){if(e)return;t=!1;let r=n();document.body.appendChild(r),e=r}function i(){if(!e)return;t=!0;let n=e.querySelector(`[data-decrypt-loading-close="true"]`);n&&n.__closeHandler&&(n.removeEventListener(`click`,n.__closeHandler),delete n.__closeHandler),e.parentNode===document.body&&document.body.removeChild(e),e=null}function a(){return t}export{i as closeLoading,a as isLoadingCancelled,r as showLoading};
+`;
+		document.head.appendChild(styleEl);
+	}
+	wrapper.appendChild(spinner);
+	const closeButton = document.createElement("div");
+	closeButton.setAttribute("data-decrypt-loading-close", "true");
+	closeButton.setAttribute("class", "pswp__button pswp__button--close");
+	closeButton.style.position = "absolute";
+	closeButton.style.top = "0px";
+	closeButton.style.right = "0px";
+	closeButton.innerHTML = "<svg aria-hidden=\"true\" class=\"pswp__icn\" style=\"fill: #fff; color: #4f4f4f;\" viewBox=\"0 0 32 32\" width=\"32\" height=\"32\"><use class=\"pswp__icn-shadow\" xlink:href=\"#pswp__icn-close\"></use><path d=\"M24 10l-2-2-6 6-6-6-2 2 6 6-6 6 2 2 6-6 6 6 2-2-6-6z\" id=\"pswp__icn-close\"></path></svg>";
+	const handleCloseClick = () => {
+		closeLoading();
+	};
+	closeButton.addEventListener("click", handleCloseClick);
+	closeButton.__closeHandler = handleCloseClick;
+	wrapper.appendChild(closeButton);
+	return wrapper;
+}
+function showLoading() {
+	if (loadingElement) return;
+	isCancelled = false;
+	const el = createLoadingElement();
+	document.body.appendChild(el);
+	loadingElement = el;
+}
+function closeLoading() {
+	if (!loadingElement) return;
+	isCancelled = true;
+	const closeButton = loadingElement.querySelector("[data-decrypt-loading-close=\"true\"]");
+	if (closeButton && closeButton.__closeHandler) {
+		closeButton.removeEventListener("click", closeButton.__closeHandler);
+		delete closeButton.__closeHandler;
+	}
+	if (loadingElement.parentNode === document.body) document.body.removeChild(loadingElement);
+	loadingElement = null;
+}
+function isLoadingCancelled() {
+	return isCancelled;
+}
+
+//#endregion
+export { closeLoading, isLoadingCancelled, showLoading };

package/dist/components/common/photo-preview/index.d.mts

@@ -1,6 +1,4 @@
 
-import "photoswipe/style.css";
-
 //#region components/common/photo-preview/index.d.ts
 declare function photoPreview({
   images,

package/dist/components/common/photo-preview/index.mjs

@@ -1,2 +1,64 @@
 
-import"./style.mjs";import e from"photoswipe/lightbox";import"photoswipe/style.css";let t=null;function n({images:n,defaultIndex:r=0,videoIndexArr:i=[],openVideo:a}){if(n.length===0)return;let o=window.innerWidth,s=n.map((e,t)=>{let n=e.width||o,r=e.height||o;return n<o&&(r=o/n*r,n=o),{src:e.src,width:n,height:r,alt:i.includes(t)?`${t}`:`image`}}),c=e=>{let n=e?.target?.alt&&e.target.alt!==`image`;(e?.target?.classList?.contains(`is__video`)||n)&&a?.(Number.parseInt(t.pswp.currSlide.data.alt))};t=new e({dataSource:s,pswpModule:()=>import(`photoswipe`),loop:!1,bgOpacity:1,zoom:!1,maxZoomLevel:4,tapAction:(e,t)=>{c(t)}}),t.on(`change`,e=>{t.pswp?.currSlide?.data?.alt&&t.pswp.currSlide.data.alt!==`image`&&(t.pswp.currSlide?.holderElement?.classList.contains(`is__video`)||t.pswp.currSlide.holderElement.classList.add(`is__video`))}),t.on(`contentDeactivate`,e=>{e?.content?.instance?.currSlide?.holderElement?.classList.remove(`is__video`)}),t.on(`destroy`,()=>{console.log(`------destroy`),t=null}),t.init(),t.loadAndOpen(r)}function r(){if(t){try{t.destroy()}catch{}t=null}}export{r as closePhotoPreview,n as photoPreview};
+import "./style.mjs";
+import PhotoSwipeLightbox from "photoswipe/lightbox";
+
+//#region components/common/photo-preview/index.ts
+let lightbox = null;
+function photoPreview({ images, defaultIndex = 0, videoIndexArr = [], openVideo }) {
+	if (images.length === 0) return;
+	const windowWidth = window.innerWidth;
+	const dataSource = images.map((image, index) => {
+		let imgWidth = image.width || windowWidth;
+		let imgHeight = image.height || windowWidth;
+		if (imgWidth < windowWidth) {
+			imgHeight = windowWidth / imgWidth * imgHeight;
+			imgWidth = windowWidth;
+		}
+		return {
+			src: image.src,
+			width: imgWidth,
+			height: imgHeight,
+			alt: videoIndexArr.includes(index) ? `${index}` : "image"
+		};
+	});
+	const judgeIsVideo = (e) => {
+		const isClickImg = e?.target?.alt && e.target.alt !== "image";
+		if (e?.target?.classList?.contains("is__video") || isClickImg) openVideo?.(Number.parseInt(lightbox.pswp.currSlide.data.alt));
+	};
+	lightbox = new PhotoSwipeLightbox({
+		dataSource,
+		pswpModule: () => import("photoswipe"),
+		loop: false,
+		bgOpacity: 1,
+		zoom: false,
+		maxZoomLevel: 4,
+		tapAction: (_releasePoint, e) => {
+			judgeIsVideo(e);
+		}
+	});
+	lightbox.on("change", (_e) => {
+		if (lightbox.pswp?.currSlide?.data?.alt && lightbox.pswp.currSlide.data.alt !== "image") {
+			if (!lightbox.pswp.currSlide?.holderElement?.classList.contains("is__video")) lightbox.pswp.currSlide.holderElement.classList.add("is__video");
+		}
+	});
+	lightbox.on("contentDeactivate", (e) => {
+		e?.content?.instance?.currSlide?.holderElement?.classList.remove("is__video");
+	});
+	lightbox.on("destroy", () => {
+		console.log("------destroy");
+		lightbox = null;
+	});
+	lightbox.init();
+	lightbox.loadAndOpen(defaultIndex);
+}
+function closePhotoPreview() {
+	if (lightbox) {
+		try {
+			lightbox.destroy();
+		} catch (error) {}
+		lightbox = null;
+	}
+}
+
+//#endregion
+export { closePhotoPreview, photoPreview };

package/dist/components/common/photo-preview/style.mjs

@@ -1,20 +1,8 @@
 
-import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";e(`.style_pswp__item__7uPs3.style_is__video__55z0R::after {
-	content: "";
-	position: absolute;
-	margin: auto;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	background: rgba(0, 0, 0, 0.7);
-	z-index: 1;
-	width: 52px;
-	height: 52px;
-	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 -4 28 40'%3E%3Cpath fill='%23fff' transform='scale(0.0320625 0.0320625)' d='M576,363L810,512L576,661zM342,214L576,363L576,661L342,810z'/%3E%3C/svg%3E");
-	background-repeat: no-repeat;
-	background-position: center;
-	background-size: 28px 40px;
-	border-radius: 100%;
-}
-`);
+import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
+
+//#region components/common/photo-preview/style.css
+var css_248z = ".style_pswp__item__7uPs3.style_is__video__55z0R::after {\n	content: \"\";\n	position: absolute;\n	margin: auto;\n	top: 0;\n	left: 0;\n	right: 0;\n	bottom: 0;\n	background: rgba(0, 0, 0, 0.7);\n	z-index: 1;\n	width: 52px;\n	height: 52px;\n	background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='3 -4 28 40'%3E%3Cpath fill='%23fff' transform='scale(0.0320625 0.0320625)' d='M576,363L810,512L576,661zM342,214L576,363L576,661L342,810z'/%3E%3C/svg%3E\");\n	background-repeat: no-repeat;\n	background-position: center;\n	background-size: 28px 40px;\n	border-radius: 100%;\n}\n";
+styleInject(css_248z);
+
+//#endregion

package/dist/components/common/picker/gender-picker/gender-picker.mjs

@@ -1,2 +1,67 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{WheelPicker as t,WheelPickerWrapper as n}from"../../../ui/wheel-picker.mjs";import{PickerDrawer as r}from"../picker-drawer/picker-drawer.mjs";import{useMemo as i}from"react";import{jsx as a}from"react/jsx-runtime";import{useTranslations as o}from"next-intl";function s({open:s,onClose:c,value:l,onConfirm:u,onValueChange:d,options:f,title:p,confirmText:m,cancelText:h,confirmDisabled:g}){let _=o(`components.common.picker.genderPicker`),v=i(()=>f??[{label:_(`options.male`),value:`male`},{label:_(`options.female`),value:`female`},{label:_(`options.secret`),value:`secret`}],[f,_]),y=p??_(`title`),b=m??_(`confirm`),x=h??_(`cancel`),S=i(()=>{let e=v.findIndex(e=>e.value===l);return e>=0?e:0},[l,v]);return a(r,{open:s,onClose:c,title:y,confirmText:b,cancelText:x,onConfirm:u,confirmDisabled:g,children:({onValueChange:r})=>a(e,{className:`flex items-center justify-center `,children:a(n,{children:a(t,{defaultValue:v[S]?.value??``,options:v.map(e=>({label:e.label,value:e.value})),onValueChange:e=>{if(e){let t=String(e);r(t),d?.(t)}},optionItemHeight:40},s?String(S):`closed`)})})})}export{s as GenderPicker};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { WheelPicker, WheelPickerWrapper } from "../../../ui/wheel-picker.mjs";
+import { PickerDrawer } from "../picker-drawer/picker-drawer.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/picker/gender-picker/gender-picker.tsx
+function GenderPicker({ open, onClose, value, onConfirm, onValueChange: onSelectionChange, options, title, confirmText, cancelText, confirmDisabled }) {
+	const t = useTranslations("components.common.picker.genderPicker");
+	const resolvedOptions = useMemo(() => {
+		return options ?? [
+			{
+				label: t("options.male"),
+				value: "male"
+			},
+			{
+				label: t("options.female"),
+				value: "female"
+			},
+			{
+				label: t("options.secret"),
+				value: "secret"
+			}
+		];
+	}, [options, t]);
+	const resolvedTitle = title ?? t("title");
+	const resolvedConfirmText = confirmText ?? t("confirm");
+	const resolvedCancelText = cancelText ?? t("cancel");
+	const defaultIndex = useMemo(() => {
+		const index = resolvedOptions.findIndex((opt) => opt.value === value);
+		return index >= 0 ? index : 0;
+	}, [value, resolvedOptions]);
+	return /* @__PURE__ */ jsx(PickerDrawer, {
+		open,
+		onClose,
+		title: resolvedTitle,
+		confirmText: resolvedConfirmText,
+		cancelText: resolvedCancelText,
+		onConfirm,
+		confirmDisabled,
+		children: ({ onValueChange }) => /* @__PURE__ */ jsx(Box, {
+			className: "flex items-center justify-center ",
+			children: /* @__PURE__ */ jsx(WheelPickerWrapper, { children: /* @__PURE__ */ jsx(WheelPicker, {
+				defaultValue: resolvedOptions[defaultIndex]?.value ?? "",
+				options: resolvedOptions.map((opt) => ({
+					label: opt.label,
+					value: opt.value
+				})),
+				onValueChange: (value) => {
+					if (value) {
+						const resolvedValue = String(value);
+						onValueChange(resolvedValue);
+						onSelectionChange?.(resolvedValue);
+					}
+				},
+				optionItemHeight: 40
+			}, open ? String(defaultIndex) : "closed") })
+		})
+	});
+}
+
+//#endregion
+export { GenderPicker };

package/dist/components/common/picker/picker-drawer/picker-drawer.mjs

@@ -1,2 +1,79 @@
 
-"use client";import{Button as e}from"../../../ui/button.mjs";import{Box as t}from"../../../ui/box.mjs";import{Drawer as n,DrawerContent as r,DrawerTitle as i}from"../../../ui/drawer.mjs";import{Text as a}from"../../../ui/text.mjs";import{useEffect as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useTranslations as u}from"next-intl";function d({open:d,onClose:f,title:p,confirmText:m,cancelText:h,onConfirm:g,confirmDisabled:_=!1,children:v}){let y=u(`components.common.picker.pickerDrawer`),[b,x]=s(null),S=p??y(`title`),C=m??y(`confirm`),w=h??y(`cancel`);return o(()=>{d||x(null)},[d]),l(n,{open:d,handleOnly:!0,onOpenChange:e=>!e&&f(),children:[c(i,{title:S}),c(r,{className:`rounded-t-2xl`,onDragStartCapture:e=>{e.preventDefault(),e.stopPropagation()},children:l(t,{className:`flex flex-col`,children:[l(t,{className:`flex items-center justify-between border-b border-border px-4 py-3`,children:[c(e,{variant:`ghost`,size:`sm`,onClick:f,children:w}),c(a,{className:`text-base font-medium`,children:S}),c(e,{variant:`ghost`,size:`sm`,onClick:async()=>{if(b===null){f();return}try{await g(b)!==!1&&f()}catch(e){console.error(`PickerDrawer confirm failed`,e)}},disabled:_,children:C})]}),v({onValueChange:e=>{x(e)},open:d})]})})]})}export{d as PickerDrawer};
+'use client';
+
+import { Button } from "../../../ui/button.mjs";
+import { Box } from "../../../ui/box.mjs";
+import { Drawer, DrawerContent, DrawerTitle } from "../../../ui/drawer.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/picker/picker-drawer/picker-drawer.tsx
+function PickerDrawer({ open, onClose, title, confirmText, cancelText, onConfirm, confirmDisabled = false, children }) {
+	const t = useTranslations("components.common.picker.pickerDrawer");
+	const [internalValue, setInternalValue] = useState(null);
+	const resolvedTitle = title ?? t("title");
+	const resolvedConfirmText = confirmText ?? t("confirm");
+	const resolvedCancelText = cancelText ?? t("cancel");
+	useEffect(() => {
+		if (!open) setInternalValue(null);
+	}, [open]);
+	const handleConfirm = async () => {
+		if (internalValue === null) {
+			onClose();
+			return;
+		}
+		try {
+			if (await onConfirm(internalValue) !== false) onClose();
+		} catch (error) {
+			console.error("PickerDrawer confirm failed", error);
+		}
+	};
+	const handleValueChange = (value) => {
+		setInternalValue(value);
+	};
+	return /* @__PURE__ */ jsxs(Drawer, {
+		open,
+		handleOnly: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: [/* @__PURE__ */ jsx(DrawerTitle, { title: resolvedTitle }), /* @__PURE__ */ jsx(DrawerContent, {
+			className: "rounded-t-2xl",
+			onDragStartCapture: (e) => {
+				e.preventDefault();
+				e.stopPropagation();
+			},
+			children: /* @__PURE__ */ jsxs(Box, {
+				className: "flex flex-col",
+				children: [/* @__PURE__ */ jsxs(Box, {
+					className: "flex items-center justify-between border-b border-border px-4 py-3",
+					children: [
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							onClick: onClose,
+							children: resolvedCancelText
+						}),
+						/* @__PURE__ */ jsx(Text, {
+							className: "text-base font-medium",
+							children: resolvedTitle
+						}),
+						/* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							onClick: handleConfirm,
+							disabled: confirmDisabled,
+							children: resolvedConfirmText
+						})
+					]
+				}), children({
+					onValueChange: handleValueChange,
+					open
+				})]
+			})
+		})]
+	});
+}
+
+//#endregion
+export { PickerDrawer };