@funhub/platform 0.2.29 → 0.2.31

package/dist/components/pages/publish/components/upload-progress.mjs

@@ -1,2 +1,54 @@
 
-"use client";import{Box as e}from"../../../ui/box.mjs";import{Text as t}from"../../../ui/text.mjs";import{Progress as n}from"../../../ui/progress.mjs";import{memo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useTranslations as o}from"next-intl";const s=r(({currentFiles:r,totalFiles:s,currentTasks:c,totalTasks:l})=>{let u=o(`components.pages.publish.components`),d=l>0?Math.round(c/l*100):0;return i(e,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/20`,children:a(e,{className:`w-full max-w-[200px] bg-bg1 rounded-lg p-4 shadow-lg`,children:[a(t,{className:`mb-3 text-center text-[16px] font-medium`,style:{color:`rgb(253, 76, 94)`},children:[u(`uploadProgress.uploading`),`...`]}),i(e,{className:`mb-2 **:[data-slot=progress-track]:h-2 **:[data-slot=progress-track]:bg-[rgba(253,76,94,0.2)] **:[data-slot=progress-track]:rounded-full`,children:i(n,{value:d,className:`w-full **:[data-slot=progress-indicator]:bg-[rgb(253,76,94)]`})}),a(t,{className:`text-center text-xs opacity-70`,style:{color:`rgb(253, 76, 94)`},children:[r,`/`,s,`(`,d,`%)`]})]})})});export{s as UploadProgress};
+'use client';
+
+import { Box } from "../../../ui/box.mjs";
+import { Text } from "../../../ui/text.mjs";
+import { Progress } from "../../../ui/progress.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/publish/components/upload-progress.tsx
+/**
+* 全屏上传进度提示组件
+* 进度条基于任务数计算，显示的文件数基于文件数计算
+*/
+const UploadProgress = memo(({ currentFiles, totalFiles, currentTasks, totalTasks }) => {
+	const t = useTranslations("components.pages.publish.components");
+	const percentage = totalTasks > 0 ? Math.round(currentTasks / totalTasks * 100) : 0;
+	return /* @__PURE__ */ jsx(Box, {
+		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/20",
+		children: /* @__PURE__ */ jsxs(Box, {
+			className: "w-full max-w-[200px] bg-bg1 rounded-lg p-4 shadow-lg",
+			children: [
+				/* @__PURE__ */ jsxs(Text, {
+					className: "mb-3 text-center text-[16px] font-medium",
+					style: { color: "rgb(253, 76, 94)" },
+					children: [t("uploadProgress.uploading"), "..."]
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					className: "mb-2 **:[data-slot=progress-track]:h-2 **:[data-slot=progress-track]:bg-[rgba(253,76,94,0.2)] **:[data-slot=progress-track]:rounded-full",
+					children: /* @__PURE__ */ jsx(Progress, {
+						value: percentage,
+						className: "w-full **:[data-slot=progress-indicator]:bg-[rgb(253,76,94)]"
+					})
+				}),
+				/* @__PURE__ */ jsxs(Text, {
+					className: "text-center text-xs opacity-70",
+					style: { color: "rgb(253, 76, 94)" },
+					children: [
+						currentFiles,
+						"/",
+						totalFiles,
+						"(",
+						percentage,
+						"%)"
+					]
+				})
+			]
+		})
+	});
+});
+
+//#endregion
+export { UploadProgress };

package/dist/components/pages/publish/components/video-item.mjs

@@ -1,2 +1,37 @@
 
-"use client";import{formatVideoDuration as e}from"../../../../utils/common.mjs";import{Image as t}from"../../../ui/image.mjs";import{Box as n}from"../../../ui/box.mjs";import r from"../../../../assets/icons/close.mjs";import{memo as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=i(({coverUrl:i,videoDuration:s,materialList:c,onDelete:l,onPreview:u})=>o(n,{className:`relative aspect-square overflow-hidden rounded-lg`,children:[a(t,{src:i,className:`object-cover`,fill:!0,onClick:()=>u(c.length)}),a(`button`,{type:`button`,className:`absolute right-2 top-2 rounded-full bg-black/50 p-1 text-white`,onClick:l,children:a(r,{className:`h-3 w-3`})}),s>0&&a(n,{className:`absolute bottom-2 right-2 rounded bg-black/70 px-2 py-1 text-xs text-white`,children:e(s)})]}));export{s as VideoItem};
+'use client';
+
+import { formatVideoDuration } from "../../../../utils/common.mjs";
+import { Image } from "../../../ui/image.mjs";
+import { Box } from "../../../ui/box.mjs";
+import SvgClose from "../../../../assets/icons/close.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/pages/publish/components/video-item.tsx
+const VideoItem = memo(({ coverUrl, videoDuration, materialList, onDelete, onPreview }) => {
+	return /* @__PURE__ */ jsxs(Box, {
+		className: "relative aspect-square overflow-hidden rounded-lg",
+		children: [
+			/* @__PURE__ */ jsx(Image, {
+				src: coverUrl,
+				className: "object-cover",
+				fill: true,
+				onClick: () => onPreview(materialList.length)
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "absolute right-2 top-2 rounded-full bg-black/50 p-1 text-white",
+				onClick: onDelete,
+				children: /* @__PURE__ */ jsx(SvgClose, { className: "h-3 w-3" })
+			}),
+			videoDuration > 0 && /* @__PURE__ */ jsx(Box, {
+				className: "absolute bottom-2 right-2 rounded bg-black/70 px-2 py-1 text-xs text-white",
+				children: formatVideoDuration(videoDuration)
+			})
+		]
+	});
+});
+
+//#endregion
+export { VideoItem };

package/dist/components/pages/publish/constants.mjs

@@ -1,2 +1,9 @@
 
-const e=20*1024*1024,t=200*1024*1024,n=2e3,r=9;export{e as MAX_IMAGE_SIZE,n as MAX_LENGTH,r as MAX_MATERIAL_COUNT,t as MAX_VIDEO_SIZE};
+//#region components/pages/publish/constants.ts
+const MAX_IMAGE_SIZE = 20 * 1024 * 1024;
+const MAX_VIDEO_SIZE = 200 * 1024 * 1024;
+const MAX_LENGTH = 2e3;
+const MAX_MATERIAL_COUNT = 9;
+
+//#endregion
+export { MAX_IMAGE_SIZE, MAX_LENGTH, MAX_MATERIAL_COUNT, MAX_VIDEO_SIZE };

package/dist/components/pages/publish/hooks/use-file-upload.mjs

@@ -1,2 +1,163 @@
 
-"use client";import{MAX_MATERIAL_COUNT as e}from"../constants.mjs";import{createFileInput as t,processCoverFile as n,processMaterialFile as r,processVideoFile as i}from"../utils/file-upload.mjs";import{toast as a}from"sonner";import{useCallback as o}from"react";function s(s){let{onProgressUpdate:c}=s;return{selectFile:o(async(o,s)=>await new Promise(l=>{let u=t(o);u.onchange=async t=>{let d=t.target.files;if(!d||d.length===0){l(null);return}try{if(o===`material`){let t=Math.max(0,s?.maxMaterialCount??e);if(t<=0){a.error(`最多上传 9 个素材`),l(null);return}let n=Array.from(d),i=n.length>t?n.slice(0,t):n;n.length>t&&a.error(`本次最多只能选择 ${t} 个素材，已自动忽略超出的 ${n.length-t} 个`);let o=[],u=[],f=0,p=0,m=0,h=i.length;for(let e of i)e&&(m+=e.type.includes(`video`)?2:1);c?.(0,h,0,m);for(let e=0;e<i.length;e++){let t=i[e];if(!t)continue;let n=t.type.includes(`video`)?2:1,a=!1,s=await r(t,e,(e,t)=>{let n=f+e;e>=t&&!a&&(a=!0,p+=1),c?.(p,h,n,m)});s.success&&s.data?(o.push(s.data),f+=n,a||(p+=1,c?.(p,h,f,m))):s.error&&(u.push(s.error),f+=n,a||(p+=1,c?.(p,h,f,m)))}l({type:`material`,items:o,errors:u});return}if(o===`video`){let e=``,t=``,n=``,r=``,a=0,o=0,s=d[0];if(!s){l(null);return}c?.(0,1,0,2);let u=!1;if(!(await i(s,{setResolution:e=>n=e,setVideoDuration:e=>a=e,setVideoSize:e=>o=e,setVideoUrl:t=>e=t,setCoverUrl:e=>t=e,setCoverImageResolution:e=>r=e},(e,t)=>{e>=t&&!u?(u=!0,c?.(1,1,e,2)):c?.(0,1,e,2)})).success){l(null);return}l({type:`video`,videoUrl:e,coverUrl:t,resolution:n,coverImageResolution:r,videoDuration:a,videoSize:o});return}let t=``,u=``,f=d[0];if(!f){l(null);return}c?.(0,1,0,1);let p=!1;if(!(await n(f,{setCoverUrl:e=>t=e,setCoverImageResolution:e=>u=e},(e,t)=>{e>=t&&!p?(p=!0,c?.(1,1,e,1)):c?.(0,1,e,1)})).success){l(null);return}l({type:`cover`,coverUrl:t,coverImageResolution:u})}catch(e){console.error(`上传失败`,e),a.error(`上传失败，请稍后重试`),l(null)}finally{c?.(0,0,0,0),u.remove()}},document.body.appendChild(u),u.click()}),[c])}}export{s as useFileUpload};
+'use client';
+
+import { MAX_MATERIAL_COUNT } from "../constants.mjs";
+import { createFileInput, processCoverFile, processMaterialFile, processVideoFile } from "../utils/file-upload.mjs";
+import { toast } from "sonner";
+import { useCallback } from "react";
+
+//#region components/pages/publish/hooks/use-file-upload.ts
+function useFileUpload(options) {
+	const { onProgressUpdate } = options;
+	return { selectFile: useCallback(async (type, selectOptions) => {
+		return await new Promise((resolve) => {
+			const input = createFileInput(type);
+			input.onchange = async (event) => {
+				const files = event.target.files;
+				if (!files || files.length === 0) {
+					resolve(null);
+					return;
+				}
+				try {
+					if (type === "material") {
+						const maxCount = Math.max(0, selectOptions?.maxMaterialCount ?? MAX_MATERIAL_COUNT);
+						if (maxCount <= 0) {
+							toast.error("最多上传 9 个素材");
+							resolve(null);
+							return;
+						}
+						const originalList = Array.from(files);
+						const list = originalList.length > maxCount ? originalList.slice(0, maxCount) : originalList;
+						if (originalList.length > maxCount) toast.error(`本次最多只能选择 ${maxCount} 个素材，已自动忽略超出的 ${originalList.length - maxCount} 个`);
+						const items = [];
+						const errors = [];
+						let completedTasks = 0;
+						let completedFiles = 0;
+						let totalTasks = 0;
+						const totalFiles = list.length;
+						for (const file of list) if (file) totalTasks += file.type.includes("video") ? 2 : 1;
+						onProgressUpdate?.(0, totalFiles, 0, totalTasks);
+						for (let i = 0; i < list.length; i++) {
+							const file = list[i];
+							if (!file) continue;
+							const fileTaskCount = file.type.includes("video") ? 2 : 1;
+							let fileCompleted = false;
+							const result = await processMaterialFile(file, i, (completed, total) => {
+								const globalCompletedTasks = completedTasks + completed;
+								if (completed >= total && !fileCompleted) {
+									fileCompleted = true;
+									completedFiles += 1;
+								}
+								onProgressUpdate?.(completedFiles, totalFiles, globalCompletedTasks, totalTasks);
+							});
+							if (result.success && result.data) {
+								items.push(result.data);
+								completedTasks += fileTaskCount;
+								if (!fileCompleted) {
+									completedFiles += 1;
+									onProgressUpdate?.(completedFiles, totalFiles, completedTasks, totalTasks);
+								}
+							} else if (result.error) {
+								errors.push(result.error);
+								completedTasks += fileTaskCount;
+								if (!fileCompleted) {
+									completedFiles += 1;
+									onProgressUpdate?.(completedFiles, totalFiles, completedTasks, totalTasks);
+								}
+							}
+						}
+						resolve({
+							type: "material",
+							items,
+							errors
+						});
+						return;
+					}
+					if (type === "video") {
+						let videoUrl = "";
+						let coverUrl = "";
+						let resolution = "";
+						let coverImageResolution = "";
+						let videoDuration = 0;
+						let videoSize = 0;
+						const file = files[0];
+						if (!file) {
+							resolve(null);
+							return;
+						}
+						const totalTasks = 2;
+						const totalFiles = 1;
+						onProgressUpdate?.(0, totalFiles, 0, totalTasks);
+						let videoFileCompleted = false;
+						if (!(await processVideoFile(file, {
+							setResolution: (v) => resolution = v,
+							setVideoDuration: (v) => videoDuration = v,
+							setVideoSize: (v) => videoSize = v,
+							setVideoUrl: (v) => videoUrl = v,
+							setCoverUrl: (v) => coverUrl = v,
+							setCoverImageResolution: (v) => coverImageResolution = v
+						}, (completed, total) => {
+							if (completed >= total && !videoFileCompleted) {
+								videoFileCompleted = true;
+								onProgressUpdate?.(1, totalFiles, completed, totalTasks);
+							} else onProgressUpdate?.(0, totalFiles, completed, totalTasks);
+						})).success) {
+							resolve(null);
+							return;
+						}
+						resolve({
+							type: "video",
+							videoUrl,
+							coverUrl,
+							resolution,
+							coverImageResolution,
+							videoDuration,
+							videoSize
+						});
+						return;
+					}
+					let coverUrl = "";
+					let coverImageResolution = "";
+					const file = files[0];
+					if (!file) {
+						resolve(null);
+						return;
+					}
+					const totalTasks = 1;
+					const totalFiles = 1;
+					onProgressUpdate?.(0, totalFiles, 0, totalTasks);
+					let coverFileCompleted = false;
+					if (!(await processCoverFile(file, {
+						setCoverUrl: (v) => coverUrl = v,
+						setCoverImageResolution: (v) => coverImageResolution = v
+					}, (completed, total) => {
+						if (completed >= total && !coverFileCompleted) {
+							coverFileCompleted = true;
+							onProgressUpdate?.(1, totalFiles, completed, totalTasks);
+						} else onProgressUpdate?.(0, totalFiles, completed, totalTasks);
+					})).success) {
+						resolve(null);
+						return;
+					}
+					resolve({
+						type: "cover",
+						coverUrl,
+						coverImageResolution
+					});
+				} catch (error) {
+					console.error("上传失败", error);
+					toast.error("上传失败，请稍后重试");
+					resolve(null);
+				} finally {
+					onProgressUpdate?.(0, 0, 0, 0);
+					input.remove();
+				}
+			};
+			document.body.appendChild(input);
+			input.click();
+		});
+	}, [onProgressUpdate]) };
+}
+
+//#endregion
+export { useFileUpload };

package/dist/components/pages/publish/page-client.mjs

@@ -1,2 +1,346 @@
 
-"use client";import{getAtUserElement as e}from"../../../utils/common.mjs";import{cn as t}from"../../../utils/cn.mjs";import n from"../../../utils/event-bus.mjs";import{pCommunityPublishContent as r}from"../../../service/generated/client.mjs";import{useRouter as ee}from"../../../utils/use-compatible-router.mjs";import{AlertDialog as te,AlertDialogAction as ne,AlertDialogCancel as re,AlertDialogContent as i,AlertDialogDescription as ie,AlertDialogFooter as ae,AlertDialogHeader as oe,AlertDialogTitle as se}from"../../ui/alert-dialog.mjs";import{Box as ce}from"../../ui/box.mjs";import{useKeyboardOpen as a}from"../../../hooks/use-keyboard-open.mjs";import{eventKey as o}from"../../../constants/event-key.mjs";import{useMediaPreview as s}from"../../common/media-preview/index.mjs";import c from"../../ui/popup.mjs";import{UploadProgress as l}from"./components/upload-progress.mjs";import{ContactList as u}from"../../biz/business/contact/contact-list.mjs";import{Collection as le}from"./components/collection.mjs";import{MAX_MATERIAL_COUNT as d}from"./constants.mjs";import{filterAtUserNames as ue}from"./utils/publish-utils.mjs";import{PublishEditor as de}from"./components/editor.mjs";import{PublishHeader as f}from"./components/header.mjs";import{MaterialGrid as fe}from"./components/material-grid.mjs";import{Toolbar as pe}from"./components/toolbar.mjs";import{useFileUpload as me}from"./hooks/use-file-upload.mjs";import{toast as p}from"sonner";import{useCallback as m,useEffect as he,useMemo as ge,useRef as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{useTranslations as y}from"next-intl";function b({className:b}={}){let x=y(`components.pages.publish`),_e=ee(),S=h(null),[ve,C]=g(!1),[w,T]=g(`0`),{isOpen:E}=a(),[D,O]=g(null),[k,A]=g([]),[j,M]=g(``),[N,P]=g(``),[F,I]=g(``),[L,R]=g(0),[ye,z]=g(``),[be,B]=g(``),[xe,V]=g(0),[H,U]=g(``),[W,G]=g([]),[Se,K]=g(!1),[Ce,q]=g(!1),[we,Te]=g(``),J=h(null);he(()=>()=>{n.emit(o.WAIT_LOADING_SHOW,{show:!1})},[]);let Y=m(e=>(Te(e),q(!0),new Promise(e=>{J.current=e})),[]),{selectFile:X}=me({onProgressUpdate:(e,t,n,r)=>{O(r>0?{currentFiles:e,totalFiles:t,currentTasks:n,totalTasks:r}:null)}}),Z=m(async()=>{if(j){if(!await Y(x(`pageClient.switchToPostConfirm`)))return;M(``),P(``),I(``),R(0),V(0),z(``),B(``)}if(k.length>=d){p.error(x(`pageClient.maxMaterialCount`));return}let e=await X(`material`,{maxMaterialCount:d-k.length});!e||e.type!==`material`||(e.errors.length>0&&p.error(e.errors.length===1?e.errors[0]:x(`pageClient.uploadFailedCount`,{count:e.errors.length})),e.items.length>0&&A(t=>[...t,...e.items].slice(0,d)))},[Y,k.length,X,B,P,I,A,z,R,V,M,x,j]),Ee=m(async()=>{if(k.length>0){if(!await Y(x(`pageClient.switchToVideoConfirm`)))return;A([])}let e=await X(`video`);!e||e.type!==`video`||(M(e.videoUrl),P(e.coverUrl),I(e.coverUrl),z(e.resolution),B(e.coverImageResolution),R(e.videoDuration),V(e.videoSize))},[Y,k.length,X,B,P,I,A,z,R,V,M,x]);function De(e){C(e)}function Oe(){C(!1)}let Q=ge(()=>(H.trim()===``||H.trim()===`<br>`)&&k.length===0&&!j,[H,k.length,j]),$=s(),ke=m(()=>{$.open(k.map(e=>({src:e.media_url,type:e.is_video?`video`:`image`,cover:e.cover_image})))},[k,$]),Ae=m(e=>{A(t=>t.filter((t,n)=>n!==e))},[A]),je=m(()=>{M(``),P(``),I(``),R(0),V(0),z(``),B(``)},[P,I,B,z,R,V,M]),Me=m(async()=>{let e=await X(`cover`);!e||e.type!==`cover`||(P(e.coverUrl),B(e.coverImageResolution))},[X,B,P]),Ne=m(t=>{C(!1),G(e=>[...e,t]),S.current?.restoreSelection();let n=`${e(t)}&nbsp;`;S.current?.insertHtml(n)},[G]),Pe=m(()=>{S.current?.saveSelection(),C(!0)},[]);return v(ce,{className:t(`relative min-h-screen max-w-full bg-bg2 overflow-hidden flex flex-col`,b),children:[_(f,{onPublish:async()=>{if(!Se){K(!0);try{if(Q){p.error(x(`pageClient.editContentFirst`));return}let e=H;if(e=e.replace(/<br>/g,``),!e&&k.length===0&&!j){p.error(x(`pageClient.editContentFirst`));return}let t=ue(e,W),n={content:e,mentioned_users:t,collection_ids:w===`0`?[]:[w]};k.length>0?(n.medias=k.map(e=>(delete e.index,e)),n.type=1):j?(n.medias=[{media_url:j,is_video:!0,cover_image:N,video_resolution:ye,cover_image_resolution:be,video_duration:L,video_size:xe}],n.type=2):n.type=3,await r(n),p.success(x(`pageClient.publishSuccess`)),A([]),M(``),P(``),I(``),R(0),V(0),z(``),B(``),U(``),G([]),T(`0`),_e.back()}catch(e){console.error(e),p.error(x(`pageClient.publishFailed`))}finally{K(!1)}}},isEmpty:Q}),_(de,{ref:S,content:H,onContentChange:U,atUsers:W,onAtUsersChange:G}),D&&_(l,{currentFiles:D.currentFiles,totalFiles:D.totalFiles,currentTasks:D.currentTasks,totalTasks:D.totalTasks}),(k.length>0||j)&&_(fe,{materialList:k,videoUrl:j,videoDuration:L,coverUrl:N,originCoverUrl:F,isKeyboardOpen:E,onMaterialDelete:Ae,onVideoDelete:je,onMaterialAdd:Z,onCoverClick:Me,onPreview:ke}),_(pe,{isKeyboardOpen:E,onMaterialClick:()=>void Z(),onVideoClick:()=>void Ee(),onAtUserClick:Pe}),_(le,{active:w,setActive:T}),_(te,{open:Ce,onOpenChange:e=>{q(e),e||(J.current?.(!1),J.current=null)},children:v(i,{children:[v(oe,{children:[_(se,{children:x(`pageClient.title`)}),_(ie,{children:we})]}),v(ae,{children:[_(re,{onClick:()=>{q(!1),J.current?.(!1),J.current=null},children:x(`pageClient.cancel`)}),_(ne,{onClick:()=>{q(!1),J.current?.(!0),J.current=null},children:x(`pageClient.resume`)})]})]})}),_(c,{open:ve,onOpenChange:De,showCloseButton:!1,className:`w-full rounded-[8px] bg-bg2`,children:_(u,{onSelect:Ne,onClose:Oe})})]})}export{b as PublishPageClient};
+'use client';
+
+import { getAtUserElement } from "../../../utils/common.mjs";
+import { cn } from "../../../utils/cn.mjs";
+import eventBus from "../../../utils/event-bus.mjs";
+import { pCommunityPublishContent } from "../../../service/generated/client.mjs";
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../ui/alert-dialog.mjs";
+import { Box } from "../../ui/box.mjs";
+import { useKeyboardOpen } from "../../../hooks/use-keyboard-open.mjs";
+import { eventKey } from "../../../constants/event-key.mjs";
+import { useMediaPreview } from "../../common/media-preview/index.mjs";
+import Popup from "../../ui/popup.mjs";
+import { UploadProgress } from "./components/upload-progress.mjs";
+import { ContactList } from "../../biz/business/contact/contact-list.mjs";
+import { Collection } from "./components/collection.mjs";
+import { MAX_MATERIAL_COUNT } from "./constants.mjs";
+import { filterAtUserNames } from "./utils/publish-utils.mjs";
+import { PublishEditor } from "./components/editor.mjs";
+import { PublishHeader } from "./components/header.mjs";
+import { MaterialGrid } from "./components/material-grid.mjs";
+import { Toolbar } from "./components/toolbar.mjs";
+import { useFileUpload } from "./hooks/use-file-upload.mjs";
+import { toast } from "sonner";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/pages/publish/page-client.tsx
+function PublishPageClient({ className } = {}) {
+	const t = useTranslations("components.pages.publish");
+	const router = useRouter();
+	const editorRef = useRef(null);
+	const [visibleContact, setVisibleContact] = useState(false);
+	const [activeCollection, setActiveCollection] = useState("0");
+	const { isOpen: isKeyboardOpen } = useKeyboardOpen();
+	const [uploadProgress, setUploadProgress] = useState(null);
+	const [materialList, setMaterialList] = useState([]);
+	const [videoUrl, setVideoUrl] = useState("");
+	const [coverUrl, setCoverUrl] = useState("");
+	const [originCoverUrl, setOriginCoverUrl] = useState("");
+	const [videoDuration, setVideoDuration] = useState(0);
+	const [resolution, setResolution] = useState("");
+	const [coverImageResolution, setCoverImageResolution] = useState("");
+	const [videoSize, setVideoSize] = useState(0);
+	const [content, setContent] = useState("");
+	const [atUsers, setAtUsers] = useState([]);
+	const [isLoading, setIsLoading] = useState(false);
+	const [typeSwitchDialogOpen, setTypeSwitchDialogOpen] = useState(false);
+	const [typeSwitchMessage, setTypeSwitchMessage] = useState("");
+	const typeSwitchResolveRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			eventBus.emit(eventKey.WAIT_LOADING_SHOW, { show: false });
+		};
+	}, []);
+	const confirmTypeSwitch = useCallback((message) => {
+		setTypeSwitchMessage(message);
+		setTypeSwitchDialogOpen(true);
+		return new Promise((resolve) => {
+			typeSwitchResolveRef.current = resolve;
+		});
+	}, []);
+	const { selectFile } = useFileUpload({ onProgressUpdate: (currentFiles, totalFiles, currentTasks, totalTasks) => {
+		if (totalTasks > 0) setUploadProgress({
+			currentFiles,
+			totalFiles,
+			currentTasks,
+			totalTasks
+		});
+		else setUploadProgress(null);
+	} });
+	const handleSelectMaterial = useCallback(async () => {
+		if (videoUrl) {
+			if (!await confirmTypeSwitch(t("pageClient.switchToPostConfirm"))) return;
+			setVideoUrl("");
+			setCoverUrl("");
+			setOriginCoverUrl("");
+			setVideoDuration(0);
+			setVideoSize(0);
+			setResolution("");
+			setCoverImageResolution("");
+		}
+		if (materialList.length >= MAX_MATERIAL_COUNT) {
+			toast.error(t("pageClient.maxMaterialCount"));
+			return;
+		}
+		const result = await selectFile("material", { maxMaterialCount: MAX_MATERIAL_COUNT - materialList.length });
+		if (!result || result.type !== "material") return;
+		if (result.errors.length > 0) toast.error(result.errors.length === 1 ? result.errors[0] : t("pageClient.uploadFailedCount", { count: result.errors.length }));
+		if (result.items.length > 0) setMaterialList((prev) => [...prev, ...result.items].slice(0, MAX_MATERIAL_COUNT));
+	}, [
+		confirmTypeSwitch,
+		materialList.length,
+		selectFile,
+		setCoverImageResolution,
+		setCoverUrl,
+		setOriginCoverUrl,
+		setMaterialList,
+		setResolution,
+		setVideoDuration,
+		setVideoSize,
+		setVideoUrl,
+		t,
+		videoUrl
+	]);
+	const handleSelectVideo = useCallback(async () => {
+		if (materialList.length > 0) {
+			if (!await confirmTypeSwitch(t("pageClient.switchToVideoConfirm"))) return;
+			setMaterialList([]);
+		}
+		const result = await selectFile("video");
+		if (!result || result.type !== "video") return;
+		setVideoUrl(result.videoUrl);
+		setCoverUrl(result.coverUrl);
+		setOriginCoverUrl(result.coverUrl);
+		setResolution(result.resolution);
+		setCoverImageResolution(result.coverImageResolution);
+		setVideoDuration(result.videoDuration);
+		setVideoSize(result.videoSize);
+	}, [
+		confirmTypeSwitch,
+		materialList.length,
+		selectFile,
+		setCoverImageResolution,
+		setCoverUrl,
+		setOriginCoverUrl,
+		setMaterialList,
+		setResolution,
+		setVideoDuration,
+		setVideoSize,
+		setVideoUrl,
+		t
+	]);
+	/**
+	* 联系人弹窗开关回调。
+	*/
+	function handleContactDialogChange(next) {
+		setVisibleContact(next);
+	}
+	/**
+	* 关闭联系人弹窗。
+	*/
+	function handleCloseContact() {
+		setVisibleContact(false);
+	}
+	const isEmpty = useMemo(() => {
+		return (content.trim() === "" || content.trim() === "<br>") && materialList.length === 0 && !videoUrl;
+	}, [
+		content,
+		materialList.length,
+		videoUrl
+	]);
+	const mediaPreview = useMediaPreview();
+	const _handlePreview = useCallback(() => {
+		mediaPreview.open(materialList.map((item) => ({
+			src: item.media_url,
+			type: item.is_video ? "video" : "image",
+			cover: item.cover_image
+		})));
+	}, [materialList, mediaPreview]);
+	const _handleMaterialDelete = useCallback((index) => {
+		setMaterialList((prev) => prev.filter((_, i) => i !== index));
+	}, [setMaterialList]);
+	const _handleVideoDelete = useCallback(() => {
+		setVideoUrl("");
+		setCoverUrl("");
+		setOriginCoverUrl("");
+		setVideoDuration(0);
+		setVideoSize(0);
+		setResolution("");
+		setCoverImageResolution("");
+	}, [
+		setCoverUrl,
+		setOriginCoverUrl,
+		setCoverImageResolution,
+		setResolution,
+		setVideoDuration,
+		setVideoSize,
+		setVideoUrl
+	]);
+	const handleCoverClick = useCallback(async () => {
+		const result = await selectFile("cover");
+		if (!result || result.type !== "cover") return;
+		setCoverUrl(result.coverUrl);
+		setCoverImageResolution(result.coverImageResolution);
+	}, [
+		selectFile,
+		setCoverImageResolution,
+		setCoverUrl
+	]);
+	const handleContactSelect = useCallback((contact) => {
+		setVisibleContact(false);
+		setAtUsers((prev) => [...prev, contact]);
+		editorRef.current?.restoreSelection();
+		const html = `${getAtUserElement(contact)}&nbsp;`;
+		editorRef.current?.insertHtml(html);
+	}, [setAtUsers]);
+	const handleAtUserClick = useCallback(() => {
+		editorRef.current?.saveSelection();
+		setVisibleContact(true);
+	}, []);
+	const publish = async () => {
+		if (isLoading) return;
+		setIsLoading(true);
+		try {
+			if (isEmpty) {
+				toast.error(t("pageClient.editContentFirst"));
+				return;
+			}
+			let result = content;
+			result = result.replace(/<br>/g, "");
+			if (!result && materialList.length === 0 && !videoUrl) {
+				toast.error(t("pageClient.editContentFirst"));
+				return;
+			}
+			const filteredAtUsers = filterAtUserNames(result, atUsers);
+			const params = {
+				content: result,
+				mentioned_users: filteredAtUsers,
+				collection_ids: activeCollection === "0" ? [] : [activeCollection]
+			};
+			if (materialList.length > 0) {
+				params.medias = materialList.map((item) => {
+					delete item.index;
+					return item;
+				});
+				params.type = 1;
+			} else if (videoUrl) {
+				params.medias = [{
+					media_url: videoUrl,
+					is_video: true,
+					cover_image: coverUrl,
+					video_resolution: resolution,
+					cover_image_resolution: coverImageResolution,
+					video_duration: videoDuration,
+					video_size: videoSize
+				}];
+				params.type = 2;
+			} else params.type = 3;
+			await pCommunityPublishContent(params);
+			toast.success(t("pageClient.publishSuccess"));
+			setMaterialList([]);
+			setVideoUrl("");
+			setCoverUrl("");
+			setOriginCoverUrl("");
+			setVideoDuration(0);
+			setVideoSize(0);
+			setResolution("");
+			setCoverImageResolution("");
+			setContent("");
+			setAtUsers([]);
+			setActiveCollection("0");
+			router.back();
+		} catch (error) {
+			console.error(error);
+			toast.error(t("pageClient.publishFailed"));
+		} finally {
+			setIsLoading(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		className: cn("relative min-h-screen max-w-full bg-bg2 overflow-hidden flex flex-col", className),
+		children: [
+			/* @__PURE__ */ jsx(PublishHeader, {
+				onPublish: publish,
+				isEmpty
+			}),
+			/* @__PURE__ */ jsx(PublishEditor, {
+				ref: editorRef,
+				content,
+				onContentChange: setContent,
+				atUsers,
+				onAtUsersChange: setAtUsers
+			}),
+			uploadProgress && /* @__PURE__ */ jsx(UploadProgress, {
+				currentFiles: uploadProgress.currentFiles,
+				totalFiles: uploadProgress.totalFiles,
+				currentTasks: uploadProgress.currentTasks,
+				totalTasks: uploadProgress.totalTasks
+			}),
+			(materialList.length > 0 || videoUrl) && /* @__PURE__ */ jsx(MaterialGrid, {
+				materialList,
+				videoUrl,
+				videoDuration,
+				coverUrl,
+				originCoverUrl,
+				isKeyboardOpen,
+				onMaterialDelete: _handleMaterialDelete,
+				onVideoDelete: _handleVideoDelete,
+				onMaterialAdd: handleSelectMaterial,
+				onCoverClick: handleCoverClick,
+				onPreview: _handlePreview
+			}),
+			/* @__PURE__ */ jsx(Toolbar, {
+				isKeyboardOpen,
+				onMaterialClick: () => void handleSelectMaterial(),
+				onVideoClick: () => void handleSelectVideo(),
+				onAtUserClick: handleAtUserClick
+			}),
+			/* @__PURE__ */ jsx(Collection, {
+				active: activeCollection,
+				setActive: setActiveCollection
+			}),
+			/* @__PURE__ */ jsx(AlertDialog, {
+				open: typeSwitchDialogOpen,
+				onOpenChange: (next) => {
+					setTypeSwitchDialogOpen(next);
+					if (!next) {
+						typeSwitchResolveRef.current?.(false);
+						typeSwitchResolveRef.current = null;
+					}
+				},
+				children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: t("pageClient.title") }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: typeSwitchMessage })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+					onClick: () => {
+						setTypeSwitchDialogOpen(false);
+						typeSwitchResolveRef.current?.(false);
+						typeSwitchResolveRef.current = null;
+					},
+					children: t("pageClient.cancel")
+				}), /* @__PURE__ */ jsx(AlertDialogAction, {
+					onClick: () => {
+						setTypeSwitchDialogOpen(false);
+						typeSwitchResolveRef.current?.(true);
+						typeSwitchResolveRef.current = null;
+					},
+					children: t("pageClient.resume")
+				})] })] })
+			}),
+			/* @__PURE__ */ jsx(Popup, {
+				open: visibleContact,
+				onOpenChange: handleContactDialogChange,
+				showCloseButton: false,
+				className: "w-full rounded-[8px] bg-bg2",
+				children: /* @__PURE__ */ jsx(ContactList, {
+					onSelect: handleContactSelect,
+					onClose: handleCloseContact
+				})
+			})
+		]
+	});
+}
+
+//#endregion
+export { PublishPageClient };

package/dist/components/pages/publish/page.mjs

@@ -1,2 +1,12 @@
 
-import{AuthGuard as e}from"../login/auth-guard.mjs";import{PublishPageClient as t}from"./page-client.mjs";import{jsx as n}from"react/jsx-runtime";function r(){return n(e,{children:n(t,{})})}export{r as default};
+import { AuthGuard } from "../login/auth-guard.mjs";
+import { PublishPageClient } from "./page-client.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region components/pages/publish/page.tsx
+function PublishPage() {
+	return /* @__PURE__ */ jsx(AuthGuard, { children: /* @__PURE__ */ jsx(PublishPageClient, {}) });
+}
+
+//#endregion
+export { PublishPage as default };