@funhub/platform 0.1.61 → 0.1.62

package/dist/components/ui/field.mjs

@@ -1,2 +1,132 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{Separator as t}from"./separator.mjs";import{Label as n}from"./label.mjs";import{useMemo as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";function s({className:t,...n}){return i(`fieldset`,{"data-slot":`field-set`,className:e(`gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col`,t),...n})}function c({className:t,variant:n=`legend`,...r}){return i(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...r})}function l({className:t,...n}){return i(`div`,{"data-slot":`field-group`,className:e(`gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col`,t),...n})}const u=o(`data-[invalid=true]:text-destructive border-b py-3 border-text1/10 gap-2 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col [&>*]:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function d({className:t,orientation:n=`vertical`,...r}){return i(`div`,{role:`group`,"data-slot":`field`,"data-orientation":n,className:e(u({orientation:n}),t),...r})}function f({className:t,...n}){return i(`div`,{"data-slot":`field-content`,className:e(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,t),...n})}function p({className:t,required:r=!1,children:o,...s}){return i(n,{"data-slot":`field-label`,className:e(`has-[data-checked]:bg-primary/5 has-[data-checked]:border-primary dark:has-[data-checked]:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col`,t),...s,children:r?a(`span`,{className:`flex items-center gap-1`,children:[i(`span`,{children:o}),i(`span`,{className:`text-destructive`,children:`*`})]}):o})}function m({className:t,...n}){return i(`div`,{"data-slot":`field-label`,className:e(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,t),...n})}function h({className:t,...n}){return i(`p`,{"data-slot":`field-description`,className:e(`text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[data-orientation=horizontal]/field:text-balance`,`last:mt-0 nth-last-2:-mt-1`,`[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4`,t),...n})}function g({children:n,className:r,...o}){return a(`div`,{"data-slot":`field-separator`,"data-content":!!n,className:e(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,r),...o,children:[i(t,{className:`absolute inset-0 top-1/2`}),n&&i(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:n})]})}function _({className:t,children:n,errors:a,...o}){let s=r(()=>{if(n)return n;if(!a?.length)return null;let e=[...new Map(a.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:i(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map((e,t)=>e?.message&&i(`li`,{children:e.message},t))})},[n,a]);return s?i(`div`,{role:`alert`,"data-slot":`field-error`,className:e(`text-destructive text-sm font-normal`,t),...o,children:s}):null}export{d as Field,f as FieldContent,h as FieldDescription,_ as FieldError,l as FieldGroup,p as FieldLabel,c as FieldLegend,g as FieldSeparator,s as FieldSet,m as FieldTitle};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Separator } from "./separator.mjs";
+import { Label } from "./label.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region components/ui/field.tsx
+/** FieldSet 组件。 */
+function FieldSet({ className, ...props }) {
+	return /* @__PURE__ */ jsx("fieldset", {
+		"data-slot": "field-set",
+		className: cn("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", className),
+		...props
+	});
+}
+/** FieldLegend 组件。 */
+function FieldLegend({ className, variant = "legend", ...props }) {
+	return /* @__PURE__ */ jsx("legend", {
+		"data-slot": "field-legend",
+		"data-variant": variant,
+		className: cn("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className),
+		...props
+	});
+}
+/** FieldGroup 组件。 */
+function FieldGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-group",
+		className: cn("gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col", className),
+		...props
+	});
+}
+/** fieldVariants 工具定义。 */
+const fieldVariants = cva("data-[invalid=true]:text-destructive border-b py-3 border-text1/10 gap-2 group/field flex w-full", {
+	variants: { orientation: {
+		vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+/** Field 组件。 */
+function Field({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": orientation,
+		className: cn(fieldVariants({ orientation }), className),
+		...props
+	});
+}
+/** FieldContent 组件。 */
+function FieldContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-content",
+		className: cn("gap-0.5 group/field-content flex flex-1 flex-col leading-snug", className),
+		...props
+	});
+}
+/** FieldLabel 组件。 */
+function FieldLabel({ className, required = false, children, ...props }) {
+	return /* @__PURE__ */ jsx(Label, {
+		"data-slot": "field-label",
+		className: cn("has-[data-checked]:bg-primary/5 has-[data-checked]:border-primary dark:has-[data-checked]:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className),
+		...props,
+		children: required ? /* @__PURE__ */ jsxs("span", {
+			className: "flex items-center gap-1",
+			children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx("span", {
+				className: "text-destructive",
+				children: "*"
+			})]
+		}) : children
+	});
+}
+/** FieldTitle 组件。 */
+function FieldTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "field-label",
+		className: cn("gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug", className),
+		...props
+	});
+}
+/** FieldDescription 组件。 */
+function FieldDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "field-description",
+		className: cn("text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[data-orientation=horizontal]/field:text-balance", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+		...props
+	});
+}
+/** FieldSeparator 组件。 */
+function FieldSeparator({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "field-separator",
+		"data-content": !!children,
+		className: cn("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit",
+			"data-slot": "field-separator-content",
+			children
+		})]
+	});
+}
+/** FieldError 组件。 */
+function FieldError({ className, children, errors, ...props }) {
+	const content = useMemo(() => {
+		if (children) return children;
+		if (!errors?.length) return null;
+		const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()];
+		if (uniqueErrors?.length === 1) return uniqueErrors[0]?.message;
+		return /* @__PURE__ */ jsx("ul", {
+			className: "ml-4 flex list-disc flex-col gap-1",
+			children: uniqueErrors.map((error, index) => error?.message && /* @__PURE__ */ jsx("li", { children: error.message }, index))
+		});
+	}, [children, errors]);
+	if (!content) return null;
+	return /* @__PURE__ */ jsx("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: cn("text-destructive text-sm font-normal", className),
+		...props,
+		children: content
+	});
+}
+
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/components/ui/hover-card.mjs

@@ -1,2 +1,44 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{jsx as t}from"react/jsx-runtime";import{PreviewCard as n}from"@base-ui/react/preview-card";function r({...e}){return t(n.Root,{"data-slot":`hover-card`,...e})}function i({...e}){return t(n.Trigger,{"data-slot":`hover-card-trigger`,...e})}function a({className:r,side:i=`bottom`,sideOffset:a=4,align:o=`center`,alignOffset:s=4,...c}){return t(n.Portal,{"data-slot":`hover-card-portal`,children:t(n.Positioner,{align:o,alignOffset:s,side:i,sideOffset:a,className:`isolate z-50`,children:t(n.Popup,{"data-slot":`hover-card-content`,className:e(`data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 origin-[var(--transform-origin)] outline-none`,r),...c})})})}export{r as HoverCard,a as HoverCardContent,i as HoverCardTrigger};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+import { PreviewCard } from "@base-ui/react/preview-card";
+
+//#region components/ui/hover-card.tsx
+/** UI 组件模块。 */
+/** HoverCard 组件。 */
+function HoverCard({ ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard.Root, {
+		"data-slot": "hover-card",
+		...props
+	});
+}
+/** HoverCardTrigger 组件。 */
+function HoverCardTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
+		"data-slot": "hover-card-trigger",
+		...props
+	});
+}
+/** HoverCardContent 组件。 */
+function HoverCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
+		"data-slot": "hover-card-portal",
+		children: /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+			align,
+			alignOffset,
+			side,
+			sideOffset,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsx(PreviewCard.Popup, {
+				"data-slot": "hover-card-content",
+				className: cn("data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-2.5 text-sm shadow-md ring-1 duration-100 z-50 origin-[var(--transform-origin)] outline-none", className),
+				...props
+			})
+		})
+	});
+}
+
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };

package/dist/components/ui/image.d.mts

@@ -1,11 +1,11 @@
 
 import * as React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import Image from "next/image";
+import NextImage from "next/image";
 
 //#region components/ui/image.d.ts
 /** BaseImageProps 属性定义。 */
-type BaseImageProps = Omit<React.ComponentPropsWithoutRef<typeof Image>, 'className' | 'src' | 'alt' | 'width' | 'height' | 'loading' | 'priority' | 'fill' | 'style'>;
+type BaseImageProps = Omit<React.ComponentPropsWithoutRef<typeof NextImage>, 'className' | 'src' | 'alt' | 'width' | 'height' | 'loading' | 'priority' | 'fill' | 'style'>;
 type CommonImageProps = BaseImageProps & {
   /** 图片地址，支持普通 URL、默认资源路径和加密地址。 */src: string; /** 图片替代文本。 */
   alt?: string; /** 图片类名。 */
@@ -27,6 +27,6 @@ type ImagePropsWithSize = CommonImageProps & {
 /** ImageProps 属性定义。 */
 type ImageProps = ImagePropsWithFill | ImagePropsWithSize;
 /** 图片组件：支持 bnc 解密、默认资源域名拼接与错误占位。 */
-declare function Image$1(props: ImageProps): react_jsx_runtime0.JSX.Element;
+declare function Image(props: ImageProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-export { BaseImageProps, CommonImageProps, Image$1 as Image, ImageProps, ImagePropsWithFill, ImagePropsWithSize };
+export { BaseImageProps, CommonImageProps, Image, ImageProps, ImagePropsWithFill, ImagePropsWithSize };

package/dist/components/ui/image.mjs

@@ -1,2 +1,203 @@
 
-"use client";import e from"../../utils/get-res-url.mjs";import{decryptImageUrl as t,isEncryptedImageUrl as n}from"../../utils/decrypt-image-client.mjs";import{pxToVw as r}from"../../utils/helper.mjs";import{useEffect as i,useReducer as a,useRef as o}from"react";import{jsx as s}from"react/jsx-runtime";import c from"next/image";const l=`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGP4//8/LwAJCQMLCIuEYQAAAABJRU5ErkJggg==`,u={display:`flex`,alignItems:`center`,justifyContent:`center`,backgroundColor:`#f3f4f6`,color:`#9ca3af`,fontSize:12};function d(e,t){switch(t.type){case`set-final-src`:return{...e,finalSrc:t.value};case`set-has-error`:return{...e,hasError:t.value};default:return e}}function f(e){return e.startsWith(`default/`)||e.startsWith(`/default/`)||e.startsWith(`/images/default`)}function p(t){if(!t?.trim()||n(t))return l;let r=e();return f(t)?r?`${r}${t.startsWith(`/`)?t:`/${t}`}`:l:t.startsWith(`http`)?t:t.startsWith(`/md-204`)?`${r}${t.startsWith(`/`)?t:`/${t}`}`:t}function m(e){return e?/\b(?:w|h)-[\w[\]/.]+/.test(e):!1}function h(h){let{src:g,alt:_=``,className:v,style:y,unoptimized:b=!0,priority:x,quality:S,sizes:C,fill:w,objectFit:T,onLoad:E,onError:D,...O}=h,k=`width`in h?h.width:void 0,A=`height`in h?h.height:void 0,[j,M]=a(d,g,e=>({finalSrc:p(e),hasError:!1})),N=o(0);i(()=>{if(!g?.trim())return;M({type:`set-has-error`,value:!1}),N.current=0;let r=e();if(n(g)){M({type:`set-final-src`,value:l});let e=!1;return t(g).then(t=>{e||!t||M({type:`set-final-src`,value:t})}).catch(()=>{}),()=>{e=!0}}if(f(g)){M({type:`set-final-src`,value:`${r}${g.startsWith(`/`)?g:`/${g}`}`});return}if(g.startsWith(`http`)){M({type:`set-final-src`,value:g});return}if(g.startsWith(`/md-204`)){M({type:`set-final-src`,value:`${r}${g.startsWith(`/`)?g:`/${g}`}`});return}M({type:`set-final-src`,value:g})},[g]);function P(e){e.currentTarget.dataset.keyId=g,N.current=0,M({type:`set-has-error`,value:!1}),e.currentTarget.dataset.keyId=g,E?.(e)}function F(e){N.current+=1,N.current===1?M({type:`set-final-src`,value:`/feedback.png`}):N.current>1&&M({type:`set-has-error`,value:!0}),D?.(e)}if(j.hasError)return s(`div`,{className:v,style:{...u,...w?{width:`100%`,height:`100%`}:{width:r(k??0),height:r(A??0)}},children:`error`});let I={...y||{},...T?{objectFit:T}:{}},L=m(v)?I:{width:r(k??0),height:r(A??0),...I};return w?s(c,{...O,src:j.finalSrc,alt:_,fill:!0,className:v,style:I,priority:x,quality:S,sizes:C,unoptimized:b,onLoad:P,onError:F,crossOrigin:`anonymous`}):s(c,{...O,src:j.finalSrc,alt:_,width:k??0,height:A??0,className:v,style:L,priority:x,quality:S,sizes:C,unoptimized:b,onLoad:P,onError:F,crossOrigin:`anonymous`})}export{h as Image};
+'use client';
+
+import getResUrl from "../../utils/get-res-url.mjs";
+import { decryptImageUrl, isEncryptedImageUrl } from "../../utils/decrypt-image-client.mjs";
+import { pxToVw } from "../../utils/helper.mjs";
+import { useEffect, useReducer, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import NextImage from "next/image";
+
+//#region components/ui/image.tsx
+const SAFE_PLACEHOLDER = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGP4//8/LwAJCQMLCIuEYQAAAABJRU5ErkJggg==";
+const FALLBACK_IMAGE = "/feedback.png";
+const ERROR_STYLE = {
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	backgroundColor: "#f3f4f6",
+	color: "#9ca3af",
+	fontSize: 12
+};
+/** 图片状态 reducer。 */
+function imageReducer(state, action) {
+	switch (action.type) {
+		case "set-final-src": return {
+			...state,
+			finalSrc: action.value
+		};
+		case "set-has-error": return {
+			...state,
+			hasError: action.value
+		};
+		default: return state;
+	}
+}
+/** 判断是否为默认资源路径。 */
+function isDefaultImage(url) {
+	return url.startsWith("default/") || url.startsWith("/default/") || url.startsWith("/images/default");
+}
+/**
+* 同步解析最终 src，用于首屏/重挂载时避免「先渲染 loading.gif 再切回真实图」造成闪烁。
+* - 普通图片：直接返回 src
+* - default/ 图片：如果已配置资源域名则直接拼接
+* - bnc/xxx：直接回退到占位，等待异步解密完成后再更新
+*/
+function resolveFinalSrcSync(src) {
+	if (!src?.trim()) return SAFE_PLACEHOLDER;
+	if (isEncryptedImageUrl(src)) return SAFE_PLACEHOLDER;
+	const apiRes = getResUrl();
+	if (isDefaultImage(src)) {
+		if (!apiRes) return SAFE_PLACEHOLDER;
+		return `${apiRes}${src.startsWith("/") ? src : `/${src}`}`;
+	}
+	if (src.startsWith("http")) return src;
+	if (src.startsWith("/md-204")) return `${apiRes}${src.startsWith("/") ? src : `/${src}`}`;
+	return src;
+}
+/** 判断 className 是否包含宽高相关的 Tailwind 类名。 */
+function hasWidthOrHeightClass(className) {
+	if (!className) return false;
+	return /\b(?:w|h)-[\w[\]/.]+/.test(className);
+}
+/** 图片组件：支持 bnc 解密、默认资源域名拼接与错误占位。 */
+function Image(props) {
+	const { src, alt = "", className, style: userStyle, unoptimized = true, priority, quality, sizes, fill, objectFit, onLoad, onError, ...rest } = props;
+	const width = "width" in props ? props.width : void 0;
+	const height = "height" in props ? props.height : void 0;
+	const [state, dispatch] = useReducer(imageReducer, src, (initialSrc) => ({
+		finalSrc: resolveFinalSrcSync(initialSrc),
+		hasError: false
+	}));
+	const errorCountRef = useRef(0);
+	useEffect(() => {
+		if (!src?.trim()) return;
+		dispatch({
+			type: "set-has-error",
+			value: false
+		});
+		errorCountRef.current = 0;
+		const apiRes = getResUrl();
+		if (isEncryptedImageUrl(src)) {
+			dispatch({
+				type: "set-final-src",
+				value: SAFE_PLACEHOLDER
+			});
+			let cancelled = false;
+			decryptImageUrl(src).then((url) => {
+				if (cancelled || !url) return;
+				dispatch({
+					type: "set-final-src",
+					value: url
+				});
+			}).catch(() => {});
+			return () => {
+				cancelled = true;
+			};
+		}
+		if (isDefaultImage(src)) {
+			dispatch({
+				type: "set-final-src",
+				value: `${apiRes}${src.startsWith("/") ? src : `/${src}`}`
+			});
+			return;
+		}
+		if (src.startsWith("http")) {
+			dispatch({
+				type: "set-final-src",
+				value: src
+			});
+			return;
+		}
+		if (src.startsWith("/md-204")) {
+			dispatch({
+				type: "set-final-src",
+				value: `${apiRes}${src.startsWith("/") ? src : `/${src}`}`
+			});
+			return;
+		}
+		dispatch({
+			type: "set-final-src",
+			value: src
+		});
+	}, [src]);
+	function handleLoad(e) {
+		e.currentTarget.dataset.keyId = src;
+		errorCountRef.current = 0;
+		dispatch({
+			type: "set-has-error",
+			value: false
+		});
+		e.currentTarget.dataset.keyId = src;
+		onLoad?.(e);
+	}
+	function handleError(e) {
+		errorCountRef.current += 1;
+		if (errorCountRef.current === 1) dispatch({
+			type: "set-final-src",
+			value: FALLBACK_IMAGE
+		});
+		else if (errorCountRef.current > 1) dispatch({
+			type: "set-has-error",
+			value: true
+		});
+		onError?.(e);
+	}
+	if (state.hasError) return /* @__PURE__ */ jsx("div", {
+		className,
+		style: {
+			...ERROR_STYLE,
+			...fill ? {
+				width: "100%",
+				height: "100%"
+			} : {
+				width: pxToVw(width ?? 0),
+				height: pxToVw(height ?? 0)
+			}
+		},
+		children: "error"
+	});
+	const finalStyle = {
+		...userStyle || {},
+		...objectFit ? { objectFit } : {}
+	};
+	const imageStyle = hasWidthOrHeightClass(className) ? finalStyle : {
+		width: pxToVw(width ?? 0),
+		height: pxToVw(height ?? 0),
+		...finalStyle
+	};
+	if (fill) return /* @__PURE__ */ jsx(NextImage, {
+		...rest,
+		src: state.finalSrc,
+		alt,
+		fill: true,
+		className,
+		style: finalStyle,
+		priority,
+		quality,
+		sizes,
+		unoptimized,
+		onLoad: handleLoad,
+		onError: handleError,
+		crossOrigin: "anonymous"
+	});
+	return /* @__PURE__ */ jsx(NextImage, {
+		...rest,
+		src: state.finalSrc,
+		alt,
+		width: width ?? 0,
+		height: height ?? 0,
+		className,
+		style: imageStyle,
+		priority,
+		quality,
+		sizes,
+		unoptimized,
+		onLoad: handleLoad,
+		onError: handleError,
+		crossOrigin: "anonymous"
+	});
+}
+
+//#endregion
+export { Image };

package/dist/components/ui/infinite-scroll.mjs

@@ -1,2 +1,135 @@
 
-"use client";import{useCallback as e,useEffect as t,useRef as n,useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useTranslations as o}from"next-intl";const s=()=>a(`span`,{className:`inline-flex gap-1 ml-1`,children:[i(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse`}),i(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse animation-delay-200`}),i(`span`,{className:`w-1 h-1 bg-current rounded-full animate-pulse animation-delay-400`})]});function c({loadMore:c,hasMore:l,threshold:u=0,loadingText:d,emptyText:f,noMoreText:p,failedText:m,children:h,className:g=``,disabled:_=!1,rootId:v=``,initialLoad:y=!1}){let b=o(`components.ui`),[x,S]=r(!1),[C,w]=r(!1),T=n(null),E=n(!1),D=n(!1),O=d??b(`infiniteScroll.loading`),k=m??b(`infiniteScroll.failed`),A=f??p??b(`infiniteScroll.noMore`),j=l!==!1,M=e(async(e,t)=>{if(!(_||E.current||!t&&!j)){E.current=!0,w(!0),e&&S(!1);try{await c(e)}catch{S(!0)}finally{E.current=!1}}},[j,_,c]),N=e(async(e=!1)=>{await M(e,!1)},[M]);t(()=>{!y||D.current||(D.current=!0,M(!1,!0))},[M,y]),t(()=>{let e=T.current;if(!e||_)return;let t=v?document.getElementById(v):document.body,n=new IntersectionObserver(e=>{let t=e[0];t&&t.isIntersecting&&!E.current&&j&&(S(!1),N(!1))},{root:t,rootMargin:`0px 0px ${u}px 0px`,threshold:0});return n.observe(e),()=>{n.disconnect()}},[_,N,j,v,u]);let P=()=>{S(!1),N(!0)};return _?i(`div`,{className:g,children:h}):a(`div`,{className:g,children:[h,a(`div`,{children:[i(`div`,{ref:T,className:`h-[10px]`,"aria-hidden":`true`}),j&&!x&&a(`div`,{className:`flex items-center justify-center text-[12px] h-8.5`,children:[i(`span`,{className:`text-text2 mr-2`,children:O}),i(s,{})]}),x&&i(`div`,{className:`text-center text-theme5 cursor-pointer`,onClick:P,children:k}),l===!1&&!x&&i(`div`,{className:`text-center text-text3 pt-1.5 pb-3 border-text1/5 border-b`,children:A})]})]})}export{c as InfiniteScroll};
+'use client';
+
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+
+//#region components/ui/infinite-scroll.tsx
+/**
+* 加载中的圆点动画组件
+*/
+const DotLoading = () => /* @__PURE__ */ jsxs("span", {
+	className: "inline-flex gap-1 ml-1",
+	children: [
+		/* @__PURE__ */ jsx("span", { className: "w-1 h-1 bg-current rounded-full animate-pulse" }),
+		/* @__PURE__ */ jsx("span", { className: "w-1 h-1 bg-current rounded-full animate-pulse animation-delay-200" }),
+		/* @__PURE__ */ jsx("span", { className: "w-1 h-1 bg-current rounded-full animate-pulse animation-delay-400" })
+	]
+});
+/**
+* 无限滚动组件
+*/
+function InfiniteScroll({ loadMore, hasMore, threshold = 0, loadingText, emptyText, noMoreText, failedText, children, className = "", disabled = false, rootId = "", initialLoad = false }) {
+	const t = useTranslations("components.ui");
+	const [error, setError] = useState(false);
+	const [_hasTriedLoadMore, setHasTriedLoadMore] = useState(false);
+	const sentinelRef = useRef(null);
+	const inFlightRef = useRef(false);
+	const initialLoadTriggeredRef = useRef(false);
+	const resolvedLoadingText = loadingText ?? t("infiniteScroll.loading");
+	const resolvedFailedText = failedText ?? t("infiniteScroll.failed");
+	const resolvedEmptyText = emptyText ?? noMoreText ?? t("infiniteScroll.noMore");
+	const canLoadMore = hasMore !== false;
+	/**
+	* 执行加载逻辑的统一入口
+	*/
+	const executeLoadMore = useCallback(async (isRetry, ignoreHasMore) => {
+		if (disabled || inFlightRef.current || !ignoreHasMore && !canLoadMore) return;
+		inFlightRef.current = true;
+		setHasTriedLoadMore(true);
+		if (isRetry) setError(false);
+		try {
+			await loadMore(isRetry);
+		} catch {
+			setError(true);
+		} finally {
+			inFlightRef.current = false;
+		}
+	}, [
+		canLoadMore,
+		disabled,
+		loadMore
+	]);
+	/**
+	* 滚动触发的加载逻辑
+	*/
+	const handleLoadMore = useCallback(async (isRetry = false) => {
+		await executeLoadMore(isRetry, false);
+	}, [executeLoadMore]);
+	/**
+	* 首次挂载时触发一次加载
+	*/
+	useEffect(() => {
+		if (!initialLoad || initialLoadTriggeredRef.current) return;
+		initialLoadTriggeredRef.current = true;
+		executeLoadMore(false, true);
+	}, [executeLoadMore, initialLoad]);
+	useEffect(() => {
+		const el = sentinelRef.current;
+		if (!el || disabled) return;
+		const observerRoot = rootId ? document.getElementById(rootId) : document.body;
+		const observer = new IntersectionObserver((entries) => {
+			const entry = entries[0];
+			if (!entry) return;
+			if (entry.isIntersecting && !inFlightRef.current && canLoadMore) {
+				setError(false);
+				handleLoadMore(false);
+			}
+		}, {
+			root: observerRoot,
+			rootMargin: `0px 0px ${threshold}px 0px`,
+			threshold: 0
+		});
+		observer.observe(el);
+		return () => {
+			observer.disconnect();
+		};
+	}, [
+		disabled,
+		handleLoadMore,
+		canLoadMore,
+		rootId,
+		threshold
+	]);
+	/**
+	* 失败重试
+	*/
+	const handleRetry = () => {
+		setError(false);
+		handleLoadMore(true);
+	};
+	if (disabled) return /* @__PURE__ */ jsx("div", {
+		className,
+		children
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		children: [children, /* @__PURE__ */ jsxs("div", { children: [
+			/* @__PURE__ */ jsx("div", {
+				ref: sentinelRef,
+				className: "h-[10px]",
+				"aria-hidden": "true"
+			}),
+			canLoadMore && !error && /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-center text-[12px] h-8.5",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-text2 mr-2",
+					children: resolvedLoadingText
+				}), /* @__PURE__ */ jsx(DotLoading, {})]
+			}),
+			error && /* @__PURE__ */ jsx("div", {
+				className: "text-center text-theme5 cursor-pointer",
+				onClick: handleRetry,
+				children: resolvedFailedText
+			}),
+			hasMore === false && !error && /* @__PURE__ */ jsx("div", {
+				className: "text-center text-text3 pt-1.5 pb-3 border-text1/5 border-b",
+				children: resolvedEmptyText
+			})
+		] })]
+	});
+}
+
+//#endregion
+export { InfiniteScroll };

package/dist/components/ui/input-group.mjs

@@ -1,2 +1,91 @@
 
-"use client";import{cn as e}from"../../utils/cn.mjs";import{Button as t}from"./button.mjs";import{Input as n}from"./input.mjs";import{Textarea as r}from"./textarea.mjs";import"react";import{jsx as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";function o({className:t,...n}){return i(`div`,{"data-slot":`input-group`,role:`group`,className:e(` dark:bg-input/30    has-[:disabled]:bg-input/50 dark:has-[:disabled]:bg-input/80 h-8 rounded-lg  transition-colors has-[:disabled]:opacity-50  has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto`,t),...n})}const s=a(`text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='w-']):not([class*='h-'])]:w-4 [&>svg:not([class*='w-']):not([class*='h-'])]:h-4 flex cursor-text items-center justify-center select-none`,{variants:{align:{"inline-start":`pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first`,"inline-end":`pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last`,"block-start":`px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start`,"block-end":`px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start`}},defaultVariants:{align:`inline-start`}});function c({className:t,align:n=`inline-start`,...r}){return i(`div`,{role:`group`,"data-slot":`input-group-addon`,"data-align":n,className:e(s({align:n}),t),onClick:e=>{e.target.closest(`button`)||e.currentTarget.parentElement?.querySelector(`input`)?.focus()},...r})}const l=a(`gap-2 text-sm shadow-none flex items-center`,{variants:{size:{xs:`h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='w-']):not([class*='h-'])]:w-3.5 [&>svg:not([class*='w-']):not([class*='h-'])]:h-3.5`,sm:``,"icon-xs":`w-6 h-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0`,"icon-sm":`w-8 h-8 p-0 has-[>svg]:p-0`}},defaultVariants:{size:`xs`}});function u({className:n,type:r=`button`,variant:a=`ghost`,size:o=`xs`,...s}){return i(t,{type:r,"data-size":o,variant:a,className:e(l({size:o}),n),...s})}function d({className:t,...n}){return i(`span`,{className:e(`text-muted-foreground gap-2 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 flex items-center [&_svg]:pointer-events-none`,t),...n})}function f({className:t,...r}){return i(n,{"data-slot":`input-group-control`,className:e(`rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1`,t),...r})}function p({className:t,...n}){return i(r,{"data-slot":`input-group-control`,className:e(`rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none`,t),...n})}export{o as InputGroup,c as InputGroupAddon,u as InputGroupButton,f as InputGroupInput,d as InputGroupText,p as InputGroupTextarea};
+'use client';
+
+import { cn } from "../../utils/cn.mjs";
+import { Button } from "./button.mjs";
+import { Input } from "./input.mjs";
+import { Textarea } from "./textarea.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region components/ui/input-group.tsx
+/** InputGroup 组件。 */
+function InputGroup({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-group",
+		role: "group",
+		className: cn(" dark:bg-input/30    has-[:disabled]:bg-input/50 dark:has-[:disabled]:bg-input/80 h-8 rounded-lg  transition-colors has-[:disabled]:opacity-50  has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto", className),
+		...props
+	});
+}
+/** inputGroupAddonVariants 工具定义。 */
+const inputGroupAddonVariants = cva("text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='w-']):not([class*='h-'])]:w-4 [&>svg:not([class*='w-']):not([class*='h-'])]:h-4 flex cursor-text items-center justify-center select-none", {
+	variants: { align: {
+		"inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
+		"inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
+		"block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
+		"block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+/** InputGroupAddon 组件。 */
+function InputGroupAddon({ className, align = "inline-start", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "input-group-addon",
+		"data-align": align,
+		className: cn(inputGroupAddonVariants({ align }), className),
+		onClick: (e) => {
+			if (e.target.closest("button")) return;
+			e.currentTarget.parentElement?.querySelector("input")?.focus();
+		},
+		...props
+	});
+}
+/** inputGroupButtonVariants 工具定义。 */
+const inputGroupButtonVariants = cva("gap-2 text-sm shadow-none flex items-center", {
+	variants: { size: {
+		"xs": "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='w-']):not([class*='h-'])]:w-3.5 [&>svg:not([class*='w-']):not([class*='h-'])]:h-3.5",
+		"sm": "",
+		"icon-xs": "w-6 h-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
+		"icon-sm": "w-8 h-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+/** InputGroupButton 组件。 */
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+	return /* @__PURE__ */ jsx(Button, {
+		type,
+		"data-size": size,
+		variant,
+		className: cn(inputGroupButtonVariants({ size }), className),
+		...props
+	});
+}
+/** InputGroupText 组件。 */
+function InputGroupText({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("text-muted-foreground gap-2 text-sm [&_svg:not([class*='w-']):not([class*='h-'])]:w-4 [&_svg:not([class*='w-']):not([class*='h-'])]:h-4 flex items-center [&_svg]:pointer-events-none", className),
+		...props
+	});
+}
+/** InputGroupInput 组件。 */
+function InputGroupInput({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		"data-slot": "input-group-control",
+		className: cn("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", className),
+		...props
+	});
+}
+/** InputGroupTextarea 组件。 */
+function InputGroupTextarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Textarea, {
+		"data-slot": "input-group-control",
+		className: cn("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", className),
+		...props
+	});
+}
+
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };