dishui 0.0.64 → 0.0.66

package/dist/components/MultipleChoice/index.js

@@ -0,0 +1,52 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "../Checkbox/index.js";
+import { useCallback as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/MultipleChoice/index.tsx
+var s = ({ options: s, value: c, defaultValue: l = [], onChange: u, orientation: d = "vertical", variant: f = "default", size: p = "sm", disabled: m = !1, maxSelected: h, label: g, name: _, className: v = "", style: y }) => {
+	let [b, x] = i(l), S = c !== void 0, C = r(() => new Set(S ? c : b), [
+		S,
+		c,
+		b
+	]), w = n((e, t) => {
+		let n = Array.from(C), r = t ? [...n, e] : n.filter((t) => t !== e);
+		S || x(r), u?.(r);
+	}, [
+		C,
+		S,
+		u
+	]), T = n((e, t) => {
+		t && h !== void 0 && C.size >= h || w(e, t);
+	}, [
+		w,
+		h,
+		C
+	]);
+	return /* @__PURE__ */ o("div", {
+		className: e("w-full", v),
+		style: y,
+		children: [g !== void 0 && /* @__PURE__ */ a("div", {
+			className: "mb-1.5 text-sm font-medium text-base-content/80",
+			children: g
+		}), /* @__PURE__ */ a("div", {
+			className: e("gap-2", d === "horizontal" ? "flex flex-wrap items-center" : "flex flex-col"),
+			role: "group",
+			children: s.map((e) => {
+				let n = C.has(e.value), r = m || e.disabled;
+				return /* @__PURE__ */ a(t, {
+					label: e.label,
+					checked: n,
+					onChange: (t) => T(e.value, t),
+					variant: f === "default" ? "default" : f,
+					size: p,
+					disabled: r,
+					name: _
+				}, String(e.value));
+			})
+		})]
+	});
+};
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/MultipleChoice/index.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport Checkbox from '../Checkbox';\n\nexport type MultipleChoiceOption = {\n  /** Value submitted for this option. */\n  value: string | number;\n  /** Display label. */\n  label: React.ReactNode;\n  /** Disable this option only. */\n  disabled?: boolean;\n};\n\nexport type MultipleChoiceVariant =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error';\n\nexport type MultipleChoiceProps = {\n  /** Available options. */\n  options: MultipleChoiceOption[];\n  /** Controlled selected values. */\n  value?: Array<string | number>;\n  /** Uncontrolled initial selection. */\n  defaultValue?: Array<string | number>;\n  /** Change handler with the full selected-value array. */\n  onChange?: (values: Array<string | number>) => void;\n  /** Layout of the options. */\n  orientation?: 'vertical' | 'horizontal';\n  /** Color variant forwarded to each checkbox. */\n  variant?: MultipleChoiceVariant;\n  /** Size forwarded to each checkbox. */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /** Disable the whole group. */\n  disabled?: boolean;\n  /** Limit the number of selectable options. */\n  maxSelected?: number;\n  /** Optional group label rendered above the options. */\n  label?: React.ReactNode;\n  /** Native name attribute for each checkbox. */\n  name?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n  /** Inline styles on the wrapper. */\n  style?: React.CSSProperties;\n};\n\n/**\n * MultipleChoice —— A2UI 交互组件（v0.8）：多选项组。\n * 基于 dishui Checkbox 的受控 / 非受控多选组，支持横竖排与最大选择数限制。\n */\nconst MultipleChoice: React.FC<MultipleChoiceProps> = ({\n  options,\n  value,\n  defaultValue = [],\n  onChange,\n  orientation = 'vertical',\n  variant = 'default',\n  size = 'sm',\n  disabled = false,\n  maxSelected,\n  label,\n  name,\n  className = '',\n  style,\n}) => {\n  const [internal, setInternal] = useState<Array<string | number>>(defaultValue);\n  const isControlled = value !== undefined;\n  const selected = useMemo(\n    () => new Set<string | number>(isControlled ? (value as Array<string | number>) : internal),\n    [isControlled, value, internal],\n  );\n\n  const toggle = useCallback(\n    (optionValue: string | number, next: boolean) => {\n      const base = Array.from(selected);\n      const result = next ? [...base, optionValue] : base.filter((v) => v !== optionValue);\n      if (!isControlled) setInternal(result);\n      onChange?.(result);\n    },\n    [selected, isControlled, onChange],\n  );\n\n  const handleToggle = useCallback(\n    (optionValue: string | number, next: boolean) => {\n      // Enforce maxSelected only when turning a new option ON.\n      if (next && maxSelected !== undefined && selected.size >= maxSelected) return;\n      toggle(optionValue, next);\n    },\n    [toggle, maxSelected, selected],\n  );\n\n  return (\n    <div className={cn('w-full', className)} style={style}>\n      {label !== undefined && (\n        <div className=\"mb-1.5 text-sm font-medium text-base-content/80\">{label}</div>\n      )}\n      <div\n        className={cn(\n          'gap-2',\n          orientation === 'horizontal' ? 'flex flex-wrap items-center' : 'flex flex-col',\n        )}\n        role=\"group\"\n      >\n        {options.map((option) => {\n          const checked = selected.has(option.value);\n          const optionDisabled = disabled || option.disabled;\n          return (\n            <Checkbox\n              key={String(option.value)}\n              label={option.label}\n              checked={checked}\n              onChange={(next) => handleToggle(option.value, next)}\n              variant={variant === 'default' ? 'default' : variant}\n              size={size}\n              disabled={optionDisabled}\n              name={name}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default MultipleChoice;\n"],"mappings":";;;;;AAwDA,IAAM,KAAiD,EACrD,YACA,UACA,kBAAe,CAAC,GAChB,aACA,iBAAc,YACd,aAAU,WACV,UAAO,MACP,cAAW,IACX,gBACA,UACA,SACA,eAAY,IACZ,eACI;CACJ,IAAM,CAAC,GAAU,KAAe,EAAiC,CAAY,GACvE,IAAe,MAAU,KAAA,GACzB,IAAW,QACT,IAAI,IAAqB,IAAgB,IAAmC,CAAQ,GAC1F;EAAC;EAAc;EAAO;CAAQ,CAChC,GAEM,IAAS,GACZ,GAA8B,MAAkB;EAC/C,IAAM,IAAO,MAAM,KAAK,CAAQ,GAC1B,IAAS,IAAO,CAAC,GAAG,GAAM,CAAW,IAAI,EAAK,QAAQ,MAAM,MAAM,CAAW;EAEnF,AADK,KAAc,EAAY,CAAM,GACrC,IAAW,CAAM;CACnB,GACA;EAAC;EAAU;EAAc;CAAQ,CACnC,GAEM,IAAe,GAClB,GAA8B,MAAkB;EAE3C,KAAQ,MAAgB,KAAA,KAAa,EAAS,QAAQ,KAC1D,EAAO,GAAa,CAAI;CAC1B,GACA;EAAC;EAAQ;EAAa;CAAQ,CAChC;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,CAAS;EAAU;EAAhD,UAAA,CACG,MAAU,KAAA,KACT,kBAAC,OAAD;GAAK,WAAU;GAAmD,UAAA;EAAW,CAAA,GAE/E,kBAAC,OAAD;GACE,WAAW,EACT,SACA,MAAgB,eAAe,gCAAgC,eACjE;GACA,MAAK;GAEJ,UAAA,EAAQ,KAAK,MAAW;IACvB,IAAM,IAAU,EAAS,IAAI,EAAO,KAAK,GACnC,IAAiB,KAAY,EAAO;IAC1C,OACE,kBAAC,GAAD;KAEE,OAAO,EAAO;KACL;KACT,WAAW,MAAS,EAAa,EAAO,OAAO,CAAI;KACnD,SAAS,MAAY,YAAY,YAAY;KACvC;KACN,UAAU;KACJ;IACP,GARM,OAAO,EAAO,KAAK,CAQzB;GAEL,CAAC;EACE,CAAA,CACF;;AAET"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export type NotificationProps = {
+    children?: React.ReactNode;
+    title?: React.ReactNode;
+    /** Semantic tone (daisy `alert-*`). */
+    variant?: 'info' | 'success' | 'warning' | 'error' | 'neutral';
+    onClose?: () => void;
+    className?: string;
+    /**
+     * When set, the alert is wrapped in a daisy `toast` with placement classes,
+     * e.g. `toast-top toast-end` (default) or `toast-bottom toast-center`.
+     */
+    placement?: string | null;
+    closeLabel?: string;
+};
+declare const Notification: React.FC<NotificationProps>;
+export default Notification;

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

@@ -0,0 +1,58 @@
+import React from 'react';
+import { PageHeaderProps } from '../PageHeader';
+/**
+ * Page 布局脚手架
+ * ----------------------------------------------------------------------------
+ * 为管理后台等页面提供统一的「页头 + 主体 + 左右侧栏」骨架，配合 PageHeader、
+ * StatCard 等组件使用。所有区域都是可选的，可按需组合。
+ *
+ * 典型结构：
+ *   <Page fullHeight>
+ *     <Page.Header title="用户管理" actions={<Button>新建</Button>} />
+ *     <Page.Body scroll>
+ *       <Page.Left width={240}>筛选器</Page.Left>
+ *       <Page.Main scroll>主内容</Page.Main>
+ *       <Page.Right width={320}>详情</Page.Right>
+ *     </Page.Body>
+ *   </Page>
+ */
+export type PageProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** 是否占满父容器高度并启用内部滚动（主体区滚动，页头固定） */
+    fullHeight?: boolean;
+};
+export type PageBodyProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** 主体内的间距（left/main/right 之间），数字按 px 处理，默认 16 */
+    gap?: number | string;
+    /** 是否让主体区在剩余空间内滚动（配合 Page fullHeight 使用） */
+    scroll?: boolean;
+};
+export type PageAsideProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** 侧栏宽度，数字按 px 处理，默认 260 */
+    width?: number | string;
+    /** 是否显示分隔边框 */
+    bordered?: boolean;
+    /** 侧栏内部纵向滚动自适应 */
+    scroll?: boolean;
+    /** 小屏（<768px）下是否隐藏（侧栏通常在移动端折叠） */
+    hideOnMobile?: boolean;
+};
+export type PageMainProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** 主内容区是否在剩余空间内纵向滚动 */
+    scroll?: boolean;
+};
+/** 页头：直接复用 PageHeader，作为 Page.Header 使用 */
+declare const PageHeaderSlot: (props: PageHeaderProps) => React.JSX.Element;
+declare const PageBody: ({ gap, scroll, className, style, children, ...rest }: PageBodyProps) => React.JSX.Element;
+declare const PageLeft: ({ width, bordered, scroll, hideOnMobile, className, style, children, ...rest }: PageAsideProps) => React.JSX.Element;
+declare const PageRight: ({ width, bordered, scroll, hideOnMobile, className, style, children, ...rest }: PageAsideProps) => React.JSX.Element;
+declare const PageMain: ({ scroll, className, children, ...rest }: PageMainProps) => React.JSX.Element;
+interface PageCompound extends React.FC<PageProps> {
+    Header: typeof PageHeaderSlot;
+    Body: typeof PageBody;
+    Left: typeof PageLeft;
+    Right: typeof PageRight;
+    Main: typeof PageMain;
+}
+declare const PageWithCompounds: PageCompound;
+export { PageBody, PageLeft, PageRight, PageMain };
+export default PageWithCompounds;

package/dist/components/Page/index.js

@@ -0,0 +1,43 @@
+import { cn as e } from "../../utils/cn.js";
+import t from "../PageHeader/index.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Page/index.tsx
+var r = (e) => typeof e == "number" ? `${e}px` : e, i = ({ fullHeight: t = !1, className: r = "", children: i, ...a }) => /* @__PURE__ */ n("div", {
+	className: e("dishui-page flex w-full flex-col", t && "h-full min-h-0", r),
+	...a,
+	children: i
+}), a = (e) => /* @__PURE__ */ n(t, { ...e }), o = ({ gap: t = 16, scroll: i = !1, className: a = "", style: o, children: s, ...c }) => /* @__PURE__ */ n("div", {
+	className: e("dishui-page-body flex w-full flex-col md:flex-row", i && "min-h-0 flex-1", a),
+	style: {
+		gap: r(t),
+		...o
+	},
+	...c,
+	children: s
+}), s = ({ width: t = 260, bordered: i = !0, scroll: a = !0, hideOnMobile: o = !1, className: s = "", style: c, children: l, ...u }) => /* @__PURE__ */ n("aside", {
+	className: e("dishui-page-left w-full shrink-0 md:w-(--dishui-aside-w)", i && "md:border-r md:border-base-300 md:pr-4", a && "md:min-h-0 md:overflow-y-auto", o && "hidden md:block", s),
+	style: {
+		"--dishui-aside-w": r(t),
+		...c
+	},
+	...u,
+	children: l
+}), c = ({ width: t = 320, bordered: i = !0, scroll: a = !0, hideOnMobile: o = !1, className: s = "", style: c, children: l, ...u }) => /* @__PURE__ */ n("aside", {
+	className: e("dishui-page-right w-full shrink-0 md:w-(--dishui-aside-w)", i && "md:border-l md:border-base-300 md:pl-4", a && "md:min-h-0 md:overflow-y-auto", o && "hidden md:block", s),
+	style: {
+		"--dishui-aside-w": r(t),
+		...c
+	},
+	...u,
+	children: l
+}), l = ({ scroll: t = !1, className: r = "", children: i, ...a }) => /* @__PURE__ */ n("main", {
+	className: e("dishui-page-main min-w-0 flex-1", t && "min-h-0 overflow-y-auto", r),
+	...a,
+	children: i
+}), u = i;
+u.Header = a, u.Body = o, u.Left = s, u.Right = c, u.Main = l;
+//#endregion
+export { o as PageBody, s as PageLeft, l as PageMain, c as PageRight, u as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Page/index.tsx"],"sourcesContent":["import React from 'react';\nimport PageHeader, { PageHeaderProps } from '../PageHeader';\nimport { cn } from '../../utils/cn';\n\n/**\n * Page 布局脚手架\n * ----------------------------------------------------------------------------\n * 为管理后台等页面提供统一的「页头 + 主体 + 左右侧栏」骨架，配合 PageHeader、\n * StatCard 等组件使用。所有区域都是可选的，可按需组合。\n *\n * 典型结构：\n *   <Page fullHeight>\n *     <Page.Header title=\"用户管理\" actions={<Button>新建</Button>} />\n *     <Page.Body scroll>\n *       <Page.Left width={240}>筛选器</Page.Left>\n *       <Page.Main scroll>主内容</Page.Main>\n *       <Page.Right width={320}>详情</Page.Right>\n *     </Page.Body>\n *   </Page>\n */\n\nexport type PageProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** 是否占满父容器高度并启用内部滚动（主体区滚动，页头固定） */\n    fullHeight?: boolean;\n};\n\nexport type PageBodyProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** 主体内的间距（left/main/right 之间），数字按 px 处理，默认 16 */\n    gap?: number | string;\n    /** 是否让主体区在剩余空间内滚动（配合 Page fullHeight 使用） */\n    scroll?: boolean;\n};\n\nexport type PageAsideProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** 侧栏宽度，数字按 px 处理，默认 260 */\n    width?: number | string;\n    /** 是否显示分隔边框 */\n    bordered?: boolean;\n    /** 侧栏内部纵向滚动自适应 */\n    scroll?: boolean;\n    /** 小屏（<768px）下是否隐藏（侧栏通常在移动端折叠） */\n    hideOnMobile?: boolean;\n};\n\nexport type PageMainProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** 主内容区是否在剩余空间内纵向滚动 */\n    scroll?: boolean;\n};\n\nconst toCssSize = (value: number | string | undefined): string | undefined =>\n    typeof value === 'number' ? `${value}px` : value;\n\nconst Page = ({ fullHeight = false, className = '', children, ...rest }: PageProps) => (\n    <div\n        className={cn(\n            'dishui-page flex w-full flex-col',\n            fullHeight && 'h-full min-h-0',\n            className,\n        )}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n\n/** 页头：直接复用 PageHeader，作为 Page.Header 使用 */\nconst PageHeaderSlot = (props: PageHeaderProps) => <PageHeader {...props} />;\n\nconst PageBody = ({ gap = 16, scroll = false, className = '', style, children, ...rest }: PageBodyProps) => (\n    <div\n        className={cn(\n            'dishui-page-body flex w-full flex-col md:flex-row',\n            scroll && 'min-h-0 flex-1',\n            className,\n        )}\n        style={{ gap: toCssSize(gap), ...style }}\n        {...rest}\n    >\n        {children}\n    </div>\n);\n\nconst PageLeft = ({\n    width = 260,\n    bordered = true,\n    scroll = true,\n    hideOnMobile = false,\n    className = '',\n    style,\n    children,\n    ...rest\n}: PageAsideProps) => (\n    <aside\n        className={cn(\n            'dishui-page-left w-full shrink-0 md:w-(--dishui-aside-w)',\n            bordered && 'md:border-r md:border-base-300 md:pr-4',\n            scroll && 'md:min-h-0 md:overflow-y-auto',\n            hideOnMobile && 'hidden md:block',\n            className,\n        )}\n        style={{ ['--dishui-aside-w' as string]: toCssSize(width), ...style }}\n        {...rest}\n    >\n        {children}\n    </aside>\n);\n\nconst PageRight = ({\n    width = 320,\n    bordered = true,\n    scroll = true,\n    hideOnMobile = false,\n    className = '',\n    style,\n    children,\n    ...rest\n}: PageAsideProps) => (\n    <aside\n        className={cn(\n            'dishui-page-right w-full shrink-0 md:w-(--dishui-aside-w)',\n            bordered && 'md:border-l md:border-base-300 md:pl-4',\n            scroll && 'md:min-h-0 md:overflow-y-auto',\n            hideOnMobile && 'hidden md:block',\n            className,\n        )}\n        style={{ ['--dishui-aside-w' as string]: toCssSize(width), ...style }}\n        {...rest}\n    >\n        {children}\n    </aside>\n);\n\nconst PageMain = ({ scroll = false, className = '', children, ...rest }: PageMainProps) => (\n    <main\n        className={cn(\n            'dishui-page-main min-w-0 flex-1',\n            scroll && 'min-h-0 overflow-y-auto',\n            className,\n        )}\n        {...rest}\n    >\n        {children}\n    </main>\n);\n\ninterface PageCompound extends React.FC<PageProps> {\n    Header: typeof PageHeaderSlot;\n    Body: typeof PageBody;\n    Left: typeof PageLeft;\n    Right: typeof PageRight;\n    Main: typeof PageMain;\n}\n\nconst PageWithCompounds = Page as PageCompound;\nPageWithCompounds.Header = PageHeaderSlot;\nPageWithCompounds.Body = PageBody;\nPageWithCompounds.Left = PageLeft;\nPageWithCompounds.Right = PageRight;\nPageWithCompounds.Main = PageMain;\n\nexport { PageBody, PageLeft, PageRight, PageMain };\nexport default PageWithCompounds;\n"],"mappings":";;;;;AAiDA,IAAM,KAAa,MACf,OAAO,KAAU,WAAW,GAAG,EAAM,MAAM,GAEzC,KAAQ,EAAE,gBAAa,IAAO,eAAY,IAAI,aAAU,GAAG,QAC7D,kBAAC,OAAD;CACI,WAAW,EACP,oCACA,KAAc,kBACd,CACJ;CACA,GAAI;CAEH;AACA,CAAA,GAIH,KAAkB,MAA2B,kBAAC,GAAD,EAAY,GAAI,EAAQ,CAAA,GAErE,KAAY,EAAE,SAAM,IAAI,YAAS,IAAO,eAAY,IAAI,UAAO,aAAU,GAAG,QAC9E,kBAAC,OAAD;CACI,WAAW,EACP,qDACA,KAAU,kBACV,CACJ;CACA,OAAO;EAAE,KAAK,EAAU,CAAG;EAAG,GAAG;CAAM;CACvC,GAAI;CAEH;AACA,CAAA,GAGH,KAAY,EACd,WAAQ,KACR,cAAW,IACX,YAAS,IACT,kBAAe,IACf,eAAY,IACZ,UACA,aACA,GAAG,QAEH,kBAAC,SAAD;CACI,WAAW,EACP,4DACA,KAAY,0CACZ,KAAU,iCACV,KAAgB,mBAChB,CACJ;CACA,OAAO;EAAG,oBAA+B,EAAU,CAAK;EAAG,GAAG;CAAM;CACpE,GAAI;CAEH;AACE,CAAA,GAGL,KAAa,EACf,WAAQ,KACR,cAAW,IACX,YAAS,IACT,kBAAe,IACf,eAAY,IACZ,UACA,aACA,GAAG,QAEH,kBAAC,SAAD;CACI,WAAW,EACP,6DACA,KAAY,0CACZ,KAAU,iCACV,KAAgB,mBAChB,CACJ;CACA,OAAO;EAAG,oBAA+B,EAAU,CAAK;EAAG,GAAG;CAAM;CACpE,GAAI;CAEH;AACE,CAAA,GAGL,KAAY,EAAE,YAAS,IAAO,eAAY,IAAI,aAAU,GAAG,QAC7D,kBAAC,QAAD;CACI,WAAW,EACP,mCACA,KAAU,2BACV,CACJ;CACA,GAAI;CAEH;AACC,CAAA,GAWJ,IAAoB;AAC1B,EAAkB,SAAS,GAC3B,EAAkB,OAAO,GACzB,EAAkB,OAAO,GACzB,EAAkB,QAAQ,GAC1B,EAAkB,OAAO"}

package/dist/components/PageHeader/index.js

@@ -1,32 +1,32 @@
 import "react";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-var f = ({ title: i, description: a, icon: r, actions: l, compact: t = !0, className: n = "" }) => {
-  const m = t ? "text-lg" : "text-2xl", c = t ? "[&>svg]:h-5 [&>svg]:w-5" : "[&>svg]:h-6 [&>svg]:w-6";
-  return /* @__PURE__ */ s("div", {
-    className: `flex flex-wrap items-start justify-between gap-3 ${t ? "mb-5" : "mb-8"} ${n}`.trim(),
-    children: [/* @__PURE__ */ s("div", {
-      className: "min-w-0",
-      children: [/* @__PURE__ */ s("div", {
-        className: "flex items-center gap-2.5",
-        children: [r && /* @__PURE__ */ e("span", {
-          className: `shrink-0 text-primary ${c}`,
-          children: r
-        }), /* @__PURE__ */ e("h1", {
-          className: `truncate font-bold text-base-content ${m}`,
-          children: i
-        })]
-      }), a && /* @__PURE__ */ e("p", {
-        className: "mt-0.5 text-xs text-base-content/60",
-        children: a
-      })]
-    }), l && /* @__PURE__ */ e("div", {
-      className: "flex shrink-0 items-center gap-2",
-      children: l
-    })]
-  });
-};
-export {
-  f as default
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/PageHeader/index.tsx
+var n = ({ title: n, description: r, icon: i, actions: a, compact: o = !0, className: s = "" }) => {
+	let c = o ? "text-lg" : "text-2xl", l = o ? "[&>svg]:h-5 [&>svg]:w-5" : "[&>svg]:h-6 [&>svg]:w-6";
+	return /* @__PURE__ */ t("div", {
+		className: `flex flex-wrap items-start justify-between gap-3 ${o ? "mb-5" : "mb-8"} ${s}`.trim(),
+		children: [/* @__PURE__ */ t("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ t("div", {
+				className: "flex items-center gap-2.5",
+				children: [i && /* @__PURE__ */ e("span", {
+					className: `shrink-0 text-primary ${l}`,
+					children: i
+				}), /* @__PURE__ */ e("h1", {
+					className: `truncate font-bold text-base-content ${c}`,
+					children: n
+				})]
+			}), r && /* @__PURE__ */ e("p", {
+				className: "mt-0.5 text-xs text-base-content/60",
+				children: r
+			})]
+		}), a && /* @__PURE__ */ e("div", {
+			className: "flex shrink-0 items-center gap-2",
+			children: a
+		})]
+	});
 };
+//#endregion
+export { n as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/PageHeader/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type PageHeaderProps = {\n    /** 页面标题 */\n    title: React.ReactNode;\n    /** 标题下方的描述文字 */\n    description?: React.ReactNode;\n    /** 标题左侧的图标（通常为 lucide 图标） */\n    icon?: React.ReactNode;\n    /** 右侧操作区（按钮组等） */\n    actions?: React.ReactNode;\n    /** 紧凑模式：标题与间距更小 */\n    compact?: boolean;\n    className?: string;\n};\n\n/**\n * 页面头部：统一管理后台等页面的标题 / 描述 / 操作区排版。\n * 相比页面内手写的 `text-3xl` 标题，默认字号更精致（text-lg）。\n */\nconst PageHeader = ({\n    title,\n    description,\n    icon,\n    actions,\n    compact = true,\n    className = '',\n}: PageHeaderProps) => {\n    const titleSize = compact ? 'text-lg' : 'text-2xl';\n    const iconSize = compact ? '[&>svg]:h-5 [&>svg]:w-5' : '[&>svg]:h-6 [&>svg]:w-6';\n    const spacing = compact ? 'mb-5' : 'mb-8';\n\n    return (\n        <div className={`flex flex-wrap items-start justify-between gap-3 ${spacing} ${className}`.trim()}>\n            <div className=\"min-w-0\">\n                <div className=\"flex items-center gap-2.5\">\n                    {icon && (\n                        <span className={`shrink-0 text-primary ${iconSize}`}>{icon}</span>\n                    )}\n                    <h1 className={`truncate font-bold text-base-content ${titleSize}`}>{title}</h1>\n                </div>\n                {description && (\n                    <p className=\"mt-0.5 text-xs text-base-content/60\">{description}</p>\n                )}\n            </div>\n            {actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n        </div>\n    );\n};\n\nexport default PageHeader;\n"],"mappings":";;AAoBA,IAAM,IAAA,CAAc,EAChB,OAAA,GACA,aAAA,GACA,MAAA,GACA,SAAA,GACA,SAAA,IAAU,IACV,WAAA,IAAY,GAAA,MACO;AACnB,QAAM,IAAY,IAAU,YAAY,YAClC,IAAW,IAAU,4BAA4B;AAGvD,SACI,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,oDAHJ,IAAU,SAAS,MAAA,IAGgD,CAAA,GAAY,KAAK;AAAA,cAAhG,CACI,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAf,CACI,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACK,KACG,gBAAA,EAAC,QAAD;AAAA,UAAM,WAAW,yBAAyB,CAAA;AAAA,oBAAa;AAAA,QAAW,CAAA,GAEtE,gBAAA,EAAC,MAAD;AAAA,UAAI,WAAW,wCAAwC,CAAA;AAAA,oBAAc;AAAA,QAAU,CAAA,CAC9E;AAAA,UACJ,KACG,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,kBAAuC;AAAA,MAAe,CAAA,CAEtE;AAAA,QACJ,KAAW,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAoC;AAAA,IAAa,CAAA,CAC3E;AAAA;AAEb"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/PageHeader/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type PageHeaderProps = {\n    /** 页面标题 */\n    title: React.ReactNode;\n    /** 标题下方的描述文字 */\n    description?: React.ReactNode;\n    /** 标题左侧的图标（通常为 lucide 图标） */\n    icon?: React.ReactNode;\n    /** 右侧操作区（按钮组等） */\n    actions?: React.ReactNode;\n    /** 紧凑模式：标题与间距更小 */\n    compact?: boolean;\n    className?: string;\n};\n\n/**\n * 页面头部：统一管理后台等页面的标题 / 描述 / 操作区排版。\n * 相比页面内手写的 `text-3xl` 标题，默认字号更精致（text-lg）。\n */\nconst PageHeader = ({\n    title,\n    description,\n    icon,\n    actions,\n    compact = true,\n    className = '',\n}: PageHeaderProps) => {\n    const titleSize = compact ? 'text-lg' : 'text-2xl';\n    const iconSize = compact ? '[&>svg]:h-5 [&>svg]:w-5' : '[&>svg]:h-6 [&>svg]:w-6';\n    const spacing = compact ? 'mb-5' : 'mb-8';\n\n    return (\n        <div className={`flex flex-wrap items-start justify-between gap-3 ${spacing} ${className}`.trim()}>\n            <div className=\"min-w-0\">\n                <div className=\"flex items-center gap-2.5\">\n                    {icon && (\n                        <span className={`shrink-0 text-primary ${iconSize}`}>{icon}</span>\n                    )}\n                    <h1 className={`truncate font-bold text-base-content ${titleSize}`}>{title}</h1>\n                </div>\n                {description && (\n                    <p className=\"mt-0.5 text-xs text-base-content/60\">{description}</p>\n                )}\n            </div>\n            {actions && <div className=\"flex shrink-0 items-center gap-2\">{actions}</div>}\n        </div>\n    );\n};\n\nexport default PageHeader;\n"],"mappings":";;;AAoBA,IAAM,KAAc,EAChB,UACA,gBACA,SACA,YACA,aAAU,IACV,eAAY,SACO;CACnB,IAAM,IAAY,IAAU,YAAY,YAClC,IAAW,IAAU,4BAA4B;CAGvD,OACI,kBAAC,OAAD;EAAK,WAAW,oDAHJ,IAAU,SAAS,OAG6C,GAAG,IAAY,KAAK;EAAhG,UAAA,CACI,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACI,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACK,KACG,kBAAC,QAAD;KAAM,WAAW,yBAAyB;KAAa,UAAA;IAAW,CAAA,GAEtE,kBAAC,MAAD;KAAI,WAAW,wCAAwC;KAAc,UAAA;IAAU,CAAA,CAC9E;GACJ,CAAA,GAAA,KACG,kBAAC,KAAD;IAAG,WAAU;IAAuC,UAAA;GAAe,CAAA,CAEtE;EACJ,CAAA,GAAA,KAAW,kBAAC,OAAD;GAAK,WAAU;GAAoC,UAAA;EAAa,CAAA,CAC3E;;AAEb"}

package/dist/components/ProtectedRoute/index.js

@@ -1,13 +1,12 @@
-import { useAuth as m } from "../../contexts/AppContext.js";
+import { useAuth as e } from "../../contexts/AppContext.js";
 import "react";
-import { Fragment as t, jsx as i } from "react/jsx-runtime";
-var c = ({ children: o, requiredRoles: n = [], requireAny: r = !1, fallbackPath: f = "/login", fallback: e }) => {
-  const { isAuthenticated: u, hasRole: d, hasAnyRole: h } = m();
-  return u ? n.length > 0 && !(r ? h(n) : n.every((w) => d(w))) ? e ? /* @__PURE__ */ i(t, { children: e }) : (typeof window < "u" && (window.location.href = "/unauthorized"), null) : /* @__PURE__ */ i(t, { children: o }) : e ? /* @__PURE__ */ i(t, { children: e }) : (typeof window < "u" && (window.location.href = f), null);
-};
-export {
-  c as ProtectedRoute,
-  c as default
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/components/ProtectedRoute/index.tsx
+var r = ({ children: r, requiredRoles: i = [], requireAny: a = !1, fallbackPath: o = "/login", fallback: s }) => {
+	let { isAuthenticated: c, hasRole: l, hasAnyRole: u } = e();
+	return c ? i.length > 0 && !(a ? u(i) : i.every((e) => l(e))) ? s ? /* @__PURE__ */ n(t, { children: s }) : (typeof window < "u" && (window.location.href = "/unauthorized"), null) : /* @__PURE__ */ n(t, { children: r }) : s ? /* @__PURE__ */ n(t, { children: s }) : (typeof window < "u" && (window.location.href = o), null);
 };
+//#endregion
+export { r as ProtectedRoute, r as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/ProtectedRoute/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useAuth } from '../../contexts/AppContext';\n\nexport type ProtectedRouteProps = {\n  children: React.ReactNode;\n  requiredRoles?: string[];\n  requireAny?: boolean; // 如果为 true，只需要满足任一角色；如果为 false，需要满足所有角色\n  fallbackPath?: string;\n  fallback?: React.ReactNode;\n};\n\n/**\n * ProtectedRoute 组件\n * \n * 用于保护需要认证或特定角色才能访问的路由\n * \n * @example\n * ```tsx\n * // 基本用法 - 只需要认证\n * <ProtectedRoute>\n *   <AdminPanel />\n * </ProtectedRoute>\n * \n * // 需要特定角色\n * <ProtectedRoute requiredRoles={['admin']}>\n *   <AdminPanel />\n * </ProtectedRoute>\n * \n * // 需要任一角色\n * <ProtectedRoute requiredRoles={['admin', 'moderator']} requireAny>\n *   <ModeratorPanel />\n * </ProtectedRoute>\n * \n * // 自定义回退路径\n * <ProtectedRoute fallbackPath=\"/unauthorized\">\n *   <SecretPage />\n * </ProtectedRoute>\n * \n * // 自定义回退组件\n * <ProtectedRoute fallback={<UnauthorizedMessage />}>\n *   <SecretPage />\n * </ProtectedRoute>\n * ```\n */\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  children,\n  requiredRoles = [],\n  requireAny = false,\n  fallbackPath = '/login',\n  fallback,\n}) => {\n  const { isAuthenticated, hasRole, hasAnyRole } = useAuth();\n\n  // 检查是否已认证\n  if (!isAuthenticated) {\n    if (fallback) {\n      return <>{fallback}</>;\n    }\n    // 使用 window.location 进行重定向，避免类型问题\n    if (typeof window !== 'undefined') {\n      window.location.href = fallbackPath;\n    }\n    return null;\n  }\n\n  // 如果需要特定角色\n  if (requiredRoles.length > 0) {\n    const hasRequiredRoles = requireAny \n      ? hasAnyRole(requiredRoles)\n      : requiredRoles.every(role => hasRole(role));\n\n    if (!hasRequiredRoles) {\n      if (fallback) {\n        return <>{fallback}</>;\n      }\n      // 使用 window.location 进行重定向\n      if (typeof window !== 'undefined') {\n        window.location.href = '/unauthorized';\n      }\n      return null;\n    }\n  }\n\n  return <>{children}</>;\n};\n\nexport default ProtectedRoute;\n\n"],"mappings":";;;AA4CA,IAAa,IAAA,CAAiD,EAC5D,UAAA,GACA,eAAA,IAAgB,CAAC,GACjB,YAAA,IAAa,IACb,cAAA,IAAe,UACf,UAAA,EAAA,MACI;AACJ,QAAM,EAAE,iBAAA,GAAiB,SAAA,GAAS,YAAA,EAAA,IAAe,EAAQ;AAGzD,SAAK,IAYD,EAAc,SAAS,KAKrB,EAJqB,IACrB,EAAW,CAAa,IACxB,EAAc,MAAA,CAAM,MAAQ,EAAQ,CAAI,CAAC,KAGvC,IACK,gBAAA,EAAA,GAAA,EAAA,UAAG,EAAW,CAAA,KAGnB,OAAO,SAAW,QACpB,OAAO,SAAS,OAAO,kBAElB,QAIJ,gBAAA,EAAA,GAAA,EAAG,UAAA,EAAW,CAAA,IA5Bf,IACK,gBAAA,EAAA,GAAA,EAAA,UAAG,EAAW,CAAA,KAGnB,OAAO,SAAW,QACpB,OAAO,SAAS,OAAO,IAElB;AAsBX"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/ProtectedRoute/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useAuth } from '../../contexts/AppContext';\n\nexport type ProtectedRouteProps = {\n  children: React.ReactNode;\n  requiredRoles?: string[];\n  requireAny?: boolean; // 如果为 true，只需要满足任一角色；如果为 false，需要满足所有角色\n  fallbackPath?: string;\n  fallback?: React.ReactNode;\n};\n\n/**\n * ProtectedRoute 组件\n * \n * 用于保护需要认证或特定角色才能访问的路由\n * \n * @example\n * ```tsx\n * // 基本用法 - 只需要认证\n * <ProtectedRoute>\n *   <AdminPanel />\n * </ProtectedRoute>\n * \n * // 需要特定角色\n * <ProtectedRoute requiredRoles={['admin']}>\n *   <AdminPanel />\n * </ProtectedRoute>\n * \n * // 需要任一角色\n * <ProtectedRoute requiredRoles={['admin', 'moderator']} requireAny>\n *   <ModeratorPanel />\n * </ProtectedRoute>\n * \n * // 自定义回退路径\n * <ProtectedRoute fallbackPath=\"/unauthorized\">\n *   <SecretPage />\n * </ProtectedRoute>\n * \n * // 自定义回退组件\n * <ProtectedRoute fallback={<UnauthorizedMessage />}>\n *   <SecretPage />\n * </ProtectedRoute>\n * ```\n */\nexport const ProtectedRoute: React.FC<ProtectedRouteProps> = ({\n  children,\n  requiredRoles = [],\n  requireAny = false,\n  fallbackPath = '/login',\n  fallback,\n}) => {\n  const { isAuthenticated, hasRole, hasAnyRole } = useAuth();\n\n  // 检查是否已认证\n  if (!isAuthenticated) {\n    if (fallback) {\n      return <>{fallback}</>;\n    }\n    // 使用 window.location 进行重定向，避免类型问题\n    if (typeof window !== 'undefined') {\n      window.location.href = fallbackPath;\n    }\n    return null;\n  }\n\n  // 如果需要特定角色\n  if (requiredRoles.length > 0) {\n    const hasRequiredRoles = requireAny \n      ? hasAnyRole(requiredRoles)\n      : requiredRoles.every(role => hasRole(role));\n\n    if (!hasRequiredRoles) {\n      if (fallback) {\n        return <>{fallback}</>;\n      }\n      // 使用 window.location 进行重定向\n      if (typeof window !== 'undefined') {\n        window.location.href = '/unauthorized';\n      }\n      return null;\n    }\n  }\n\n  return <>{children}</>;\n};\n\nexport default ProtectedRoute;\n\n"],"mappings":";;;;AA4CA,IAAa,KAAiD,EAC5D,aACA,mBAAgB,CAAC,GACjB,gBAAa,IACb,kBAAe,UACf,kBACI;CACJ,IAAM,EAAE,oBAAiB,YAAS,kBAAe,EAAQ;CAgCzD,OA7BK,IAYD,EAAc,SAAS,KAKrB,EAJqB,IACrB,EAAW,CAAa,IACxB,EAAc,OAAM,MAAQ,EAAQ,CAAI,CAAC,KAGvC,IACK,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA,KAGnB,OAAO,SAAW,QACpB,OAAO,SAAS,OAAO,kBAElB,QAIJ,kBAAA,GAAA,EAAG,YAAW,CAAA,IA5Bf,IACK,kBAAA,GAAA,EAAA,UAAG,EAAW,CAAA,KAGnB,OAAO,SAAW,QACpB,OAAO,SAAS,OAAO,IAElB;AAsBX"}

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

@@ -0,0 +1,28 @@
+import React from 'react';
+export type RowAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type RowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export type RowProps = {
+    children?: React.ReactNode;
+    /** Gap between children; number is treated as px. */
+    gap?: number | string;
+    /** Cross-axis alignment. */
+    align?: RowAlign;
+    /** Main-axis distribution. */
+    justify?: RowJustify;
+    /** Allow children to wrap onto the next line. */
+    wrap?: boolean;
+    /** Reverse the visual order of children. */
+    reverse?: boolean;
+    /** Extra class names on the container. */
+    className?: string;
+    /** Inline styles on the container. */
+    style?: React.CSSProperties;
+    /** Click handler on the container. */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+/**
+ * Row —— A2UI 布局组件：水平排列子元素。
+ * 等价于 `display: flex; flex-direction: row` 的语义化封装。
+ */
+declare const Row: React.FC<RowProps>;
+export default Row;

package/dist/components/Row/index.js

@@ -0,0 +1,30 @@
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Row/index.tsx
+var n = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	baseline: "items-baseline",
+	stretch: "items-stretch"
+}, r = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, i = (e) => typeof e == "number" ? `${e}px` : e, a = ({ children: a, gap: o, align: s = "center", justify: c = "start", wrap: l = !1, reverse: u = !1, className: d = "", style: f, onClick: p }) => /* @__PURE__ */ t("div", {
+	className: e("flex", u ? "flex-row-reverse" : "flex-row", n[s], r[c], l && "flex-wrap", d),
+	style: {
+		gap: i(o),
+		...f
+	},
+	onClick: p,
+	children: a
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Row/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type RowAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';\nexport type RowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n\nexport type RowProps = {\n  children?: React.ReactNode;\n  /** Gap between children; number is treated as px. */\n  gap?: number | string;\n  /** Cross-axis alignment. */\n  align?: RowAlign;\n  /** Main-axis distribution. */\n  justify?: RowJustify;\n  /** Allow children to wrap onto the next line. */\n  wrap?: boolean;\n  /** Reverse the visual order of children. */\n  reverse?: boolean;\n  /** Extra class names on the container. */\n  className?: string;\n  /** Inline styles on the container. */\n  style?: React.CSSProperties;\n  /** Click handler on the container. */\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n};\n\nconst ALIGN_CLASS: Record<RowAlign, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n  baseline: 'items-baseline',\n  stretch: 'items-stretch',\n};\n\nconst JUSTIFY_CLASS: Record<RowJustify, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n  between: 'justify-between',\n  around: 'justify-around',\n  evenly: 'justify-evenly',\n};\n\nconst size = (v: number | string | undefined): string | undefined =>\n  typeof v === 'number' ? `${v}px` : v;\n\n/**\n * Row —— A2UI 布局组件：水平排列子元素。\n * 等价于 `display: flex; flex-direction: row` 的语义化封装。\n */\nconst Row: React.FC<RowProps> = ({\n  children,\n  gap,\n  align = 'center',\n  justify = 'start',\n  wrap = false,\n  reverse = false,\n  className = '',\n  style,\n  onClick,\n}) => (\n  <div\n    className={cn(\n      'flex',\n      reverse ? 'flex-row-reverse' : 'flex-row',\n      ALIGN_CLASS[align],\n      JUSTIFY_CLASS[justify],\n      wrap && 'flex-wrap',\n      className,\n    )}\n    style={{ gap: size(gap), ...style }}\n    onClick={onClick}\n  >\n    {children}\n  </div>\n);\n\nexport default Row;\n"],"mappings":";;;;AA0BA,IAAM,IAAwC;CAC5C,OAAO;CACP,QAAQ;CACR,KAAK;CACL,UAAU;CACV,SAAS;AACX,GAEM,IAA4C;CAChD,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,QAAQ;AACV,GAEM,KAAQ,MACZ,OAAO,KAAM,WAAW,GAAG,EAAE,MAAM,GAM/B,KAA2B,EAC/B,aACA,QACA,WAAQ,UACR,aAAU,SACV,UAAO,IACP,aAAU,IACV,eAAY,IACZ,UACA,iBAEA,kBAAC,OAAD;CACE,WAAW,EACT,QACA,IAAU,qBAAqB,YAC/B,EAAY,IACZ,EAAc,IACd,KAAQ,aACR,CACF;CACA,OAAO;EAAE,KAAK,EAAK,CAAG;EAAG,GAAG;CAAM;CACzB;CAER;AACE,CAAA"}