@funhub/platform 0.2.29 → 0.2.31

package/dist/components/common/delete-confirm-dialog/delete-confirm-dialog.mjs

@@ -1,2 +1,67 @@
 
-"use client";import{AlertDialog as e,AlertDialogAction as t,AlertDialogCancel as n,AlertDialogContent as r,AlertDialogDescription as i,AlertDialogHeader as a,AlertDialogTitle as o}from"../../ui/alert-dialog.mjs";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{useTranslations as l}from"next-intl";function u({open:u,onOpenChange:d,onConfirm:f,onCancel:p,title:m,description:h,confirmText:g,cancelText:_,isConfirming:v=!1,children:y}){let b=l(`components.common`),x=m??(m===``?``:b(`title`)),S=h??b(`deleteConfirmDialog.description`),C=g??b(`deleteConfirmDialog.confirm`),w=_??b(`deleteConfirmDialog.cancel`);function T(e){e||p?.(),d(e)}function E(){v||f()}return s(e,{open:u,onOpenChange:T,children:c(r,{size:`sm`,className:`w-[calc(100vw-32px)] max-w-[360px] gap-0 overflow-hidden rounded-xl bg-bg1 p-0 shadow-2xl`,children:[c(a,{className:`flex min-h-[124px] flex-col items-center justify-center gap-3 px-5 py-6 text-center`,children:[x&&s(o,{className:`text-[17px] font-medium leading-7 text-text1`,style:{fontFamily:`"Source Code Pro", sans-serif`},children:x}),S&&s(i,{className:`px-1 text-[17px] leading-7 text-text2`,children:S})]}),y,c(`div`,{className:`grid h-[54px] grid-cols-[1fr_1px_1fr] items-center border-t border-line1`,children:[s(n,{disabled:v,className:`h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-text1 transition-opacity hover:bg-line1/10 active:opacity-70`,style:{fontFamily:`"Source Code Pro", sans-serif`},children:w}),s(`div`,{className:`h-6 w-px bg-line1`}),s(t,{disabled:v,onClick:E,className:`h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-theme5 transition-opacity hover:bg-line1/10 active:opacity-70`,style:{fontFamily:`"Source Code Pro", sans-serif`},children:C})]})]})})}export{u as DeleteConfirmDialog};
+'use client';
+
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogHeader, AlertDialogTitle } from "../../ui/alert-dialog.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/delete-confirm-dialog/delete-confirm-dialog.tsx
+function DeleteConfirmDialog({ open, onOpenChange, onConfirm, onCancel, title, description, confirmText, cancelText, isConfirming = false, children }) {
+	const t = useTranslations("components.common");
+	const resolvedTitle = title ?? (title === "" ? "" : t("title"));
+	const resolvedDescription = description ?? t("deleteConfirmDialog.description");
+	const resolvedConfirmText = confirmText ?? t("deleteConfirmDialog.confirm");
+	const resolvedCancelText = cancelText ?? t("deleteConfirmDialog.cancel");
+	function handleOpenChange(nextOpen) {
+		if (!nextOpen) onCancel?.();
+		onOpenChange(nextOpen);
+	}
+	function handleConfirm() {
+		if (isConfirming) return;
+		onConfirm();
+	}
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		open,
+		onOpenChange: handleOpenChange,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, {
+			size: "sm",
+			className: "w-[calc(100vw-32px)] max-w-[360px] gap-0 overflow-hidden rounded-xl bg-bg1 p-0 shadow-2xl",
+			children: [
+				/* @__PURE__ */ jsxs(AlertDialogHeader, {
+					className: "flex min-h-[124px] flex-col items-center justify-center gap-3 px-5 py-6 text-center",
+					children: [resolvedTitle && /* @__PURE__ */ jsx(AlertDialogTitle, {
+						className: "text-[17px] font-medium leading-7 text-text1",
+						style: { fontFamily: "\"Source Code Pro\", sans-serif" },
+						children: resolvedTitle
+					}), resolvedDescription && /* @__PURE__ */ jsx(AlertDialogDescription, {
+						className: "px-1 text-[17px] leading-7 text-text2",
+						children: resolvedDescription
+					})]
+				}),
+				children,
+				/* @__PURE__ */ jsxs("div", {
+					className: "grid h-[54px] grid-cols-[1fr_1px_1fr] items-center border-t border-line1",
+					children: [
+						/* @__PURE__ */ jsx(AlertDialogCancel, {
+							disabled: isConfirming,
+							className: "h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-text1 transition-opacity hover:bg-line1/10 active:opacity-70",
+							style: { fontFamily: "\"Source Code Pro\", sans-serif" },
+							children: resolvedCancelText
+						}),
+						/* @__PURE__ */ jsx("div", { className: "h-6 w-px bg-line1" }),
+						/* @__PURE__ */ jsx(AlertDialogAction, {
+							disabled: isConfirming,
+							onClick: handleConfirm,
+							className: "h-full rounded-none border-none bg-transparent px-3 text-[17px] font-medium text-theme5 transition-opacity hover:bg-line1/10 active:opacity-70",
+							style: { fontFamily: "\"Source Code Pro\", sans-serif" },
+							children: resolvedConfirmText
+						})
+					]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { DeleteConfirmDialog };

package/dist/components/common/empty/index.mjs

@@ -1,2 +1,52 @@
 
-import e from"../../../assets/images/empty/img_empty_adduser.mjs";import t from"../../../assets/images/empty/img_empty_message.mjs";import n from"../../../assets/images/empty/img_empty_network.mjs";import r from"../../../assets/images/empty/img_empty_nodata.mjs";import i from"../../../assets/images/empty/img_empty_picture.mjs";import a from"../../../assets/images/empty/img_empty_search.mjs";import"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c={img_empty_adduser:e,img_empty_message:t,img_empty_network:n,img_empty_nodata:r,img_empty_picture:i,img_empty_search:a};function l({icon:e,title:t,className:n,btnText:r,btnClick:i}){let a=e?c[e]:null;return s(`div`,{className:`empty-box h-full w-full flex flex-col items-center justify-center ${n}`,children:[a&&o(`div`,{className:`!w-[145px] !h-[145px] shrink-0`,children:o(a,{width:145,height:145})}),t&&o(`div`,{className:`text-[14px] text-text3 leading-[22px] mt-[14px] shrink-0 text-center whitespace-break-spaces`,children:t}),r&&i&&o(`div`,{className:`mt-[8px] px-[20px] h-[40px] flex items-center justify-center rounded-[12px] shrink-0`,style:{background:`var(--color-line1)`},onClick:()=>{i?.()},children:o(`span`,{className:`text-[14px] text-text1`,children:r})})]},e)}export{l as default};
+import SvgImgEmptyAdduser from "../../../assets/images/empty/img_empty_adduser.mjs";
+import SvgImgEmptyMessage from "../../../assets/images/empty/img_empty_message.mjs";
+import SvgImgEmptyNetwork from "../../../assets/images/empty/img_empty_network.mjs";
+import SvgImgEmptyNodata from "../../../assets/images/empty/img_empty_nodata.mjs";
+import SvgImgEmptyPicture from "../../../assets/images/empty/img_empty_picture.mjs";
+import SvgImgEmptySearch from "../../../assets/images/empty/img_empty_search.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/empty/index.tsx
+const emptyIconMap = {
+	img_empty_adduser: SvgImgEmptyAdduser,
+	img_empty_message: SvgImgEmptyMessage,
+	img_empty_network: SvgImgEmptyNetwork,
+	img_empty_nodata: SvgImgEmptyNodata,
+	img_empty_picture: SvgImgEmptyPicture,
+	img_empty_search: SvgImgEmptySearch
+};
+function Empty({ icon, title, className, btnText, btnClick }) {
+	const EmptyIcon = icon ? emptyIconMap[icon] : null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: `empty-box h-full w-full flex flex-col items-center justify-center ${className}`,
+		children: [
+			EmptyIcon && /* @__PURE__ */ jsx("div", {
+				className: "!w-[145px] !h-[145px] shrink-0",
+				children: /* @__PURE__ */ jsx(EmptyIcon, {
+					width: 145,
+					height: 145
+				})
+			}),
+			title && /* @__PURE__ */ jsx("div", {
+				className: "text-[14px] text-text3 leading-[22px] mt-[14px] shrink-0 text-center whitespace-break-spaces",
+				children: title
+			}),
+			btnText && btnClick && /* @__PURE__ */ jsx("div", {
+				className: "mt-[8px] px-[20px] h-[40px] flex items-center justify-center rounded-[12px] shrink-0",
+				style: { background: "var(--color-line1)" },
+				onClick: () => {
+					btnClick?.();
+				},
+				children: /* @__PURE__ */ jsx("span", {
+					className: "text-[14px] text-text1",
+					children: btnText
+				})
+			})
+		]
+	}, icon);
+}
+
+//#endregion
+export { Empty as default };

package/dist/components/common/follow-button/index.mjs

@@ -1,2 +1,134 @@
 
-"use client";import{useFollowIdsState as e}from"../../../store/modules/follow-ids-store.mjs";import{useUserStore as t}from"../../../store/modules/user-store.mjs";import{pInteractionFollow as n,pInteractionUnfollow as r}from"../../../service/generated/client.mjs";import{useOpenLoginAsync as i}from"../../../hooks/use-auth.mjs";import a from"../../../assets/icons/common/follow_sel.mjs";import o from"../../../assets/icons/common/follow_user.mjs";import{UnfollowConfirmDialog as s}from"./unfollow-confirm-dialog.mjs";import{toast as c}from"sonner";import{useCallback as l,useEffect as u,useMemo as d,useState as f}from"react";import{Fragment as p,jsx as m,jsxs as h}from"react/jsx-runtime";import{useTranslations as g}from"next-intl";function _({userId:_,hasFollow:v=!1,onChange:y}){let b=g(`components.common.followButton`),[x,S]=f(v),[C,w]=f(!1),{isLogin:T,userInfo:E,userId:D}=t(),{followIds:O}=e(),k=D||E?.userId||``,A=i(),j=d(()=>E?.userId===_,[E,_]),M=d(()=>v||O.includes(_),[_,O,v]);u(()=>{S(M)},[M]);let N=l(async()=>{if(!_)return;if(!k){c.error(b(`loginRequired`));return}try{if(x){let e=await r({follower_id:k,followee_id:_});if(e.code!==0){c.error(e.message||b(`unfollowFailed`));return}}else{let e=await n({follower_id:k,followee_id:_});if(e.code!==0){c.error(e.message||b(`followFailed`));return}}window.sensors?.track(`detail_follow_click`,{object_id:``,action:x?`取消关注`:`关注`,author_id:_})}catch(e){console.error(`关注或取消关注失败:`,e),c.error(b(x?`unfollowFailed`:`followFailed`));return}let{followIds:t,setFollowIds:i}=e.getState(),a=new Set(t);x?a.delete(_):a.add(_),i(Array.from(a)),S(!x),y?.(!x)},[k,x,y,b,_]);function P(){w(!1),N()}function F(){w(!1)}let I=l(()=>{if(!T){A().then(e=>{e||c.error(b(`loginFailed`))});return}if(x){w(!0);return}N()},[N,x,T,A,b]);return j?null:h(p,{children:[m(`div`,{className:` h-[28px] rounded-[14px] px-[8px] border-[1px] border-solid cursor-pointer flex items-center justify-center ${x?`border-text3`:`border-theme5`}`,onClick:I,children:x?h(p,{children:[m(a,{className:`w-[12px] h-[12px] text-text3 shrink-0`}),m(`span`,{className:`text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:b(`following`)})]}):h(p,{children:[m(o,{className:`block w-[12px] h-[12px] text-theme5 shrink-0`}),m(`span`,{className:`block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0`,children:b(`follow`)})]})}),m(s,{open:C,onOpenChange:w,onCancel:F,onConfirm:P})]})}export{_ as default};
+'use client';
+
+import { useFollowIdsState } from "../../../store/modules/follow-ids-store.mjs";
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { pInteractionFollow, pInteractionUnfollow } from "../../../service/generated/client.mjs";
+import { useOpenLoginAsync } from "../../../hooks/use-auth.mjs";
+import SvgFollowSel from "../../../assets/icons/common/follow_sel.mjs";
+import SvgFollowUser from "../../../assets/icons/common/follow_user.mjs";
+import { UnfollowConfirmDialog } from "./unfollow-confirm-dialog.mjs";
+import { toast } from "sonner";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/follow-button/index.tsx
+function FollowButton({ userId, hasFollow = false, onChange }) {
+	const t = useTranslations("components.common.followButton");
+	const [isFollow, setIsFollow] = useState(hasFollow);
+	const [confirmOpen, setConfirmOpen] = useState(false);
+	const { isLogin, userInfo, userId: storeUserId } = useUserStore();
+	const { followIds } = useFollowIdsState();
+	const currentUserId = storeUserId || userInfo?.userId || "";
+	const openLoginAsync = useOpenLoginAsync();
+	const isSelf = useMemo(() => {
+		return userInfo?.userId === userId;
+	}, [userInfo, userId]);
+	const isHasFollowedStatus = useMemo(() => {
+		return hasFollow || followIds.includes(userId);
+	}, [
+		userId,
+		followIds,
+		hasFollow
+	]);
+	useEffect(() => {
+		setIsFollow(isHasFollowedStatus);
+	}, [isHasFollowedStatus]);
+	const changeFollowStatus = useCallback(async () => {
+		if (!userId) return;
+		if (!currentUserId) {
+			toast.error(t("loginRequired"));
+			return;
+		}
+		try {
+			if (isFollow) {
+				const res = await pInteractionUnfollow({
+					follower_id: currentUserId,
+					followee_id: userId
+				});
+				if (res.code !== 0) {
+					toast.error(res.message || t("unfollowFailed"));
+					return;
+				}
+			} else {
+				const res = await pInteractionFollow({
+					follower_id: currentUserId,
+					followee_id: userId
+				});
+				if (res.code !== 0) {
+					toast.error(res.message || t("followFailed"));
+					return;
+				}
+			}
+			window.sensors?.track("detail_follow_click", {
+				object_id: "",
+				action: isFollow ? "取消关注" : "关注",
+				author_id: userId
+			});
+		} catch (error) {
+			console.error("关注或取消关注失败:", error);
+			toast.error(isFollow ? t("unfollowFailed") : t("followFailed"));
+			return;
+		}
+		const { followIds: prevIds, setFollowIds } = useFollowIdsState.getState();
+		const nextIds = new Set(prevIds);
+		if (isFollow) nextIds.delete(userId);
+		else nextIds.add(userId);
+		setFollowIds(Array.from(nextIds));
+		setIsFollow(!isFollow);
+		onChange?.(!isFollow);
+	}, [
+		currentUserId,
+		isFollow,
+		onChange,
+		t,
+		userId
+	]);
+	function handleConfirmUnfollow() {
+		setConfirmOpen(false);
+		changeFollowStatus();
+	}
+	function handleCancelUnfollow() {
+		setConfirmOpen(false);
+	}
+	const followHandler = useCallback(() => {
+		if (!isLogin) {
+			openLoginAsync().then((ok) => {
+				if (!ok) toast.error(t("loginFailed"));
+			});
+			return;
+		}
+		if (isFollow) {
+			setConfirmOpen(true);
+			return;
+		}
+		changeFollowStatus();
+	}, [
+		changeFollowStatus,
+		isFollow,
+		isLogin,
+		openLoginAsync,
+		t
+	]);
+	if (isSelf) return null;
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+		className: ` h-[28px] rounded-[14px] px-[8px] border-[1px] border-solid cursor-pointer flex items-center justify-center ${!isFollow ? "border-theme5" : "border-text3"}`,
+		onClick: followHandler,
+		children: !isFollow ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowUser, { className: "block w-[12px] h-[12px] text-theme5 shrink-0" }), /* @__PURE__ */ jsx("span", {
+			className: "block text-theme5 text-[12px] leading-[18px] ml-[4px] shrink-0",
+			children: t("follow")
+		})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SvgFollowSel, { className: "w-[12px] h-[12px] text-text3 shrink-0" }), /* @__PURE__ */ jsx("span", {
+			className: "text-text3 text-[12px] leading-[18px] ml-[4px] shrink-0",
+			children: t("following")
+		})] })
+	}), /* @__PURE__ */ jsx(UnfollowConfirmDialog, {
+		open: confirmOpen,
+		onOpenChange: setConfirmOpen,
+		onCancel: handleCancelUnfollow,
+		onConfirm: handleConfirmUnfollow
+	})] });
+}
+
+//#endregion
+export { FollowButton as default };

package/dist/components/common/follow-button/unfollow-confirm-dialog.mjs

@@ -1,2 +1,24 @@
 
-"use client";import{DeleteConfirmDialog as e}from"../delete-confirm-dialog/delete-confirm-dialog.mjs";import{jsx as t}from"react/jsx-runtime";import{useTranslations as n}from"next-intl";function r({open:r,onOpenChange:i,onConfirm:a,onCancel:o}){let s=n(`components.common.followButton`);return t(e,{open:r,onOpenChange:i,onConfirm:a,onCancel:o,title:``,description:`${s(`unfollowConfirmDialog.confirmUnfollow`)}？`,confirmText:s(`unfollowConfirmDialog.confirm`),cancelText:s(`unfollowConfirmDialog.cancel`)})}export{r as UnfollowConfirmDialog};
+'use client';
+
+import { DeleteConfirmDialog } from "../delete-confirm-dialog/delete-confirm-dialog.mjs";
+import { jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/common/follow-button/unfollow-confirm-dialog.tsx
+function UnfollowConfirmDialog({ open, onOpenChange, onConfirm, onCancel }) {
+	const t = useTranslations("components.common.followButton");
+	return /* @__PURE__ */ jsx(DeleteConfirmDialog, {
+		open,
+		onOpenChange,
+		onConfirm,
+		onCancel,
+		title: "",
+		description: `${t("unfollowConfirmDialog.confirmUnfollow")}？`,
+		confirmText: t("unfollowConfirmDialog.confirm"),
+		cancelText: t("unfollowConfirmDialog.cancel")
+	});
+}
+
+//#endregion
+export { UnfollowConfirmDialog };

package/dist/components/common/funhub-provider/funhub-provider.mjs

@@ -1,2 +1,51 @@
 
-"use client";import{useUserStore as e}from"../../../store/modules/user-store.mjs";import{useRouter as t}from"../../../utils/use-compatible-router.mjs";import{Toaster as n}from"../../ui/sonner.mjs";import{MediaPreview as r}from"../media-preview/index.mjs";import{IntlProvider as i}from"../intl-provider/intl-provider.mjs";import{useEffect as a,useRef as o,useState as s}from"react";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{QueryClient as d,QueryClientProvider as f}from"@tanstack/react-query";import{NuqsAdapter as p}from"nuqs/adapters/next/app";function m(m){let{queryClient:h,intl:g,children:_}=m,[v]=s(()=>new d),y=h??v,b=t(),x=e(e=>e.isLogin&&!!e.token&&!!e.userId),S=o(x);a(()=>{S.current&&!x&&(y.clear(),b.refresh()),S.current=x},[x,y,b]);let C=u(c,{children:[_,l(n,{position:`top-center`}),l(r,{})]});return l(f,{client:y,children:l(p,{children:l(i,{...g,children:C})})})}export{m as FunhubProvider};
+'use client';
+
+import { useUserStore } from "../../../store/modules/user-store.mjs";
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { Toaster } from "../../ui/sonner.mjs";
+import { MediaPreview } from "../media-preview/index.mjs";
+import { IntlProvider } from "../intl-provider/intl-provider.mjs";
+import { useEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { NuqsAdapter } from "nuqs/adapters/next/app";
+
+//#region components/common/funhub-provider/funhub-provider.tsx
+/**
+* 应用入口 Provider，初始化全局状态。
+*/
+function FunhubProvider(props) {
+	const { queryClient, intl, children } = props;
+	const [defaultQueryClient] = useState(() => new QueryClient());
+	const resolvedQueryClient = queryClient ?? defaultQueryClient;
+	const router = useRouter();
+	const isAuthenticated = useUserStore((state) => state.isLogin && Boolean(state.token) && Boolean(state.userId));
+	const prevIsAuthenticatedRef = useRef(isAuthenticated);
+	useEffect(() => {
+		if (prevIsAuthenticatedRef.current && !isAuthenticated) {
+			resolvedQueryClient.clear();
+			router.refresh();
+		}
+		prevIsAuthenticatedRef.current = isAuthenticated;
+	}, [
+		isAuthenticated,
+		resolvedQueryClient,
+		router
+	]);
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		children,
+		/* @__PURE__ */ jsx(Toaster, { position: "top-center" }),
+		/* @__PURE__ */ jsx(MediaPreview, {})
+	] });
+	return /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: resolvedQueryClient,
+		children: /* @__PURE__ */ jsx(NuqsAdapter, { children: /* @__PURE__ */ jsx(IntlProvider, {
+			...intl,
+			children: content
+		}) })
+	});
+}
+
+//#endregion
+export { FunhubProvider };

package/dist/components/common/header-nav/client.mjs

@@ -1,2 +1,52 @@
 
-"use client";import{useRouter as e}from"../../../utils/use-compatible-router.mjs";import{toast as t}from"../../../ui.mjs";import{LeftArrowIcon as n}from"../icons/left-arrow.mjs";import{jsx as r,jsxs as i}from"react/jsx-runtime";function a({title:a,leftChild:o,centerChild:s,className:c,rightChild:l,leftIconCss:u,onBack:d}){let f=e();function p(){if(t.dismiss(),d){d?.();return}window.location.search.split(`from_code=`)[1]?f.push(`/`):f.back()}return r(`nav`,{className:`app-top-nav w-full relative ${c?.includes(`h-`)?(c.match(/h-\[?\d\w+\]?/)||[`h-12`])[0]:`h-12`}`,children:i(`div`,{className:`w-full bg-bg1 flex items-center justify-center fixed h-12 top-0 left-0 right-0 z-50 border-b border-text1/5 ${c}`,style:{willChange:`transform`,transform:`translateZ(0)`},children:[r(`div`,{className:`absolute z-[1] h-full left-0 top-0`,children:o||r(`div`,{onClick:p,className:`cursor-pointer h-full w-12 flex items-center justify-center`,children:r(n,{className:`w-4 h-4 text-text1 ${u}`})})}),s||r(`p`,{className:`text-text1 line-clamp-1 px-12 text-ellipsis text-lg`,children:a}),l&&r(`div`,{className:`absolute h-full right-2 top-0 flex items-center justify-center`,children:l})]})})}export{a as HeaderNav};
+'use client';
+
+import { useRouter } from "../../../utils/use-compatible-router.mjs";
+import { toast } from "../../../ui.mjs";
+import { LeftArrowIcon } from "../icons/left-arrow.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/header-nav/client.tsx
+function HeaderNav({ title, leftChild, centerChild, className, rightChild, leftIconCss, onBack }) {
+	const router = useRouter();
+	function handleBack() {
+		toast.dismiss();
+		if (onBack) {
+			onBack?.();
+			return;
+		}
+		if (window.location.search.split("from_code=")[1]) router.push("/");
+		else router.back();
+	}
+	return /* @__PURE__ */ jsx("nav", {
+		className: `app-top-nav w-full relative ${className?.includes("h-") ? (className.match(/h-\[?\d\w+\]?/) || ["h-12"])[0] : "h-12"}`,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: `w-full bg-bg1 flex items-center justify-center fixed h-12 top-0 left-0 right-0 z-50 border-b border-text1/5 ${className}`,
+			style: {
+				willChange: "transform",
+				transform: "translateZ(0)"
+			},
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "absolute z-[1] h-full left-0 top-0",
+					children: leftChild || /* @__PURE__ */ jsx("div", {
+						onClick: handleBack,
+						className: "cursor-pointer h-full w-12 flex items-center justify-center",
+						children: /* @__PURE__ */ jsx(LeftArrowIcon, { className: `w-4 h-4 text-text1 ${leftIconCss}` })
+					})
+				}),
+				centerChild || /* @__PURE__ */ jsx("p", {
+					className: "text-text1 line-clamp-1 px-12 text-ellipsis text-lg",
+					children: title
+				}),
+				rightChild && /* @__PURE__ */ jsx("div", {
+					className: "absolute h-full right-2 top-0 flex items-center justify-center",
+					children: rightChild
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { HeaderNav };

package/dist/components/common/icons/add.mjs

@@ -1,2 +1,22 @@
 
-import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,className:`w-4 h-4`,...t,children:e(`path`,{d:`M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C1.28851e-07 3.58172 3.58172 1.28855e-07 8 0ZM8 0.945312C4.10388 0.945313 0.945313 4.10388 0.945312 8C0.945312 11.8961 4.10388 15.0547 8 15.0547C11.8961 15.0547 15.0547 11.8961 15.0547 8C15.0547 4.10388 11.8961 0.945312 8 0.945312ZM8 2.90918C8.3834 2.90918 8.69434 3.22011 8.69434 3.60352V7.30566H12.3965C12.7799 7.30566 13.0908 7.6166 13.0908 8C13.0908 8.3834 12.7799 8.69434 12.3965 8.69434H8.69434V12.3965C8.69434 12.7799 8.3834 13.0908 8 13.0908C7.6166 13.0908 7.30566 12.7799 7.30566 12.3965V8.69434H3.60352C3.22011 8.69434 2.90918 8.3834 2.90918 8C2.90918 7.6166 3.22011 7.30566 3.60352 7.30566H7.30566V3.60352C7.30566 3.22011 7.6166 2.90918 8 2.90918Z`,fill:`#BFBFBF`})})}export{t as AddIcon};
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/icons/add.tsx
+function AddIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		width: "16",
+		height: "16",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: "w-4 h-4",
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C1.28851e-07 3.58172 3.58172 1.28855e-07 8 0ZM8 0.945312C4.10388 0.945313 0.945313 4.10388 0.945312 8C0.945312 11.8961 4.10388 15.0547 8 15.0547C11.8961 15.0547 15.0547 11.8961 15.0547 8C15.0547 4.10388 11.8961 0.945312 8 0.945312ZM8 2.90918C8.3834 2.90918 8.69434 3.22011 8.69434 3.60352V7.30566H12.3965C12.7799 7.30566 13.0908 7.6166 13.0908 8C13.0908 8.3834 12.7799 8.69434 12.3965 8.69434H8.69434V12.3965C8.69434 12.7799 8.3834 13.0908 8 13.0908C7.6166 13.0908 7.30566 12.7799 7.30566 12.3965V8.69434H3.60352C3.22011 8.69434 2.90918 8.3834 2.90918 8C2.90918 7.6166 3.22011 7.30566 3.60352 7.30566H7.30566V3.60352C7.30566 3.22011 7.6166 2.90918 8 2.90918Z",
+			fill: "#BFBFBF"
+		})
+	});
+}
+
+//#endregion
+export { AddIcon };

package/dist/components/common/icons/comment.mjs

@@ -1,2 +1,31 @@
 
-import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){let{className:r,...i}=n;return t(`svg`,{viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,className:`w-3.5 h-3.5 text-text2 ${r||``}`,...i,children:[e(`path`,{d:`M10.7181 0H3.28192C1.47269 0 0 1.58083 0 3.52042V8.995C0 10.6079 1.03385 11.9933 2.44192 12.3958V13.3C2.44192 13.5421 2.55769 13.7667 2.75154 13.895C2.85654 13.965 2.975 14 3.09346 14C3.19308 14 3.29269 13.9767 3.38423 13.9271L6.00923 12.5183H10.7181C12.5273 12.5183 14 10.9375 14 8.99792V3.52042C14 1.57792 12.5273 0 10.7181 0ZM12.6969 8.99792C12.6969 10.1704 11.8085 11.1212 10.7154 11.1212H5.85308C5.75077 11.1212 5.65115 11.1475 5.56231 11.1942L3.74231 12.1712V11.8096C3.74231 11.4421 3.47846 11.1387 3.13654 11.1125C2.10538 11.0337 1.30038 10.1033 1.30038 8.99792V3.52042C1.30038 2.34792 2.18885 1.39708 3.28192 1.39708H10.7154C11.8085 1.39708 12.6969 2.35083 12.6969 3.52042V8.99792Z`,fill:`currentColor`}),e(`path`,{d:`M9.60077 7.46083H4.40192C4.04115 7.46083 3.75038 7.77292 3.75038 8.15792C3.75038 8.54292 4.04115 8.855 4.40192 8.855H9.60077C9.96154 8.855 10.2523 8.54292 10.2523 8.15792C10.2523 7.77292 9.96154 7.46083 9.60077 7.46083Z`,fill:`currentColor`}),e(`path`,{d:`M9.60077 4.28167H4.40192C4.04115 4.28167 3.75038 4.59375 3.75038 4.97875C3.75038 5.36375 4.04115 5.67583 4.40192 5.67583H9.60077C9.96154 5.67583 10.2523 5.36375 10.2523 4.97875C10.2523 4.59375 9.96154 4.28167 9.60077 4.28167Z`,fill:`currentColor`})]})}export{n as CommentIcon};
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/icons/comment.tsx
+function CommentIcon(props) {
+	const { className, ...restProps } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		viewBox: "0 0 14 14",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: `w-3.5 h-3.5 text-text2 ${className || ""}`,
+		...restProps,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M10.7181 0H3.28192C1.47269 0 0 1.58083 0 3.52042V8.995C0 10.6079 1.03385 11.9933 2.44192 12.3958V13.3C2.44192 13.5421 2.55769 13.7667 2.75154 13.895C2.85654 13.965 2.975 14 3.09346 14C3.19308 14 3.29269 13.9767 3.38423 13.9271L6.00923 12.5183H10.7181C12.5273 12.5183 14 10.9375 14 8.99792V3.52042C14 1.57792 12.5273 0 10.7181 0ZM12.6969 8.99792C12.6969 10.1704 11.8085 11.1212 10.7154 11.1212H5.85308C5.75077 11.1212 5.65115 11.1475 5.56231 11.1942L3.74231 12.1712V11.8096C3.74231 11.4421 3.47846 11.1387 3.13654 11.1125C2.10538 11.0337 1.30038 10.1033 1.30038 8.99792V3.52042C1.30038 2.34792 2.18885 1.39708 3.28192 1.39708H10.7154C11.8085 1.39708 12.6969 2.35083 12.6969 3.52042V8.99792Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M9.60077 7.46083H4.40192C4.04115 7.46083 3.75038 7.77292 3.75038 8.15792C3.75038 8.54292 4.04115 8.855 4.40192 8.855H9.60077C9.96154 8.855 10.2523 8.54292 10.2523 8.15792C10.2523 7.77292 9.96154 7.46083 9.60077 7.46083Z",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M9.60077 4.28167H4.40192C4.04115 4.28167 3.75038 4.59375 3.75038 4.97875C3.75038 5.36375 4.04115 5.67583 4.40192 5.67583H9.60077C9.96154 5.67583 10.2523 5.36375 10.2523 4.97875C10.2523 4.59375 9.96154 4.28167 9.60077 4.28167Z",
+				fill: "currentColor"
+			})
+		]
+	});
+}
+
+//#endregion
+export { CommentIcon };

package/dist/components/common/icons/delete.mjs

@@ -1,2 +1,33 @@
 
-import{jsx as e}from"react/jsx-runtime";function t(t){let{className:n,...r}=t;return e(`svg`,{width:`1em`,height:`1em`,viewBox:`0 0 48 48`,xmlns:`http://www.w3.org/2000/svg`,xmlnsXlink:`http://www.w3.org/1999/xlink`,className:`antd-mobile-icon w-4 h-4 ${n||``}`,style:{verticalAlign:`-0.125em`},...r,children:e(`g`,{id:`DeleteOutline-DeleteOutline`,stroke:`none`,strokeWidth:`1`,fill:`none`,fillRule:`evenodd`,children:e(`g`,{fill:`currentColor`,fillRule:`nonzero`,id:`DeleteOutline-形状结合`,children:e(`path`,{d:`M33,3 C34.6568542,3 36,4.34314575 36,6 L36,9 L42.6,9 C42.8209139,9 43,9.1790861 43,9.4 L43,11.6 C43,11.8209139 42.8209139,12 42.6,12 L41,12 L41,39 C41,42.3137085 38.3137085,45 35,45 L13,45 C9.6862915,45 7,42.3137085 7,39 L7,12 L5.4,12 C5.1790861,12 5,11.8209139 5,11.6 L5,9.4 C5,9.1790861 5.1790861,9 5.4,9 L12,9 L12,6 C12,4.34314575 13.3431458,3 15,3 L33,3 Z M38,12 L10,12 L10,39 C10,40.5976809 11.24892,41.9036609 12.8237272,41.9949073 L13,42 L35,42 C36.5976809,42 37.9036609,40.75108 37.9949073,39.1762728 L38,39 L38,12 Z M19.6,18 C19.8209139,18 20,18.1790861 20,18.4 L20,35.6 C20,35.8209139 19.8209139,36 19.6,36 L17.4,36 C17.1790861,36 17,35.8209139 17,35.6 L17,18.4 C17,18.1790861 17.1790861,18 17.4,18 L19.6,18 Z M31.6,18 C31.8209139,18 32,18.1790861 32,18.4 L32,35.6 C32,35.8209139 31.8209139,36 31.6,36 L29.4,36 C29.1790861,36 29,35.8209139 29,35.6 L29,18.4 C29,18.1790861 29.1790861,18 29.4,18 L31.6,18 Z M33,6 L15,6 L15,9 L33,9 L33,6 Z`})})})})}export{t as DeleteIcon};
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/icons/delete.tsx
+function DeleteIcon(props) {
+	const { className, ...restProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		width: "1em",
+		height: "1em",
+		viewBox: "0 0 48 48",
+		xmlns: "http://www.w3.org/2000/svg",
+		xmlnsXlink: "http://www.w3.org/1999/xlink",
+		className: `antd-mobile-icon w-4 h-4 ${className || ""}`,
+		style: { verticalAlign: "-0.125em" },
+		...restProps,
+		children: /* @__PURE__ */ jsx("g", {
+			id: "DeleteOutline-DeleteOutline",
+			stroke: "none",
+			strokeWidth: "1",
+			fill: "none",
+			fillRule: "evenodd",
+			children: /* @__PURE__ */ jsx("g", {
+				fill: "currentColor",
+				fillRule: "nonzero",
+				id: "DeleteOutline-形状结合",
+				children: /* @__PURE__ */ jsx("path", { d: "M33,3 C34.6568542,3 36,4.34314575 36,6 L36,9 L42.6,9 C42.8209139,9 43,9.1790861 43,9.4 L43,11.6 C43,11.8209139 42.8209139,12 42.6,12 L41,12 L41,39 C41,42.3137085 38.3137085,45 35,45 L13,45 C9.6862915,45 7,42.3137085 7,39 L7,12 L5.4,12 C5.1790861,12 5,11.8209139 5,11.6 L5,9.4 C5,9.1790861 5.1790861,9 5.4,9 L12,9 L12,6 C12,4.34314575 13.3431458,3 15,3 L33,3 Z M38,12 L10,12 L10,39 C10,40.5976809 11.24892,41.9036609 12.8237272,41.9949073 L13,42 L35,42 C36.5976809,42 37.9036609,40.75108 37.9949073,39.1762728 L38,39 L38,12 Z M19.6,18 C19.8209139,18 20,18.1790861 20,18.4 L20,35.6 C20,35.8209139 19.8209139,36 19.6,36 L17.4,36 C17.1790861,36 17,35.8209139 17,35.6 L17,18.4 C17,18.1790861 17.1790861,18 17.4,18 L19.6,18 Z M31.6,18 C31.8209139,18 32,18.1790861 32,18.4 L32,35.6 C32,35.8209139 31.8209139,36 31.6,36 L29.4,36 C29.1790861,36 29,35.8209139 29,35.6 L29,18.4 C29,18.1790861 29.1790861,18 29.4,18 L31.6,18 Z M33,6 L15,6 L15,9 L33,9 L33,6 Z" })
+			})
+		})
+	});
+}
+
+//#endregion
+export { DeleteIcon };

package/dist/components/common/icons/left-arrow.mjs

@@ -1,2 +1,16 @@
 
-import{jsx as e}from"react/jsx-runtime";function t(t){return e(`svg`,{xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,viewBox:`0 0 16 16`,...t,children:e(`path`,{d:`M10.346 15.665a1.21 1.21 0 0 0 1.671 0 1.116 1.116 0 0 0 0-1.616L5.763 8l6.256-6.048.08-.087a1.115 1.115 0 0 0-.08-1.53 1.211 1.211 0 0 0-1.582-.078l-.09.079-7.09 6.857a1.116 1.116 0 0 0 0 1.616l7.09 6.857Z`})})}export{t as LeftArrowIcon};
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/icons/left-arrow.tsx
+function LeftArrowIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "currentColor",
+		viewBox: "0 0 16 16",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M10.346 15.665a1.21 1.21 0 0 0 1.671 0 1.116 1.116 0 0 0 0-1.616L5.763 8l6.256-6.048.08-.087a1.115 1.115 0 0 0-.08-1.53 1.211 1.211 0 0 0-1.582-.078l-.09.079-7.09 6.857a1.116 1.116 0 0 0 0 1.616l7.09 6.857Z" })
+	});
+}
+
+//#endregion
+export { LeftArrowIcon };

package/dist/components/common/icons/more.mjs

@@ -1,2 +1,31 @@
 
-import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){return t(`svg`,{width:`24`,height:`22`,viewBox:`0 0 28 28`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,...n,children:[e(`path`,{d:`M19.8338 14C19.8262 14.3112 19.8809 14.6208 19.9947 14.9105C20.1085 15.2002 20.2792 15.4643 20.4966 15.6871C20.714 15.9099 20.9738 16.0869 21.2606 16.2078C21.5475 16.3287 21.8556 16.391 22.1669 16.391C22.4782 16.391 22.7863 16.3287 23.0732 16.2078C23.3601 16.0869 23.6198 15.9099 23.8372 15.6871C24.0546 15.4643 24.2253 15.2002 24.3391 14.9105C24.4529 14.6208 24.5076 14.3112 24.5 14C24.4851 13.3911 24.2327 12.8122 23.7968 12.3868C23.3609 11.9615 22.776 11.7234 22.1669 11.7234C21.5578 11.7234 20.9729 11.9615 20.537 12.3868C20.1011 12.8122 19.8487 13.3911 19.8338 14Z`,fill:`#666666`}),e(`path`,{d:`M14 11.6662C13.381 11.6662 12.7874 11.9121 12.3498 12.3498C11.9121 12.7874 11.6662 13.381 11.6662 14C11.6662 14.619 11.9121 15.2126 12.3498 15.6502C12.7874 16.0879 13.381 16.3338 14 16.3338C14.619 16.3338 15.2126 16.0879 15.6502 15.6502C16.0879 15.2126 16.3338 14.619 16.3338 14C16.3338 13.381 16.0879 12.7874 15.6502 12.3498C15.2126 11.9121 14.619 11.6662 14 11.6662Z`,fill:`#666666`}),e(`path`,{d:`M3.5 14C3.5 14.619 3.74588 15.2126 4.18356 15.6502C4.62123 16.0879 5.21484 16.3338 5.8338 16.3338C6.45276 16.3338 7.04638 16.0879 7.48405 15.6502C7.92172 15.2126 8.1676 14.619 8.1676 14C8.1676 13.381 7.92172 12.7874 7.48405 12.3498C7.04638 11.9121 6.45276 11.6662 5.8338 11.6662C5.21484 11.6662 4.62123 11.9121 4.18356 12.3498C3.74588 12.7874 3.5 13.381 3.5 14Z`,fill:`#666666`})]})}export{n as MoreIcon};
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/icons/more.tsx
+function MoreIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "24",
+		height: "22",
+		viewBox: "0 0 28 28",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				d: "M19.8338 14C19.8262 14.3112 19.8809 14.6208 19.9947 14.9105C20.1085 15.2002 20.2792 15.4643 20.4966 15.6871C20.714 15.9099 20.9738 16.0869 21.2606 16.2078C21.5475 16.3287 21.8556 16.391 22.1669 16.391C22.4782 16.391 22.7863 16.3287 23.0732 16.2078C23.3601 16.0869 23.6198 15.9099 23.8372 15.6871C24.0546 15.4643 24.2253 15.2002 24.3391 14.9105C24.4529 14.6208 24.5076 14.3112 24.5 14C24.4851 13.3911 24.2327 12.8122 23.7968 12.3868C23.3609 11.9615 22.776 11.7234 22.1669 11.7234C21.5578 11.7234 20.9729 11.9615 20.537 12.3868C20.1011 12.8122 19.8487 13.3911 19.8338 14Z",
+				fill: "#666666"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M14 11.6662C13.381 11.6662 12.7874 11.9121 12.3498 12.3498C11.9121 12.7874 11.6662 13.381 11.6662 14C11.6662 14.619 11.9121 15.2126 12.3498 15.6502C12.7874 16.0879 13.381 16.3338 14 16.3338C14.619 16.3338 15.2126 16.0879 15.6502 15.6502C16.0879 15.2126 16.3338 14.619 16.3338 14C16.3338 13.381 16.0879 12.7874 15.6502 12.3498C15.2126 11.9121 14.619 11.6662 14 11.6662Z",
+				fill: "#666666"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				d: "M3.5 14C3.5 14.619 3.74588 15.2126 4.18356 15.6502C4.62123 16.0879 5.21484 16.3338 5.8338 16.3338C6.45276 16.3338 7.04638 16.0879 7.48405 15.6502C7.92172 15.2126 8.1676 14.619 8.1676 14C8.1676 13.381 7.92172 12.7874 7.48405 12.3498C7.04638 11.9121 6.45276 11.6662 5.8338 11.6662C5.21484 11.6662 4.62123 11.9121 4.18356 12.3498C3.74588 12.7874 3.5 13.381 3.5 14Z",
+				fill: "#666666"
+			})
+		]
+	});
+}
+
+//#endregion
+export { MoreIcon };

package/dist/components/common/icons/right-arrow.mjs

@@ -1,2 +1,20 @@
 
-import{jsx as e}from"react/jsx-runtime";function t(t){let{className:n,...r}=t;return e(`svg`,{width:`12`,height:`12`,xmlns:`http://www.w3.org/2000/svg`,fill:`currentColor`,viewBox:`0 0 12 12`,className:n,...r,children:e(`path`,{d:`M4.24 11.749a.908.908 0 0 1-1.253 0 .837.837 0 0 1 0-1.212L7.678 6 2.987 1.463l-.06-.065A.836.836 0 0 1 2.986.25.908.908 0 0 1 4.173.192l.067.059 5.32 5.143a.837.837 0 0 1 0 1.212l-5.32 5.143Z`})})}export{t as RightArrowIcon};
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/icons/right-arrow.tsx
+function RightArrowIcon(props) {
+	const { className, ...restProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		width: "12",
+		height: "12",
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "currentColor",
+		viewBox: "0 0 12 12",
+		className,
+		...restProps,
+		children: /* @__PURE__ */ jsx("path", { d: "M4.24 11.749a.908.908 0 0 1-1.253 0 .837.837 0 0 1 0-1.212L7.678 6 2.987 1.463l-.06-.065A.836.836 0 0 1 2.986.25.908.908 0 0 1 4.173.192l.067.059 5.32 5.143a.837.837 0 0 1 0 1.212l-5.32 5.143Z" })
+	});
+}
+
+//#endregion
+export { RightArrowIcon };

package/dist/components/common/icons/setting.mjs

@@ -1,2 +1,28 @@
 
-import{jsx as e,jsxs as t}from"react/jsx-runtime";function n(n){let{className:r,...i}=n;return t(`svg`,{width:`24`,height:`24`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,xmlnsXlink:`http://www.w3.org/1999/xlink`,fontSize:`20`,className:`antd-mobile-icon ${r||``}`,style:{verticalAlign:`-0.125em`},...i,children:[e(`path`,{d:`M16.5454 3.5C16.8675 3.5 17.1659 3.67065 17.3293 3.94832L21.8746 11.6755C22.0418 11.9598 22.0418 12.3126 21.8746 12.597L17.3293 20.3241C17.1659 20.6018 16.8675 20.7724 16.5454 20.7724H7.45463C7.13252 20.7724 6.83404 20.6017 6.67073 20.3241L2.12535 12.597C1.95822 12.3126 1.95822 11.9598 2.12535 11.6755L6.67073 3.94832C6.83404 3.67069 7.13252 3.50003 7.45463 3.5H16.5454ZM3.96392 12.1362L7.97486 18.9543H16.026L20.0352 12.1362L16.026 5.31815H7.97486L3.96392 12.1362Z`,fill:`currentColor`}),e(`path`,{d:`M13.3637 12.1364C13.3637 11.3833 12.7532 10.7727 12.0001 10.7727C11.247 10.7727 10.6365 11.3833 10.6365 12.1364C10.6365 12.8894 11.247 13.5 12.0001 13.5C12.7532 13.5 13.3637 12.8894 13.3637 12.1364ZM15.1819 12.1364C15.1819 13.8936 13.7573 15.3181 12.0001 15.3181C10.2429 15.3181 8.81836 13.8936 8.81836 12.1364C8.81836 10.3791 10.2429 8.95459 12.0001 8.95459C13.7573 8.95459 15.1819 10.3791 15.1819 12.1364Z`,fill:`currentColor`})]})}export{n as SettingIcon};
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region components/common/icons/setting.tsx
+function SettingIcon(props) {
+	const { className, ...restProps } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		xmlnsXlink: "http://www.w3.org/1999/xlink",
+		fontSize: "20",
+		className: `antd-mobile-icon ${className || ""}`,
+		style: { verticalAlign: "-0.125em" },
+		...restProps,
+		children: [/* @__PURE__ */ jsx("path", {
+			d: "M16.5454 3.5C16.8675 3.5 17.1659 3.67065 17.3293 3.94832L21.8746 11.6755C22.0418 11.9598 22.0418 12.3126 21.8746 12.597L17.3293 20.3241C17.1659 20.6018 16.8675 20.7724 16.5454 20.7724H7.45463C7.13252 20.7724 6.83404 20.6017 6.67073 20.3241L2.12535 12.597C1.95822 12.3126 1.95822 11.9598 2.12535 11.6755L6.67073 3.94832C6.83404 3.67069 7.13252 3.50003 7.45463 3.5H16.5454ZM3.96392 12.1362L7.97486 18.9543H16.026L20.0352 12.1362L16.026 5.31815H7.97486L3.96392 12.1362Z",
+			fill: "currentColor"
+		}), /* @__PURE__ */ jsx("path", {
+			d: "M13.3637 12.1364C13.3637 11.3833 12.7532 10.7727 12.0001 10.7727C11.247 10.7727 10.6365 11.3833 10.6365 12.1364C10.6365 12.8894 11.247 13.5 12.0001 13.5C12.7532 13.5 13.3637 12.8894 13.3637 12.1364ZM15.1819 12.1364C15.1819 13.8936 13.7573 15.3181 12.0001 15.3181C10.2429 15.3181 8.81836 13.8936 8.81836 12.1364C8.81836 10.3791 10.2429 8.95459 12.0001 8.95459C13.7573 8.95459 15.1819 10.3791 15.1819 12.1364Z",
+			fill: "currentColor"
+		})]
+	});
+}
+
+//#endregion
+export { SettingIcon };

package/dist/components/common/icons/share.mjs

@@ -1,2 +1,21 @@
 
-import{jsx as e}from"react/jsx-runtime";function t(t){let{className:n,...r}=t;return e(`svg`,{viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,className:`w-3.5 h-3.5 text-text2 ${n||``}`,...r,children:e(`path`,{d:`M6.2998 0C6.6864 0 7 0.313596 7 0.700195C6.99989 1.0867 6.68634 1.40039 6.2998 1.40039H4.90039C2.96739 1.40039 1.40039 2.96739 1.40039 4.90039V9.09961C1.40039 11.0326 2.96739 12.5996 4.90039 12.5996H9.09961C11.0326 12.5996 12.5996 11.0326 12.5996 9.09961V7.7002C12.5996 7.31366 12.9133 7.00011 13.2998 7C13.6864 7 14 7.3136 14 7.7002V9.09961C14 11.8058 11.8058 14 9.09961 14H4.90039C2.1942 14 6.76469e-08 11.8058 0 9.09961V4.90039C0 2.1942 2.1942 0 4.90039 0H6.2998ZM13.3721 0.00292969C13.7248 0.0389736 14 0.337905 14 0.700195V5.59961C14 5.98621 13.6864 6.2998 13.2998 6.2998C12.9133 6.2997 12.5996 5.98614 12.5996 5.59961V2.39062L8.125 6.86523C7.85167 7.13842 7.4081 7.13842 7.13477 6.86523C6.86153 6.59191 6.86156 6.14835 7.13477 5.875L11.6104 1.40039H8.40039C8.01386 1.40039 7.7003 1.0867 7.7002 0.700195C7.7002 0.313596 8.01379 0 8.40039 0H13.2998L13.3721 0.00292969Z`,fill:`currentColor`})})}export{t as ShareIcon};
+import { jsx } from "react/jsx-runtime";
+
+//#region components/common/icons/share.tsx
+function ShareIcon(props) {
+	const { className, ...restProps } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 14 14",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		className: `w-3.5 h-3.5 text-text2 ${className || ""}`,
+		...restProps,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M6.2998 0C6.6864 0 7 0.313596 7 0.700195C6.99989 1.0867 6.68634 1.40039 6.2998 1.40039H4.90039C2.96739 1.40039 1.40039 2.96739 1.40039 4.90039V9.09961C1.40039 11.0326 2.96739 12.5996 4.90039 12.5996H9.09961C11.0326 12.5996 12.5996 11.0326 12.5996 9.09961V7.7002C12.5996 7.31366 12.9133 7.00011 13.2998 7C13.6864 7 14 7.3136 14 7.7002V9.09961C14 11.8058 11.8058 14 9.09961 14H4.90039C2.1942 14 6.76469e-08 11.8058 0 9.09961V4.90039C0 2.1942 2.1942 0 4.90039 0H6.2998ZM13.3721 0.00292969C13.7248 0.0389736 14 0.337905 14 0.700195V5.59961C14 5.98621 13.6864 6.2998 13.2998 6.2998C12.9133 6.2997 12.5996 5.98614 12.5996 5.59961V2.39062L8.125 6.86523C7.85167 7.13842 7.4081 7.13842 7.13477 6.86523C6.86153 6.59191 6.86156 6.14835 7.13477 5.875L11.6104 1.40039H8.40039C8.01386 1.40039 7.7003 1.0867 7.7002 0.700195C7.7002 0.313596 8.01379 0 8.40039 0H13.2998L13.3721 0.00292969Z",
+			fill: "currentColor"
+		})
+	});
+}
+
+//#endregion
+export { ShareIcon };