@funhub/platform 0.1.130 → 0.1.132

package/dist/components/common/background-preview-modal/background-preview-modal.mjs

@@ -1,74 +1,2 @@
 
-'use client';
-
-import { cn } from "../../../utils/cn.mjs";
-import { Image } from "../../ui/image.mjs";
-import { Dialog, DialogContent } from "../../ui/dialog.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region components/common/background-preview-modal/background-preview-modal.tsx
-function BackgroundPreviewModal({ open, onClose, bgUrl, onUpload }) {
-	return /* @__PURE__ */ jsx(Dialog, {
-		open,
-		onOpenChange: onClose,
-		children: /* @__PURE__ */ jsx(DialogContent, {
-			showCloseButton: false,
-			className: "bg-black !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "relative flex h-full w-full flex-col items-center justify-center",
-				children: [
-					/* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "absolute left-0 focus-within:outline-none top-0 flex h-14 w-14 items-center justify-center text-white transition-colors hover:text-white/80",
-						onClick: onClose,
-						children: /* @__PURE__ */ jsx("svg", {
-							className: "w-4 h-4",
-							xmlns: "http://www.w3.org/2000/svg",
-							fill: "currentColor",
-							viewBox: "0 0 16 16",
-							children: /* @__PURE__ */ jsx("path", { d: "M14.55.2a.889.889 0 0 1 1.25 1.25l-.06.067L9.255 8l6.483 6.482.06.069a.888.888 0 0 1-1.25 1.25l-.067-.062L8 9.256l-6.482 6.483A.888.888 0 1 1 .26 14.482L6.742 8 .26 1.517.2 1.45A.888.888 0 0 1 1.45.2l.067.062 6.482 6.482L14.482.261l.068-.062Z" })
-						})
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "relative h-[256px] w-full overflow-hidden bg-white/10",
-						children: /* @__PURE__ */ jsx(Image, {
-							src: bgUrl || "/images/mine/img_mine_head_bg.png",
-							alt: "背景图预览",
-							fill: true,
-							className: "object-cover",
-							style: { pointerEvents: "none" }
-						})
-					}),
-					/* @__PURE__ */ jsxs("button", {
-						type: "button",
-						className: cn("absolute bottom-8 left-0 right-0 mx-auto flex w-[366px] max-w-[90%] items-center justify-between rounded-3xl bg-white/10 px-3 py-3 transition-colors hover:bg-white/20", "active:scale-95"),
-						onClick: onUpload,
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "text-base font-medium text-white",
-							children: "更换背景图"
-						}), /* @__PURE__ */ jsxs("svg", {
-							className: "w-6 h-6 text-white",
-							xmlns: "http://www.w3.org/2000/svg",
-							fill: "none",
-							viewBox: "0 0 24 24",
-							stroke: "currentColor",
-							strokeWidth: 2,
-							children: [/* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
-							}), /* @__PURE__ */ jsx("path", {
-								strokeLinecap: "round",
-								strokeLinejoin: "round",
-								d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z"
-							})]
-						})]
-					})
-				]
-			})
-		})
-	});
-}
-
-//#endregion
-export { BackgroundPreviewModal };
+"use client";import{cn as e}from"../../../utils/cn.mjs";import{Image as t}from"../../ui/image.mjs";import{Dialog as n,DialogContent as r}from"../../ui/dialog.mjs";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o({open:o,onClose:s,bgUrl:c,onUpload:l}){return i(n,{open:o,onOpenChange:s,children:i(r,{showCloseButton:!1,className:`bg-black !m-0 !p-0 !fixed !inset-0 !w-screen !h-screen !max-w-none !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !transform-none z-[9999] !pointer-events-auto`,children:a(`div`,{className:`relative flex h-full w-full flex-col items-center justify-center`,children:[i(`button`,{type:`button`,className:`absolute left-0 focus-within:outline-none top-0 flex h-14 w-14 items-center justify-center text-white transition-colors hover:text-white/80`,onClick:s,children:i(`svg`,{className:`w-4 h-4`,xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,viewBox:`0 0 16 16`,children:i(`path`,{d:`M14.55.2a.889.889 0 0 1 1.25 1.25l-.06.067L9.255 8l6.483 6.482.06.069a.888.888 0 0 1-1.25 1.25l-.067-.062L8 9.256l-6.482 6.483A.888.888 0 1 1 .26 14.482L6.742 8 .26 1.517.2 1.45A.888.888 0 0 1 1.45.2l.067.062 6.482 6.482L14.482.261l.068-.062Z`})})}),i(`div`,{className:`relative h-[256px] w-full overflow-hidden bg-white/10`,children:i(t,{src:c||`/images/mine/img_mine_head_bg.png`,alt:`背景图预览`,fill:!0,className:`object-cover`,style:{pointerEvents:`none`}})}),a(`button`,{type:`button`,className:e(`absolute bottom-8 left-0 right-0 mx-auto flex w-[366px] max-w-[90%] items-center justify-between rounded-3xl bg-white/10 px-3 py-3 transition-colors hover:bg-white/20`,`active:scale-95`),onClick:l,children:[i(`span`,{className:`text-base font-medium text-white`,children:`更换背景图`}),a(`svg`,{className:`w-6 h-6 text-white`,xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,strokeWidth:2,children:[i(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z`}),i(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,d:`M15 13a3 3 0 11-6 0 3 3 0 016 0z`})]})]})]})})})}export{o as BackgroundPreviewModal};

package/dist/components/common/blocked-dialog/blocked-dialog.mjs

@@ -1,55 +1,2 @@
 
-'use client';
-
-import { AlertDialog, AlertDialogAction, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../../ui/alert-dialog.mjs";
-import { secondToTime } from "../../../utils/common.mjs";
-import { useBlockedModalStore } from "../../../store/modules/blocked-modal-store.mjs";
-import { useLoginModalStore } from "../../../store/modules/login-modal-store.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useTranslations } from "next-intl";
-import { useRouter } from "next/navigation";
-
-//#region components/common/blocked-dialog/blocked-dialog.tsx
-/**
-* 账号封禁弹窗。
-*/
-function BlockedDialog() {
-	const router = useRouter();
-	const t = useTranslations("components.common.blockedDialog");
-	const { isOpen, blockedRemark, blockedEndTime, close, setOpen } = useBlockedModalStore();
-	const unblockTimeText = blockedEndTime > 0 ? secondToTime(blockedEndTime) : t("unblockTimePermanent");
-	const remarkText = blockedRemark || t("remarkDefault");
-	const jump = () => {
-		if (useLoginModalStore.getState().isOpen) useLoginModalStore.getState().setOpen(false);
-		close();
-		router.push("/feedback");
-	};
-	return /* @__PURE__ */ jsx(AlertDialog, {
-		open: isOpen,
-		onOpenChange: (open) => {
-			setOpen(open);
-		},
-		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
-			size: "sm",
-			children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, {
-				className: "text-[16px]",
-				children: t("title")
-			}), /* @__PURE__ */ jsx(AlertDialogDescription, {
-				className: "text-center text-[14px] leading-6 whitespace-pre-line",
-				children: t("description", {
-					remark: remarkText,
-					unblockTime: unblockTimeText
-				})
-			})] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogAction, {
-				onClick: jump,
-				children: t("contactSupport")
-			}), /* @__PURE__ */ jsx(AlertDialogAction, {
-				onClick: close,
-				children: t("gotIt")
-			})] })]
-		})
-	});
-}
-
-//#endregion
-export { BlockedDialog };
+"use client";import{AlertDialog as e,AlertDialogAction as t,AlertDialogContent as n,AlertDialogDescription as r,AlertDialogFooter as i,AlertDialogHeader as a,AlertDialogTitle as o}from"../../ui/alert-dialog.mjs";import{secondToTime as s}from"../../../utils/common.mjs";import{useBlockedModalStore as c}from"../../../store/modules/blocked-modal-store.mjs";import{useLoginModalStore as l}from"../../../store/modules/login-modal-store.mjs";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useTranslations as f}from"next-intl";import{useRouter as p}from"next/navigation";function m(){let m=p(),h=f(`components.common.blockedDialog`),{isOpen:g,blockedRemark:_,blockedEndTime:v,close:y,setOpen:b}=c(),x=v>0?s(v):h(`unblockTimePermanent`),S=_||h(`remarkDefault`);return u(e,{open:g,onOpenChange:e=>{b(e)},children:d(n,{size:`sm`,children:[d(a,{children:[u(o,{className:`text-[16px]`,children:h(`title`)}),u(r,{className:`text-center text-[14px] leading-6 whitespace-pre-line`,children:h(`description`,{remark:S,unblockTime:x})})]}),d(i,{children:[u(t,{onClick:()=>{l.getState().isOpen&&l.getState().setOpen(!1),y(),m.push(`/feedback`)},children:h(`contactSupport`)}),u(t,{onClick:y,children:h(`gotIt`)})]})]})})}export{m as BlockedDialog};

package/dist/components/common/cards/mini-three-card.mjs

@@ -1,56 +1,2 @@
 
-'use client';
-
-import { Image } from "../../ui/image.mjs";
-import { Box } from "../../ui/box.mjs";
-import style_module_default from "./style.module.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import Link from "next/link";
-
-//#region components/common/cards/mini-three-card.tsx
-/**
-* MiniThreeCard：一行 3 个的卡片（从原项目 `MiniThreeCard` 完整迁移）。
-*/
-function MiniThreeCard({ url, text, showText = true, imagePriority = false, className, style, textChild, topChild, bottomChild, topLeftChild, topRightChild, bottomLeftChild, bottomRightChild, linkPath = "", onClick }) {
-	const mergedStyle = {
-		width: "33.333333%",
-		...style
-	};
-	return /* @__PURE__ */ jsxs(Link, {
-		href: linkPath || "javascript:void(0)",
-		className: `mb-[16px] ${style_module_default.miniThreeCard} ${className || ""}`,
-		style: mergedStyle,
-		suppressHydrationWarning: true,
-		onClick: (event) => {
-			if (!linkPath) event.preventDefault();
-			onClick?.();
-		},
-		children: [/* @__PURE__ */ jsxs(Box, {
-			className: "w-full pb-[134.62%] bg-bg2 relative rounded-[8px] flex flex-col items-start justify-between overflow-hidden",
-			children: [
-				/* @__PURE__ */ jsx(Image, {
-					src: url,
-					fill: true,
-					alt: text || "",
-					objectFit: "cover",
-					priority: imagePriority
-				}),
-				topChild || (topLeftChild || topRightChild) && /* @__PURE__ */ jsxs(Box, {
-					className: "w-full flex items-center justify-between absolute top-0 left-0 z-[1]",
-					children: [topLeftChild || /* @__PURE__ */ jsx(Box, {}), topRightChild || /* @__PURE__ */ jsx(Box, {})]
-				}),
-				bottomChild || (bottomLeftChild || bottomRightChild) && /* @__PURE__ */ jsxs(Box, {
-					className: "w-full h-[28px] flex items-center justify-between absolute bottom-0 left-0 z-[1]",
-					style: { background: "linear-gradient( 360deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)" },
-					children: [bottomLeftChild || /* @__PURE__ */ jsx(Box, {}), bottomRightChild || /* @__PURE__ */ jsx(Box, {})]
-				})
-			]
-		}), showText && (textChild || /* @__PURE__ */ jsx("h3", {
-			className: "text-text1 text-[16px] h-[24px] leading-[24px] mt-[4px] line-clamp-1",
-			children: text || ""
-		}))]
-	});
-}
-
-//#endregion
-export { MiniThreeCard };
+"use client";import{Image as e}from"../../ui/image.mjs";import{Box as t}from"../../ui/box.mjs";import n from"./style.module.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";import a from"next/link";function o({url:o,text:s,showText:c=!0,imagePriority:l=!1,className:u,style:d,textChild:f,topChild:p,bottomChild:m,topLeftChild:h,topRightChild:g,bottomLeftChild:_,bottomRightChild:v,linkPath:y=``,onClick:b}){let x={width:`33.333333%`,...d};return i(a,{href:y||`javascript:void(0)`,className:`mb-[16px] ${n.miniThreeCard} ${u||``}`,style:x,suppressHydrationWarning:!0,onClick:e=>{y||e.preventDefault(),b?.()},children:[i(t,{className:`w-full pb-[134.62%] bg-bg2 relative rounded-[8px] flex flex-col items-start justify-between overflow-hidden`,children:[r(e,{src:o,fill:!0,alt:s||``,objectFit:`cover`,priority:l}),p||(h||g)&&i(t,{className:`w-full flex items-center justify-between absolute top-0 left-0 z-[1]`,children:[h||r(t,{}),g||r(t,{})]}),m||(_||v)&&i(t,{className:`w-full h-[28px] flex items-center justify-between absolute bottom-0 left-0 z-[1]`,style:{background:`linear-gradient( 360deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%)`},children:[_||r(t,{}),v||r(t,{})]})]}),c&&(f||r(`h3`,{className:`text-text1 text-[16px] h-[24px] leading-[24px] mt-[4px] line-clamp-1`,children:s||``}))]})}export{o as MiniThreeCard};

package/dist/components/common/cards/style.module.mjs

@@ -1,14 +1,26 @@
 
-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=`.style-module_miniTwoCard__889YG:nth-of-type(even) {
+	padding-left: 4px;
+}
+.style-module_miniTwoCard__889YG:nth-of-type(odd) {
+	padding-right: 4px;
+}
 
-//#region components/common/cards/style.module.css
-var css_248z = ".style-module_miniTwoCard__889YG:nth-of-type(even) {\n	padding-left: 4px;\n}\n.style-module_miniTwoCard__889YG:nth-of-type(odd) {\n	padding-right: 4px;\n}\n\n.style-module_midTwoCard__-O0Il:nth-of-type(even) {\n	padding-left: 4px;\n}\n.style-module_midTwoCard__-O0Il:nth-of-type(odd) {\n	padding-right: 4px;\n}\n/* miniThreeCard 一列 3 排：中间左右间距 4px，第一个右间距 4px，最后一个左间距 4px */\n.style-module_miniThreeCard__2h-ru:nth-of-type(3n-2) {\n	padding-right: 5.333333px;\n}\n.style-module_miniThreeCard__2h-ru:nth-of-type(3n-1) {\n	padding-right: 2.666666px;\n	padding-left: 2.666666px;\n}\n.style-module_miniThreeCard__2h-ru:nth-of-type(3n) {\n	padding-left: 5.333333px;\n}\n";
-var style_module_default = {
-	"miniTwoCard": "style-module_miniTwoCard__889YG",
-	"midTwoCard": "style-module_midTwoCard__-O0Il",
-	"miniThreeCard": "style-module_miniThreeCard__2h-ru"
-};
-styleInject(css_248z);
-
-//#endregion
-export { style_module_default as default };
+.style-module_midTwoCard__-O0Il:nth-of-type(even) {
+	padding-left: 4px;
+}
+.style-module_midTwoCard__-O0Il:nth-of-type(odd) {
+	padding-right: 4px;
+}
+/* miniThreeCard 一列 3 排：中间左右间距 4px，第一个右间距 4px，最后一个左间距 4px */
+.style-module_miniThreeCard__2h-ru:nth-of-type(3n-2) {
+	padding-right: 5.333333px;
+}
+.style-module_miniThreeCard__2h-ru:nth-of-type(3n-1) {
+	padding-right: 2.666666px;
+	padding-left: 2.666666px;
+}
+.style-module_miniThreeCard__2h-ru:nth-of-type(3n) {
+	padding-left: 5.333333px;
+}
+`,n={miniTwoCard:`style-module_miniTwoCard__889YG`,midTwoCard:`style-module_midTwoCard__-O0Il`,miniThreeCard:`style-module_miniThreeCard__2h-ru`};e(t);export{n as default};

package/dist/components/common/collection-popup/collection-create-modal.mjs

@@ -1,131 +1,2 @@
 
-'use client';
-
-import { useUserStore } from "../../../store/modules/user-store.mjs";
-import { pCommunityCreateCollection } from "../../../service/generated/client.mjs";
-import { InputGroup, InputGroupAddon, InputGroupInput } from "../../ui/input-group.mjs";
-import { useDeleteRequest } from "../../../hooks/query/use-query.mjs";
-import Popup from "../../ui/popup.mjs";
-import { useCallback, useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-
-//#region components/common/collection-popup/collection-create-modal.tsx
-/**
-* 新增收藏夹弹窗。
-* @param props 组件参数
-*/
-function CollectionCreateModal({ visible, onClose, onCreated }) {
-	const t = useTranslations("components.pages.collectionCreate");
-	const tPopup = useTranslations("components.common.collectionPopup");
-	const { userId } = useUserStore();
-	const invalidateRequest = useDeleteRequest();
-	const [isSubmitting, setIsSubmitting] = useState(false);
-	const [form, setForm] = useState({ title: "" });
-	const portalContainer = typeof document === "undefined" ? void 0 : document.body;
-	useEffect(() => {
-		if (visible) setForm({ title: "" });
-	}, [visible]);
-	/**
-	* 更新表单字段。
-	* @param key 字段 key
-	* @param value 字段值
-	*/
-	const handleUpdateFormField = useCallback((key, value) => {
-		setForm((prev) => ({
-			...prev,
-			[key]: value
-		}));
-	}, []);
-	/**
-	* 点击遮罩关闭。
-	* @param nextOpen 是否打开
-	*/
-	function handleOpenChange(nextOpen) {
-		if (!nextOpen) onClose?.();
-	}
-	/**
-	* 提交创建收藏夹。
-	*/
-	async function handleSubmit() {
-		if (isSubmitting) return;
-		const title = form.title.trim();
-		if (!title) {
-			toast.error(t("form.titleRequired"));
-			return;
-		}
-		try {
-			setIsSubmitting(true);
-			const response = await pCommunityCreateCollection({
-				title,
-				cover_image: ""
-			});
-			if (response.code === 0) {
-				toast.success(t("form.createSuccess"));
-				if (userId) invalidateRequest([
-					"user-profile",
-					"mine",
-					userId,
-					"user-collection-created",
-					userId
-				]);
-				onCreated?.();
-				return;
-			}
-			toast.error(response.message || t("form.createFailed"));
-		} catch (error) {
-			console.error("创建收藏夹失败", error);
-			toast.error(t("form.createFailed"));
-		} finally {
-			setIsSubmitting(false);
-		}
-	}
-	return /* @__PURE__ */ jsx(Popup, {
-		open: visible,
-		onOpenChange: handleOpenChange,
-		showCloseButton: false,
-		className: "!z-[1210] h-[260px] rounded-t-[16px] bg-bg1 p-0 text-text1",
-		overlayClassName: "!z-[1200] bg-black/30",
-		overlayForceRender: true,
-		portalContainer,
-		children: /* @__PURE__ */ jsxs("div", {
-			className: "bg-bg1 h-[260px] flex flex-col",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "w-full px-[20px]",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "w-full h-[56px] flex items-center justify-between",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-[18px] text-text1 font-medium",
-						children: tPopup("createModalTitle")
-					}), /* @__PURE__ */ jsx("button", {
-						type: "button",
-						className: "h-[56px] text-[16px] text-theme5 font-semibold disabled:text-text3",
-						onClick: handleSubmit,
-						disabled: isSubmitting,
-						children: isSubmitting ? t("form.creating") : tPopup("createModalAction")
-					})]
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: "w-full px-[20px] pt-[12px]",
-				children: /* @__PURE__ */ jsxs(InputGroup, {
-					className: "!bg-bg2 h-[48px] rounded-[8px] px-[16px]",
-					children: [/* @__PURE__ */ jsx(InputGroupAddon, {
-						className: "!text-text1 text-[16px] font-semibold pl-0 pr-2",
-						align: "inline-start",
-						children: t("form.label")
-					}), /* @__PURE__ */ jsx(InputGroupInput, {
-						maxLength: 50,
-						className: "!text-text2 text-[16px] text-right placeholder:!text-text3",
-						placeholder: t("form.titlePlaceholder"),
-						value: form.title,
-						onChange: (e) => handleUpdateFormField("title", e.target.value)
-					})]
-				})
-			})]
-		})
-	});
-}
-
-//#endregion
-export { CollectionCreateModal };
+"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{pCommunityCreateCollection as t}from"../../../service/generated/client.mjs";import{InputGroup as n,InputGroupAddon as r,InputGroupInput as i}from"../../ui/input-group.mjs";import{useDeleteRequest as a}from"../../../hooks/query/use-query.mjs";import o from"../../ui/popup.mjs";import{useCallback as s,useEffect as c,useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{toast as f}from"sonner";import{useTranslations as p}from"next-intl";function m({visible:m,onClose:h,onCreated:g}){let _=p(`components.pages.collectionCreate`),v=p(`components.common.collectionPopup`),{userId:y}=e(),b=a(),[x,S]=l(!1),[C,w]=l({title:``}),T=typeof document>`u`?void 0:document.body;c(()=>{m&&w({title:``})},[m]);let E=s((e,t)=>{w(n=>({...n,[e]:t}))},[]);function D(e){e||h?.()}async function O(){if(x)return;let e=C.title.trim();if(!e){f.error(_(`form.titleRequired`));return}try{S(!0);let n=await t({title:e,cover_image:``});if(n.code===0){f.success(_(`form.createSuccess`)),y&&b([`user-profile`,`mine`,y,`user-collection-created`,y]),g?.();return}f.error(n.message||_(`form.createFailed`))}catch(e){console.error(`创建收藏夹失败`,e),f.error(_(`form.createFailed`))}finally{S(!1)}}return u(o,{open:m,onOpenChange:D,showCloseButton:!1,className:`!z-[1210] h-[260px] rounded-t-[16px] bg-bg1 p-0 text-text1`,overlayClassName:`!z-[1200] bg-black/30`,overlayForceRender:!0,portalContainer:T,children:d(`div`,{className:`bg-bg1 h-[260px] flex flex-col`,children:[u(`div`,{className:`w-full px-[20px]`,children:d(`div`,{className:`w-full h-[56px] flex items-center justify-between`,children:[u(`div`,{className:`text-[18px] text-text1 font-medium`,children:v(`createModalTitle`)}),u(`button`,{type:`button`,className:`h-[56px] text-[16px] text-theme5 font-semibold disabled:text-text3`,onClick:O,disabled:x,children:x?_(`form.creating`):v(`createModalAction`)})]})}),u(`div`,{className:`w-full px-[20px] pt-[12px]`,children:d(n,{className:`!bg-bg2 h-[48px] rounded-[8px] px-[16px]`,children:[u(r,{className:`!text-text1 text-[16px] font-semibold pl-0 pr-2`,align:`inline-start`,children:_(`form.label`)}),u(i,{maxLength:50,className:`!text-text2 text-[16px] text-right placeholder:!text-text3`,placeholder:_(`form.titlePlaceholder`),value:C.title,onChange:e=>E(`title`,e.target.value)})]})})]})})}export{m as CollectionCreateModal};