dishui 0.0.50 → 0.0.54

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

@@ -21,6 +21,8 @@ export type ButtonProps = {
     leftSection?: React.ReactNode;
     rightSection?: React.ReactNode;
     onClick?: () => void;
+    /** 原生 button type；不传时保持浏览器默认行为（表单内默认 submit） */
+    type?: 'button' | 'submit' | 'reset';
     className?: string;
     states?: ButtonState[];
     initialStateIndex?: number;

package/dist/components/Button/index.js

@@ -1,10 +1,10 @@
-import $, { useCallback as A, useState as E } from "react";
-import { Fragment as D, jsx as b, jsxs as I } from "react/jsx-runtime";
-var H = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1, dash: j = !1, soft: s = !1, active: v = !1, disabled: o = !1, wide: r = !1, block: h = !1, square: C = !1, circle: N = !1, leftSection: e, rightSection: l, onClick: i, className: g = "", states: c, initialStateIndex: R = 0, onStateChange: x }) => {
-  const [B, V] = E(R), [k, q] = E(0), n = c && c.length > 0, m = n ? c[B] : null, L = A(() => {
+import $, { useCallback as D, useState as E } from "react";
+import { Fragment as H, jsx as b, jsxs as I } from "react/jsx-runtime";
+var J = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1, dash: j = !1, soft: s = !1, active: v = !1, disabled: o = !1, wide: r = !1, block: h = !1, square: C = !1, circle: N = !1, leftSection: e, rightSection: l, onClick: i, type: g, className: R = "", states: c, initialStateIndex: V = 0, onStateChange: x }) => {
+  const [B, q] = E(V), [k, L] = E(0), n = c && c.length > 0, m = n ? c[B] : null, W = D(() => {
     if (n) {
-      const G = k + 1, u = (B + 1) % c.length, z = c[u];
-      q(G), V(u), x && x(z, G, u);
+      const G = k + 1, u = (B + 1) % c.length, A = c[u];
+      L(G), q(u), x && x(A, G, u);
     }
     i && i();
   }, [
@@ -14,11 +14,12 @@ var H = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1,
     k,
     x,
     i
-  ]), w = m?.variant || a, W = n ? /* @__PURE__ */ I(D, { children: [m?.icon && /* @__PURE__ */ b("span", {
+  ]), w = m?.variant || a, z = n ? /* @__PURE__ */ I(H, { children: [m?.icon && /* @__PURE__ */ b("span", {
     className: "mr-1",
     children: m.icon
   }), m?.label] }) : f;
   return /* @__PURE__ */ I("button", {
+    type: g,
     className: [
       "btn",
       w ? `btn-${w}` : "",
@@ -31,24 +32,24 @@ var H = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1,
       h ? "btn-block" : "",
       C ? "btn-square" : "",
       N ? "btn-circle" : "",
-      g
+      R
     ].filter(Boolean).join(" "),
     disabled: o,
-    onClick: L,
+    onClick: W,
     title: n ? `当前状态: ${m?.key} (点击次数: ${k})` : void 0,
     children: [
       !n && e && /* @__PURE__ */ b("span", {
         className: "mr-2",
         children: e
       }),
-      W,
+      z,
       !n && l && /* @__PURE__ */ b("span", {
         className: "ml-2",
         children: l
       })
     ]
   });
-}, J = ({ children: f, vertical: a = !1, className: p = "", rounded: t = "none", radius: j = "full", roundedStyle: s }) => {
+}, K = ({ children: f, vertical: a = !1, className: p = "", rounded: t = "none", radius: j = "full", roundedStyle: s }) => {
   const v = [
     "join",
     a ? "join-vertical" : "join-horizontal",
@@ -65,7 +66,7 @@ var H = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1,
       return $.cloneElement(C, { className: g });
     })
   });
-}, K = ({ children: f, className: a = "" }) => /* @__PURE__ */ b("div", {
+}, M = ({ children: f, className: a = "" }) => /* @__PURE__ */ b("div", {
   className: [
     "join-item",
     "flex",
@@ -77,9 +78,9 @@ var H = ({ children: f, variant: a = "primary", size: p = "sm", outline: t = !1,
     a
   ].filter(Boolean).join(" "),
   children: f
-}), F = H;
-F.Group = J;
-F.GroupSection = K;
+}), F = J;
+F.Group = K;
+F.GroupSection = M;
 export {
   F as default
 };

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  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  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      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';\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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"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export type EmptyStateProps = {
+    /** 主图标（通常为 lucide 图标） */
+    icon?: React.ReactNode;
+    /** 主标题 */
+    title: React.ReactNode;
+    /** 补充说明 */
+    description?: React.ReactNode;
+    /** 底部操作（按钮等） */
+    action?: React.ReactNode;
+    className?: string;
+};
+/**
+ * 空状态：虚线边框卡片 + 图标 + 标题 + 说明，统一列表为空时的展示。
+ */
+declare const EmptyState: ({ icon, title, description, action, className, }: EmptyStateProps) => React.JSX.Element;
+export default EmptyState;

package/dist/components/EmptyState/index.js

@@ -0,0 +1,28 @@
+import "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+var x = ({ icon: t, title: a, description: s, action: r, className: m = "" }) => /* @__PURE__ */ n("div", {
+  className: `flex flex-col items-center justify-center rounded-xl border border-dashed border-base-300 bg-base-200/50 py-16 text-center ${m}`.trim(),
+  children: [
+    t && /* @__PURE__ */ e("span", {
+      className: "mb-3 flex size-12 items-center justify-center rounded-full bg-base-content/5 text-base-content/40 [&>svg]:h-6 [&>svg]:w-6",
+      children: t
+    }),
+    /* @__PURE__ */ e("p", {
+      className: "text-sm font-medium text-base-content/80",
+      children: a
+    }),
+    s && /* @__PURE__ */ e("p", {
+      className: "mt-1 max-w-sm text-xs text-base-content/50",
+      children: s
+    }),
+    r && /* @__PURE__ */ e("div", {
+      className: "mt-4",
+      children: r
+    })
+  ]
+});
+export {
+  x as default
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport type EmptyStateProps = {\n    /** 主图标（通常为 lucide 图标） */\n    icon?: React.ReactNode;\n    /** 主标题 */\n    title: React.ReactNode;\n    /** 补充说明 */\n    description?: React.ReactNode;\n    /** 底部操作（按钮等） */\n    action?: React.ReactNode;\n    className?: string;\n};\n\n/**\n * 空状态：虚线边框卡片 + 图标 + 标题 + 说明，统一列表为空时的展示。\n */\nconst EmptyState = ({\n    icon,\n    title,\n    description,\n    action,\n    className = '',\n}: EmptyStateProps) => {\n    return (\n        <div\n            className={`flex flex-col items-center justify-center rounded-xl border border-dashed border-base-300 bg-base-200/50 py-16 text-center ${className}`.trim()}\n        >\n            {icon && (\n                <span className=\"mb-3 flex size-12 items-center justify-center rounded-full bg-base-content/5 text-base-content/40 [&>svg]:h-6 [&>svg]:w-6\">\n                    {icon}\n                </span>\n            )}\n            <p className=\"text-sm font-medium text-base-content/80\">{title}</p>\n            {description && (\n                <p className=\"mt-1 max-w-sm text-xs text-base-content/50\">{description}</p>\n            )}\n            {action && <div className=\"mt-4\">{action}</div>}\n        </div>\n    );\n};\n\nexport default EmptyState;\n"],"mappings":";;AAiBA,IAAM,IAAA,CAAc,EAChB,MAAA,GACA,OAAA,GACA,aAAA,GACA,QAAA,GACA,WAAA,IAAY,GAAA,MAGR,gBAAA,EAAC,OAAD;AAAA,EACI,WAAW,8HAA8H,CAAA,GAAY,KAAK;AAAA,YAD9J;AAAA,IAGK,KACG,gBAAA,EAAC,QAAD;AAAA,MAAM,WAAU;AAAA,gBACX;AAAA,IACC,CAAA;AAAA,IAEV,gBAAA,EAAC,KAAD;AAAA,MAAG,WAAU;AAAA,gBAA4C;AAAA,IAAS,CAAA;AAAA,IACjE,KACG,gBAAA,EAAC,KAAD;AAAA,MAAG,WAAU;AAAA,gBAA8C;AAAA,IAAe,CAAA;AAAA,IAE7E,KAAU,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,gBAAQ;AAAA,IAAY,CAAA;AAAA,EAC7C"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+export type ModalProps = {
+    /** 是否打开 */
+    open: boolean;
+    /** 关闭回调（遮罩点击 / Esc / 关闭按钮触发） */
+    onClose: () => void;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 标题下的说明文字 */
+    description?: React.ReactNode;
+    /** 正文内容 */
+    children?: React.ReactNode;
+    /** 底部操作区（默认右对齐） */
+    footer?: React.ReactNode;
+    /** 尺寸 */
+    size?: 'sm' | 'md' | 'lg';
+    /** 点击遮罩是否关闭（默认 true） */
+    closeOnOverlay?: boolean;
+    /** 是否显示右上角关闭按钮（默认 true） */
+    showClose?: boolean;
+    className?: string;
+};
+/**
+ * 轻量模态框：遮罩 + 居中面板，支持 Esc 关闭、遮罩点击关闭与滚动锁定。
+ */
+declare const Modal: ({ open, onClose, title, description, children, footer, size, closeOnOverlay, showClose, className, }: ModalProps) => React.JSX.Element | null;
+export default Modal;

package/dist/components/Modal/index.js

@@ -0,0 +1,73 @@
+import { useEffect as x } from "react";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+var f = {
+  sm: "max-w-sm",
+  md: "max-w-lg",
+  lg: "max-w-2xl"
+}, p = ({ open: a, onClose: t, title: s, description: n, children: i, footer: o, size: c = "md", closeOnOverlay: m = !0, showClose: d = !0, className: u = "" }) => (x(() => {
+  if (!a) return;
+  const l = (v) => {
+    v.key === "Escape" && t();
+  };
+  window.addEventListener("keydown", l);
+  const b = document.body.style.overflow;
+  return document.body.style.overflow = "hidden", () => {
+    window.removeEventListener("keydown", l), document.body.style.overflow = b;
+  };
+}, [a, t]), a ? /* @__PURE__ */ r("div", {
+  className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+  children: [/* @__PURE__ */ e("div", {
+    className: "absolute inset-0",
+    onClick: m ? t : void 0,
+    "aria-hidden": !0
+  }), /* @__PURE__ */ r("div", {
+    role: "dialog",
+    "aria-modal": "true",
+    className: `card relative w-full bg-base-100 shadow-xl ${f[c]} ${u}`.trim(),
+    children: [
+      (s || d) && /* @__PURE__ */ r("div", {
+        className: "flex items-start justify-between gap-3 border-b border-base-300 px-5 py-3.5",
+        children: [/* @__PURE__ */ r("div", {
+          className: "min-w-0",
+          children: [s && /* @__PURE__ */ e("h3", {
+            className: "truncate text-sm font-semibold text-base-content",
+            children: s
+          }), n && /* @__PURE__ */ e("p", {
+            className: "mt-0.5 text-xs text-base-content/60",
+            children: n
+          })]
+        }), d && /* @__PURE__ */ e("button", {
+          type: "button",
+          onClick: t,
+          "aria-label": "Close",
+          className: "shrink-0 rounded-md p-1 text-base-content/50 transition-colors hover:bg-base-200 hover:text-base-content",
+          children: /* @__PURE__ */ e("svg", {
+            className: "h-4 w-4",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            strokeWidth: 2,
+            children: /* @__PURE__ */ e("path", {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M6 18L18 6M6 6l12 12"
+            })
+          })
+        })]
+      }),
+      /* @__PURE__ */ e("div", {
+        className: "max-h-[70vh] overflow-y-auto px-5 py-4",
+        children: i
+      }),
+      o && /* @__PURE__ */ e("div", {
+        className: "flex justify-end gap-2 border-t border-base-300 px-5 py-3.5",
+        children: o
+      })
+    ]
+  })]
+}) : null);
+export {
+  p as default
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/index.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nexport type ModalProps = {\n    /** 是否打开 */\n    open: boolean;\n    /** 关闭回调（遮罩点击 / Esc / 关闭按钮触发） */\n    onClose: () => void;\n    /** 标题 */\n    title?: React.ReactNode;\n    /** 标题下的说明文字 */\n    description?: React.ReactNode;\n    /** 正文内容 */\n    children?: React.ReactNode;\n    /** 底部操作区（默认右对齐） */\n    footer?: React.ReactNode;\n    /** 尺寸 */\n    size?: 'sm' | 'md' | 'lg';\n    /** 点击遮罩是否关闭（默认 true） */\n    closeOnOverlay?: boolean;\n    /** 是否显示右上角关闭按钮（默认 true） */\n    showClose?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<ModalProps['size']>, string> = {\n    sm: 'max-w-sm',\n    md: 'max-w-lg',\n    lg: 'max-w-2xl',\n};\n\n/**\n * 轻量模态框：遮罩 + 居中面板，支持 Esc 关闭、遮罩点击关闭与滚动锁定。\n */\nconst Modal = ({\n    open,\n    onClose,\n    title,\n    description,\n    children,\n    footer,\n    size = 'md',\n    closeOnOverlay = true,\n    showClose = true,\n    className = '',\n}: ModalProps) => {\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose();\n        };\n        window.addEventListener('keydown', onKey);\n        const prevOverflow = document.body.style.overflow;\n        document.body.style.overflow = 'hidden';\n        return () => {\n            window.removeEventListener('keydown', onKey);\n            document.body.style.overflow = prevOverflow;\n        };\n    }, [open, onClose]);\n\n    if (!open) return null;\n\n    return (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n            <div\n                className=\"absolute inset-0\"\n                onClick={closeOnOverlay ? onClose : undefined}\n                aria-hidden\n            />\n            <div\n                role=\"dialog\"\n                aria-modal=\"true\"\n                className={`card relative w-full bg-base-100 shadow-xl ${SIZE_CLASS[size]} ${className}`.trim()}\n            >\n                {(title || showClose) && (\n                    <div className=\"flex items-start justify-between gap-3 border-b border-base-300 px-5 py-3.5\">\n                        <div className=\"min-w-0\">\n                            {title && (\n                                <h3 className=\"truncate text-sm font-semibold text-base-content\">\n                                    {title}\n                                </h3>\n                            )}\n                            {description && (\n                                <p className=\"mt-0.5 text-xs text-base-content/60\">{description}</p>\n                            )}\n                        </div>\n                        {showClose && (\n                            <button\n                                type=\"button\"\n                                onClick={onClose}\n                                aria-label=\"Close\"\n                                className=\"shrink-0 rounded-md p-1 text-base-content/50 transition-colors hover:bg-base-200 hover:text-base-content\"\n                            >\n                                <svg\n                                    className=\"h-4 w-4\"\n                                    fill=\"none\"\n                                    viewBox=\"0 0 24 24\"\n                                    stroke=\"currentColor\"\n                                    strokeWidth={2}\n                                >\n                                    <path\n                                        strokeLinecap=\"round\"\n                                        strokeLinejoin=\"round\"\n                                        d=\"M6 18L18 6M6 6l12 12\"\n                                    />\n                                </svg>\n                            </button>\n                        )}\n                    </div>\n                )}\n                <div className=\"max-h-[70vh] overflow-y-auto px-5 py-4\">{children}</div>\n                {footer && (\n                    <div className=\"flex justify-end gap-2 border-t border-base-300 px-5 py-3.5\">\n                        {footer}\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n\nexport default Modal;\n"],"mappings":";;AAwBA,IAAM,IAA8D;AAAA,EAChE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR,GAKM,IAAA,CAAS,EACX,MAAA,GACA,SAAA,GACA,OAAA,GACA,aAAA,GACA,UAAA,GACA,QAAA,GACA,MAAA,IAAO,MACP,gBAAA,IAAiB,IACjB,WAAA,IAAY,IACZ,WAAA,IAAY,GAAA,OAEZ,EAAA,MAAgB;AACZ,MAAI,CAAC,EAAM;AACX,QAAM,IAAA,CAAS,MAAqB;AAChC,IAAI,EAAE,QAAQ,YAAU,EAAQ;AAAA,EACpC;AACA,SAAO,iBAAiB,WAAW,CAAK;AACxC,QAAM,IAAe,SAAS,KAAK,MAAM;AACzC,kBAAS,KAAK,MAAM,WAAW,UAC/B,MAAa;AACT,WAAO,oBAAoB,WAAW,CAAK,GAC3C,SAAS,KAAK,MAAM,WAAW;AAAA,EACnC;AACJ,GAAG,CAAC,GAAM,CAAO,CAAC,GAEb,IAGD,gBAAA,EAAC,OAAD;AAAA,EAAK,WAAU;AAAA,YAAf,CACI,gBAAA,EAAC,OAAD;AAAA,IACI,WAAU;AAAA,IACV,SAAS,IAAiB,IAAU;AAAA,IACpC,eAAA;AAAA,EACH,CAAA,GACD,gBAAA,EAAC,OAAD;AAAA,IACI,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAW,8CAA8C,EAAW,CAAA,CAAA,IAAS,CAAA,GAAY,KAAK;AAAA,cAHlG;AAAA,OAKM,KAAS,MACP,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBAAf,CACI,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,oBAAf,CACK,KACG,gBAAA,EAAC,MAAD;AAAA,YAAI,WAAU;AAAA,sBACT;AAAA,UACD,CAAA,GAEP,KACG,gBAAA,EAAC,KAAD;AAAA,YAAG,WAAU;AAAA,sBAAuC;AAAA,UAAe,CAAA,CAEtE;AAAA,YACJ,KACG,gBAAA,EAAC,UAAD;AAAA,UACI,MAAK;AAAA,UACL,SAAS;AAAA,UACT,cAAW;AAAA,UACX,WAAU;AAAA,oBAEV,gBAAA,EAAC,OAAD;AAAA,YACI,WAAU;AAAA,YACV,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,QAAO;AAAA,YACP,aAAa;AAAA,sBAEb,gBAAA,EAAC,QAAD;AAAA,cACI,eAAc;AAAA,cACd,gBAAe;AAAA,cACf,GAAE;AAAA,YACL,CAAA;AAAA,UACA,CAAA;AAAA,QACD,CAAA,CAEX;AAAA;MAET,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAA0C,UAAA;AAAA,MAAc,CAAA;AAAA,MACtE,KACG,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,kBACV;AAAA,MACA,CAAA;AAAA,IAER;AAAA,IACJ;KAzDS"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export type PageHeaderProps = {
+    /** 页面标题 */
+    title: React.ReactNode;
+    /** 标题下方的描述文字 */
+    description?: React.ReactNode;
+    /** 标题左侧的图标（通常为 lucide 图标） */
+    icon?: React.ReactNode;
+    /** 右侧操作区（按钮组等） */
+    actions?: React.ReactNode;
+    /** 紧凑模式：标题与间距更小 */
+    compact?: boolean;
+    className?: string;
+};
+/**
+ * 页面头部：统一管理后台等页面的标题 / 描述 / 操作区排版。
+ * 相比页面内手写的 `text-3xl` 标题，默认字号更精致（text-lg）。
+ */
+declare const PageHeader: ({ title, description, icon, actions, compact, className, }: PageHeaderProps) => React.JSX.Element;
+export default PageHeader;

package/dist/components/PageHeader/index.js

@@ -0,0 +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
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export type StatCardProps = {
+    /** 指标名称 */
+    label: React.ReactNode;
+    /** 指标值（数字或短文本） */
+    value: React.ReactNode;
+    /** 右上角图标 */
+    icon?: React.ReactNode;
+    /** 色调（影响图标底色与文字色） */
+    tone?: 'primary' | 'success' | 'warning' | 'info' | 'error' | 'neutral';
+    /** 值下方的小字说明 */
+    hint?: React.ReactNode;
+    /** 加载态：值显示为骨架 */
+    loading?: boolean;
+    className?: string;
+};
+/**
+ * 统计卡片：仪表盘等场景的「标签 + 数值 + 图标」小卡。
+ * 内部基于 Card 组件，默认紧凑内边距与小号字体。
+ */
+declare const StatCard: ({ label, value, icon, tone, hint, loading, className, }: StatCardProps) => React.JSX.Element;
+export default StatCard;

package/dist/components/StatCard/index.js

@@ -0,0 +1,62 @@
+import b from "../Card/index.js";
+import "react";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+var x = {
+  primary: {
+    text: "text-primary",
+    bg: "bg-primary/10"
+  },
+  success: {
+    text: "text-success",
+    bg: "bg-success/10"
+  },
+  warning: {
+    text: "text-warning",
+    bg: "bg-warning/10"
+  },
+  info: {
+    text: "text-info",
+    bg: "bg-info/10"
+  },
+  error: {
+    text: "text-error",
+    bg: "bg-error/10"
+  },
+  neutral: {
+    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, {
+    bordered: !0,
+    glass: !1,
+    hover: !0,
+    className: `bg-base-200 p-4 ${m}`.trim(),
+    children: [
+      /* @__PURE__ */ a("div", {
+        className: "mb-2 flex items-center justify-between gap-2",
+        children: [/* @__PURE__ */ e("span", {
+          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(),
+          children: t
+        })]
+      }),
+      i ? /* @__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
+      }),
+      r && /* @__PURE__ */ e("p", {
+        className: "mt-1.5 text-[11px] text-base-content/50",
+        children: r
+      })
+    ]
+  });
+};
+export {
+  u as default
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export type TabItem<T extends string = string> = {
+    key: T;
+    label: React.ReactNode;
+};
+export type TabsProps<T extends string = string> = {
+    items: readonly TabItem<T>[];
+    /** 当前激活的 tab key */
+    value: T;
+    /** 切换回调 */
+    onChange: (key: T) => void;
+    /** 外观：box（daisyUI 5 的 tabs-box）/ border（tabs-border） */
+    variant?: 'box' | 'border';
+    className?: string;
+};
+/**
+ * 标签页切换条。基于 daisyUI 5 的 `tabs` / `tabs-box` / `tabs-border`，
+ * 字号统一使用小号文本，与管理后台紧凑风格一致。
+ */
+declare function Tabs<T extends string = string>({ items, value, onChange, variant, className, }: TabsProps<T>): React.JSX.Element;
+export default Tabs;

package/dist/components/Tabs/index.js

@@ -0,0 +1,25 @@
+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", {
+    role: "tablist",
+    className: [
+      "tabs h-auto min-h-0 text-xs",
+      b === "box" ? "tabs-box" : "tabs-border",
+      l
+    ].filter(Boolean).join(" "),
+    children: o.map((t) => /* @__PURE__ */ e("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))
+  });
+}
+export {
+  c as default
+};
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}