dishui 0.0.65 → 0.0.67

package/dist/components/Image/index.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export type ImageFit = 'cover' | 'contain' | 'fill' | 'scale-down' | 'none';
+export type ImageRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+export type ImageProps = {
+    /** Image source URL. */
+    src: string;
+    /** Alternative text (accessibility). */
+    alt?: string;
+    /** Object-fit mode. */
+    fit?: ImageFit;
+    /** Width; number is treated as px. */
+    width?: number | string;
+    /** Height; number is treated as px. */
+    height?: number | string;
+    /** Corner radius preset. */
+    radius?: ImageRadius;
+    /** Shown when the image fails to load (node or replacement URL). */
+    fallback?: React.ReactNode;
+    /** Native lazy loading. */
+    lazy?: boolean;
+    /** Extra class names on the img element. */
+    className?: string;
+    /** Inline styles on the img element. */
+    style?: React.CSSProperties;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent<HTMLImageElement>) => void;
+};
+/**
+ * Image —— A2UI 展示组件：图片。
+ * 支持自适应填充模式、圆角、懒加载与加载失败时的 fallback。
+ */
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/dist/components/Image/index.js

@@ -0,0 +1,44 @@
+import { cn as e } from "../../utils/cn.js";
+import { useState as t } from "react";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+//#region src/components/Image/index.tsx
+var i = {
+	cover: "object-cover",
+	contain: "object-contain",
+	fill: "object-fill",
+	"scale-down": "object-scale-down",
+	none: "object-none"
+}, a = {
+	none: "",
+	sm: "rounded-sm",
+	md: "rounded-md",
+	lg: "rounded-lg",
+	full: "rounded-full"
+}, o = (e) => typeof e == "number" ? `${e}px` : e, s = ({ src: s, alt: c = "", fit: l = "cover", width: u, height: d, radius: f = "md", fallback: p, lazy: m = !0, className: h = "", style: g, onClick: _ }) => {
+	let [v, y] = t(!1), b = e("max-w-full", i[l], a[f], h);
+	return v ? p === void 0 ? /* @__PURE__ */ r("span", {
+		className: e("inline-flex items-center justify-center bg-base-200 text-base-content/40 text-xs select-none", a[f], h),
+		style: {
+			width: o(u) ?? "100%",
+			height: o(d) ?? "96px",
+			...g
+		},
+		children: "Image"
+	}) : /* @__PURE__ */ r(n, { children: p }) : /* @__PURE__ */ r("img", {
+		src: s,
+		alt: c,
+		loading: m ? "lazy" : "eager",
+		onError: () => y(!0),
+		className: b,
+		style: {
+			width: o(u),
+			height: o(d),
+			...g
+		},
+		onClick: _
+	});
+};
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Image/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Image/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type ImageFit = 'cover' | 'contain' | 'fill' | 'scale-down' | 'none';\nexport type ImageRadius = 'none' | 'sm' | 'md' | 'lg' | 'full';\n\nexport type ImageProps = {\n  /** Image source URL. */\n  src: string;\n  /** Alternative text (accessibility). */\n  alt?: string;\n  /** Object-fit mode. */\n  fit?: ImageFit;\n  /** Width; number is treated as px. */\n  width?: number | string;\n  /** Height; number is treated as px. */\n  height?: number | string;\n  /** Corner radius preset. */\n  radius?: ImageRadius;\n  /** Shown when the image fails to load (node or replacement URL). */\n  fallback?: React.ReactNode;\n  /** Native lazy loading. */\n  lazy?: boolean;\n  /** Extra class names on the img element. */\n  className?: string;\n  /** Inline styles on the img element. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLImageElement>) => void;\n};\n\nconst FIT_CLASS: Record<ImageFit, string> = {\n  cover: 'object-cover',\n  contain: 'object-contain',\n  fill: 'object-fill',\n  'scale-down': 'object-scale-down',\n  none: 'object-none',\n};\n\nconst RADIUS_CLASS: Record<ImageRadius, string> = {\n  none: '',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  full: 'rounded-full',\n};\n\nconst size = (v: number | string | undefined): string | undefined =>\n  typeof v === 'number' ? `${v}px` : v;\n\n/**\n * Image —— A2UI 展示组件：图片。\n * 支持自适应填充模式、圆角、懒加载与加载失败时的 fallback。\n */\nconst Image: React.FC<ImageProps> = ({\n  src,\n  alt = '',\n  fit = 'cover',\n  width,\n  height,\n  radius = 'md',\n  fallback,\n  lazy = true,\n  className = '',\n  style,\n  onClick,\n}) => {\n  const [failed, setFailed] = useState(false);\n\n  const classes = cn('max-w-full', FIT_CLASS[fit], RADIUS_CLASS[radius], className);\n\n  if (failed) {\n    if (fallback !== undefined) {\n      return <>{fallback}</>;\n    }\n    return (\n      <span\n        className={cn(\n          'inline-flex items-center justify-center bg-base-200 text-base-content/40 text-xs select-none',\n          RADIUS_CLASS[radius],\n          className,\n        )}\n        style={{ width: size(width) ?? '100%', height: size(height) ?? '96px', ...style }}\n      >\n        Image\n      </span>\n    );\n  }\n\n  return (\n    <img\n      src={src}\n      alt={alt}\n      loading={lazy ? 'lazy' : 'eager'}\n      onError={() => setFailed(true)}\n      className={classes}\n      style={{ width: size(width), height: size(height), ...style }}\n      onClick={onClick}\n    />\n  );\n};\n\nexport default Image;\n"],"mappings":";;;;AA+BA,IAAM,IAAsC;CAC1C,OAAO;CACP,SAAS;CACT,MAAM;CACN,cAAc;CACd,MAAM;AACR,GAEM,IAA4C;CAChD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;AACR,GAEM,KAAQ,MACZ,OAAO,KAAM,WAAW,GAAG,EAAE,MAAM,GAM/B,KAA+B,EACnC,QACA,SAAM,IACN,SAAM,SACN,UACA,WACA,YAAS,MACT,aACA,UAAO,IACP,eAAY,IACZ,UACA,iBACI;CACJ,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK,GAEpC,IAAU,EAAG,cAAc,EAAU,IAAM,EAAa,IAAS,CAAS;CAoBhF,OAlBI,IACE,MAAa,KAAA,IAIf,kBAAC,QAAD;EACE,WAAW,EACT,gGACA,EAAa,IACb,CACF;EACA,OAAO;GAAE,OAAO,EAAK,CAAK,KAAK;GAAQ,QAAQ,EAAK,CAAM,KAAK;GAAQ,GAAG;EAAM;EACjF,UAAA;CAEK,CAAA,IAZC,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA,IAiBvB,kBAAC,OAAD;EACO;EACA;EACL,SAAS,IAAO,SAAS;EACzB,eAAe,EAAU,EAAI;EAC7B,WAAW;EACX,OAAO;GAAE,OAAO,EAAK,CAAK;GAAG,QAAQ,EAAK,CAAM;GAAG,GAAG;EAAM;EACnD;CACV,CAAA;AAEL"}

package/dist/components/Input/index.js

@@ -1,200 +1,199 @@
-import { useRef as Y, useState as f } from "react";
-import { jsx as s, jsxs as t } from "react/jsx-runtime";
-var S = ({ placeholder: x, value: d, onChange: A, type: n = "text", variant: B, size: L = "sm", disabled: N = !1, required: $ = !1, label: h, labelPosition: J = "inline", leftSection: p, rightSection: u, pattern: v, className: M = "", validator: e = !1, validatorHint: r, validationRules: T = [] }) => {
-  const [g, K] = f(!1), [W, P] = f(""), [a, O] = f(null), [o, j] = f(!1), [F, Q] = f([]), c = Y(null), b = n === "password" && g ? "text" : n, C = (i) => {
-    const l = i.target.value;
-    if (n === "password" && l.length > (d || "").length) {
-      const m = l.slice((d || "").length);
-      P(m), setTimeout(() => {
-        P("");
-      }, 1e3);
-    }
-    e && c.current && U(l), A && A(i);
-  }, U = (i) => {
-    if (!c.current) return;
-    const l = c.current.checkValidity(), m = [];
-    T.length > 0 && T.forEach((G) => {
-      G.pattern.test(i) || m.push(G.message);
-    }), Q(m), O(l && m.length === 0);
-  }, D = () => {
-    K(!g);
-  }, y = () => {
-    e && !a && j(!0);
-  }, k = () => {
-    j(!1);
-  };
-  let w = "";
-  e && a !== null && (w = a ? "input-success" : "input-error");
-  const V = "input", I = B && !w ? `input-${B}` : "", z = L ? `input-${L}` : "", E = e ? "validator" : "", X = n === "password" && /* @__PURE__ */ s("span", {
-    className: "cursor-pointer opacity-70 hover:opacity-100",
-    onClick: D,
-    children: g ? /* @__PURE__ */ t("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "h-5 w-5",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [
-        /* @__PURE__ */ s("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
-        /* @__PURE__ */ s("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
-        /* @__PURE__ */ s("path", { d: "M1 1l22 22" }),
-        /* @__PURE__ */ s("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
-      ]
-    }) : /* @__PURE__ */ t("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "h-5 w-5",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: "2",
-      children: [/* @__PURE__ */ s("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ s("circle", {
-        cx: "12",
-        cy: "12",
-        r: "3"
-      })]
-    })
-  }), R = /* @__PURE__ */ s("div", {
-    className: "validation-tooltip",
-    children: F.length > 0 ? /* @__PURE__ */ s("ul", {
-      className: "text-xs list-disc pl-4 py-1",
-      children: F.map((i, l) => /* @__PURE__ */ s("li", { children: i }, l))
-    }) : r ? /* @__PURE__ */ s("p", {
-      className: "text-xs py-1",
-      children: r
-    }) : null
-  });
-  return h || p || u || n === "password" ? h && J === "top" ? /* @__PURE__ */ t("div", {
-    className: `relative w-full ${M}`,
-    onMouseEnter: y,
-    onMouseLeave: k,
-    children: [
-      /* @__PURE__ */ s("span", {
-        className: "text-sm font-medium mb-1 block",
-        children: h
-      }),
-      /* @__PURE__ */ t("label", {
-        className: `${V} ${I} ${z} ${E} ${w} w-full flex items-center gap-2`,
-        children: [
-          p && /* @__PURE__ */ s("span", { children: p }),
-          /* @__PURE__ */ s("input", {
-            ref: c,
-            type: b,
-            placeholder: x,
-            value: d,
-            onChange: C,
-            disabled: N,
-            required: $,
-            className: "grow",
-            pattern: v
-          }),
-          n === "password" ? /* @__PURE__ */ s("span", {
-            className: "cursor-pointer opacity-70 hover:opacity-100",
-            onClick: D,
-            children: g ? /* @__PURE__ */ t("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-5 w-5",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: [
-                /* @__PURE__ */ s("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
-                /* @__PURE__ */ s("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
-                /* @__PURE__ */ s("path", { d: "M1 1l22 22" }),
-                /* @__PURE__ */ s("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
-              ]
-            }) : /* @__PURE__ */ t("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-5 w-5",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              children: [/* @__PURE__ */ s("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ s("circle", {
-                cx: "12",
-                cy: "12",
-                r: "3"
-              })]
-            })
-          }) : u ? /* @__PURE__ */ s("span", { children: u }) : null
-        ]
-      }),
-      e && r && !o && /* @__PURE__ */ s("p", {
-        className: "validator-hint text-xs mt-1 opacity-70",
-        children: r
-      }),
-      o && e && !a && /* @__PURE__ */ s("div", {
-        className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
-        children: R
-      })
-    ]
-  }) : /* @__PURE__ */ t("div", {
-    className: `relative w-full ${M}`,
-    onMouseEnter: y,
-    onMouseLeave: k,
-    children: [
-      /* @__PURE__ */ t("label", {
-        className: `${V} ${I} ${z} ${E} ${w} w-full flex items-center gap-2`,
-        children: [
-          p && /* @__PURE__ */ s("span", { children: p }),
-          h && /* @__PURE__ */ s("span", { children: h }),
-          /* @__PURE__ */ s("input", {
-            ref: c,
-            type: b,
-            placeholder: x,
-            value: d,
-            onChange: C,
-            disabled: N,
-            required: $,
-            className: "grow",
-            pattern: v
-          }),
-          n === "password" && W && /* @__PURE__ */ s("span", {
-            className: "password-recent absolute right-10 font-mono",
-            children: W
-          }),
-          n === "password" ? /* @__PURE__ */ s("span", { children: X }) : u ? /* @__PURE__ */ s("span", { children: u }) : null
-        ]
-      }),
-      e && r && !o && /* @__PURE__ */ s("p", {
-        className: "validator-hint text-xs mt-1 opacity-70",
-        children: r
-      }),
-      o && e && !a && /* @__PURE__ */ s("div", {
-        className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
-        children: R
-      })
-    ]
-  }) : /* @__PURE__ */ t("div", {
-    className: `relative w-full ${M}`,
-    onMouseEnter: y,
-    onMouseLeave: k,
-    children: [
-      /* @__PURE__ */ s("input", {
-        ref: c,
-        type: b,
-        placeholder: x,
-        value: d,
-        onChange: C,
-        disabled: N,
-        required: $,
-        className: `${V} ${I} ${z} ${E} ${w} w-full`,
-        pattern: v
-      }),
-      e && r && !o && /* @__PURE__ */ s("p", {
-        className: "validator-hint text-xs mt-1 opacity-70",
-        children: r
-      }),
-      o && e && !a && /* @__PURE__ */ s("div", {
-        className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
-        children: R
-      })
-    ]
-  });
-};
-export {
-  S as default
+import { useRef as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/Input/index.tsx
+var i = ({ placeholder: i, value: a, onChange: o, type: s = "text", variant: c, size: l = "sm", disabled: u = !1, required: d = !1, label: f, labelPosition: p = "inline", leftSection: m, rightSection: h, pattern: g, className: _ = "", validator: v = !1, validatorHint: y, validationRules: b = [] }) => {
+	let [x, S] = t(!1), [C, w] = t(""), [T, E] = t(null), [D, O] = t(!1), [k, A] = t([]), j = e(null), M = s === "password" && x ? "text" : s, N = (e) => {
+		let t = e.target.value;
+		if (s === "password" && t.length > (a || "").length) {
+			let e = t.slice((a || "").length);
+			w(e), setTimeout(() => {
+				w("");
+			}, 1e3);
+		}
+		v && j.current && P(t), o && o(e);
+	}, P = (e) => {
+		if (!j.current) return;
+		let t = j.current.checkValidity(), n = [];
+		b.length > 0 && b.forEach((t) => {
+			t.pattern.test(e) || n.push(t.message);
+		}), A(n), E(t && n.length === 0);
+	}, F = () => {
+		S(!x);
+	}, I = () => {
+		v && !T && O(!0);
+	}, L = () => {
+		O(!1);
+	}, R = "";
+	v && T !== null && (R = T ? "input-success" : "input-error");
+	let z = "input", B = c && !R ? `input-${c}` : "", V = l ? `input-${l}` : "", H = v ? "validator" : "", U = s === "password" && /* @__PURE__ */ n("span", {
+		className: "cursor-pointer opacity-70 hover:opacity-100",
+		onClick: F,
+		children: x ? /* @__PURE__ */ r("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			className: "h-5 w-5",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: [
+				/* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+				/* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
+				/* @__PURE__ */ n("path", { d: "M1 1l22 22" }),
+				/* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
+			]
+		}) : /* @__PURE__ */ r("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			className: "h-5 w-5",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			children: [/* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "3"
+			})]
+		})
+	}), W = /* @__PURE__ */ n("div", {
+		className: "validation-tooltip",
+		children: k.length > 0 ? /* @__PURE__ */ n("ul", {
+			className: "text-xs list-disc pl-4 py-1",
+			children: k.map((e, t) => /* @__PURE__ */ n("li", { children: e }, t))
+		}) : y ? /* @__PURE__ */ n("p", {
+			className: "text-xs py-1",
+			children: y
+		}) : null
+	});
+	return f || m || h || s === "password" ? f && p === "top" ? /* @__PURE__ */ r("div", {
+		className: `relative w-full ${_}`,
+		onMouseEnter: I,
+		onMouseLeave: L,
+		children: [
+			/* @__PURE__ */ n("span", {
+				className: "text-sm font-medium mb-1 block",
+				children: f
+			}),
+			/* @__PURE__ */ r("label", {
+				className: `${z} ${B} ${V} ${H} ${R} w-full flex items-center gap-2`,
+				children: [
+					m && /* @__PURE__ */ n("span", { children: m }),
+					/* @__PURE__ */ n("input", {
+						ref: j,
+						type: M,
+						placeholder: i,
+						value: a,
+						onChange: N,
+						disabled: u,
+						required: d,
+						className: "grow",
+						pattern: g
+					}),
+					s === "password" ? /* @__PURE__ */ n("span", {
+						className: "cursor-pointer opacity-70 hover:opacity-100",
+						onClick: F,
+						children: x ? /* @__PURE__ */ r("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							className: "h-5 w-5",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: [
+								/* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+								/* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
+								/* @__PURE__ */ n("path", { d: "M1 1l22 22" }),
+								/* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
+							]
+						}) : /* @__PURE__ */ r("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							className: "h-5 w-5",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							children: [/* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), /* @__PURE__ */ n("circle", {
+								cx: "12",
+								cy: "12",
+								r: "3"
+							})]
+						})
+					}) : h ? /* @__PURE__ */ n("span", { children: h }) : null
+				]
+			}),
+			v && y && !D && /* @__PURE__ */ n("p", {
+				className: "validator-hint text-xs mt-1 opacity-70",
+				children: y
+			}),
+			D && v && !T && /* @__PURE__ */ n("div", {
+				className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
+				children: W
+			})
+		]
+	}) : /* @__PURE__ */ r("div", {
+		className: `relative w-full ${_}`,
+		onMouseEnter: I,
+		onMouseLeave: L,
+		children: [
+			/* @__PURE__ */ r("label", {
+				className: `${z} ${B} ${V} ${H} ${R} w-full flex items-center gap-2`,
+				children: [
+					m && /* @__PURE__ */ n("span", { children: m }),
+					f && /* @__PURE__ */ n("span", { children: f }),
+					/* @__PURE__ */ n("input", {
+						ref: j,
+						type: M,
+						placeholder: i,
+						value: a,
+						onChange: N,
+						disabled: u,
+						required: d,
+						className: "grow",
+						pattern: g
+					}),
+					s === "password" && C && /* @__PURE__ */ n("span", {
+						className: "password-recent absolute right-10 font-mono",
+						children: C
+					}),
+					s === "password" ? /* @__PURE__ */ n("span", { children: U }) : h ? /* @__PURE__ */ n("span", { children: h }) : null
+				]
+			}),
+			v && y && !D && /* @__PURE__ */ n("p", {
+				className: "validator-hint text-xs mt-1 opacity-70",
+				children: y
+			}),
+			D && v && !T && /* @__PURE__ */ n("div", {
+				className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
+				children: W
+			})
+		]
+	}) : /* @__PURE__ */ r("div", {
+		className: `relative w-full ${_}`,
+		onMouseEnter: I,
+		onMouseLeave: L,
+		children: [
+			/* @__PURE__ */ n("input", {
+				ref: j,
+				type: M,
+				placeholder: i,
+				value: a,
+				onChange: N,
+				disabled: u,
+				required: d,
+				className: `${z} ${B} ${V} ${H} ${R} w-full`,
+				pattern: g
+			}),
+			v && y && !D && /* @__PURE__ */ n("p", {
+				className: "validator-hint text-xs mt-1 opacity-70",
+				children: y
+			}),
+			D && v && !T && /* @__PURE__ */ n("div", {
+				className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1",
+				children: W
+			})
+		]
+	});
 };
+//#endregion
+export { i as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nexport type InputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  type?: string;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  disabled?: boolean;\n  required?: boolean;\n  label?: string;\n  labelPosition?: 'inline' | 'top';\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  pattern?: string;\n  className?: string;\n  validator?: boolean;\n  validatorHint?: string;\n  validationRules?: {\n    pattern: RegExp;\n    message: string;\n  }[];\n};\n\nconst Input = ({\n  placeholder,\n  value,\n  onChange,\n  type = 'text',\n  variant,\n  size = 'sm',\n  disabled = false,\n  required = false,\n  label,\n  labelPosition = 'inline',\n  leftSection,\n  rightSection,\n  pattern,\n  className = '',\n  validator = false,\n  validatorHint,\n  validationRules = [],\n}: InputProps) => {\n  // 密码显示/隐藏状态\n  const [showPassword, setShowPassword] = useState(false);\n  // 追踪最近输入的字符\n  const [recentInput, setRecentInput] = useState('');\n  // 表单验证状态\n  const [isValid, setIsValid] = useState<boolean | null>(null);\n  // 显示验证提示\n  const [showValidationHint, setShowValidationHint] = useState(false);\n  // 验证失败的规则消息\n  const [failedRules, setFailedRules] = useState<string[]>([]);\n  \n  // 输入框引用，用于焦点和验证\n  const inputRef = useRef<HTMLInputElement>(null);\n  \n  // 确定实际使用的输入类型\n  const actualType = type === 'password' && showPassword ? 'text' : type;\n  \n  // 处理输入变化，包括密码字符延迟遮罩和验证\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    \n    // 处理密码输入的特殊效果\n    if (type === 'password' && newValue.length > (value || '').length) {\n      // 获取新输入的字符\n      const newChar = newValue.slice((value || '').length);\n      setRecentInput(newChar);\n      \n      // 设置定时器延迟清除最近输入的字符\n      setTimeout(() => {\n        setRecentInput('');\n      }, 1000); // 1秒后隐藏\n    }\n    \n    // 验证输入\n    if (validator && inputRef.current) {\n      validateInput(newValue);\n    }\n    \n    // 调用原始的onChange处理函数\n    if (onChange) {\n      onChange(e);\n    }\n  };\n  \n  // 验证输入值\n  const validateInput = (inputValue: string) => {\n    if (!inputRef.current) return;\n    \n    // 使用HTML5自带的验证\n    const isNativeValid = inputRef.current.checkValidity();\n    \n    // 检查自定义验证规则\n    const failedMessages: string[] = [];\n    \n    if (validationRules.length > 0) {\n      validationRules.forEach(rule => {\n        if (!rule.pattern.test(inputValue)) {\n          failedMessages.push(rule.message);\n        }\n      });\n    }\n    \n    setFailedRules(failedMessages);\n    setIsValid(isNativeValid && failedMessages.length === 0);\n  };\n  \n  // 切换密码显示/隐藏\n  const togglePasswordVisibility = () => {\n    setShowPassword(!showPassword);\n  };\n  \n  // 鼠标悬停事件处理\n  const handleMouseEnter = () => {\n    if (validator && !isValid) {\n      setShowValidationHint(true);\n    }\n  };\n  \n  const handleMouseLeave = () => {\n    setShowValidationHint(false);\n  };\n  \n  // 验证状态相关的类名\n  let validationStateClass = '';\n  if (validator && isValid !== null) {\n    validationStateClass = isValid ? 'input-success' : 'input-error';\n  }\n  \n  const baseClass = 'input';\n  const variantClass = variant && !validationStateClass ? `input-${variant}` : '';\n  const sizeClass = size ? `input-${size}` : '';\n  const validatorClass = validator ? 'validator' : '';\n  \n\n  // 密码可见性切换按钮\n  const passwordToggle = type === 'password' && (\n    <span \n      className=\"cursor-pointer opacity-70 hover:opacity-100\"\n      onClick={togglePasswordVisibility}\n    >\n      {showPassword ? (\n        // 眼睛关闭图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n          <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n          <path d=\"M1 1l22 22\" />\n          <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n        </svg>\n      ) : (\n        // 眼睛打开图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n          <circle cx=\"12\" cy=\"12\" r=\"3\" />\n        </svg>\n      )}\n    </span>\n  );\n  \n  // 构建验证提示悬浮框\n  const validationTooltip = (\n    <div className=\"validation-tooltip\">\n      {failedRules.length > 0 ? (\n        <ul className=\"text-xs list-disc pl-4 py-1\">\n          {failedRules.map((rule, index) => (\n            <li key={index}>{rule}</li>\n          ))}\n        </ul>\n      ) : validatorHint ? (\n        <p className=\"text-xs py-1\">{validatorHint}</p>\n      ) : null}\n    </div>\n  );\n\n  // 如果有label，则使用label作为容器\n  if (label || leftSection || rightSection || type === 'password') {\n    // labelPosition === 'top': label above the input field\n    if (label && labelPosition === 'top') {\n      return (\n        <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n          <span className=\"text-sm font-medium mb-1 block\">{label}</span>\n          <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n            {leftSection && <span>{leftSection}</span>}\n            <input\n              ref={inputRef}\n              type={actualType}\n              placeholder={placeholder}\n              value={value}\n              onChange={handleInputChange}\n              disabled={disabled}\n              required={required}\n              className=\"grow\"\n              pattern={pattern}\n            />\n            {type === 'password' ? (\n              <span className=\"cursor-pointer opacity-70 hover:opacity-100\" onClick={togglePasswordVisibility}>\n                {showPassword ? (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n                    <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n                    <path d=\"M1 1l22 22\" />\n                    <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n                  </svg>\n                ) : (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n                    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n                  </svg>\n                )}\n              </span>\n            ) : rightSection ? (\n              <span>{rightSection}</span>\n            ) : null}\n          </label>\n          {validator && validatorHint && !showValidationHint && (\n            <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n          )}\n          {showValidationHint && validator && !isValid && (\n            <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n              {validationTooltip}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    // Default: inline label\n    return (\n      <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n          {leftSection && <span>{leftSection}</span>}\n          {label && <span>{label}</span>}\n          <input\n            ref={inputRef}\n            type={actualType}\n            placeholder={placeholder}\n            value={value}\n            onChange={handleInputChange}\n            disabled={disabled}\n            required={required}\n            className=\"grow\"\n            pattern={pattern}\n          />\n          {/* 显示最近输入的字符，仅针对密码字段 */}\n          {type === 'password' && recentInput && (\n            <span className=\"password-recent absolute right-10 font-mono\">\n              {recentInput}\n            </span>\n          )}\n          {/* 加入密码切换按钮或其他右侧元素 */}\n          {type === 'password' ? (\n            <span>{passwordToggle}</span>\n          ) : rightSection ? (\n            <span>{rightSection}</span>\n          ) : null}\n        </label>\n        {validator && validatorHint && !showValidationHint && (\n          <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n        )}\n        {showValidationHint && validator && !isValid && (\n          <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n            {validationTooltip}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // 如果没有label，则直接返回input\n  return (\n    <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <input\n        ref={inputRef}\n        type={actualType}\n        placeholder={placeholder}\n        value={value}\n        onChange={handleInputChange}\n        disabled={disabled}\n        required={required}\n        className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full`}\n        pattern={pattern}\n      />\n      {validator && validatorHint && !showValidationHint && (\n        <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n      )}\n      {showValidationHint && validator && !isValid && (\n        <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n          {validationTooltip}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Input; "],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nexport type InputProps = {\n  placeholder?: string;\n  value?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  type?: string;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  disabled?: boolean;\n  required?: boolean;\n  label?: string;\n  labelPosition?: 'inline' | 'top';\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  pattern?: string;\n  className?: string;\n  validator?: boolean;\n  validatorHint?: string;\n  validationRules?: {\n    pattern: RegExp;\n    message: string;\n  }[];\n};\n\nconst Input = ({\n  placeholder,\n  value,\n  onChange,\n  type = 'text',\n  variant,\n  size = 'sm',\n  disabled = false,\n  required = false,\n  label,\n  labelPosition = 'inline',\n  leftSection,\n  rightSection,\n  pattern,\n  className = '',\n  validator = false,\n  validatorHint,\n  validationRules = [],\n}: InputProps) => {\n  // 密码显示/隐藏状态\n  const [showPassword, setShowPassword] = useState(false);\n  // 追踪最近输入的字符\n  const [recentInput, setRecentInput] = useState('');\n  // 表单验证状态\n  const [isValid, setIsValid] = useState<boolean | null>(null);\n  // 显示验证提示\n  const [showValidationHint, setShowValidationHint] = useState(false);\n  // 验证失败的规则消息\n  const [failedRules, setFailedRules] = useState<string[]>([]);\n  \n  // 输入框引用，用于焦点和验证\n  const inputRef = useRef<HTMLInputElement>(null);\n  \n  // 确定实际使用的输入类型\n  const actualType = type === 'password' && showPassword ? 'text' : type;\n  \n  // 处理输入变化，包括密码字符延迟遮罩和验证\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    \n    // 处理密码输入的特殊效果\n    if (type === 'password' && newValue.length > (value || '').length) {\n      // 获取新输入的字符\n      const newChar = newValue.slice((value || '').length);\n      setRecentInput(newChar);\n      \n      // 设置定时器延迟清除最近输入的字符\n      setTimeout(() => {\n        setRecentInput('');\n      }, 1000); // 1秒后隐藏\n    }\n    \n    // 验证输入\n    if (validator && inputRef.current) {\n      validateInput(newValue);\n    }\n    \n    // 调用原始的onChange处理函数\n    if (onChange) {\n      onChange(e);\n    }\n  };\n  \n  // 验证输入值\n  const validateInput = (inputValue: string) => {\n    if (!inputRef.current) return;\n    \n    // 使用HTML5自带的验证\n    const isNativeValid = inputRef.current.checkValidity();\n    \n    // 检查自定义验证规则\n    const failedMessages: string[] = [];\n    \n    if (validationRules.length > 0) {\n      validationRules.forEach(rule => {\n        if (!rule.pattern.test(inputValue)) {\n          failedMessages.push(rule.message);\n        }\n      });\n    }\n    \n    setFailedRules(failedMessages);\n    setIsValid(isNativeValid && failedMessages.length === 0);\n  };\n  \n  // 切换密码显示/隐藏\n  const togglePasswordVisibility = () => {\n    setShowPassword(!showPassword);\n  };\n  \n  // 鼠标悬停事件处理\n  const handleMouseEnter = () => {\n    if (validator && !isValid) {\n      setShowValidationHint(true);\n    }\n  };\n  \n  const handleMouseLeave = () => {\n    setShowValidationHint(false);\n  };\n  \n  // 验证状态相关的类名\n  let validationStateClass = '';\n  if (validator && isValid !== null) {\n    validationStateClass = isValid ? 'input-success' : 'input-error';\n  }\n  \n  const baseClass = 'input';\n  const variantClass = variant && !validationStateClass ? `input-${variant}` : '';\n  const sizeClass = size ? `input-${size}` : '';\n  const validatorClass = validator ? 'validator' : '';\n  \n\n  // 密码可见性切换按钮\n  const passwordToggle = type === 'password' && (\n    <span \n      className=\"cursor-pointer opacity-70 hover:opacity-100\"\n      onClick={togglePasswordVisibility}\n    >\n      {showPassword ? (\n        // 眼睛关闭图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n          <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n          <path d=\"M1 1l22 22\" />\n          <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n        </svg>\n      ) : (\n        // 眼睛打开图标\n        <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n          <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n          <circle cx=\"12\" cy=\"12\" r=\"3\" />\n        </svg>\n      )}\n    </span>\n  );\n  \n  // 构建验证提示悬浮框\n  const validationTooltip = (\n    <div className=\"validation-tooltip\">\n      {failedRules.length > 0 ? (\n        <ul className=\"text-xs list-disc pl-4 py-1\">\n          {failedRules.map((rule, index) => (\n            <li key={index}>{rule}</li>\n          ))}\n        </ul>\n      ) : validatorHint ? (\n        <p className=\"text-xs py-1\">{validatorHint}</p>\n      ) : null}\n    </div>\n  );\n\n  // 如果有label，则使用label作为容器\n  if (label || leftSection || rightSection || type === 'password') {\n    // labelPosition === 'top': label above the input field\n    if (label && labelPosition === 'top') {\n      return (\n        <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n          <span className=\"text-sm font-medium mb-1 block\">{label}</span>\n          <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n            {leftSection && <span>{leftSection}</span>}\n            <input\n              ref={inputRef}\n              type={actualType}\n              placeholder={placeholder}\n              value={value}\n              onChange={handleInputChange}\n              disabled={disabled}\n              required={required}\n              className=\"grow\"\n              pattern={pattern}\n            />\n            {type === 'password' ? (\n              <span className=\"cursor-pointer opacity-70 hover:opacity-100\" onClick={togglePasswordVisibility}>\n                {showPassword ? (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94\" />\n                    <path d=\"M14.12 14.12a3 3 0 1 1-4.24-4.24\" />\n                    <path d=\"M1 1l22 22\" />\n                    <path d=\"M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19\" />\n                  </svg>\n                ) : (\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n                    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n                    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n                  </svg>\n                )}\n              </span>\n            ) : rightSection ? (\n              <span>{rightSection}</span>\n            ) : null}\n          </label>\n          {validator && validatorHint && !showValidationHint && (\n            <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n          )}\n          {showValidationHint && validator && !isValid && (\n            <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n              {validationTooltip}\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    // Default: inline label\n    return (\n      <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        <label className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full flex items-center gap-2`}>\n          {leftSection && <span>{leftSection}</span>}\n          {label && <span>{label}</span>}\n          <input\n            ref={inputRef}\n            type={actualType}\n            placeholder={placeholder}\n            value={value}\n            onChange={handleInputChange}\n            disabled={disabled}\n            required={required}\n            className=\"grow\"\n            pattern={pattern}\n          />\n          {/* 显示最近输入的字符，仅针对密码字段 */}\n          {type === 'password' && recentInput && (\n            <span className=\"password-recent absolute right-10 font-mono\">\n              {recentInput}\n            </span>\n          )}\n          {/* 加入密码切换按钮或其他右侧元素 */}\n          {type === 'password' ? (\n            <span>{passwordToggle}</span>\n          ) : rightSection ? (\n            <span>{rightSection}</span>\n          ) : null}\n        </label>\n        {validator && validatorHint && !showValidationHint && (\n          <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n        )}\n        {showValidationHint && validator && !isValid && (\n          <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n            {validationTooltip}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // 如果没有label，则直接返回input\n  return (\n    <div className={`relative w-full ${className}`} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n      <input\n        ref={inputRef}\n        type={actualType}\n        placeholder={placeholder}\n        value={value}\n        onChange={handleInputChange}\n        disabled={disabled}\n        required={required}\n        className={`${baseClass} ${variantClass} ${sizeClass} ${validatorClass} ${validationStateClass} w-full`}\n        pattern={pattern}\n      />\n      {validator && validatorHint && !showValidationHint && (\n        <p className=\"validator-hint text-xs mt-1 opacity-70\">{validatorHint}</p>\n      )}\n      {showValidationHint && validator && !isValid && (\n        <div className=\"absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1\">\n          {validationTooltip}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Input; "],"mappings":"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"}