@funhub/platform 0.2.29 → 0.2.31

package/dist/components/ui/image.mjs

@@ -1,2 +1,258 @@
 
-"use client";import e from"../../utils/get-res-url.mjs";import{decryptImageToArrayBuffer as t,isEncryptedImageUrl as n,resolveImageUrl as r,shouldProbeImageUrl as i,shouldUseApiResDirectly as a}from"../../utils/decrypt-image-client.mjs";import{pxToVw as o}from"../../utils/helper.mjs";import{useEffect as s,useReducer as c,useRef as l}from"react";import{jsx as u}from"react/jsx-runtime";import d from"next/image";const f=`data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGP4//8/LwAJCQMLCIuEYQAAAABJRU5ErkJggg==`,p=new Map,m=new Map,h={display:`flex`,alignItems:`center`,justifyContent:`center`,backgroundColor:`#f3f4f6`,color:`#9ca3af`,fontSize:12};function g(e){return p.get(e)}function _(e,t){if(p.has(e)&&p.delete(e),p.set(e,t),p.size<=300)return;let n=p.keys().next().value;if(!n)return;let r=p.get(n);p.delete(n),r?.startsWith(`blob:`)&&URL.revokeObjectURL(r)}async function v(e){let n=g(e);if(n)return n;let r=m.get(e);if(r)return r;let i=t(e).then(t=>{if(!t)return``;let n=URL.createObjectURL(new Blob([t.buffer],{type:t.contentType}));return _(e,n),n}).finally(()=>{m.delete(e)});return m.set(e,i),i}function y(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 b(t){if(!t?.trim())return f;if(n(t))return g(t)??f;if(t.startsWith(`http`))return t;if(a(t)){let n=t.startsWith(`/`)?t:`/${t}`;return`${e()}${n}`}return i(t)?f:t}function x(e){return e?/\b(?:w|h)-[\w[\]/.]+/.test(e):!1}function S(t){let{src:p,alt:m=``,className:_,style:S,unoptimized:C=!0,priority:w,quality:T,sizes:E,fill:D,objectFit:O,onLoad:k,onError:A,...j}=t,M=`width`in t?t.width:void 0,N=`height`in t?t.height:void 0,[P,F]=c(y,p,e=>({finalSrc:b(e),hasError:!1})),I=l(0);s(()=>{if(p?.trim()){if(F({type:`set-has-error`,value:!1}),I.current=0,n(p)){let e=g(p);if(e){F({type:`set-final-src`,value:e});return}F({type:`set-final-src`,value:f});let t=!1;return v(p).then(e=>{t||!e||F({type:`set-final-src`,value:e})}).catch(()=>{}),()=>{t=!0}}if(p.startsWith(`http`)){F({type:`set-final-src`,value:p});return}if(a(p)){let t=p.startsWith(`/`)?p:`/${p}`;F({type:`set-final-src`,value:`${e()}${t}`});return}if(i(p)){F({type:`set-final-src`,value:f});let e=!1;return r(p).then(t=>{e||!t||F({type:`set-final-src`,value:t})}).catch(()=>{e||F({type:`set-final-src`,value:p})}),()=>{e=!0}}F({type:`set-final-src`,value:p})}},[p]);function L(e){e.currentTarget.dataset.keyId=p,I.current=0,F({type:`set-has-error`,value:!1}),e.currentTarget.dataset.keyId=p,k?.(e)}function R(e){I.current+=1,I.current===1?F({type:`set-final-src`,value:`/feedback.png`}):I.current>1&&F({type:`set-has-error`,value:!0}),A?.(e)}if(P.hasError)return u(`div`,{className:_,style:{...h,...D?{width:`100%`,height:`100%`}:{width:o(M??0),height:o(N??0)}},children:`error`});let z={...S||{},...O?{objectFit:O}:{}},B=x(_)?z:{width:o(M??0),height:o(N??0),...z};return D?u(d,{...j,src:P.finalSrc,alt:m,fill:!0,className:_,style:z,priority:w,quality:T,sizes:E,unoptimized:C,onLoad:L,onError:R,crossOrigin:`anonymous`}):u(d,{...j,src:P.finalSrc,alt:m,width:M??0,height:N??0,className:_,style:B,priority:w,quality:T,sizes:E,unoptimized:C,onLoad:L,onError:R,crossOrigin:`anonymous`})}export{S as Image};
+'use client';
+
+import getResUrl from "../../utils/get-res-url.mjs";
+import { decryptImageToArrayBuffer, isEncryptedImageUrl, resolveImageUrl, shouldProbeImageUrl, shouldUseApiResDirectly } 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 Image from "next/image";
+
+//#region components/ui/image.tsx
+const SAFE_PLACEHOLDER = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4nGP4//8/LwAJCQMLCIuEYQAAAABJRU5ErkJggg==";
+const FALLBACK_IMAGE = "/feedback.png";
+const DECRYPTED_SRC_CACHE = /* @__PURE__ */ new Map();
+const DECRYPTING_SRC_TASKS = /* @__PURE__ */ new Map();
+const MAX_DECRYPTED_SRC_CACHE_SIZE = 300;
+const ERROR_STYLE = {
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	backgroundColor: "#f3f4f6",
+	color: "#9ca3af",
+	fontSize: 12
+};
+/** 读取已缓存的加密图片地址。 */
+function getCachedEncryptedImageSrc(src) {
+	return DECRYPTED_SRC_CACHE.get(src);
+}
+/** 写入解密后的 blob URL 缓存，并限制缓存数量。 */
+function setCachedEncryptedImageSrc(src, objectUrl) {
+	if (DECRYPTED_SRC_CACHE.has(src)) DECRYPTED_SRC_CACHE.delete(src);
+	DECRYPTED_SRC_CACHE.set(src, objectUrl);
+	if (DECRYPTED_SRC_CACHE.size <= MAX_DECRYPTED_SRC_CACHE_SIZE) return;
+	const oldestKey = DECRYPTED_SRC_CACHE.keys().next().value;
+	if (!oldestKey) return;
+	const oldestObjectUrl = DECRYPTED_SRC_CACHE.get(oldestKey);
+	DECRYPTED_SRC_CACHE.delete(oldestKey);
+	if (oldestObjectUrl?.startsWith("blob:")) URL.revokeObjectURL(oldestObjectUrl);
+}
+/** 解密加密图片并复用同一份 Promise，避免重复创建 blob URL。 */
+async function resolveEncryptedImageSrc(src) {
+	const cached = getCachedEncryptedImageSrc(src);
+	if (cached) return cached;
+	const pendingTask = DECRYPTING_SRC_TASKS.get(src);
+	if (pendingTask) return pendingTask;
+	const task = decryptImageToArrayBuffer(src).then((result) => {
+		if (!result) return "";
+		const objectUrl = URL.createObjectURL(new Blob([result.buffer], { type: result.contentType }));
+		setCachedEncryptedImageSrc(src, objectUrl);
+		return objectUrl;
+	}).finally(() => {
+		DECRYPTING_SRC_TASKS.delete(src);
+	});
+	DECRYPTING_SRC_TASKS.set(src, task);
+	return task;
+}
+/** 图片状态 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;
+	}
+}
+/**
+* 同步解析最终 src，用于首屏/重挂载时避免「先渲染 loading.gif 再切回真实图」造成闪烁。
+* - 完整 URL：直接返回
+* - bnc/xxx：直接回退到占位，等待异步解密完成后再更新
+* - /md-204：沿用旧逻辑，直接拼接 apiRes
+* - 其他相对路径：直接回退到占位，等待异步探测原始路径 / apiRes 路径后再更新
+*/
+function resolveFinalSrcSync(src) {
+	if (!src?.trim()) return SAFE_PLACEHOLDER;
+	if (isEncryptedImageUrl(src)) return getCachedEncryptedImageSrc(src) ?? SAFE_PLACEHOLDER;
+	if (src.startsWith("http")) return src;
+	if (shouldUseApiResDirectly(src)) {
+		const normalized = src.startsWith("/") ? src : `/${src}`;
+		return `${getResUrl()}${normalized}`;
+	}
+	if (shouldProbeImageUrl(src)) return SAFE_PLACEHOLDER;
+	return src;
+}
+/** 判断 className 是否包含宽高相关的 Tailwind 类名。 */
+function hasWidthOrHeightClass(className) {
+	if (!className) return false;
+	return /\b(?:w|h)-[\w[\]/.]+/.test(className);
+}
+/** 图片组件：支持 bnc 解密、默认资源域名拼接与错误占位。 */
+function Image$1(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;
+		if (isEncryptedImageUrl(src)) {
+			const cached = getCachedEncryptedImageSrc(src);
+			if (cached) {
+				dispatch({
+					type: "set-final-src",
+					value: cached
+				});
+				return;
+			}
+			dispatch({
+				type: "set-final-src",
+				value: SAFE_PLACEHOLDER
+			});
+			let cancelled = false;
+			resolveEncryptedImageSrc(src).then((url) => {
+				if (cancelled || !url) return;
+				dispatch({
+					type: "set-final-src",
+					value: url
+				});
+			}).catch(() => {});
+			return () => {
+				cancelled = true;
+			};
+		}
+		if (src.startsWith("http")) {
+			dispatch({
+				type: "set-final-src",
+				value: src
+			});
+			return;
+		}
+		if (shouldUseApiResDirectly(src)) {
+			const normalized = src.startsWith("/") ? src : `/${src}`;
+			dispatch({
+				type: "set-final-src",
+				value: `${getResUrl()}${normalized}`
+			});
+			return;
+		}
+		if (shouldProbeImageUrl(src)) {
+			dispatch({
+				type: "set-final-src",
+				value: SAFE_PLACEHOLDER
+			});
+			let cancelled = false;
+			resolveImageUrl(src).then((url) => {
+				if (cancelled || !url) return;
+				dispatch({
+					type: "set-final-src",
+					value: url
+				});
+			}).catch(() => {
+				if (cancelled) return;
+				dispatch({
+					type: "set-final-src",
+					value: src
+				});
+			});
+			return () => {
+				cancelled = true;
+			};
+		}
+		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(Image, {
+		...rest,
+		src: state.finalSrc,
+		alt,
+		fill: true,
+		className,
+		style: finalStyle,
+		priority,
+		quality,
+		sizes,
+		unoptimized,
+		onLoad: handleLoad,
+		onError: handleError,
+		crossOrigin: "anonymous"
+	});
+	return /* @__PURE__ */ jsx(Image, {
+		...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$1 as Image };

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

@@ -1,2 +1,169 @@
 
-"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(e){let t=window.getComputedStyle(e);return/auto|scroll|overlay/.test(t.overflowY)}function l(e){let t=e?.parentElement??null;for(;t;){if(c(t))return t;t=t.parentElement}return null}function u(e){return e?e.scrollTop:window.scrollY??document.documentElement.scrollTop??0}function d({loadMore:c,hasMore:d,threshold:f=0,loadingText:p,emptyText:m,noMoreText:h,failedText:g,children:_,className:v=``,disabled:y=!1,initialLoad:b=!1}){let x=o(`components.ui`),[S,C]=r(!1),[w,T]=r(!1),[E,D]=r(!1),O=n(null),k=n(null),A=n(!1),j=n(!1),M=n(-1),N=p??x(`infiniteScroll.loading`),P=g??x(`infiniteScroll.failed`),F=m??h??x(`infiniteScroll.noMore`),I=d!==!1,L=e(async(e,t)=>{if(!(y||A.current||!t&&!I)){A.current=!0,T(!0),D(!0),e&&C(!1);try{await c(e)}catch{C(!0)}finally{A.current=!1,T(!1)}}},[I,y,c]),R=e(async(e=!1)=>{await L(e,!1)},[L]);t(()=>{!b||j.current||(j.current=!0,L(!1,!0))},[L,b]),t(()=>{let e=O.current;if(!e||y)return;let t=l(e);k.current=t;let n=new IntersectionObserver(e=>{let t=e[0];if(t&&t.isIntersecting&&!A.current&&I){let e=u(k.current);if(e<=M.current)return;M.current=e,C(!1),R(!1)}},{root:t,rootMargin:`0px 0px ${f}px 0px`,threshold:0});return n.observe(e),()=>{k.current=null,n.disconnect()}},[y,R,I,f]);let z=()=>{C(!1),R(!0)};return y?i(`div`,{className:v,children:_}):a(`div`,{className:v,children:[_,a(`div`,{children:[i(`div`,{ref:O,className:`h-[10px]`,"aria-hidden":`true`}),I&&!S&&w&&a(`div`,{className:`flex items-center justify-center text-[12px] h-8.5`,children:[i(`span`,{className:`text-text2 mr-2`,children:N}),i(s,{})]}),S&&i(`div`,{className:`text-center text-theme5 cursor-pointer`,onClick:z,children:P}),d===!1&&!S&&i(`div`,{className:`text-center text-text3 pt-1.5 pb-3 border-text1/5 border-b`,children:F})]})]})}export{d 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 hasScrollableOverflow(element) {
+	const styles = window.getComputedStyle(element);
+	return /auto|scroll|overlay/.test(styles.overflowY);
+}
+/**
+* 解析哨兵元素最近的滚动容器。
+*/
+function resolveScrollContainer(root) {
+	let parentElement = root?.parentElement ?? null;
+	while (parentElement) {
+		if (hasScrollableOverflow(parentElement)) return parentElement;
+		parentElement = parentElement.parentElement;
+	}
+	return null;
+}
+/**
+* 读取当前滚动位置。
+*/
+function getScrollTop(container) {
+	if (container) return container.scrollTop;
+	return window.scrollY ?? document.documentElement.scrollTop ?? 0;
+}
+/**
+* 无限滚动组件
+*/
+function InfiniteScroll({ loadMore, hasMore, threshold = 0, loadingText, emptyText, noMoreText, failedText, children, className = "", disabled = false, initialLoad = false }) {
+	const t = useTranslations("components.ui");
+	const [error, setError] = useState(false);
+	const [isLoading, setIsLoading] = useState(false);
+	const [_hasTriedLoadMore, setHasTriedLoadMore] = useState(false);
+	const sentinelRef = useRef(null);
+	const scrollContainerRef = useRef(null);
+	const inFlightRef = useRef(false);
+	const initialLoadTriggeredRef = useRef(false);
+	const lastTriggerScrollTopRef = useRef(-1);
+	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;
+		setIsLoading(true);
+		setHasTriedLoadMore(true);
+		if (isRetry) setError(false);
+		try {
+			await loadMore(isRetry);
+		} catch {
+			setError(true);
+		} finally {
+			inFlightRef.current = false;
+			setIsLoading(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 scrollContainer = resolveScrollContainer(el);
+		scrollContainerRef.current = scrollContainer;
+		const observer = new IntersectionObserver((entries) => {
+			const entry = entries[0];
+			if (!entry) return;
+			if (entry.isIntersecting && !inFlightRef.current && canLoadMore) {
+				const currentScrollTop = getScrollTop(scrollContainerRef.current);
+				if (currentScrollTop <= lastTriggerScrollTopRef.current) return;
+				lastTriggerScrollTopRef.current = currentScrollTop;
+				setError(false);
+				handleLoadMore(false);
+			}
+		}, {
+			root: scrollContainer,
+			rootMargin: `0px 0px ${threshold}px 0px`,
+			threshold: 0
+		});
+		observer.observe(el);
+		return () => {
+			scrollContainerRef.current = null;
+			observer.disconnect();
+		};
+	}, [
+		disabled,
+		handleLoadMore,
+		canLoadMore,
+		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 && isLoading && /* @__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 };

package/dist/components/ui/input.mjs

@@ -1,2 +1,20 @@
 
-import{cn as e}from"../../utils/cn.mjs";import"react";import{jsx as t}from"react/jsx-runtime";import{Input as n}from"@base-ui/react/input";function r({className:r,type:i,...a}){return t(n,{type:i,"data-slot":`input`,className:e(`dark:bg-input/30 text-text2 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg  bg-transparent py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium  md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,r),...a})}export{r as Input};
+import { cn } from "../../utils/cn.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+
+//#region components/ui/input.tsx
+/** UI 组件模块。 */
+/** Input 组件。 */
+function Input$1({ className, type, ...props }) {
+	return /* @__PURE__ */ jsx(Input, {
+		type,
+		"data-slot": "input",
+		className: cn("dark:bg-input/30 text-text2 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg  bg-transparent py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium  md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props
+	});
+}
+
+//#endregion
+export { Input$1 as Input };