@funhub/platform 0.1.130 → 0.1.132

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

@@ -1,227 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,97 +1,2 @@
 
-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 };
+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};

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

@@ -1,71 +1,7 @@
 
-//#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 = `
+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=`
 @keyframes decrypt-loading-spin {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
 }
-`;
-		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 };
+`,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};

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

@@ -1,4 +1,6 @@
 
+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,64 +1,2 @@
 
-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 };
+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};

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

@@ -1,8 +1,20 @@
 
-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
+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%;
+}
+`);

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

@@ -1,67 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,79 +1,2 @@
 
-'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 };
+"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};