@funhub/platform 0.2.31 → 0.2.32

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.mjs

@@ -1,65 +1,2 @@
 
-import "./style.mjs";
-import PhotoSwipeLightbox from "photoswipe/lightbox";
-import "photoswipe/style.css";
-
-//#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};

package/dist/components/common/popup-video/index.mjs

@@ -1,99 +1,2 @@
 
-'use client';
-
-import { parseResolution } from "../../../utils/common.mjs";
-import eventBus from "../../../utils/event-bus.mjs";
-import { Button } from "../../ui/button.mjs";
-import { useBrowseReport } from "../../../hooks/use-browse-report.mjs";
-import { eventKey } from "../../../constants/event-key.mjs";
-import CommonPlayer from "../video-player/index.mjs";
-import popup_video_module_default from "./popup-video.module.mjs";
-import { usePathname } from "next/navigation";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/common/popup-video/index.tsx
-function PopupVideo() {
-	const pathname = usePathname();
-	const [open, setOpen] = useState(false);
-	const [info, setInfo] = useState(null);
-	const [minHeight, setMinHeight] = useState(0);
-	const currentTimeRef = useRef(0);
-	const durationRef = useRef(0);
-	const calculateHeight = useCallback((target) => {
-		if (typeof window === "undefined") return 0;
-		const { width, height } = parseResolution(target.resolution);
-		if (width <= 0) return 0;
-		return Math.max(0, height * (window.innerWidth / width));
-	}, []);
-	const handleToggle = useCallback(({ info, show }) => {
-		if (!info || !show) {
-			setOpen(false);
-			setInfo(null);
-			return;
-		}
-		currentTimeRef.current = 0;
-		durationRef.current = 0;
-		setInfo(info);
-		setMinHeight(calculateHeight(info));
-		setOpen(true);
-	}, [calculateHeight]);
-	useEffect(() => {
-		eventBus.on(eventKey.SHOW_POPUP_VIDEO, handleToggle);
-		return () => {
-			eventBus.off(eventKey.SHOW_POPUP_VIDEO, handleToggle);
-		};
-	}, [handleToggle]);
-	useEffect(() => {
-		setOpen(false);
-		setInfo(null);
-	}, [pathname]);
-	const browseReport = useBrowseReport({
-		contentId: info?.plyerId || "",
-		contentType: 1,
-		enabled: open && Boolean(info?.plyerId),
-		intervalMs: 60 * 1e3,
-		getCurrentTimeSeconds: () => currentTimeRef.current,
-		getDurationSeconds: () => durationRef.current,
-		source: "detail",
-		playMode: "normal"
-	});
-	if (!open || !info) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/95",
-		children: [/* @__PURE__ */ jsx(Button, {
-			variant: "ghost",
-			className: "absolute left-4 top-4 h-10 w-10 rounded-full border border-white/20 text-white",
-			onClick: () => {
-				setOpen(false);
-				setInfo(null);
-			},
-			children: "←"
-		}), /* @__PURE__ */ jsx("div", {
-			className: popup_video_module_default.popupVideo,
-			style: {
-				width: "100%",
-				maxHeight: "100%",
-				height: minHeight > 0 ? `${minHeight}px` : "auto"
-			},
-			children: /* @__PURE__ */ jsx(CommonPlayer, {
-				plyerId: info.plyerId,
-				resolution: info.resolution,
-				poster: info.poster || "",
-				videoUrl: info.videoUrl || "",
-				hlsList: info.hlsList,
-				mergeConfig: minHeight > 0 ? {} : { fitVideoSize: "fixWidth" },
-				onProgressUpdate: (currentTime, duration) => {
-					currentTimeRef.current = currentTime;
-					durationRef.current = duration;
-				},
-				onPlay: browseReport.handlePlay,
-				onPause: browseReport.handlePause,
-				onEnded: browseReport.handleEnded
-			})
-		})]
-	});
-}
-
-//#endregion
-export { PopupVideo as default };
+"use client";import{parseResolution as e}from"../../../utils/common.mjs";import t from"../../../utils/event-bus.mjs";import{Button as n}from"../../ui/button.mjs";import{useBrowseReport as r}from"../../../hooks/use-browse-report.mjs";import{eventKey as i}from"../../../constants/event-key.mjs";import a from"../video-player/index.mjs";import o from"./popup-video.module.mjs";import{usePathname as s}from"next/navigation";import{useCallback as c,useEffect as l,useRef as u,useState as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";function m(){let m=s(),[h,g]=d(!1),[_,v]=d(null),[y,b]=d(0),x=u(0),S=u(0),C=c(t=>{if(typeof window>`u`)return 0;let{width:n,height:r}=e(t.resolution);return n<=0?0:Math.max(0,r*(window.innerWidth/n))},[]),w=c(({info:e,show:t})=>{if(!e||!t){g(!1),v(null);return}x.current=0,S.current=0,v(e),b(C(e)),g(!0)},[C]);l(()=>(t.on(i.SHOW_POPUP_VIDEO,w),()=>{t.off(i.SHOW_POPUP_VIDEO,w)}),[w]),l(()=>{g(!1),v(null)},[m]);let T=r({contentId:_?.plyerId||``,contentType:1,enabled:h&&!!_?.plyerId,intervalMs:60*1e3,getCurrentTimeSeconds:()=>x.current,getDurationSeconds:()=>S.current,source:`detail`,playMode:`normal`});return!h||!_?null:p(`div`,{className:`fixed inset-0 z-[9999] flex items-center justify-center bg-black/95`,children:[f(n,{variant:`ghost`,className:`absolute left-4 top-4 h-10 w-10 rounded-full border border-white/20 text-white`,onClick:()=>{g(!1),v(null)},children:`←`}),f(`div`,{className:o.popupVideo,style:{width:`100%`,maxHeight:`100%`,height:y>0?`${y}px`:`auto`},children:f(a,{plyerId:_.plyerId,resolution:_.resolution,poster:_.poster||``,videoUrl:_.videoUrl||``,hlsList:_.hlsList,mergeConfig:y>0?{}:{fitVideoSize:`fixWidth`},onProgressUpdate:(e,t)=>{x.current=e,S.current=t},onPlay:T.handlePlay,onPause:T.handlePause,onEnded:T.handleEnded})})]})}export{m as default};

package/dist/components/common/popup-video/popup-video.module.mjs

@@ -1,10 +1,19 @@
 
-import styleInject from "../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";
+import e from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs";var t=`.popup-video-module_popupVideo__0CHoI .xgplayer {
+  min-height: 180px;
+}
 
-//#region components/common/popup-video/popup-video.module.css
-var css_248z = ".popup-video-module_popupVideo__0CHoI .xgplayer {\n  min-height: 180px;\n}\n\n.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-volume {\n  left: auto !important;\n  right: 10px !important;\n}\n\n.popup-video-module_popupVideo__0CHoI .xgplayer.xgplayer-pc .xgplayer-volume {\n  position: static !important;\n  background: transparent !important;\n}\n\n.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-poster {\n  display: none !important;\n}\n";
-var popup_video_module_default = { "popupVideo": "popup-video-module_popupVideo__0CHoI" };
-styleInject(css_248z);
+.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-volume {
+  left: auto !important;
+  right: 10px !important;
+}
 
-//#endregion
-export { popup_video_module_default as default };
+.popup-video-module_popupVideo__0CHoI .xgplayer.xgplayer-pc .xgplayer-volume {
+  position: static !important;
+  background: transparent !important;
+}
+
+.popup-video-module_popupVideo__0CHoI .xgplayer .xgplayer-poster {
+  display: none !important;
+}
+`,n={popupVideo:`popup-video-module_popupVideo__0CHoI`};e(t);export{n as default};