dishui 0.0.64 → 0.0.65

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/SidebarToggleButton/index.tsx"],"sourcesContent":["import React from 'react';\n\ninterface SidebarToggleButtonProps {\n  /** 侧边栏是否折叠 */\n  isCollapsed: boolean;\n  /** 切换侧边栏的回调 */\n  onToggle: () => void;\n  /** 当前侧边栏宽度 */\n  sidebarWidth: number;\n  /** 折叠时的宽度 */\n  collapsedWidth?: number;\n}\n\n/**\n * 桌面端悬浮侧边栏切换按钮\n */\nexport const DesktopSidebarToggleButton: React.FC<SidebarToggleButtonProps> = ({\n  isCollapsed,\n  onToggle,\n  sidebarWidth,\n  collapsedWidth = 64,\n}) => {\n  return (\n    <div className=\"bg-opacity-20\">\n      <button\n        onClick={onToggle}\n        className=\"fixed top-1/2 -translate-y-1/2 z-50 bg-success opacity-60 hover:opacity-90 text-primary-content rounded-full p-1.5 sm:p-2.5 shadow-lg transition-all duration-300 ease-in-out backdrop-blur-sm hover:scale-110 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50 lg:flex md:flex hidden\"\n        style={{\n          left: isCollapsed ? `${collapsedWidth - 24}px` : `${sidebarWidth - 24}px`,\n          transform: 'translateY(-50%)',\n          boxShadow: '0 4px 15px rgba(0, 0, 0, 0.1)',\n        }}\n        aria-label={isCollapsed ? '展开侧边栏' : '收起侧边栏'}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          className=\"w-4 h-4 sm:w-5 sm:h-5 transition-transform duration-300\"\n          style={{\n            transform: isCollapsed ? 'rotate(180deg)' : 'rotate(0deg)',\n          }}\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M15 19l-7-7 7-7\" />\n        </svg>\n      </button>\n    </div>\n  );\n};\n\n/**\n * 移动端悬浮侧边栏切换按钮\n */\nexport const MobileSidebarToggleButton: React.FC<Pick<SidebarToggleButtonProps, 'isCollapsed' | 'onToggle'>> = ({\n  isCollapsed,\n  onToggle,\n}) => {\n  return (\n    <button\n      onClick={onToggle}\n      className=\"fixed bottom-6 right-6 z-50 bg-primary bg-opacity-30 hover:bg-opacity-50 text-primary-content rounded-full p-3 shadow-lg transition-all duration-300 ease-in-out backdrop-blur-sm hover:scale-105 md:hidden\"\n      style={{\n        boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n      }}\n      aria-label={isCollapsed ? '展开侧边栏' : '收起侧边栏'}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        className=\"w-5 h-5\"\n      >\n        {isCollapsed ? (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n        ) : (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n        )}\n      </svg>\n    </button>\n  );\n};\n\n/**\n * 组合的侧边栏切换按钮（包含桌面端和移动端）\n */\nexport const SidebarToggleButtons: React.FC<SidebarToggleButtonProps> = (props) => {\n  return (\n    <>\n      <DesktopSidebarToggleButton {...props} />\n      <MobileSidebarToggleButton isCollapsed={props.isCollapsed} onToggle={props.onToggle} />\n    </>\n  );\n};\n\nexport default SidebarToggleButtons;\n\n"],"mappings":";;AAgBA,IAAa,IAAA,CAAkE,EAC7E,aAAA,GACA,UAAA,GACA,cAAA,GACA,gBAAA,IAAiB,GAAA,MAGf,gBAAA,EAAC,OAAD;AAAA,EAAK,WAAU;AAAA,YACb,gBAAA,EAAC,UAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAU;AAAA,IACV,OAAO;AAAA,MACL,MAAM,IAAc,GAAG,IAAiB,EAAA,OAAS,GAAG,IAAe,EAAA;AAAA,MACnE,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA,cAAY,IAAc,UAAU;AAAA,cAEpC,gBAAA,EAAC,OAAD;AAAA,MACE,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAU;AAAA,MACV,OAAO,EACL,WAAW,IAAc,mBAAmB,eAC9C;AAAA,gBAEA,gBAAA,EAAC,QAAD;AAAA,QAAM,eAAc;AAAA,QAAQ,gBAAe;AAAA,QAAQ,aAAY;AAAA,QAAI,GAAE;AAAA,MAAmB,CAAA;AAAA,IACrF,CAAA;AAAA,EACC,CAAA;AACL,CAAA,GAOI,IAAA,CAAmG,EAC9G,aAAA,GACA,UAAA,EAAA,MAGE,gBAAA,EAAC,UAAD;AAAA,EACE,SAAS;AAAA,EACT,WAAU;AAAA,EACV,OAAO,EACL,WAAW,iCACb;AAAA,EACA,cAAY,IAAc,UAAU;AAAA,YAEpC,gBAAA,EAAC,OAAD;AAAA,IACE,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,WAAU;AAAA,cAET,IACC,gBAAA,EAAC,QAAD;AAAA,MAAM,eAAc;AAAA,MAAQ,gBAAe;AAAA,MAAQ,aAAY;AAAA,MAAI,GAAE;AAAA,IAA2B,CAAA,IAEhG,gBAAA,EAAC,QAAD;AAAA,MAAM,eAAc;AAAA,MAAQ,gBAAe;AAAA,MAAQ,aAAY;AAAA,MAAI,GAAE;AAAA,IAAwB,CAAA;AAAA,EAE5F,CAAA;AACC,CAAA,GAOC,IAAA,CAA4D,MAErE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA,GACxC,gBAAA,EAAC,GAAD;AAAA,EAA2B,aAAa,EAAM;AAAA,EAAa,UAAU,EAAM;AAAW,CAAA,CACtF,EAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/SidebarToggleButton/index.tsx"],"sourcesContent":["import React from 'react';\n\ninterface SidebarToggleButtonProps {\n  /** 侧边栏是否折叠 */\n  isCollapsed: boolean;\n  /** 切换侧边栏的回调 */\n  onToggle: () => void;\n  /** 当前侧边栏宽度 */\n  sidebarWidth: number;\n  /** 折叠时的宽度 */\n  collapsedWidth?: number;\n}\n\n/**\n * 桌面端悬浮侧边栏切换按钮\n */\nexport const DesktopSidebarToggleButton: React.FC<SidebarToggleButtonProps> = ({\n  isCollapsed,\n  onToggle,\n  sidebarWidth,\n  collapsedWidth = 64,\n}) => {\n  return (\n    <div className=\"bg-opacity-20\">\n      <button\n        onClick={onToggle}\n        className=\"fixed top-1/2 -translate-y-1/2 z-50 bg-success opacity-60 hover:opacity-90 text-primary-content rounded-full p-1.5 sm:p-2.5 shadow-lg transition-all duration-300 ease-in-out backdrop-blur-sm hover:scale-110 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50 lg:flex md:flex hidden\"\n        style={{\n          left: isCollapsed ? `${collapsedWidth - 24}px` : `${sidebarWidth - 24}px`,\n          transform: 'translateY(-50%)',\n          boxShadow: '0 4px 15px rgba(0, 0, 0, 0.1)',\n        }}\n        aria-label={isCollapsed ? '展开侧边栏' : '收起侧边栏'}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n          className=\"w-4 h-4 sm:w-5 sm:h-5 transition-transform duration-300\"\n          style={{\n            transform: isCollapsed ? 'rotate(180deg)' : 'rotate(0deg)',\n          }}\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M15 19l-7-7 7-7\" />\n        </svg>\n      </button>\n    </div>\n  );\n};\n\n/**\n * 移动端悬浮侧边栏切换按钮\n */\nexport const MobileSidebarToggleButton: React.FC<Pick<SidebarToggleButtonProps, 'isCollapsed' | 'onToggle'>> = ({\n  isCollapsed,\n  onToggle,\n}) => {\n  return (\n    <button\n      onClick={onToggle}\n      className=\"fixed bottom-6 right-6 z-50 bg-primary bg-opacity-30 hover:bg-opacity-50 text-primary-content rounded-full p-3 shadow-lg transition-all duration-300 ease-in-out backdrop-blur-sm hover:scale-105 md:hidden\"\n      style={{\n        boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n      }}\n      aria-label={isCollapsed ? '展开侧边栏' : '收起侧边栏'}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        fill=\"none\"\n        viewBox=\"0 0 24 24\"\n        stroke=\"currentColor\"\n        className=\"w-5 h-5\"\n      >\n        {isCollapsed ? (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M4 6h16M4 12h16M4 18h16\" />\n        ) : (\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n        )}\n      </svg>\n    </button>\n  );\n};\n\n/**\n * 组合的侧边栏切换按钮（包含桌面端和移动端）\n */\nexport const SidebarToggleButtons: React.FC<SidebarToggleButtonProps> = (props) => {\n  return (\n    <>\n      <DesktopSidebarToggleButton {...props} />\n      <MobileSidebarToggleButton isCollapsed={props.isCollapsed} onToggle={props.onToggle} />\n    </>\n  );\n};\n\nexport default SidebarToggleButtons;\n\n"],"mappings":";;AAgBA,IAAa,IAAA,CAAkE,EAC7E,aAAA,GACA,UAAA,GACA,cAAA,GACA,gBAAA,IAAiB,GAAA,MAGf,gBAAA,EAAC,OAAD;AAAA,EAAK,WAAU;AAAA,EACb,UAAA,gBAAA,EAAC,UAAD;AAAA,IACE,SAAS;AAAA,IACT,WAAU;AAAA,IACV,OAAO;AAAA,MACL,MAAM,IAAc,GAAG,IAAiB,EAAA,OAAS,GAAG,IAAe,EAAA;AAAA,MACnE,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA,cAAY,IAAc,UAAU;AAAA,IAEpC,UAAA,gBAAA,EAAC,OAAD;AAAA,MACE,OAAM;AAAA,MACN,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAU;AAAA,MACV,OAAO,EACL,WAAW,IAAc,mBAAmB,eAC9C;AAAA,MAEA,UAAA,gBAAA,EAAC,QAAD;AAAA,QAAM,eAAc;AAAA,QAAQ,gBAAe;AAAA,QAAQ,aAAY;AAAA,QAAI,GAAE;AAAA,MAAmB,CAAA;AAAA,IACrF,CAAA;AAAA,EACC,CAAA;AACL,CAAA,GAOI,IAAA,CAAmG,EAC9G,aAAA,GACA,UAAA,EAAA,MAGE,gBAAA,EAAC,UAAD;AAAA,EACE,SAAS;AAAA,EACT,WAAU;AAAA,EACV,OAAO,EACL,WAAW,iCACb;AAAA,EACA,cAAY,IAAc,UAAU;AAAA,EAEpC,UAAA,gBAAA,EAAC,OAAD;AAAA,IACE,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,QAAO;AAAA,IACP,WAAU;AAAA,IAET,UAAA,IACC,gBAAA,EAAC,QAAD;AAAA,MAAM,eAAc;AAAA,MAAQ,gBAAe;AAAA,MAAQ,aAAY;AAAA,MAAI,GAAE;AAAA,IAA2B,CAAA,IAEhG,gBAAA,EAAC,QAAD;AAAA,MAAM,eAAc;AAAA,MAAQ,gBAAe;AAAA,MAAQ,aAAY;AAAA,MAAI,GAAE;AAAA,IAAwB,CAAA;AAAA,EAE5F,CAAA;AACC,CAAA,GAOC,IAAA,CAA4D,MAErE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACE,gBAAA,EAAC,GAAD,EAA4B,GAAI,EAAQ,CAAA,GACxC,gBAAA,EAAC,GAAD;AAAA,EAA2B,aAAa,EAAM;AAAA,EAAa,UAAU,EAAM;AAAW,CAAA,CACtF,EAAA,CAAA"}

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

@@ -6,6 +6,8 @@ export type StatCardProps = {
     value: React.ReactNode;
     /** 右上角图标 */
     icon?: React.ReactNode;
+    /** 图标位置：`top`（默认，图标在右上角）/ `left`（图标在左，文字居右） */
+    iconPosition?: 'top' | 'left';
     /** 色调（影响图标底色与文字色） */
     tone?: 'primary' | 'success' | 'warning' | 'info' | 'error' | 'neutral';
     /** 值下方的小字说明 */
@@ -18,5 +20,5 @@ export type StatCardProps = {
  * 统计卡片：仪表盘等场景的「标签 + 数值 + 图标」小卡。
  * 内部基于 Card 组件，默认紧凑内边距与小号字体。
  */
-declare const StatCard: ({ label, value, icon, tone, hint, loading, className, }: StatCardProps) => React.JSX.Element;
+declare const StatCard: ({ label, value, icon, iconPosition, tone, hint, loading, className, }: StatCardProps) => React.JSX.Element;
 export default StatCard;

package/dist/components/StatCard/index.js

@@ -1,4 +1,4 @@
-import b from "../Card/index.js";
+import m from "../Card/index.js";
 import "react";
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
 var x = {
@@ -26,13 +26,41 @@ var x = {
     text: "text-base-content/70",
     bg: "bg-base-content/5"
   }
-}, u = ({ label: n, value: o, icon: t, tone: c = "primary", hint: r, loading: i = !1, className: m = "" }) => {
-  const s = x[c];
-  return /* @__PURE__ */ a(b, {
+}, f = ({ label: n, value: c, icon: t, iconPosition: d = "top", tone: o = "primary", hint: s, loading: l = !1, className: i = "" }) => {
+  const r = x[o];
+  return d === "left" ? /* @__PURE__ */ e(m, {
     bordered: !0,
     glass: !1,
     hover: !0,
-    className: `bg-base-200 p-4 ${m}`.trim(),
+    className: `bg-base-200 p-4 ${i}`.trim(),
+    children: /* @__PURE__ */ a("div", {
+      className: "flex items-center gap-3",
+      children: [t && /* @__PURE__ */ e("span", {
+        className: `flex shrink-0 items-center justify-center rounded-lg p-2.5 ${r.bg} [&>svg]:h-5 [&>svg]:w-5 ${r.text}`.trim(),
+        children: t
+      }), /* @__PURE__ */ a("div", {
+        className: "min-w-0 flex-1",
+        children: [
+          /* @__PURE__ */ e("span", {
+            className: "block truncate text-xs font-medium text-base-content/60",
+            children: n
+          }),
+          l ? /* @__PURE__ */ e("div", { className: "mt-1 h-6 w-14 animate-pulse rounded bg-base-content/10" }) : /* @__PURE__ */ e("p", {
+            className: "truncate text-xl font-bold leading-tight text-base-content",
+            children: c
+          }),
+          s && /* @__PURE__ */ e("p", {
+            className: "mt-0.5 truncate text-[11px] text-base-content/50",
+            children: s
+          })
+        ]
+      })]
+    })
+  }) : /* @__PURE__ */ a(m, {
+    bordered: !0,
+    glass: !1,
+    hover: !0,
+    className: `bg-base-200 p-4 ${i}`.trim(),
     children: [
       /* @__PURE__ */ a("div", {
         className: "mb-2 flex items-center justify-between gap-2",
@@ -40,23 +68,23 @@ var x = {
           className: "truncate text-xs font-medium text-base-content/60",
           children: n
         }), t && /* @__PURE__ */ e("span", {
-          className: `rounded-md p-1.5 ${s.bg} [&>svg]:h-4 [&>svg]:w-4 ${s.text}`.trim(),
+          className: `rounded-md p-1.5 ${r.bg} [&>svg]:h-4 [&>svg]:w-4 ${r.text}`.trim(),
           children: t
         })]
       }),
-      i ? /* @__PURE__ */ e("div", { className: "h-7 w-14 animate-pulse rounded bg-base-content/10" }) : /* @__PURE__ */ e("p", {
+      l ? /* @__PURE__ */ e("div", { className: "h-7 w-14 animate-pulse rounded bg-base-content/10" }) : /* @__PURE__ */ e("p", {
         className: "text-2xl font-bold leading-none text-base-content",
-        children: o
+        children: c
       }),
-      r && /* @__PURE__ */ e("p", {
+      s && /* @__PURE__ */ e("p", {
         className: "mt-1.5 text-[11px] text-base-content/50",
-        children: r
+        children: s
       })
     ]
   });
 };
 export {
-  u as default
+  f as default
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/StatCard/index.tsx"],"sourcesContent":["import React from 'react';\nimport Card from '../Card';\n\nexport type StatCardProps = {\n    /** 指标名称 */\n    label: React.ReactNode;\n    /** 指标值（数字或短文本） */\n    value: React.ReactNode;\n    /** 右上角图标 */\n    icon?: React.ReactNode;\n    /** 色调（影响图标底色与文字色） */\n    tone?: 'primary' | 'success' | 'warning' | 'info' | 'error' | 'neutral';\n    /** 值下方的小字说明 */\n    hint?: React.ReactNode;\n    /** 加载态：值显示为骨架 */\n    loading?: boolean;\n    className?: string;\n};\n\nconst TONE_CLASS: Record<NonNullable<StatCardProps['tone']>, { text: string; bg: string }> = {\n    primary: { text: 'text-primary', bg: 'bg-primary/10' },\n    success: { text: 'text-success', bg: 'bg-success/10' },\n    warning: { text: 'text-warning', bg: 'bg-warning/10' },\n    info: { text: 'text-info', bg: 'bg-info/10' },\n    error: { text: 'text-error', bg: 'bg-error/10' },\n    neutral: { text: 'text-base-content/70', bg: 'bg-base-content/5' },\n};\n\n/**\n * 统计卡片：仪表盘等场景的「标签 + 数值 + 图标」小卡。\n * 内部基于 Card 组件，默认紧凑内边距与小号字体。\n */\nconst StatCard = ({\n    label,\n    value,\n    icon,\n    tone = 'primary',\n    hint,\n    loading = false,\n    className = '',\n}: StatCardProps) => {\n    const t = TONE_CLASS[tone];\n\n    return (\n        <Card bordered glass={false} hover className={`bg-base-200 p-4 ${className}`.trim()}>\n            <div className=\"mb-2 flex items-center justify-between gap-2\">\n                <span className=\"truncate text-xs font-medium text-base-content/60\">{label}</span>\n                {icon && (\n                    <span className={`rounded-md p-1.5 ${t.bg} [&>svg]:h-4 [&>svg]:w-4 ${t.text}`.trim()}>\n                        {icon}\n                    </span>\n                )}\n            </div>\n            {loading ? (\n                <div className=\"h-7 w-14 animate-pulse rounded bg-base-content/10\" />\n            ) : (\n                <p className=\"text-2xl font-bold leading-none text-base-content\">{value}</p>\n            )}\n            {hint && <p className=\"mt-1.5 text-[11px] text-base-content/50\">{hint}</p>}\n        </Card>\n    );\n};\n\nexport default StatCard;\n"],"mappings":";;;AAmBA,IAAM,IAAuF;AAAA,EACzF,SAAS;AAAA,IAAE,MAAM;AAAA,IAAgB,IAAI;AAAA,EAAgB;AAAA,EACrD,SAAS;AAAA,IAAE,MAAM;AAAA,IAAgB,IAAI;AAAA,EAAgB;AAAA,EACrD,SAAS;AAAA,IAAE,MAAM;AAAA,IAAgB,IAAI;AAAA,EAAgB;AAAA,EACrD,MAAM;AAAA,IAAE,MAAM;AAAA,IAAa,IAAI;AAAA,EAAa;AAAA,EAC5C,OAAO;AAAA,IAAE,MAAM;AAAA,IAAc,IAAI;AAAA,EAAc;AAAA,EAC/C,SAAS;AAAA,IAAE,MAAM;AAAA,IAAwB,IAAI;AAAA,EAAoB;AACrE,GAMM,IAAA,CAAY,EACd,OAAA,GACA,OAAA,GACA,MAAA,GACA,MAAA,IAAO,WACP,MAAA,GACA,SAAA,IAAU,IACV,WAAA,IAAY,GAAA,MACK;AACjB,QAAM,IAAI,EAAW,CAAA;AAErB,SACI,gBAAA,EAAC,GAAD;AAAA,IAAM,UAAA;AAAA,IAAS,OAAO;AAAA,IAAO,OAAA;AAAA,IAAM,WAAW,mBAAmB,CAAA,GAAY,KAAK;AAAA,cAAlF;AAAA,MACI,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACI,gBAAA,EAAC,QAAD;AAAA,UAAM,WAAU;AAAA,oBAAqD;AAAA,QAAY,CAAA,GAChF,KACG,gBAAA,EAAC,QAAD;AAAA,UAAM,WAAW,oBAAoB,EAAE,EAAA,4BAA8B,EAAE,IAAA,GAAO,KAAK;AAAA,oBAC9E;AAAA,QACC,CAAA,CAET;AAAA;MACJ,IACG,gBAAA,EAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA,IAEpE,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,kBAAqD;AAAA,MAAS,CAAA;AAAA,MAE9E,KAAQ,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,kBAA2C;AAAA,MAAQ,CAAA;AAAA,IACvE;AAAA;AAEd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/StatCard/index.tsx"],"sourcesContent":["import React from 'react';\nimport Card from '../Card';\n\nexport type StatCardProps = {\n    /** 指标名称 */\n    label: React.ReactNode;\n    /** 指标值（数字或短文本） */\n    value: React.ReactNode;\n    /** 右上角图标 */\n    icon?: React.ReactNode;\n    /** 图标位置：`top`（默认，图标在右上角）/ `left`（图标在左，文字居右） */\n    iconPosition?: 'top' | 'left';\n    /** 色调（影响图标底色与文字色） */\n    tone?: 'primary' | 'success' | 'warning' | 'info' | 'error' | 'neutral';\n    /** 值下方的小字说明 */\n    hint?: React.ReactNode;\n    /** 加载态：值显示为骨架 */\n    loading?: boolean;\n    className?: string;\n};\n\nconst TONE_CLASS: Record<NonNullable<StatCardProps['tone']>, { text: string; bg: string }> = {\n    primary: { text: 'text-primary', bg: 'bg-primary/10' },\n    success: { text: 'text-success', bg: 'bg-success/10' },\n    warning: { text: 'text-warning', bg: 'bg-warning/10' },\n    info: { text: 'text-info', bg: 'bg-info/10' },\n    error: { text: 'text-error', bg: 'bg-error/10' },\n    neutral: { text: 'text-base-content/70', bg: 'bg-base-content/5' },\n};\n\n/**\n * 统计卡片：仪表盘等场景的「标签 + 数值 + 图标」小卡。\n * 内部基于 Card 组件，默认紧凑内边距与小号字体。\n */\nconst StatCard = ({\n    label,\n    value,\n    icon,\n    iconPosition = 'top',\n    tone = 'primary',\n    hint,\n    loading = false,\n    className = '',\n}: StatCardProps) => {\n    const t = TONE_CLASS[tone];\n\n    // 图标在左、文字居右的水平布局\n    if (iconPosition === 'left') {\n        return (\n            <Card bordered glass={false} hover className={`bg-base-200 p-4 ${className}`.trim()}>\n                <div className=\"flex items-center gap-3\">\n                    {icon && (\n                        <span className={`flex shrink-0 items-center justify-center rounded-lg p-2.5 ${t.bg} [&>svg]:h-5 [&>svg]:w-5 ${t.text}`.trim()}>\n                            {icon}\n                        </span>\n                    )}\n                    <div className=\"min-w-0 flex-1\">\n                        <span className=\"block truncate text-xs font-medium text-base-content/60\">{label}</span>\n                        {loading ? (\n                            <div className=\"mt-1 h-6 w-14 animate-pulse rounded bg-base-content/10\" />\n                        ) : (\n                            <p className=\"truncate text-xl font-bold leading-tight text-base-content\">{value}</p>\n                        )}\n                        {hint && <p className=\"mt-0.5 truncate text-[11px] text-base-content/50\">{hint}</p>}\n                    </div>\n                </div>\n            </Card>\n        );\n    }\n\n    return (\n        <Card bordered glass={false} hover className={`bg-base-200 p-4 ${className}`.trim()}>\n            <div className=\"mb-2 flex items-center justify-between gap-2\">\n                <span className=\"truncate text-xs font-medium text-base-content/60\">{label}</span>\n                {icon && (\n                    <span className={`rounded-md p-1.5 ${t.bg} [&>svg]:h-4 [&>svg]:w-4 ${t.text}`.trim()}>\n                        {icon}\n                    </span>\n                )}\n            </div>\n            {loading ? (\n                <div className=\"h-7 w-14 animate-pulse rounded bg-base-content/10\" />\n            ) : (\n                <p className=\"text-2xl font-bold leading-none text-base-content\">{value}</p>\n            )}\n            {hint && <p className=\"mt-1.5 text-[11px] text-base-content/50\">{hint}</p>}\n        </Card>\n    );\n};\n\nexport default StatCard;\n"],"mappings":";;;AAqBA,IAAM,IAAuF;AAAA,EACzF,SAAS;AAAA,IAAE,MAAM;AAAA,IAAgB,IAAI;AAAA,EAAgB;AAAA,EACrD,SAAS;AAAA,IAAE,MAAM;AAAA,IAAgB,IAAI;AAAA,EAAgB;AAAA,EACrD,SAAS;AAAA,IAAE,MAAM;AAAA,IAAgB,IAAI;AAAA,EAAgB;AAAA,EACrD,MAAM;AAAA,IAAE,MAAM;AAAA,IAAa,IAAI;AAAA,EAAa;AAAA,EAC5C,OAAO;AAAA,IAAE,MAAM;AAAA,IAAc,IAAI;AAAA,EAAc;AAAA,EAC/C,SAAS;AAAA,IAAE,MAAM;AAAA,IAAwB,IAAI;AAAA,EAAoB;AACrE,GAMM,IAAA,CAAY,EACd,OAAA,GACA,OAAA,GACA,MAAA,GACA,cAAA,IAAe,OACf,MAAA,IAAO,WACP,MAAA,GACA,SAAA,IAAU,IACV,WAAA,IAAY,GAAA,MACK;AACjB,QAAM,IAAI,EAAW,CAAA;AAGrB,SAAI,MAAiB,SAEb,gBAAA,EAAC,GAAD;AAAA,IAAM,UAAA;AAAA,IAAS,OAAO;AAAA,IAAO,OAAA;AAAA,IAAM,WAAW,mBAAmB,CAAA,GAAY,KAAK;AAAA,IAC9E,UAAA,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACK,KACG,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAW,8DAA8D,EAAE,EAAA,4BAA8B,EAAE,IAAA,GAAO,KAAK;AAAA,QACxH,UAAA;AAAA,MACC,CAAA,GAEV,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAf,UAAA;AAAA,UACI,gBAAA,EAAC,QAAD;AAAA,YAAM,WAAU;AAAA,YAA2D,UAAA;AAAA,UAAY,CAAA;AAAA,UACtF,IACG,gBAAA,EAAC,OAAD,EAAK,WAAU,yDAA0D,CAAA,IAEzE,gBAAA,EAAC,KAAD;AAAA,YAAG,WAAU;AAAA,YAA8D,UAAA;AAAA,UAAS,CAAA;AAAA,UAEvF,KAAQ,gBAAA,EAAC,KAAD;AAAA,YAAG,WAAU;AAAA,YAAoD,UAAA;AAAA,UAAQ,CAAA;AAAA,QACjF;AAAA,MACJ,CAAA,CAAA;AAAA;EACH,CAAA,IAKV,gBAAA,EAAC,GAAD;AAAA,IAAM,UAAA;AAAA,IAAS,OAAO;AAAA,IAAO,OAAA;AAAA,IAAM,WAAW,mBAAmB,CAAA,GAAY,KAAK;AAAA,IAAlF,UAAA;AAAA,MACI,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAf,UAAA,CACI,gBAAA,EAAC,QAAD;AAAA,UAAM,WAAU;AAAA,UAAqD,UAAA;AAAA,QAAY,CAAA,GAChF,KACG,gBAAA,EAAC,QAAD;AAAA,UAAM,WAAW,oBAAoB,EAAE,EAAA,4BAA8B,EAAE,IAAA,GAAO,KAAK;AAAA,UAC9E,UAAA;AAAA,QACC,CAAA,CAET;AAAA;MACJ,IACG,gBAAA,EAAC,OAAD,EAAK,WAAU,oDAAqD,CAAA,IAEpE,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,QAAqD,UAAA;AAAA,MAAS,CAAA;AAAA,MAE9E,KAAQ,gBAAA,EAAC,KAAD;AAAA,QAAG,WAAU;AAAA,QAA2C,UAAA;AAAA,MAAQ,CAAA;AAAA,IACvE;AAAA;AAEd"}

package/dist/components/Table/index.js

@@ -1,83 +1,74 @@
 import "react";
-import { jsx as e, jsxs as w } from "react/jsx-runtime";
-var u = ({ children: l, className: r = "", onClick: t, onMouseEnter: o, onMouseLeave: a }) => /* @__PURE__ */ e("table", {
-  className: ["table", r].filter(Boolean).join(" "),
-  onClick: t,
-  onMouseEnter: o,
-  onMouseLeave: a,
-  children: l
-}), v = ({ children: l, className: r = "" }) => /* @__PURE__ */ e("thead", {
-  className: ["table-header-group", r].filter(Boolean).join(" "),
-  children: l
-}), b = ({ children: l, className: r = "" }) => /* @__PURE__ */ e("tbody", {
-  className: ["table-row-group", r].filter(Boolean).join(" "),
-  children: l
-}), f = ({ children: l, className: r = "", selected: t = !1, onClick: o, onDoubleClick: a, onMouseEnter: n, onMouseLeave: s, ...i }) => /* @__PURE__ */ e("tr", {
-  className: [
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+var v = ({ children: l, className: a = "", onClick: o, onMouseEnter: s, onMouseLeave: r }) => {
+  const t = ["table", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("table", {
+    className: t,
+    onClick: o,
+    onMouseEnter: s,
+    onMouseLeave: r,
+    children: l
+  });
+}, b = ({ children: l, className: a = "" }) => {
+  const o = ["table-header-group", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("thead", {
+    className: o,
+    children: l
+  });
+}, f = ({ children: l, className: a = "" }) => {
+  const o = ["table-row-group", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("tbody", {
+    className: o,
+    children: l
+  });
+}, p = ({ children: l, className: a = "", selected: o = !1, onClick: s, onDoubleClick: r, onMouseEnter: t, onMouseLeave: n, ...i }) => {
+  const c = [
     "table-row",
-    t ? "bg-base-200" : "",
+    o ? "bg-base-200" : "",
     "hover:bg-base-100",
-    r
-  ].filter(Boolean).join(" "),
-  onClick: o,
-  onDoubleClick: a,
-  onMouseEnter: n,
-  onMouseLeave: s,
-  ...i,
-  children: l
-}), p = ({ children: l, className: r = "", onClick: t, colSpan: o, style: a, onDoubleClick: n, onMouseEnter: s, onMouseLeave: i }) => /* @__PURE__ */ e("td", {
-  className: ["table-cell", r].filter(Boolean).join(" "),
-  onClick: t,
-  colSpan: o,
-  style: a,
-  onDoubleClick: n,
-  onMouseEnter: s,
-  onMouseLeave: i,
-  children: l
-}), g = ({ children: l, className: r = "", onClick: t, sortable: o = !1, sortDirection: a = null, draggable: n, onDragStart: s, onDragOver: i, onDrop: c, onMouseEnter: m, onMouseLeave: h }) => /* @__PURE__ */ e("th", {
-  className: [
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("tr", {
+    className: c,
+    onClick: s,
+    onDoubleClick: r,
+    onMouseEnter: t,
+    onMouseLeave: n,
+    ...i,
+    children: l
+  });
+}, C = ({ children: l, className: a = "", onClick: o, colSpan: s, style: r, onDoubleClick: t, onMouseEnter: n, onMouseLeave: i }) => {
+  const c = ["table-cell", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("td", {
+    className: c,
+    onClick: o,
+    colSpan: s,
+    style: r,
+    onDoubleClick: t,
+    onMouseEnter: n,
+    onMouseLeave: i,
+    children: l
+  });
+}, g = ({ children: l, className: a = "", onClick: o, sortable: s = !1, sortDirection: r = null, draggable: t, onDragStart: n, onDragOver: i, onDrop: c, onMouseEnter: m, onMouseLeave: h }) => {
+  const w = [
     "table-cell font-medium",
-    o ? "cursor-pointer" : "",
-    r
-  ].filter(Boolean).join(" "),
-  onClick: t,
-  draggable: n,
-  onDragStart: s,
-  onDragOver: i,
-  onDrop: c,
-  onMouseEnter: m,
-  onMouseLeave: h,
-  children: /* @__PURE__ */ w("div", {
-    className: "flex items-center gap-2",
-    children: [l, o && /* @__PURE__ */ e("div", {
-      className: "flex flex-col",
-      children: a === "asc" ? /* @__PURE__ */ e("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-4 w-4",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ e("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          d: "M5 15l7-7 7 7"
-        })
-      }) : a === "desc" ? /* @__PURE__ */ e("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-4 w-4",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: /* @__PURE__ */ e("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: "2",
-          d: "M19 9l-7 7-7-7"
-        })
-      }) : /* @__PURE__ */ e("div", {
-        className: "h-4 w-4 opacity-30",
-        children: /* @__PURE__ */ e("svg", {
+    s ? "cursor-pointer" : "",
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("th", {
+    className: w,
+    onClick: o,
+    draggable: t,
+    onDragStart: n,
+    onDragOver: i,
+    onDrop: c,
+    onMouseEnter: m,
+    onMouseLeave: h,
+    children: /* @__PURE__ */ u("div", {
+      className: "flex items-center gap-2",
+      children: [l, s && /* @__PURE__ */ e("div", {
+        className: "flex flex-col",
+        children: r === "asc" ? /* @__PURE__ */ e("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           className: "h-4 w-4",
           fill: "none",
@@ -87,17 +78,44 @@ var u = ({ children: l, className: r = "", onClick: t, onMouseEnter: o, onMouseL
             strokeLinecap: "round",
             strokeLinejoin: "round",
             strokeWidth: "2",
-            d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
+            d: "M5 15l7-7 7 7"
+          })
+        }) : r === "desc" ? /* @__PURE__ */ e("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "h-4 w-4",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          children: /* @__PURE__ */ e("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "2",
+            d: "M19 9l-7 7-7-7"
+          })
+        }) : /* @__PURE__ */ e("div", {
+          className: "h-4 w-4 opacity-30",
+          children: /* @__PURE__ */ e("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            className: "h-4 w-4",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ e("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "2",
+              d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
+            })
           })
         })
-      })
-    })]
-  })
-}), d = u;
-d.Head = v;
-d.Body = b;
-d.Row = f;
-d.Cell = p;
+      })]
+    })
+  });
+}, d = v;
+d.Head = b;
+d.Body = f;
+d.Row = p;
+d.Cell = C;
 d.HeaderCell = g;
 export {
   d as default

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nexport type TableProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst Table = ({\n  children,\n  className = '',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableProps) => {\n  const baseClass = 'table';\n  \n  const tableClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <table \n      className={tableClasses}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </table>\n  );\n};\n\n// Table.Head 组件\nexport type TableHeadProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableHead = ({\n  children,\n  className = '',\n}: TableHeadProps) => {\n  const baseClass = 'table-header-group';\n  \n  const headClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <thead className={headClasses}>\n      {children}\n    </thead>\n  );\n};\n\n// Table.Body 组件\nexport type TableBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableBody = ({\n  children,\n  className = '',\n}: TableBodyProps) => {\n  const baseClass = 'table-row-group';\n  \n  const bodyClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <tbody className={bodyClasses}>\n      {children}\n    </tbody>\n  );\n};\n\n// Table.Row 组件\nexport type TableRowProps = {\n  children: React.ReactNode;\n  className?: string;\n  selected?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & Omit<\n  React.HTMLAttributes<HTMLTableRowElement>,\n  'className' | 'onClick' | 'onDoubleClick' | 'onMouseEnter' | 'onMouseLeave'\n>;\n\nconst TableRow = ({\n  children,\n  className = '',\n  selected = false,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableRowProps) => {\n  const baseClass = 'table-row';\n\n  const rowClasses = [\n    baseClass,\n    selected ? 'bg-base-200' : '',\n    'hover:bg-base-100',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <tr \n      className={rowClasses}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n};\n\n// Table.Cell 组件\nexport type TableCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  colSpan?: number;\n  style?: React.CSSProperties;\n  \n  // 添加鼠标事件\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableCell = ({\n  children,\n  className = '',\n  onClick,\n  colSpan,\n  style,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableCellProps) => {\n  const baseClass = 'table-cell';\n  \n  const cellClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <td \n      className={cellClasses}\n      onClick={onClick}\n      colSpan={colSpan}\n      style={style}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </td>\n  );\n};\n\n// Table.HeaderCell 组件\nexport type TableHeaderCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  sortable?: boolean;\n  sortDirection?: 'asc' | 'desc' | null;\n  \n  // 拖拽相关属性\n  draggable?: boolean;\n  onDragStart?: (e: React.DragEvent) => void;\n  onDragOver?: (e: React.DragEvent) => void;\n  onDrop?: (e: React.DragEvent) => void;\n  \n  // 鼠标事件\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableHeaderCell = ({\n  children,\n  className = '',\n  onClick,\n  sortable = false,\n  sortDirection = null,\n  \n  // 拖拽相关属性\n  draggable,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  \n  // 鼠标事件\n  onMouseEnter,\n  onMouseLeave,\n}: TableHeaderCellProps) => {\n  const baseClass = 'table-cell font-medium';\n  \n  const headerCellClasses = [\n    baseClass,\n    sortable ? 'cursor-pointer' : '',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <th \n      className={headerCellClasses}\n      onClick={onClick}\n      draggable={draggable}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"flex items-center gap-2\">\n        {children}\n        {sortable && (\n          <div className=\"flex flex-col\">\n            {sortDirection === 'asc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n              </svg>\n            ) : sortDirection === 'desc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n              </svg>\n            ) : (\n              <div className=\"h-4 w-4 opacity-30\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </th>\n  );\n};\n\n// 扩展Table组件，添加子组件\ninterface TableCompound extends React.FC<TableProps> {\n  Head: React.FC<TableHeadProps>;\n  Body: React.FC<TableBodyProps>;\n  Row: React.FC<TableRowProps>;\n  Cell: React.FC<TableCellProps>;\n  HeaderCell: React.FC<TableHeaderCellProps>;\n}\n\nconst TableWithCompounds = Table as TableCompound;\nTableWithCompounds.Head = TableHead;\nTableWithCompounds.Body = TableBody;\nTableWithCompounds.Row = TableRow;\nTableWithCompounds.Cell = TableCell;\nTableWithCompounds.HeaderCell = TableHeaderCell;\n\nexport default TableWithCompounds; "],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Table/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nexport type TableProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst Table = ({\n  children,\n  className = '',\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableProps) => {\n  const baseClass = 'table';\n  \n  const tableClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <table \n      className={tableClasses}\n      onClick={onClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </table>\n  );\n};\n\n// Table.Head 组件\nexport type TableHeadProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableHead = ({\n  children,\n  className = '',\n}: TableHeadProps) => {\n  const baseClass = 'table-header-group';\n  \n  const headClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <thead className={headClasses}>\n      {children}\n    </thead>\n  );\n};\n\n// Table.Body 组件\nexport type TableBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nconst TableBody = ({\n  children,\n  className = '',\n}: TableBodyProps) => {\n  const baseClass = 'table-row-group';\n  \n  const bodyClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <tbody className={bodyClasses}>\n      {children}\n    </tbody>\n  );\n};\n\n// Table.Row 组件\nexport type TableRowProps = {\n  children: React.ReactNode;\n  className?: string;\n  selected?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n} & Omit<\n  React.HTMLAttributes<HTMLTableRowElement>,\n  'className' | 'onClick' | 'onDoubleClick' | 'onMouseEnter' | 'onMouseLeave'\n>;\n\nconst TableRow = ({\n  children,\n  className = '',\n  selected = false,\n  onClick,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: TableRowProps) => {\n  const baseClass = 'table-row';\n\n  const rowClasses = [\n    baseClass,\n    selected ? 'bg-base-200' : '',\n    'hover:bg-base-100',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <tr \n      className={rowClasses}\n      onClick={onClick}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n};\n\n// Table.Cell 组件\nexport type TableCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  colSpan?: number;\n  style?: React.CSSProperties;\n  \n  // 添加鼠标事件\n  onDoubleClick?: (e: React.MouseEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableCell = ({\n  children,\n  className = '',\n  onClick,\n  colSpan,\n  style,\n  onDoubleClick,\n  onMouseEnter,\n  onMouseLeave,\n}: TableCellProps) => {\n  const baseClass = 'table-cell';\n  \n  const cellClasses = [\n    baseClass,\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <td \n      className={cellClasses}\n      onClick={onClick}\n      colSpan={colSpan}\n      style={style}\n      onDoubleClick={onDoubleClick}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      {children}\n    </td>\n  );\n};\n\n// Table.HeaderCell 组件\nexport type TableHeaderCellProps = {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: (e: React.MouseEvent) => void;\n  sortable?: boolean;\n  sortDirection?: 'asc' | 'desc' | null;\n  \n  // 拖拽相关属性\n  draggable?: boolean;\n  onDragStart?: (e: React.DragEvent) => void;\n  onDragOver?: (e: React.DragEvent) => void;\n  onDrop?: (e: React.DragEvent) => void;\n  \n  // 鼠标事件\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n};\n\nconst TableHeaderCell = ({\n  children,\n  className = '',\n  onClick,\n  sortable = false,\n  sortDirection = null,\n  \n  // 拖拽相关属性\n  draggable,\n  onDragStart,\n  onDragOver,\n  onDrop,\n  \n  // 鼠标事件\n  onMouseEnter,\n  onMouseLeave,\n}: TableHeaderCellProps) => {\n  const baseClass = 'table-cell font-medium';\n  \n  const headerCellClasses = [\n    baseClass,\n    sortable ? 'cursor-pointer' : '',\n    className\n  ].filter(Boolean).join(' ');\n\n  return (\n    <th \n      className={headerCellClasses}\n      onClick={onClick}\n      draggable={draggable}\n      onDragStart={onDragStart}\n      onDragOver={onDragOver}\n      onDrop={onDrop}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n    >\n      <div className=\"flex items-center gap-2\">\n        {children}\n        {sortable && (\n          <div className=\"flex flex-col\">\n            {sortDirection === 'asc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n              </svg>\n            ) : sortDirection === 'desc' ? (\n              <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n              </svg>\n            ) : (\n              <div className=\"h-4 w-4 opacity-30\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-4 w-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                </svg>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </th>\n  );\n};\n\n// 扩展Table组件，添加子组件\ninterface TableCompound extends React.FC<TableProps> {\n  Head: React.FC<TableHeadProps>;\n  Body: React.FC<TableBodyProps>;\n  Row: React.FC<TableRowProps>;\n  Cell: React.FC<TableCellProps>;\n  HeaderCell: React.FC<TableHeaderCellProps>;\n}\n\nconst TableWithCompounds = Table as TableCompound;\nTableWithCompounds.Head = TableHead;\nTableWithCompounds.Body = TableBody;\nTableWithCompounds.Row = TableRow;\nTableWithCompounds.Cell = TableCell;\nTableWithCompounds.HeaderCell = TableHeaderCell;\n\nexport default TableWithCompounds; "],"mappings":"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"}

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

@@ -2,6 +2,10 @@ import React from 'react';
 export type TabItem<T extends string = string> = {
     key: T;
     label: React.ReactNode;
+    /** 可选：标签前的图标 */
+    icon?: React.ReactNode;
+    /** 禁用该标签 */
+    disabled?: boolean;
 };
 export type TabsProps<T extends string = string> = {
     items: readonly TabItem<T>[];
@@ -9,13 +13,23 @@ export type TabsProps<T extends string = string> = {
     value: T;
     /** 切换回调 */
     onChange: (key: T) => void;
-    /** 外观：box（daisyUI 5 的 tabs-box）/ border（tabs-border） */
-    variant?: 'box' | 'border';
+    /**
+     * 外观（基于 daisyUI 5 的 tabs 修饰类）：
+     * - `box`   实心分段（tabs-box）
+     * - `border` 底部下划线（tabs-border）
+     * - `lift`  抬升的文件夹页签（tabs-lift）
+     * - `pill`  胶囊/圆角实心（DishUI 扩展）
+     */
+    variant?: 'box' | 'border' | 'lift' | 'pill';
+    /** 尺寸：xs / sm / md / lg / xl */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** 占满可用宽度，各标签平分 */
+    block?: boolean;
     className?: string;
 };
 /**
- * 标签页切换条。基于 daisyUI 5 的 `tabs` / `tabs-box` / `tabs-border`，
- * 字号统一使用小号文本，与管理后台紧凑风格一致。
+ * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，
+ * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。
  */
-declare function Tabs<T extends string = string>({ items, value, onChange, variant, className, }: TabsProps<T>): React.JSX.Element;
+declare function Tabs<T extends string = string>({ items, value, onChange, variant, size, block, className, }: TabsProps<T>): React.JSX.Element;
 export default Tabs;

package/dist/components/Tabs/index.js

@@ -1,25 +1,44 @@
 import "react";
-import { jsx as e } from "react/jsx-runtime";
-function c({ items: o, value: a, onChange: r, variant: b = "box", className: l = "" }) {
-  return /* @__PURE__ */ e("div", {
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+var c = {
+  xs: "tabs-xs",
+  sm: "tabs-sm",
+  md: "tabs-md",
+  lg: "tabs-lg",
+  xl: "tabs-xl"
+};
+function p({ items: e, value: l, onChange: o, variant: a = "box", size: i = "sm", block: b = !1, className: d = "" }) {
+  const r = a === "border" ? "tabs-border" : a === "lift" ? "tabs-lift" : a === "pill" ? "tabs-box dishui-tabs-pill" : "tabs-box";
+  return /* @__PURE__ */ t("div", {
     role: "tablist",
     className: [
-      "tabs h-auto min-h-0 text-xs",
-      b === "box" ? "tabs-box" : "tabs-border",
-      l
+      "tabs h-auto min-h-0",
+      c[i],
+      r,
+      b && "w-full",
+      d
     ].filter(Boolean).join(" "),
-    children: o.map((t) => /* @__PURE__ */ e("button", {
+    children: e.map((s) => /* @__PURE__ */ n("button", {
       role: "tab",
       type: "button",
-      "aria-selected": a === t.key,
-      onClick: () => r(t.key),
-      className: ["tab h-8 min-h-0 text-xs", a === t.key && "tab-active"].filter(Boolean).join(" "),
-      children: t.label
-    }, t.key))
+      "aria-selected": l === s.key,
+      disabled: s.disabled,
+      onClick: () => o(s.key),
+      className: [
+        "tab min-h-0 gap-1.5",
+        b && "flex-1",
+        l === s.key && "tab-active",
+        s.disabled && "tab-disabled"
+      ].filter(Boolean).join(" "),
+      children: [s.icon && /* @__PURE__ */ t("span", {
+        className: "[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]",
+        children: s.icon
+      }), s.label]
+    }, s.key))
   });
 }
 export {
-  c as default
+  p as default
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /** 外观：box（daisyUI 5 的 tabs-box）/ border（tabs-border） */\n    variant?: 'box' | 'border';\n    className?: string;\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` / `tabs-box` / `tabs-border`，\n * 字号统一使用小号文本，与管理后台紧凑风格一致。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    className = '',\n}: TabsProps<T>) {\n    const variantClass = variant === 'box' ? 'tabs-box' : 'tabs-border';\n\n    return (\n        <div\n            role=\"tablist\"\n            className={['tabs h-auto min-h-0 text-xs', variantClass, className].filter(Boolean).join(' ')}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    onClick={() => onChange(item.key)}\n                    className={['tab h-8 min-h-0 text-xs', value === item.key && 'tab-active'].filter(Boolean).join(' ')}\n                >\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;AAsBA,SAAS,EAAgC,EACrC,OAAA,GACA,OAAA,GACA,UAAA,GACA,SAAA,IAAU,OACV,WAAA,IAAY,GAAA,GACC;AAGb,SACI,gBAAA,EAAC,OAAD;AAAA,IACI,MAAK;AAAA,IACL,WAAW;AAAA,MAAC;AAAA,MALC,MAAY,QAAQ,aAAa;AAAA,MAKW;AAAA,IAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,cAE3F,EAAM,IAAA,CAAK,MACR,gBAAA,EAAC,UAAD;AAAA,MAEI,MAAK;AAAA,MACL,MAAK;AAAA,MACL,iBAAe,MAAU,EAAK;AAAA,MAC9B,SAAA,MAAe,EAAS,EAAK,GAAG;AAAA,MAChC,WAAW,CAAC,2BAA2B,MAAU,EAAK,OAAO,YAAY,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,gBAElG,EAAK;AAAA,IACF,GARC,EAAK,GAQN,CACX;AAAA,EACA,CAAA;AAEb"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n    /** 可选：标签前的图标 */\n    icon?: React.ReactNode;\n    /** 禁用该标签 */\n    disabled?: boolean;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /**\n     * 外观（基于 daisyUI 5 的 tabs 修饰类）：\n     * - `box`   实心分段（tabs-box）\n     * - `border` 底部下划线（tabs-border）\n     * - `lift`  抬升的文件夹页签（tabs-lift）\n     * - `pill`  胶囊/圆角实心（DishUI 扩展）\n     */\n    variant?: 'box' | 'border' | 'lift' | 'pill';\n    /** 尺寸：xs / sm / md / lg / xl */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /** 占满可用宽度，各标签平分 */\n    block?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<TabsProps['size']>, string> = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，\n * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    size = 'sm',\n    block = false,\n    className = '',\n}: TabsProps<T>) {\n    // pill 是 DishUI 扩展：在 tabs-box 基础上追加胶囊圆角类（见 components.css）\n    const variantClass =\n        variant === 'border' ? 'tabs-border'\n        : variant === 'lift' ? 'tabs-lift'\n        : variant === 'pill' ? 'tabs-box dishui-tabs-pill'\n        : 'tabs-box';\n\n    return (\n        <div\n            role=\"tablist\"\n            className={[\n                'tabs h-auto min-h-0',\n                SIZE_CLASS[size],\n                variantClass,\n                block && 'w-full',\n                className,\n            ].filter(Boolean).join(' ')}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    disabled={item.disabled}\n                    onClick={() => onChange(item.key)}\n                    className={[\n                        'tab min-h-0 gap-1.5',\n                        block && 'flex-1',\n                        value === item.key && 'tab-active',\n                        item.disabled && 'tab-disabled',\n                    ].filter(Boolean).join(' ')}\n                >\n                    {item.icon && <span className=\"[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]\">{item.icon}</span>}\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;AAgCA,IAAM,IAA6D;AAAA,EAC/D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR;AAMA,SAAS,EAAgC,EACrC,OAAA,GACA,OAAA,GACA,UAAA,GACA,SAAA,IAAU,OACV,MAAA,IAAO,MACP,OAAA,IAAQ,IACR,WAAA,IAAY,GAAA,GACC;AAEb,QAAM,IACF,MAAY,WAAW,gBACrB,MAAY,SAAS,cACrB,MAAY,SAAS,8BACrB;AAEN,SACI,gBAAA,EAAC,OAAD;AAAA,IACI,MAAK;AAAA,IACL,WAAW;AAAA,MACP;AAAA,MACA,EAAW,CAAA;AAAA,MACX;AAAA,MACA,KAAS;AAAA,MACT;AAAA,IACJ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAEzB,UAAA,EAAM,IAAA,CAAK,MACR,gBAAA,EAAC,UAAD;AAAA,MAEI,MAAK;AAAA,MACL,MAAK;AAAA,MACL,iBAAe,MAAU,EAAK;AAAA,MAC9B,UAAU,EAAK;AAAA,MACf,SAAA,MAAe,EAAS,EAAK,GAAG;AAAA,MAChC,WAAW;AAAA,QACP;AAAA,QACA,KAAS;AAAA,QACT,MAAU,EAAK,OAAO;AAAA,QACtB,EAAK,YAAY;AAAA,MACrB,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAZ9B,UAAA,CAcK,EAAK,QAAQ,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,QAAuC,UAAA,EAAK;AAAA,MAAW,CAAA,GACpF,EAAK,KACF;AAAA,IAfC,GAAA,EAAK,GAeN,CACX;AAAA,EACA,CAAA;AAEb"}