@funhub/platform 0.2.30 → 0.2.31

package/dist/components/common/share-popup/share-content.mjs

@@ -1,2 +1,156 @@
 
-"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{pCommunityShareContent as t}from"../../../service/generated/client.mjs";import{apiCollectCustom as n}from"../../../utils/api-collect.mjs";import{toast as r}from"sonner";import{useCallback as i,useEffect as a,useMemo 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(e){return String(e?.user_code||e?.userCode||``)}function f(e,t){return t?`${e}${e.includes(`?`)?`&`:`?`}from_code=${t}`:e}async function p(e){if(!e)return!1;if(navigator.clipboard?.writeText)try{return await navigator.clipboard.writeText(e),!0}catch(e){console.error(`复制失败:`,e)}try{let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.left=`-9999px`,document.body.appendChild(t),t.select();let n=document.execCommand(`copy`);return document.body.removeChild(t),n}catch(e){return console.error(`复制失败:`,e),!1}}function m(n){let m=u(`components.common.sharePopup`),{type:h,data:g,copyUrl:_,visible:v=!0,onClose:y}=n,{userInfo:b}=e(),[x,S]=s(_||``),C=o(()=>d(b),[b]),w=i(async()=>{if(!_){try{let e=(await t({content_id:g.id},{revalidate:!1})).data?.share_url||``;if(e){S(f(e,C));return}}catch(e){console.error(`获取分享链接失败:`,e)}typeof window<`u`&&S(f(window.location.href,C))}},[_,g.id,C]);a(()=>{_&&S(_)},[_]),a(()=>{v&&g.id&&(w(),g.parentId||g.id)},[g.id,g.parentId,w,v]);async function T(){let e=await p(x);r.message(m(e?`shareContent.copySuccess`:`shareContent.copyFailed`)),y?.()}return l(`div`,{className:`w-full bg-bg1`,"data-type":h,children:[l(`div`,{className:`w-full p-[16px] flex-col items-center`,children:[c(`span`,{className:`text-text1 text-[20px] font-bold leading-[20px] block h-[20px] text-center`,children:m(`shareContent.shareLinksTitle`)}),c(`span`,{className:`mt-[16px] text-text2 text-[14px] leading-[14px] block h-[14px] text-center`,children:m(`shareContent.shareHint`)}),c(`div`,{className:`w-full bg-bg2 rounded-[8px] mt-[16px]`,children:c(`textarea`,{id:`share-url`,readOnly:!0,value:x,className:`w-full h-[80px] p-[10px] bg-transparent focus:outline-none text-text2 text-[14px] leading-[20px] break-all`})})]}),c(`button`,{type:`button`,className:`copy-btn w-full h-[48px] text-center text-white text-[18px] leading-[48px]`,style:{background:`var(--color-theme5)`},onClick:T,children:m(`shareContent.copyShareLink`)})]})}export{m as default};
+'use client';
+
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { pCommunityShareContent } from "../../../service/generated/client.mjs";
+import { apiCollectCustom } from "../../../utils/api-collect.mjs";
+import { toast } from "sonner";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/share-popup/share-content.tsx
+/**
+* 获取用户的邀请码。
+* @param userInfo 用户信息
+* @returns 邀请码
+*/
+function getUserCode(userInfo) {
+	return String(userInfo?.user_code || userInfo?.userCode || "");
+}
+/**
+* 拼接分享来源码。
+* @param url 分享地址
+* @param fromCode 邀请码
+* @returns 拼接后的分享地址
+*/
+function appendFromCode(url, fromCode) {
+	if (!fromCode) return url;
+	return `${url}${url.includes("?") ? "&" : "?"}from_code=${fromCode}`;
+}
+/**
+* 复制文本到剪贴板。
+* @param text 待复制文本
+* @returns 是否复制成功
+*/
+async function copyToClipboard(text) {
+	if (!text) return false;
+	if (navigator.clipboard?.writeText) try {
+		await navigator.clipboard.writeText(text);
+		return true;
+	} catch (error) {
+		console.error("复制失败:", error);
+	}
+	try {
+		const textarea = document.createElement("textarea");
+		textarea.value = text;
+		textarea.style.position = "fixed";
+		textarea.style.left = "-9999px";
+		document.body.appendChild(textarea);
+		textarea.select();
+		const success = document.execCommand("copy");
+		document.body.removeChild(textarea);
+		return success;
+	} catch (error) {
+		console.error("复制失败:", error);
+		return false;
+	}
+}
+/**
+* 分享链接弹窗内容。
+*/
+/**
+* 分享链接弹窗内容。
+* @param props 组件参数
+*/
+function ShareContent(props) {
+	const t = useTranslations("components.common.sharePopup");
+	const { type, data, copyUrl, visible = true, onClose } = props;
+	const { userInfo } = useUserStore();
+	const [shareUrl, setShareUrl] = useState(copyUrl || "");
+	const fromCode = useMemo(() => getUserCode(userInfo), [userInfo]);
+	/**
+	* 获取分享链接。
+	*/
+	const fetchShareUrl = useCallback(async () => {
+		if (copyUrl) return;
+		try {
+			const apiUrl = (await pCommunityShareContent({ content_id: data.id }, { revalidate: false })).data?.share_url || "";
+			if (apiUrl) {
+				setShareUrl(appendFromCode(apiUrl, fromCode));
+				return;
+			}
+		} catch (error) {
+			console.error("获取分享链接失败:", error);
+		}
+		if (typeof window !== "undefined") setShareUrl(appendFromCode(window.location.href, fromCode));
+	}, [
+		copyUrl,
+		data.id,
+		fromCode
+	]);
+	useEffect(() => {
+		if (copyUrl)
+ /**
+		* 历史遗留问题
+		*/
+		setShareUrl(copyUrl);
+	}, [copyUrl]);
+	useEffect(() => {
+		if (!visible) return;
+		if (!data.id) return;
+		fetchShareUrl();
+		/* @__PURE__ */ apiCollectCustom({
+			contentId: data.parentId || data.id,
+			custom: "share"
+		});
+	}, [
+		data.id,
+		data.parentId,
+		fetchShareUrl,
+		visible
+	]);
+	/**
+	* 点击复制分享链接。
+	*/
+	async function handleCopyClick() {
+		const success = await copyToClipboard(shareUrl);
+		toast.message(success ? t("shareContent.copySuccess") : t("shareContent.copyFailed"));
+		onClose?.();
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full bg-bg1",
+		"data-type": type,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "w-full p-[16px] flex-col items-center",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "text-text1 text-[20px] font-bold leading-[20px] block h-[20px] text-center",
+					children: t("shareContent.shareLinksTitle")
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "mt-[16px] text-text2 text-[14px] leading-[14px] block h-[14px] text-center",
+					children: t("shareContent.shareHint")
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "w-full bg-bg2 rounded-[8px] mt-[16px]",
+					children: /* @__PURE__ */ jsx("textarea", {
+						id: "share-url",
+						readOnly: true,
+						value: shareUrl,
+						className: "w-full h-[80px] p-[10px] bg-transparent focus:outline-none text-text2 text-[14px] leading-[20px] break-all"
+					})
+				})
+			]
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: "copy-btn w-full h-[48px] text-center text-white text-[18px] leading-[48px]",
+			style: { background: "var(--color-theme5)" },
+			onClick: handleCopyClick,
+			children: t("shareContent.copyShareLink")
+		})]
+	});
+}
+
+//#endregion
+export { ShareContent as default };

package/dist/components/common/share-popup/share-drawer.mjs

@@ -1,2 +1,101 @@
 
-"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,DrawerDescription as i,DrawerTitle as a}from"../../ui/drawer.mjs";import{Text as o}from"../../ui/text.mjs";import s from"../../../assets/icons/common/collect_nor.mjs";import c from"../../../assets/icons/common/collect_sel.mjs";import l from"../../../assets/icons/common/qq.mjs";import u from"../../../assets/icons/common/wechat-friends.mjs";import d from"../../../assets/icons/common/wechat.mjs";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{useTranslations as h}from"next-intl";function g({open:g,isCollected:_,onOpenChange:v,onUncollect:y,onCollect:b,onShareWeChat:x,onShareQQ:S,onShareMoments:C,isShowCollect:w=!0,secondRow:T}){let E=h(`components.common.sharePopup`),D=E(_?`shareDrawer.label`:`shareDrawer.collectionLabel`);return m(n,{open:g,onOpenChange:v,children:[p(a,{className:`hidden`,children:`share drawer `}),p(i,{className:`hidden`,children:`share drawer `}),m(r,{className:`z-[2000]`,children:[m(t,{className:`p-6 flex flex-col gap-4`,children:[m(t,{className:`flex items-center gap-12 text-sm text-text1`,children:[m(`button`,{className:`flex min-w-[4em] items-center justify-center py-3 flex-col gap-2`,onClick:()=>{x?.(),v(!1)},children:[p(d,{className:`size-12`}),p(o,{children:E(`shareDrawer.wechat`)})]}),m(`button`,{className:`flex min-w-[4em] items-center justify-center py-3 flex-col gap-2`,onClick:()=>{S?.(),v(!1)},children:[p(l,{className:`w-12 h-12`}),p(o,{children:`QQ`})]}),m(`button`,{className:`flex min-w-[4em] items-center justify-center py-3 flex-col gap-2`,onClick:()=>{C?.(),v(!1)},children:[p(u,{className:`size-12`}),p(o,{children:E(`shareDrawer.moments`)})]})]}),T?m(f,{children:[p(`hr`,{className:`border-text2 opacity-20`}),p(t,{className:`flex gap-12 text-sm text-text1`,children:T})]}):w&&m(f,{children:[p(`hr`,{className:`border-text2 opacity-20`}),p(t,{className:`flex gap-12 text-sm text-text1`,children:m(`button`,{className:`flex items-center justify-center py-3 flex-col gap-2`,onClick:()=>{_?y?.():b?.(),v(!1)},children:[_?p(`i`,{className:`w-12 h-12 bg-bg2 p-0 rounded-full flex items-center justify-center transition`,children:p(c,{className:`w-6 h-6 text-theme5`})}):p(`i`,{className:`w-12 h-12 bg-bg2 p-0 rounded-full flex items-center justify-center transition`,children:p(s,{className:`w-6 h-6`})}),p(o,{children:D})]})})]})]}),p(e,{className:`w-full h-auto py-4 text-lg text-text1`,size:`lg`,onClick:()=>v(!1),variant:`secondary`,children:E(`shareDrawer.cancel`)})]})]})}export{g as ShareDrawer};
+'use client';
+
+import { Button } from "../../ui/button.mjs";
+import { Box } from "../../ui/box.mjs";
+import { Drawer, DrawerContent, DrawerDescription, DrawerTitle } from "../../ui/drawer.mjs";
+import { Text } from "../../ui/text.mjs";
+import SvgCollectNor from "../../../assets/icons/common/collect_nor.mjs";
+import SvgCollectSel from "../../../assets/icons/common/collect_sel.mjs";
+import SvgQq from "../../../assets/icons/common/qq.mjs";
+import SvgWechatFriends from "../../../assets/icons/common/wechat-friends.mjs";
+import SvgWechat from "../../../assets/icons/common/wechat.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/share-popup/share-drawer.tsx
+/**
+* 通用分享抽屉组件
+*/
+function ShareDrawer({ open, isCollected, onOpenChange, onUncollect, onCollect, onShareWeChat, onShareQQ, onShareMoments, isShowCollect = true, secondRow }) {
+	const t = useTranslations("components.common.sharePopup");
+	const collectLabel = isCollected ? t("shareDrawer.label") : t("shareDrawer.collectionLabel");
+	return /* @__PURE__ */ jsxs(Drawer, {
+		open,
+		onOpenChange,
+		children: [
+			/* @__PURE__ */ jsx(DrawerTitle, {
+				className: "hidden",
+				children: "share drawer "
+			}),
+			/* @__PURE__ */ jsx(DrawerDescription, {
+				className: "hidden",
+				children: "share drawer "
+			}),
+			/* @__PURE__ */ jsxs(DrawerContent, {
+				className: "z-[2000]",
+				children: [/* @__PURE__ */ jsxs(Box, {
+					className: "p-6 flex flex-col gap-4",
+					children: [/* @__PURE__ */ jsxs(Box, {
+						className: "flex items-center gap-12 text-sm text-text1",
+						children: [
+							/* @__PURE__ */ jsxs("button", {
+								className: "flex min-w-[4em] items-center justify-center py-3 flex-col gap-2",
+								onClick: () => {
+									onShareWeChat?.();
+									onOpenChange(false);
+								},
+								children: [/* @__PURE__ */ jsx(SvgWechat, { className: "size-12" }), /* @__PURE__ */ jsx(Text, { children: t("shareDrawer.wechat") })]
+							}),
+							/* @__PURE__ */ jsxs("button", {
+								className: "flex min-w-[4em] items-center justify-center py-3 flex-col gap-2",
+								onClick: () => {
+									onShareQQ?.();
+									onOpenChange(false);
+								},
+								children: [/* @__PURE__ */ jsx(SvgQq, { className: "w-12 h-12" }), /* @__PURE__ */ jsx(Text, { children: "QQ" })]
+							}),
+							/* @__PURE__ */ jsxs("button", {
+								className: "flex min-w-[4em] items-center justify-center py-3 flex-col gap-2",
+								onClick: () => {
+									onShareMoments?.();
+									onOpenChange(false);
+								},
+								children: [/* @__PURE__ */ jsx(SvgWechatFriends, { className: "size-12" }), /* @__PURE__ */ jsx(Text, { children: t("shareDrawer.moments") })]
+							})
+						]
+					}), secondRow ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("hr", { className: "border-text2 opacity-20" }), /* @__PURE__ */ jsx(Box, {
+						className: "flex gap-12 text-sm text-text1",
+						children: secondRow
+					})] }) : isShowCollect && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("hr", { className: "border-text2 opacity-20" }), /* @__PURE__ */ jsx(Box, {
+						className: "flex gap-12 text-sm text-text1",
+						children: /* @__PURE__ */ jsxs("button", {
+							className: "flex items-center justify-center py-3 flex-col gap-2",
+							onClick: () => {
+								if (isCollected) onUncollect?.();
+								else onCollect?.();
+								onOpenChange(false);
+							},
+							children: [isCollected ? /* @__PURE__ */ jsx("i", {
+								className: "w-12 h-12 bg-bg2 p-0 rounded-full flex items-center justify-center transition",
+								children: /* @__PURE__ */ jsx(SvgCollectSel, { className: "w-6 h-6 text-theme5" })
+							}) : /* @__PURE__ */ jsx("i", {
+								className: "w-12 h-12 bg-bg2 p-0 rounded-full flex items-center justify-center transition",
+								children: /* @__PURE__ */ jsx(SvgCollectNor, { className: "w-6 h-6" })
+							}), /* @__PURE__ */ jsx(Text, { children: collectLabel })]
+						})
+					})] })]
+				}), /* @__PURE__ */ jsx(Button, {
+					className: "w-full h-auto py-4 text-lg text-text1",
+					size: "lg",
+					onClick: () => onOpenChange(false),
+					variant: "secondary",
+					children: t("shareDrawer.cancel")
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+export { ShareDrawer };

package/dist/components/common/share-popup/share-popup.mjs

@@ -1,2 +1,327 @@
 
-"use client";import e from"../../ui/popup.mjs";import t from"../../../assets/icons/share/share-link.mjs";import{defaultLocale as n,getMessages as r,isValidLocale as i}from"../../../i18n.mjs";import{IntlProvider as a}from"../intl-provider/intl-provider.mjs";import{SharePlatformEnum as o}from"../../../types/share.mjs";import s from"../../../utils/share-manager.mjs";import{useEffect as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useTranslations as f}from"next-intl";import{createRoot as p}from"react-dom/client";let m=``;const h=[{id:o.SHARE_LINK,name:``,icon:u(t,{className:`w-full h-full`}),onClick:e=>{s.showSharePopup({type:o.SHARE_LINK,data:e,copyUrl:m})}}],g=[],_={id:``,isCollect:!1};function v(t){let n=f(`components.common.sharePopup`),{visible:r,onClose:i,onCollect:a,data:s=_,platforms:p=h,actions:m=g,cancelText:v,maskClosable:y=!0}=t,[b,x]=l(s.isCollect),S=v??n(`shareDrawer.cancel`);c(()=>{x(s.isCollect)},[s.isCollect]);function C(e){return e.name?e.name:e.id===o.SHARE_LINK?n(`shareContent.copyShareLink`):``}function w(e){window.sensors?.track?.(`detail_share_click`,{object_id:s.id,channel:e.id}),e.onClick(s),i?.()}function T(e){!e&&y&&i?.()}function E(e){return function(){w(e)}}return u(e,{side:`bottom`,open:r,onOpenChange:T,showCloseButton:!1,className:`z-[2000] !gap-0 rounded-t-[16px] bg-bg2 p-0 text-text1`,children:d(`div`,{className:`bg-bg2`,children:[p.length>0&&u(`div`,{className:`p-[24px]`,children:u(`div`,{className:`w-full h-[72px] overflow-hidden`,children:u(`div`,{className:`w-full g-scroll-box-x flex items-center`,style:{height:`calc(100% + 60px)`,paddingBottom:`60px`},children:p.map((e,t)=>d(`div`,{className:`cursor-pointer h-[100%] flex flex-col items-center justify-between ${t>0?`ml-[32px]`:``}`,onClick:E(e),children:[u(`span`,{className:`w-[48px] h-[48px] flex items-center justify-center`,children:e.icon}),u(`span`,{className:`text-text1 text-[12px] leading-[12px]`,children:C(e)})]},e.id))})})}),u(`div`,{className:`bg-bg1 mt-[4px] flex items-center justify-center`,onClick:i,children:u(`span`,{className:`text-text1 text-[16px] leading-[60px]`,children:S})})]})})}function y(){if(typeof document>`u`)return n;let e=document.documentElement?.lang||``;return i(e)?e:n}function b(e){let t=y();return u(a,{locale:t,messages:r(t),children:u(v,{...e})})}let x=null,S=null,C=null,w=``;function T(){typeof window>`u`||(C!==null&&(window.clearInterval(C),C=null),w=``)}function E(e){typeof window>`u`||(T(),w=window.location.href,C=window.setInterval(()=>{if(!S||!x){T();return}window.location.href!==w&&e()},120))}let D=null;var O=class e{static async show(t){let n=await s.initShareConfig(),r=t.initPlatforms||h.filter(e=>n[e.id]),i=t.initActions||g,{data:a,...o}=t,c={platforms:r,actions:i,maskClosable:!0,...o};D={supportActions:i,supportPlatforms:r};let l=typeof window<`u`?window.location.href:``;m=t.copyUrl||t.shareUrl||l,x||(x=document.createElement(`div`),x.style.zIndex=`2001`,document.body.appendChild(x),S=p(x)),S?.render(u(b,{visible:!1,data:a,onClose:()=>{e.clear(),c.onClose?.()},...c})),requestAnimationFrame(()=>{S?.render(u(b,{visible:!0,data:a,onClose:()=>{e.clear(),c.onClose?.()},...c}))}),E(()=>{e.clear()})}static clear(){T(),S&&x&&(S.render(u(b,{visible:!1,data:{},platforms:D?.supportPlatforms,actions:D?.supportActions,maskClosable:!0})),setTimeout(()=>{S?.unmount(),S=null,x?.parentNode&&x.parentNode.removeChild(x),x=null},300))}};export{v as SharePopupComponent,O as default,g as defaultActions,h as defaultPlatforms};
+'use client';
+
+import Popup from "../../ui/popup.mjs";
+import SvgShareLink from "../../../assets/icons/share/share-link.mjs";
+import { defaultLocale, getMessages, isValidLocale } from "../../../i18n.mjs";
+import { IntlProvider } from "../intl-provider/intl-provider.mjs";
+import { SharePlatformEnum } from "../../../types/share.mjs";
+import ShareManager from "../../../utils/share-manager.mjs";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+import { createRoot } from "react-dom/client";
+
+//#region components/common/share-popup/share-popup.tsx
+let currentConfigCopyUrl = "";
+/**
+* 默认分享平台列表。
+*/
+const defaultPlatforms = [{
+	id: SharePlatformEnum.SHARE_LINK,
+	name: "",
+	icon: /* @__PURE__ */ jsx(SvgShareLink, { className: "w-full h-full" }),
+	onClick: (data) => {
+		ShareManager.showSharePopup({
+			type: SharePlatformEnum.SHARE_LINK,
+			data,
+			copyUrl: currentConfigCopyUrl
+		});
+	}
+}];
+/**
+* 多平台分享入口（暂时注释，后续扩展时恢复）。
+*
+* const defaultPlatforms: SharePlatform[] = [
+*   {
+*     id: SharePlatformEnum.WECHAT,
+*     name: '',
+*     icon: <ShareWechatIcon className='w-full h-full' />,
+*     onClick: (data: ShareDataType) => {
+*       ShareManager.showSharePopup({
+*         type: SharePlatformEnum.WECHAT,
+*         data,
+*         copyUrl: currentConfigCopyUrl,
+*       });
+*     },
+*   },
+*   {
+*     id: SharePlatformEnum.QQ,
+*     name: 'QQ',
+*     icon: <ShareQQIcon className='w-full h-full' />,
+*     onClick: (data: ShareDataType) => {
+*       ShareManager.showSharePopup({
+*         type: SharePlatformEnum.QQ,
+*         data,
+*         copyUrl: currentConfigCopyUrl,
+*       });
+*     },
+*   },
+*   {
+*     id: SharePlatformEnum.WECHAT_MOMENTS,
+*     name: '',
+*     icon: <ShareWecircleIcon className='w-full h-full' />,
+*     onClick: (data: ShareDataType) => {
+*       ShareManager.showSharePopup({
+*         type: SharePlatformEnum.WECHAT_MOMENTS,
+*         data,
+*         copyUrl: currentConfigCopyUrl,
+*       });
+*     },
+*   },
+* ];
+*/
+/**
+* 默认操作按钮列表。
+*/
+const defaultActions = [];
+/**
+* 收藏操作入口（暂时注释，后续扩展时恢复）。
+*
+* const defaultActions: ActionButton[] = [
+*   {
+*     id: SharePlatformEnum.COLLECT,
+*     icon: <ShareCollectIcon className='w-full h-full' />,
+*     activeIcon: <ShareCollectSelIcon className='w-full h-full' />,
+*     name: '',
+*     onClick: () => {},
+*   },
+* ];
+*/
+const defaultShareData = {
+	id: "",
+	isCollect: false
+};
+/**
+* 分享弹窗主体。
+* @param props 组件参数
+*/
+function SharePopupComponent(props) {
+	const t = useTranslations("components.common.sharePopup");
+	const { visible, onClose, onCollect, data = defaultShareData, platforms = defaultPlatforms, actions = defaultActions, cancelText, maskClosable = true } = props;
+	const [isCollected, setIsCollected] = useState(data.isCollect);
+	const resolvedCancelText = cancelText ?? t("shareDrawer.cancel");
+	useEffect(() => {
+		/**
+		* 同步收藏状态。
+		* 这种写法是有问题的，但是历史遗留问题，这里不做处理。
+		*/
+		setIsCollected(data.isCollect);
+	}, [data.isCollect]);
+	/**
+	* 获取分享平台文案。
+	* @param platform 分享平台
+	*/
+	function resolvePlatformName(platform) {
+		if (platform.name) return platform.name;
+		if (platform.id === SharePlatformEnum.SHARE_LINK) return t("shareContent.copyShareLink");
+		return "";
+	}
+	/**
+	* 处理点击分享平台。
+	* @param platform 分享平台
+	*/
+	function handlePlatformClick(platform) {
+		window.sensors?.track?.("detail_share_click", {
+			object_id: data.id,
+			channel: platform.id
+		});
+		platform.onClick(data);
+		onClose?.();
+	}
+	/**
+	* 弹窗开关回调。
+	* @param nextOpen 是否打开
+	*/
+	function handleOpenChange(nextOpen) {
+		if (!nextOpen && maskClosable) onClose?.();
+	}
+	/**
+	* 创建平台点击回调。
+	* @param platform 分享平台
+	* @returns 点击回调
+	*/
+	function createPlatformClickHandler(platform) {
+		return function handleClick() {
+			handlePlatformClick(platform);
+		};
+	}
+	return /* @__PURE__ */ jsx(Popup, {
+		side: "bottom",
+		open: visible,
+		onOpenChange: handleOpenChange,
+		showCloseButton: false,
+		className: "z-[2000] !gap-0 rounded-t-[16px] bg-bg2 p-0 text-text1",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "bg-bg2",
+			children: [platforms.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "p-[24px]",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "w-full h-[72px] overflow-hidden",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "w-full g-scroll-box-x flex items-center",
+						style: {
+							height: "calc(100% + 60px)",
+							paddingBottom: "60px"
+						},
+						children: platforms.map((platform, index) => /* @__PURE__ */ jsxs("div", {
+							className: `cursor-pointer h-[100%] flex flex-col items-center justify-between ${index > 0 ? "ml-[32px]" : ""}`,
+							onClick: createPlatformClickHandler(platform),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "w-[48px] h-[48px] flex items-center justify-center",
+								children: platform.icon
+							}), /* @__PURE__ */ jsx("span", {
+								className: "text-text1 text-[12px] leading-[12px]",
+								children: resolvePlatformName(platform)
+							})]
+						}, platform.id))
+					})
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "bg-bg1 mt-[4px] flex items-center justify-center",
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-text1 text-[16px] leading-[60px]",
+					children: resolvedCancelText
+				})
+			})]
+		})
+	});
+}
+/**
+* 获取分享弹窗使用的语言。
+*/
+function resolveShareLocale() {
+	if (typeof document === "undefined") return defaultLocale;
+	const lang = document.documentElement?.lang || "";
+	return isValidLocale(lang) ? lang : defaultLocale;
+}
+/**
+* 带国际化上下文的分享弹窗。
+*/
+function SharePopupComponentWithIntl(props) {
+	const locale = resolveShareLocale();
+	return /* @__PURE__ */ jsx(IntlProvider, {
+		locale,
+		messages: getMessages(locale),
+		children: /* @__PURE__ */ jsx(SharePopupComponent, { ...props })
+	});
+}
+let sharePopupContainer = null;
+let sharePopupRoot = null;
+let sharePopupRouteWatchTimer = null;
+let sharePopupOpenedHref = "";
+function stopSharePopupNavigationWatch() {
+	if (typeof window === "undefined") return;
+	if (sharePopupRouteWatchTimer !== null) {
+		window.clearInterval(sharePopupRouteWatchTimer);
+		sharePopupRouteWatchTimer = null;
+	}
+	sharePopupOpenedHref = "";
+}
+function startSharePopupNavigationWatch(onLocationChanged) {
+	if (typeof window === "undefined") return;
+	stopSharePopupNavigationWatch();
+	sharePopupOpenedHref = window.location.href;
+	sharePopupRouteWatchTimer = window.setInterval(() => {
+		if (!sharePopupRoot || !sharePopupContainer) {
+			stopSharePopupNavigationWatch();
+			return;
+		}
+		if (window.location.href !== sharePopupOpenedHref) onLocationChanged();
+	}, 120);
+}
+let currentConfigOptions = null;
+/**
+* SharePopup 类，提供静态方法。
+*/
+var SharePopup = class SharePopup {
+	/**
+	* 显示分享弹窗。
+	* @param options 弹窗配置
+	*/
+	static async show(options) {
+		const shareConfig = await ShareManager.initShareConfig();
+		const supportPlatforms = options.initPlatforms || defaultPlatforms.filter((platform) => {
+			return shareConfig[platform.id];
+		});
+		const supportActions = options.initActions || defaultActions;
+		/**
+		* 多平台/收藏过滤逻辑（暂时注释，后续扩展时恢复）。
+		*
+		* const supportActions = options.initActions
+		*   || defaultActions.filter((action) => {
+		*     if (action.id === SharePlatformEnum.SAVE) {
+		*       return shareConfig[action.id as keyof ShareType];
+		*     }
+		*     return true;
+		*   });
+		*/
+		const { data, ...restOptions } = options;
+		const finalOptions = {
+			platforms: supportPlatforms,
+			actions: supportActions,
+			maskClosable: true,
+			...restOptions
+		};
+		currentConfigOptions = {
+			supportActions,
+			supportPlatforms
+		};
+		const fallbackUrl = typeof window !== "undefined" ? window.location.href : "";
+		currentConfigCopyUrl = options.copyUrl || options.shareUrl || fallbackUrl;
+		if (!sharePopupContainer) {
+			sharePopupContainer = document.createElement("div");
+			sharePopupContainer.style.zIndex = "2001";
+			document.body.appendChild(sharePopupContainer);
+			sharePopupRoot = createRoot(sharePopupContainer);
+		}
+		sharePopupRoot?.render(/* @__PURE__ */ jsx(SharePopupComponentWithIntl, {
+			visible: false,
+			data,
+			onClose: () => {
+				SharePopup.clear();
+				finalOptions.onClose?.();
+			},
+			...finalOptions
+		}));
+		requestAnimationFrame(() => {
+			sharePopupRoot?.render(/* @__PURE__ */ jsx(SharePopupComponentWithIntl, {
+				visible: true,
+				data,
+				onClose: () => {
+					SharePopup.clear();
+					finalOptions.onClose?.();
+				},
+				...finalOptions
+			}));
+		});
+		startSharePopupNavigationWatch(() => {
+			SharePopup.clear();
+		});
+	}
+	/**
+	* 清除分享弹窗。
+	*/
+	static clear() {
+		stopSharePopupNavigationWatch();
+		if (sharePopupRoot && sharePopupContainer) {
+			sharePopupRoot.render(/* @__PURE__ */ jsx(SharePopupComponentWithIntl, {
+				visible: false,
+				data: {},
+				platforms: currentConfigOptions?.supportPlatforms,
+				actions: currentConfigOptions?.supportActions,
+				maskClosable: true
+			}));
+			setTimeout(() => {
+				sharePopupRoot?.unmount();
+				sharePopupRoot = null;
+				if (sharePopupContainer?.parentNode) sharePopupContainer.parentNode.removeChild(sharePopupContainer);
+				sharePopupContainer = null;
+			}, 300);
+		}
+	}
+};
+
+//#endregion
+export { SharePopupComponent, SharePopup as default, defaultActions, defaultPlatforms };