@funhub/platform 0.2.31 → 0.2.33

package/dist/components/ui/image.mjs

@@ -1,258 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,169 +1,2 @@
 
-'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 };
+"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};

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

@@ -1,91 +1,2 @@
 
-'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 };
+"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};

package/dist/components/ui/input.mjs

@@ -1,20 +1,2 @@
 
-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 };
+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};