dishui 0.0.65 → 0.0.66

package/dist/_virtual/_rolldown/runtime.js

@@ -1,12 +1,11 @@
-var o = Object.defineProperty, l = (r, a) => {
-  let e = {};
-  for (var t in r)
-    o(e, t, {
-      get: r[t],
-      enumerable: !0
-    });
-  return a || o(e, Symbol.toStringTag, { value: "Module" }), e;
-};
-export {
-  l as __exportAll
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
 };
+//#endregion
+export { t as __exportAll };

package/dist/chart.js

@@ -1,48 +1,14 @@
-import o from "./components/Chart/Chart.js";
-import { areaX as e, areaY as i, barX as t, barY as m, cell as l, colorGradientLegend as p, colorLegend as n, defineChart as f, dot as d, group as c, lineX as s, lineY as g, linearRegressionY as L, link as k, rect as Y, stack as h, text as u } from "@tanstack/charts";
-import { scaleBand as X } from "@tanstack/charts/scales/band";
+import e from "./components/Chart/Chart.js";
+import { areaX as t, areaY as n, barX as r, barY as i, cell as a, colorGradientLegend as o, colorLegend as s, defineChart as c, dot as l, group as u, lineX as d, lineY as f, linearRegressionY as p, link as m, rect as h, stack as g, text as _ } from "@tanstack/charts";
+import { scaleBand as v } from "@tanstack/charts/scales/band";
 import { scaleLinear as y } from "@tanstack/charts/scales/linear";
-import { scalePoint as D } from "@tanstack/charts/scales/point";
-import { scaleOrdinal as B } from "@tanstack/charts/scales/ordinal";
-import { geoShape as O } from "@tanstack/charts/geo";
-import { treemap as R } from "@tanstack/charts/hierarchy/treemap";
-import { delaunayLink as j } from "@tanstack/charts/spatial/delaunay";
-import { pie as v, polar as w, radialArc as z, radialDot as E, radialLine as F } from "@tanstack/charts/polar";
-import { sankeyDiagram as I } from "@tanstack/charts/network/sankey";
-import { tooltip as K } from "@tanstack/charts/tooltip";
+import { scalePoint as b } from "@tanstack/charts/scales/point";
+import { scaleOrdinal as x } from "@tanstack/charts/scales/ordinal";
+import { geoShape as S } from "@tanstack/charts/geo";
+import { treemap as C } from "@tanstack/charts/hierarchy/treemap";
+import { delaunayLink as w } from "@tanstack/charts/spatial/delaunay";
+import { pie as T, polar as E, radialArc as D, radialDot as O, radialLine as k } from "@tanstack/charts/polar";
+import { sankeyDiagram as A } from "@tanstack/charts/network/sankey";
+import { tooltip as j } from "@tanstack/charts/tooltip";
 export * from "@tanstack/react-charts";
-export {
-  o as Chart,
-  e as areaX,
-  i as areaY,
-  t as barX,
-  m as barY,
-  l as cell,
-  p as colorGradientLegend,
-  n as colorLegend,
-  o as default,
-  f as defineChart,
-  j as delaunayLink,
-  d as dot,
-  O as geoShape,
-  c as group,
-  s as lineX,
-  g as lineY,
-  L as linearRegressionY,
-  k as link,
-  v as pie,
-  w as polar,
-  z as radialArc,
-  E as radialDot,
-  F as radialLine,
-  Y as rect,
-  I as sankeyDiagram,
-  X as scaleBand,
-  y as scaleLinear,
-  B as scaleOrdinal,
-  D as scalePoint,
-  h as stack,
-  u as text,
-  K as tooltip,
-  R as treemap
-};
+export { e as Chart, t as areaX, n as areaY, r as barX, i as barY, a as cell, o as colorGradientLegend, s as colorLegend, e as default, c as defineChart, w as delaunayLink, l as dot, S as geoShape, u as group, d as lineX, f as lineY, p as linearRegressionY, m as link, T as pie, E as polar, D as radialArc, O as radialDot, k as radialLine, h as rect, A as sankeyDiagram, v as scaleBand, y as scaleLinear, x as scaleOrdinal, b as scalePoint, g as stack, _ as text, j as tooltip, C as treemap };

package/dist/code-editor.js

@@ -1,43 +1,16 @@
-import { getDefaultSnippets as t, javascriptSnippets as e, pythonSnippets as r } from "./components/pro/CodeEditor/langs/snippets.js";
-import { jsJumpableKeywords as m, jsKeywords as p } from "./components/pro/CodeEditor/langs/javascript.js";
-import { pyJumpableKeywords as a, pyKeywords as l } from "./components/pro/CodeEditor/langs/python.js";
-import { getJumpableKeywords as s, getLanguageKeywords as g } from "./components/pro/CodeEditor/langs/index.js";
-import { bracketMatchingStyle as y, jumpTargetHighlight as d, jumpToDefinition as h, lineHighlightStyle as c, smartAutocompletion as b } from "./components/pro/CodeEditor/extensions/index.js";
-import { createHighlightExtension as K, createThemeExtension as j } from "./components/pro/CodeEditor/themes.js";
-import { collectVariables as S, generateOutline as x } from "./components/pro/CodeEditor/utils.js";
-import { defaultContextMenu as H } from "./components/pro/CodeEditor/extensions/contextMenu.js";
-import C from "./components/pro/CodeEditor/editors/CodeEditor.js";
-import M from "./components/pro/CodeEditor/panels/TableOfContentsPanel.js";
-import k from "./components/pro/CodeEditor/panels/FootnotePanel.js";
-import V from "./components/pro/CodeEditor/editors/MarkdownEditor.js";
-import A from "./components/pro/CodeEditor/panels/OutlinePanel.js";
-import L from "./components/pro/CodeEditor/panels/VariablePanel.js";
-import z from "./components/pro/CodeEditor/panels/HistoryPanel.js";
-export {
-  C as CodeEditor,
-  k as FootnotePanel,
-  z as HistoryPanel,
-  V as MarkdownEditor,
-  A as OutlinePanel,
-  M as TableOfContentsPanel,
-  L as VariablePanel,
-  y as bracketMatchingStyle,
-  S as collectVariables,
-  K as createHighlightExtension,
-  j as createThemeExtension,
-  H as defaultContextMenu,
-  x as generateOutline,
-  t as getDefaultSnippets,
-  s as getJumpableKeywords,
-  g as getLanguageKeywords,
-  e as javascriptSnippets,
-  m as jsJumpableKeywords,
-  p as jsKeywords,
-  d as jumpTargetHighlight,
-  h as jumpToDefinition,
-  c as lineHighlightStyle,
-  a as pyJumpableKeywords,
-  l as pyKeywords,
-  r as pythonSnippets,
-  b as smartAutocompletion
-};
+import { getDefaultSnippets as e, javascriptSnippets as t, pythonSnippets as n } from "./components/pro/CodeEditor/langs/snippets.js";
+import { jsJumpableKeywords as r, jsKeywords as i } from "./components/pro/CodeEditor/langs/javascript.js";
+import { pyJumpableKeywords as a, pyKeywords as o } from "./components/pro/CodeEditor/langs/python.js";
+import { getJumpableKeywords as s, getLanguageKeywords as c } from "./components/pro/CodeEditor/langs/index.js";
+import { bracketMatchingStyle as l, jumpTargetHighlight as u, jumpToDefinition as d, lineHighlightStyle as f, smartAutocompletion as p } from "./components/pro/CodeEditor/extensions/index.js";
+import { createHighlightExtension as m, createThemeExtension as h } from "./components/pro/CodeEditor/themes.js";
+import { collectVariables as g, generateOutline as _ } from "./components/pro/CodeEditor/utils.js";
+import { defaultContextMenu as v } from "./components/pro/CodeEditor/extensions/contextMenu.js";
+import y from "./components/pro/CodeEditor/editors/CodeEditor.js";
+import b from "./components/pro/CodeEditor/panels/TableOfContentsPanel.js";
+import x from "./components/pro/CodeEditor/panels/FootnotePanel.js";
+import S from "./components/pro/CodeEditor/editors/MarkdownEditor.js";
+import C from "./components/pro/CodeEditor/panels/OutlinePanel.js";
+import w from "./components/pro/CodeEditor/panels/VariablePanel.js";
+import T from "./components/pro/CodeEditor/panels/HistoryPanel.js";
+export { y as CodeEditor, x as FootnotePanel, T as HistoryPanel, S as MarkdownEditor, C as OutlinePanel, b as TableOfContentsPanel, w as VariablePanel, l as bracketMatchingStyle, g as collectVariables, m as createHighlightExtension, h as createThemeExtension, v as defaultContextMenu, _ as generateOutline, e as getDefaultSnippets, s as getJumpableKeywords, c as getLanguageKeywords, t as javascriptSnippets, r as jsJumpableKeywords, i as jsKeywords, u as jumpTargetHighlight, d as jumpToDefinition, f as lineHighlightStyle, a as pyJumpableKeywords, o as pyKeywords, n as pythonSnippets, p as smartAutocompletion };

package/dist/components/Badge/index.js

@@ -1,20 +1,15 @@
+import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
-var b = ({ children: o, variant: e = "primary", size: a = "sm", outline: r = !1, className: s = "" }) => {
-  const d = [
-    "badge",
-    e ? `badge-${e}` : "",
-    a ? `badge-${a}` : "",
-    r ? "badge-outline" : "",
-    s
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t("div", {
-    className: d,
-    children: o
-  });
-};
-export {
-  b as default
+//#region src/components/Badge/index.tsx
+var n = ({ children: n, variant: r = "primary", size: i = "sm", outline: a = !1, className: o = "" }) => {
+	let s = r ? `badge-${r}` : "", c = i ? `badge-${i}` : "", l = e("badge", s, c, a ? "badge-outline" : "", o);
+	return /* @__PURE__ */ t("div", {
+		className: l,
+		children: n
+	});
 };
+//#endregion
+export { n as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type BadgeProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  outline?: boolean;\n  className?: string;\n};\n\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  className = '',\n}) => {\n  const baseClass = 'badge';\n  const variantClass = variant ? `badge-${variant}` : '';\n  const sizeClass = size ? `badge-${size}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  \n  const badgeClasses = [\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={badgeClasses}>\n      {children}\n    </div>\n  );\n};\n\nexport default Badge; "],"mappings":";;AAUA,IAAM,IAAA,CAA+B,EACnC,UAAA,GACA,SAAA,IAAU,WACV,MAAA,IAAO,MACP,SAAA,IAAU,IACV,WAAA,IAAY,GAAA,MACR;AAMJ,QAAM,IAAe;AAAA,IACnB;AAAA,IALmB,IAAU,SAAS,CAAA,KAAY;AAAA,IAClC,IAAO,SAAS,CAAA,KAAS;AAAA,IACtB,IAAU,kBAAkB;AAAA,IAO/C;AAAA,EACF,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW;AAAA,IACb,UAAA;AAAA,EACE,CAAA;AAET"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Badge/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type BadgeProps = {\n  children: React.ReactNode;\n  variant?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  outline?: boolean;\n  className?: string;\n};\n\nconst Badge: React.FC<BadgeProps> = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  className = '',\n}) => {\n  const baseClass = 'badge';\n  const variantClass = variant ? `badge-${variant}` : '';\n  const sizeClass = size ? `badge-${size}` : '';\n  const outlineClass = outline ? 'badge-outline' : '';\n  \n  const badgeClasses = cn(\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    className\n  );\n\n  return (\n    <div className={badgeClasses}>\n      {children}\n    </div>\n  );\n};\n\nexport default Badge; "],"mappings":";;;;AAWA,IAAM,KAA+B,EACnC,aACA,aAAU,WACV,UAAO,MACP,aAAU,IACV,eAAY,SACR;CACJ,IACM,IAAe,IAAU,SAAS,MAAY,IAC9C,IAAY,IAAO,SAAS,MAAS,IAGrC,IAAe,EACnB,SACA,GACA,GALmB,IAAU,kBAAkB,IAO/C,CACF;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW;EACb;CACE,CAAA;AAET"}

package/dist/components/Button/index.js

@@ -1,91 +1,64 @@
-import $, { useCallback as H, useState as E } from "react";
-import { Fragment as J, jsx as p, jsxs as I } from "react/jsx-runtime";
-var K = ({ children: f, variant: a = "primary", size: c = "sm", outline: t = !1, dash: j = !1, soft: s = !1, active: v = !1, disabled: o = !1, wide: m = !1, block: h = !1, square: C = !1, circle: N = !1, leftSection: e, rightSection: l, onClick: i, type: g, className: R = "", states: r, initialStateIndex: V = 0, onStateChange: x }) => {
-  const [B, q] = E(V), [k, L] = E(0), n = r && r.length > 0, b = n ? r[B] : null, W = H(() => {
-    if (n) {
-      const G = k + 1, u = (B + 1) % r.length, D = r[u];
-      L(G), q(u), x && x(D, G, u);
-    }
-    i && i();
-  }, [
-    n,
-    r,
-    B,
-    k,
-    x,
-    i
-  ]), w = b?.variant || a, z = n ? /* @__PURE__ */ I(J, { children: [b?.icon && /* @__PURE__ */ p("span", {
-    className: "mr-1",
-    children: b.icon
-  }), b?.label] }) : f, A = [
-    "btn",
-    w ? `btn-${w}` : "",
-    c ? `btn-${c}` : "",
-    t ? "btn-outline" : "",
-    j ? "btn-dash" : "",
-    s ? "btn-soft" : "",
-    v || n ? "btn-active" : "",
-    m ? "btn-wide" : "",
-    h ? "btn-block" : "",
-    C ? "btn-square" : "",
-    N ? "btn-circle" : "",
-    R
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ I("button", {
-    type: g,
-    className: A,
-    disabled: o,
-    onClick: W,
-    title: n ? `当前状态: ${b?.key} (点击次数: ${k})` : void 0,
-    children: [
-      !n && e && /* @__PURE__ */ p("span", {
-        className: "mr-2",
-        children: e
-      }),
-      z,
-      !n && l && /* @__PURE__ */ p("span", {
-        className: "ml-2",
-        children: l
-      })
-    ]
-  });
-}, M = ({ children: f, vertical: a = !1, className: c = "", rounded: t = "none", radius: j = "full", roundedStyle: s }) => {
-  const v = [
-    "join",
-    a ? "join-vertical" : "join-horizontal",
-    c
-  ].filter(Boolean).join(" "), o = t !== "none" ? "full" : j;
-  return /* @__PURE__ */ p("div", {
-    className: v,
-    children: $.Children.map(f, (m, h) => {
-      if (!$.isValidElement(m)) return m;
-      const C = m, N = C.props.className || "", e = h === 0, l = h === $.Children.count(f) - 1;
-      let i = "";
-      s ? a ? (t === "left" || t === "top") && e && s.top ? i = s.top : (t === "right" || t === "bottom") && l && s.bottom ? i = s.bottom : t === "both" && (e && s.top && (i = s.top), l && s.bottom && (i = s.bottom)) : (t === "left" || t === "top") && e && s.left ? i = s.left : (t === "right" || t === "bottom") && l && s.right ? i = s.right : t === "both" && (e && s.left && (i = s.left), l && s.right && (i = s.right)) : a ? t === "left" || t === "top" ? e && (i = `rounded-t-${o}`) : t === "right" || t === "bottom" ? l && (i = `rounded-b-${o}`) : t === "both" && (e && (i = `rounded-t-${o}`), l && (i = `rounded-b-${o}`)) : t === "left" || t === "top" ? e && (i = `rounded-l-${o}`) : t === "right" || t === "bottom" ? l && (i = `rounded-r-${o}`) : t === "both" && (e && (i = `rounded-l-${o}`), l && (i = `rounded-r-${o}`));
-      const g = `${N} join-item ${i}`.trim();
-      return $.cloneElement(C, { className: g });
-    })
-  });
-}, O = ({ children: f, className: a = "" }) => {
-  const c = [
-    "join-item",
-    "flex",
-    "items-center",
-    "px-4",
-    "bg-base-200",
-    "border",
-    "border-base-300",
-    a
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ p("div", {
-    className: c,
-    children: f
-  });
-}, F = K;
-F.Group = M;
-F.GroupSection = O;
-export {
-  F as default
-};
+import { cn as e } from "../../utils/cn.js";
+import t, { useCallback as n, useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Button/index.tsx
+var s = ({ children: t, variant: s = "primary", size: c = "sm", outline: l = !1, dash: u = !1, soft: d = !1, active: f = !1, disabled: p = !1, wide: m = !1, block: h = !1, square: g = !1, circle: _ = !1, leftSection: v, rightSection: y, onClick: b, type: x, className: S = "", states: C, initialStateIndex: w = 0, onStateChange: T }) => {
+	let [E, D] = r(w), [O, k] = r(0), A = C && C.length > 0, j = A ? C[E] : null, M = n(() => {
+		if (A) {
+			let e = O + 1, t = (E + 1) % C.length, n = C[t];
+			k(e), D(t), T && T(n, e, t);
+		}
+		b && b();
+	}, [
+		A,
+		C,
+		E,
+		O,
+		T,
+		b
+	]), N = j?.variant || s, P = A ? /* @__PURE__ */ o(i, { children: [j?.icon && /* @__PURE__ */ a("span", {
+		className: "mr-1",
+		children: j.icon
+	}), j?.label] }) : t, F = N ? `btn-${N}` : "", I = c ? `btn-${c}` : "", L = e("btn", F, I, l ? "btn-outline" : "", u ? "btn-dash" : "", d ? "btn-soft" : "", f || A ? "btn-active" : "", m ? "btn-wide" : "", h ? "btn-block" : "", g ? "btn-square" : "", _ ? "btn-circle" : "", S);
+	return /* @__PURE__ */ o("button", {
+		type: x,
+		className: L,
+		disabled: p,
+		onClick: M,
+		title: A ? `当前状态: ${j?.key} (点击次数: ${O})` : void 0,
+		children: [
+			!A && v && /* @__PURE__ */ a("span", {
+				className: "mr-2",
+				children: v
+			}),
+			P,
+			!A && y && /* @__PURE__ */ a("span", {
+				className: "ml-2",
+				children: y
+			})
+		]
+	});
+}, c = ({ children: n, vertical: r = !1, className: i = "", rounded: o = "none", radius: s = "full", roundedStyle: c }) => {
+	let l = e("join", r ? "join-vertical" : "join-horizontal", i), u = o === "none" ? s : "full";
+	return /* @__PURE__ */ a("div", {
+		className: l,
+		children: t.Children.map(n, (e, i) => {
+			if (!t.isValidElement(e)) return e;
+			let a = e, s = a.props.className || "", l = i === 0, d = i === t.Children.count(n) - 1, f = "";
+			c ? r ? (o === "left" || o === "top") && l && c.top ? f = c.top : (o === "right" || o === "bottom") && d && c.bottom ? f = c.bottom : o === "both" && (l && c.top && (f = c.top), d && c.bottom && (f = c.bottom)) : (o === "left" || o === "top") && l && c.left ? f = c.left : (o === "right" || o === "bottom") && d && c.right ? f = c.right : o === "both" && (l && c.left && (f = c.left), d && c.right && (f = c.right)) : r ? o === "left" || o === "top" ? l && (f = `rounded-t-${u}`) : o === "right" || o === "bottom" ? d && (f = `rounded-b-${u}`) : o === "both" && (l && (f = `rounded-t-${u}`), d && (f = `rounded-b-${u}`)) : o === "left" || o === "top" ? l && (f = `rounded-l-${u}`) : o === "right" || o === "bottom" ? d && (f = `rounded-r-${u}`) : o === "both" && (l && (f = `rounded-l-${u}`), d && (f = `rounded-r-${u}`));
+			let p = `${s} join-item ${f}`.trim();
+			return t.cloneElement(a, { className: p });
+		})
+	});
+}, l = ({ children: t, className: n = "" }) => {
+	let r = e("join-item", "flex", "items-center", "px-4", "bg-base-200", "border", "border-base-300", n);
+	return /* @__PURE__ */ a("div", {
+		className: r,
+		children: t
+	});
+}, u = s;
+u.Group = c, u.GroupSection = l;
+//#endregion
+export { u as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { ReactElement, useState, useCallback } from 'react';\n\n// 状态项定义\nexport type ButtonState = {\n  label: string;          // 显示的字符/文本\n  key: string;            // 状态的唯一标识\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  icon?: React.ReactNode; // 可选的图标\n};\n\nexport type ButtonProps = {\n  children?: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  outline?: boolean;\n  dash?: boolean;\n  soft?: boolean;\n  active?: boolean;\n  disabled?: boolean;\n  wide?: boolean;\n  block?: boolean;\n  square?: boolean;\n  circle?: boolean;\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  onClick?: () => void;\n  /** 原生 button type；不传时保持浏览器默认行为（表单内默认 submit） */\n  type?: 'button' | 'submit' | 'reset';\n  className?: string;\n\n  // 状态切换相关\n  states?: ButtonState[];           // 状态列表\n  initialStateIndex?: number;       // 初始状态索引\n  onStateChange?: (state: ButtonState, clickCount: number, stateIndex: number) => void;  // 状态改变回调\n};\n\nconst Button = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  dash = false,\n  soft = false,\n  active = false,\n  disabled = false,\n  wide = false,\n  block = false,\n  square = false,\n  circle = false,\n  leftSection,\n  rightSection,\n  onClick,\n  type,\n  className = '',\n  states,\n  initialStateIndex = 0,\n  onStateChange,\n}: ButtonProps) => {\n  // 状态管理\n  const [currentStateIndex, setCurrentStateIndex] = useState(initialStateIndex);\n  const [clickCount, setClickCount] = useState(0);\n\n  // 是否是状态按钮\n  const isStateful = states && states.length > 0;\n\n  // 获取当前状态\n  const currentState = isStateful ? states[currentStateIndex] : null;\n\n  // 处理点击\n  const handleClick = useCallback(() => {\n    if (isStateful) {\n      const newClickCount = clickCount + 1;\n      const newStateIndex = (currentStateIndex + 1) % states.length;\n      const newState = states[newStateIndex];\n\n      setClickCount(newClickCount);\n      setCurrentStateIndex(newStateIndex);\n\n      // 调用状态改变回调\n      if (onStateChange) {\n        onStateChange(newState, newClickCount, newStateIndex);\n      }\n    }\n\n    // 调用原始 onClick\n    if (onClick) {\n      onClick();\n    }\n  }, [isStateful, states, currentStateIndex, clickCount, onStateChange, onClick]);\n\n  // 确定使用的 variant\n  const effectiveVariant = currentState?.variant || variant;\n\n  // 确定显示的内容\n  const displayContent = isStateful ? (\n    <>\n      {currentState?.icon && <span className=\"mr-1\">{currentState.icon}</span>}\n      {currentState?.label}\n    </>\n  ) : children;\n\n  const baseClass = 'btn';\n  const variantClass = effectiveVariant ? `btn-${effectiveVariant}` : '';\n  const sizeClass = size ? `btn-${size}` : '';\n  const outlineClass = outline ? 'btn-outline' : '';\n  const dashClass = dash ? 'btn-dash' : '';\n  const softClass = soft ? 'btn-soft' : '';\n  const activeClass = active || isStateful ? 'btn-active' : '';\n  const wideClass = wide ? 'btn-wide' : '';\n  const blockClass = block ? 'btn-block' : '';\n  const squareClass = square ? 'btn-square' : '';\n  const circleClass = circle ? 'btn-circle' : '';\n\n  const buttonClasses = [\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    dashClass,\n    softClass,\n    activeClass,\n    wideClass,\n    blockClass,\n    squareClass,\n    circleClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <button\n      type={type}\n      className={buttonClasses}\n      disabled={disabled}\n      onClick={handleClick}\n      title={isStateful ? `当前状态: ${currentState?.key} (点击次数: ${clickCount})` : undefined}\n    >\n      {!isStateful && leftSection && <span className=\"mr-2\">{leftSection}</span>}\n      {displayContent}\n      {!isStateful && rightSection && <span className=\"ml-2\">{rightSection}</span>}\n    </button>\n  );\n};\n\n// Button.Group 组件\nexport type ButtonGroupProps = {\n  children: React.ReactNode;\n  vertical?: boolean;\n  className?: string;\n  rounded?: 'left' | 'right' | 'both' | 'none' | 'top' | 'bottom';\n  radius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';\n  roundedStyle?: {\n    left?: string;\n    right?: string;\n    top?: string;\n    bottom?: string;\n  };\n};\n\nconst ButtonGroup = ({\n  children,\n  vertical = false,\n  className = '',\n  rounded = 'none',\n  radius = 'full',\n  roundedStyle,\n}: ButtonGroupProps) => {\n  const joinClasses = [\n    'join',\n    vertical ? 'join-vertical' : 'join-horizontal',\n    className\n  ].filter(Boolean).join(' ');\n\n  // 当rounded不为'none'时，强制使用'full'作为radius值\n  const effectiveRadius = rounded !== 'none' ? 'full' : radius;\n\n  return (\n    <div className={joinClasses}>\n      {React.Children.map(children, (child, index) => {\n        // 只处理有效的React元素\n        if (!React.isValidElement(child)) return child;\n\n        const childElement = child as ReactElement<{ className?: string }>;\n        const childClassName = childElement.props.className || '';\n        const isFirstChild = index === 0;\n        const isLastChild = index === React.Children.count(children) - 1;\n\n        // 根据rounded属性添加额外的圆角类\n        let roundedClasses = '';\n\n        if (roundedStyle) {\n          // 使用自定义圆角样式\n          if (vertical) {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.top) {\n              roundedClasses = roundedStyle.top;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.bottom) {\n              roundedClasses = roundedStyle.bottom;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.top) roundedClasses = roundedStyle.top;\n              if (isLastChild && roundedStyle.bottom) roundedClasses = roundedStyle.bottom;\n            }\n          } else {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.left) {\n              roundedClasses = roundedStyle.left;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.right) {\n              roundedClasses = roundedStyle.right;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.left) roundedClasses = roundedStyle.left;\n              if (isLastChild && roundedStyle.right) roundedClasses = roundedStyle.right;\n            }\n          }\n        } else {\n          // 使用默认的圆角大小\n          if (vertical) {\n            // 垂直布局时，圆角应用在上下方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            }\n          } else {\n            // 水平布局时，圆角应用在左右方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            }\n          }\n        }\n\n        const newClassName = `${childClassName} join-item ${roundedClasses}`.trim();\n\n        return React.cloneElement(childElement, {\n          className: newClassName,\n        });\n      })}\n    </div>\n  );\n};\n\n// Button.GroupSection 组件\nexport type ButtonGroupSectionProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst ButtonGroupSection = ({\n  children,\n  className = '',\n}: ButtonGroupSectionProps) => {\n  const sectionClasses = [\n    'join-item',\n    'flex',\n    'items-center',\n    'px-4',\n    'bg-base-200',\n    'border',\n    'border-base-300',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <div className={sectionClasses}>\n      {children}\n    </div>\n  );\n};\n\n// 扩展Button组件，添加Group和GroupSection子组件\ninterface ButtonCompound extends React.FC<ButtonProps> {\n  Group: React.FC<ButtonGroupProps>;\n  GroupSection: React.FC<ButtonGroupSectionProps>;\n}\n\nconst ButtonWithCompounds = Button as ButtonCompound;\nButtonWithCompounds.Group = ButtonGroup;\nButtonWithCompounds.GroupSection = ButtonGroupSection;\n\nexport default ButtonWithCompounds; "],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { ReactElement, useState, useCallback } from 'react';\nimport { cn } from '../../utils/cn';\n\n// 状态项定义\nexport type ButtonState = {\n  label: string;          // 显示的字符/文本\n  key: string;            // 状态的唯一标识\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  icon?: React.ReactNode; // 可选的图标\n};\n\nexport type ButtonProps = {\n  children?: React.ReactNode;\n  variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  outline?: boolean;\n  dash?: boolean;\n  soft?: boolean;\n  active?: boolean;\n  disabled?: boolean;\n  wide?: boolean;\n  block?: boolean;\n  square?: boolean;\n  circle?: boolean;\n  leftSection?: React.ReactNode;\n  rightSection?: React.ReactNode;\n  onClick?: () => void;\n  /** 原生 button type；不传时保持浏览器默认行为（表单内默认 submit） */\n  type?: 'button' | 'submit' | 'reset';\n  className?: string;\n\n  // 状态切换相关\n  states?: ButtonState[];           // 状态列表\n  initialStateIndex?: number;       // 初始状态索引\n  onStateChange?: (state: ButtonState, clickCount: number, stateIndex: number) => void;  // 状态改变回调\n};\n\nconst Button = ({\n  children,\n  variant = 'primary',\n  size = 'sm',\n  outline = false,\n  dash = false,\n  soft = false,\n  active = false,\n  disabled = false,\n  wide = false,\n  block = false,\n  square = false,\n  circle = false,\n  leftSection,\n  rightSection,\n  onClick,\n  type,\n  className = '',\n  states,\n  initialStateIndex = 0,\n  onStateChange,\n}: ButtonProps) => {\n  // 状态管理\n  const [currentStateIndex, setCurrentStateIndex] = useState(initialStateIndex);\n  const [clickCount, setClickCount] = useState(0);\n\n  // 是否是状态按钮\n  const isStateful = states && states.length > 0;\n\n  // 获取当前状态\n  const currentState = isStateful ? states[currentStateIndex] : null;\n\n  // 处理点击\n  const handleClick = useCallback(() => {\n    if (isStateful) {\n      const newClickCount = clickCount + 1;\n      const newStateIndex = (currentStateIndex + 1) % states.length;\n      const newState = states[newStateIndex];\n\n      setClickCount(newClickCount);\n      setCurrentStateIndex(newStateIndex);\n\n      // 调用状态改变回调\n      if (onStateChange) {\n        onStateChange(newState, newClickCount, newStateIndex);\n      }\n    }\n\n    // 调用原始 onClick\n    if (onClick) {\n      onClick();\n    }\n  }, [isStateful, states, currentStateIndex, clickCount, onStateChange, onClick]);\n\n  // 确定使用的 variant\n  const effectiveVariant = currentState?.variant || variant;\n\n  // 确定显示的内容\n  const displayContent = isStateful ? (\n    <>\n      {currentState?.icon && <span className=\"mr-1\">{currentState.icon}</span>}\n      {currentState?.label}\n    </>\n  ) : children;\n\n  const baseClass = 'btn';\n  const variantClass = effectiveVariant ? `btn-${effectiveVariant}` : '';\n  const sizeClass = size ? `btn-${size}` : '';\n  const outlineClass = outline ? 'btn-outline' : '';\n  const dashClass = dash ? 'btn-dash' : '';\n  const softClass = soft ? 'btn-soft' : '';\n  const activeClass = active || isStateful ? 'btn-active' : '';\n  const wideClass = wide ? 'btn-wide' : '';\n  const blockClass = block ? 'btn-block' : '';\n  const squareClass = square ? 'btn-square' : '';\n  const circleClass = circle ? 'btn-circle' : '';\n\n  const buttonClasses = cn(\n    baseClass,\n    variantClass,\n    sizeClass,\n    outlineClass,\n    dashClass,\n    softClass,\n    activeClass,\n    wideClass,\n    blockClass,\n    squareClass,\n    circleClass,\n    className\n  );\n\n  return (\n    <button\n      type={type}\n      className={buttonClasses}\n      disabled={disabled}\n      onClick={handleClick}\n      title={isStateful ? `当前状态: ${currentState?.key} (点击次数: ${clickCount})` : undefined}\n    >\n      {!isStateful && leftSection && <span className=\"mr-2\">{leftSection}</span>}\n      {displayContent}\n      {!isStateful && rightSection && <span className=\"ml-2\">{rightSection}</span>}\n    </button>\n  );\n};\n\n// Button.Group 组件\nexport type ButtonGroupProps = {\n  children: React.ReactNode;\n  vertical?: boolean;\n  className?: string;\n  rounded?: 'left' | 'right' | 'both' | 'none' | 'top' | 'bottom';\n  radius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';\n  roundedStyle?: {\n    left?: string;\n    right?: string;\n    top?: string;\n    bottom?: string;\n  };\n};\n\nconst ButtonGroup = ({\n  children,\n  vertical = false,\n  className = '',\n  rounded = 'none',\n  radius = 'full',\n  roundedStyle,\n}: ButtonGroupProps) => {\n  const joinClasses = cn(\n    'join',\n    vertical ? 'join-vertical' : 'join-horizontal',\n    className\n  );\n\n  // 当rounded不为'none'时，强制使用'full'作为radius值\n  const effectiveRadius = rounded !== 'none' ? 'full' : radius;\n\n  return (\n    <div className={joinClasses}>\n      {React.Children.map(children, (child, index) => {\n        // 只处理有效的React元素\n        if (!React.isValidElement(child)) return child;\n\n        const childElement = child as ReactElement<{ className?: string }>;\n        const childClassName = childElement.props.className || '';\n        const isFirstChild = index === 0;\n        const isLastChild = index === React.Children.count(children) - 1;\n\n        // 根据rounded属性添加额外的圆角类\n        let roundedClasses = '';\n\n        if (roundedStyle) {\n          // 使用自定义圆角样式\n          if (vertical) {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.top) {\n              roundedClasses = roundedStyle.top;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.bottom) {\n              roundedClasses = roundedStyle.bottom;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.top) roundedClasses = roundedStyle.top;\n              if (isLastChild && roundedStyle.bottom) roundedClasses = roundedStyle.bottom;\n            }\n          } else {\n            if ((rounded === 'left' || rounded === 'top') && isFirstChild && roundedStyle.left) {\n              roundedClasses = roundedStyle.left;\n            } else if ((rounded === 'right' || rounded === 'bottom') && isLastChild && roundedStyle.right) {\n              roundedClasses = roundedStyle.right;\n            } else if (rounded === 'both') {\n              if (isFirstChild && roundedStyle.left) roundedClasses = roundedStyle.left;\n              if (isLastChild && roundedStyle.right) roundedClasses = roundedStyle.right;\n            }\n          }\n        } else {\n          // 使用默认的圆角大小\n          if (vertical) {\n            // 垂直布局时，圆角应用在上下方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-t-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-b-${effectiveRadius}`;\n            }\n          } else {\n            // 水平布局时，圆角应用在左右方\n            if (rounded === 'left' || rounded === 'top') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n            } else if (rounded === 'right' || rounded === 'bottom') {\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            } else if (rounded === 'both') {\n              if (isFirstChild) roundedClasses = `rounded-l-${effectiveRadius}`;\n              if (isLastChild) roundedClasses = `rounded-r-${effectiveRadius}`;\n            }\n          }\n        }\n\n        const newClassName = `${childClassName} join-item ${roundedClasses}`.trim();\n\n        return React.cloneElement(childElement, {\n          className: newClassName,\n        });\n      })}\n    </div>\n  );\n};\n\n// Button.GroupSection 组件\nexport type ButtonGroupSectionProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst ButtonGroupSection = ({\n  children,\n  className = '',\n}: ButtonGroupSectionProps) => {\n  const sectionClasses = cn(\n    'join-item',\n    'flex',\n    'items-center',\n    'px-4',\n    'bg-base-200',\n    'border',\n    'border-base-300',\n    className\n  );\n\n  return (\n    <div className={sectionClasses}>\n      {children}\n    </div>\n  );\n};\n\n// 扩展Button组件，添加Group和GroupSection子组件\ninterface ButtonCompound extends React.FC<ButtonProps> {\n  Group: React.FC<ButtonGroupProps>;\n  GroupSection: React.FC<ButtonGroupSectionProps>;\n}\n\nconst ButtonWithCompounds = Button as ButtonCompound;\nButtonWithCompounds.Group = ButtonGroup;\nButtonWithCompounds.GroupSection = ButtonGroupSection;\n\nexport default ButtonWithCompounds; "],"mappings":"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"}

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

@@ -40,11 +40,87 @@ export type CardFigureProps = {
     /** 指定 figure 高度（数字按 px，支持 "16rem"/"50%" 等）；内部图片自动填满该高度 */
     height?: number | string;
 };
+export type CardFeatureProps = {
+    /** Icon node (usually a lucide / inline svg), rendered inside a tinted container. */
+    icon?: React.ReactNode;
+    /** Feature title. */
+    title: React.ReactNode;
+    /** Feature description rendered under the title. */
+    description?: React.ReactNode;
+    /** `vertical` centers everything with the icon on top; `horizontal` puts the icon at the left. */
+    layout?: 'vertical' | 'horizontal';
+    /** Icon container shape. Defaults to `circle` (vertical) / `square` (horizontal). */
+    iconShape?: 'circle' | 'square';
+    /** Extra content rendered under the description. */
+    children?: React.ReactNode;
+    /** Color variant (daisyUI). */
+    variant?: CardProps['variant'];
+    /** Show a border. */
+    bordered?: boolean;
+    /** Disable the default glass background. */
+    glass?: boolean;
+    /** Extra class names on the card. */
+    className?: string;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+export type CardQuoteProps = {
+    /** The quoted text. */
+    children: React.ReactNode;
+    /** Author name (rendered in primary color). */
+    author?: React.ReactNode;
+    /** Avatar node (e.g. an `<img>` or initial circle) shown before the author. */
+    avatar?: React.ReactNode;
+    /** Date string/node rendered at the right side of the footer. */
+    date?: React.ReactNode;
+    /** Hide the decorative quote glyph in the top-right corner. */
+    quoteMark?: boolean;
+    /** Hide the divider between quote and footer. */
+    divider?: boolean;
+    /** Color variant (daisyUI). */
+    variant?: CardProps['variant'];
+    /** Show a border. */
+    bordered?: boolean;
+    /** Disable the default glass background. */
+    glass?: boolean;
+    /** Extra class names on the card. */
+    className?: string;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
+export type CardMetaProps = {
+    /** Card title (top-left). */
+    title: React.ReactNode;
+    /** Badge / tag node (top-right, e.g. a visibility badge). */
+    badge?: React.ReactNode;
+    /** Body content under the title row. */
+    children?: React.ReactNode;
+    /** Footer left slot (e.g. `@author`). */
+    footerLeft?: React.ReactNode;
+    /** Footer right slot (e.g. a date). */
+    footerRight?: React.ReactNode;
+    /** Color variant (daisyUI). */
+    variant?: CardProps['variant'];
+    /** Show a border. */
+    bordered?: boolean;
+    /** Disable the default glass background. */
+    glass?: boolean;
+    /** Extra class names on the card. */
+    className?: string;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+};
 interface CardCompound extends React.FC<CardProps> {
     Title: React.FC<CardTitleProps>;
     Body: React.FC<CardBodyProps>;
     Actions: React.FC<CardActionsProps>;
     Figure: React.FC<CardFigureProps>;
+    /** 特性卡：图标 + 标题 + 描述（垂直居中 / 横向两种布局） */
+    Feature: React.FC<CardFeatureProps>;
+    /** 引用卡：引用文本 + 作者头像 / 日期 + 装饰引号 */
+    Quote: React.FC<CardQuoteProps>;
+    /** 元信息卡：标题 + 徽章 + 描述 + 左右页脚 */
+    Meta: React.FC<CardMetaProps>;
 }
 declare const CardWithCompounds: CardCompound;
 export default CardWithCompounds;