@sia.soul/sia-react-ui 0.1.29 → 0.1.30

package/dist/{chunk-I5KAI6FC.js → chunk-KT7DIBXX.js}

@@ -141,6 +141,7 @@ function Card({
 // src/components/Tag.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function Tag({
+  color,
   status = "default",
   compact = false,
   variant = "soft",
@@ -151,13 +152,16 @@ function Tag({
   onClose,
   className = "",
   children,
+  style,
   ...props
 }) {
+  const customColor = color?.trim() ? variant === "outlined" ? { borderColor: color, color, backgroundColor: "transparent" } : variant === "filled" ? { backgroundColor: color, color: "#fff", borderColor: "transparent" } : { color, backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)`, borderColor: `color-mix(in srgb, ${color} 35%, transparent)` } : void 0;
   return /* @__PURE__ */ jsxs3(
     "span",
     {
       className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
+      style: customColor ? { ...customColor, ...style } : style,
       ...withTitleTooltip(props),
       children: [
         icon ? /* @__PURE__ */ jsx3("span", { className: "sia-tag__icon", children: icon }) : null,

package/dist/{core-C_aAA7OF.d.cts → core-B687rqFa.d.cts}

@@ -377,12 +377,14 @@ declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttribu
 
 /** 标签的状态类型。 */
 type TagStatus = "default" | "success" | "processing" | "warning" | "error";
-/** 标签的视觉样式。 */
+/** 标签的视觉样式：soft 为柔和浅底，outlined 为透明底描边，filled 为实色背景。 */
 type TagVariant = "soft" | "outlined" | "filled";
 /** 标签的属性配置。 */
 interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    /** 自定义 CSS 颜色，支持十六进制、rgb、颜色名称及 CSS 变量；覆盖 status 的颜色，由 variant 决定浅底、描边或实色效果。未提供非空颜色时沿用状态配色，style 中对应属性优先级最高。 */
+    color?: string;
     /**
-     * 语义状态
+     * 语义状态配色；提供 color 时由自定义颜色覆盖。
      * @defaultValue "default"
      */
     status?: TagStatus;
@@ -392,7 +394,7 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      */
     compact?: boolean;
     /**
-     组件的视觉样式。
+     * 视觉样式：soft 使用浅色背景和彩色文字；outlined 使用透明背景、彩色边框和文字；filled 使用实色背景、白字和透明边框。同样适用于自定义 color；实色浅底可通过 style.color 调整文字。
      * @defaultValue "soft"
      */
     variant?: TagVariant;
@@ -403,7 +405,10 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      * @defaultValue false
      */
     closable?: boolean;
-    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    /**
+     * 配合 closable 使用：默认隐藏关闭按钮且不占宽度，鼠标悬停或内部获得键盘焦点时，标签向右扩展并显示按钮；离开后收回，过渡为 180 毫秒。禁用时不展开，无悬停能力的触屏设备直接显示以便操作，减少动态效果偏好下取消动画。
+     * @defaultValue false
+     */
     closeOnHover?: boolean;
     /**
      * 禁用关闭操作
@@ -413,8 +418,8 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /** 请求关闭时触发的回调。 */
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-/** 标签组件。 */
-declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+/** 标记状态或筛选条件的标签，支持语义配色、自定义边框色或背景色及关闭操作。 */
+declare function Tag({ color, status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, style, ...props }: TagProps): react.JSX.Element;
 
 /** 菜单的模式类型。 */
 type MenuMode = "vertical" | "horizontal" | "inline";

package/dist/{core-CuszFlw9.d.ts → core-BwuvPHYM.d.ts}

@@ -377,12 +377,14 @@ declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttribu
 
 /** 标签的状态类型。 */
 type TagStatus = "default" | "success" | "processing" | "warning" | "error";
-/** 标签的视觉样式。 */
+/** 标签的视觉样式：soft 为柔和浅底，outlined 为透明底描边，filled 为实色背景。 */
 type TagVariant = "soft" | "outlined" | "filled";
 /** 标签的属性配置。 */
 interface TagProps extends HTMLAttributes<HTMLSpanElement> {
+    /** 自定义 CSS 颜色，支持十六进制、rgb、颜色名称及 CSS 变量；覆盖 status 的颜色，由 variant 决定浅底、描边或实色效果。未提供非空颜色时沿用状态配色，style 中对应属性优先级最高。 */
+    color?: string;
     /**
-     * 语义状态
+     * 语义状态配色；提供 color 时由自定义颜色覆盖。
      * @defaultValue "default"
      */
     status?: TagStatus;
@@ -392,7 +394,7 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      */
     compact?: boolean;
     /**
-     组件的视觉样式。
+     * 视觉样式：soft 使用浅色背景和彩色文字；outlined 使用透明背景、彩色边框和文字；filled 使用实色背景、白字和透明边框。同样适用于自定义 color；实色浅底可通过 style.color 调整文字。
      * @defaultValue "soft"
      */
     variant?: TagVariant;
@@ -403,7 +405,10 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
      * @defaultValue false
      */
     closable?: boolean;
-    /** 悬停或键盘聚焦时展开关闭按钮。 */
+    /**
+     * 配合 closable 使用：默认隐藏关闭按钮且不占宽度，鼠标悬停或内部获得键盘焦点时，标签向右扩展并显示按钮；离开后收回，过渡为 180 毫秒。禁用时不展开，无悬停能力的触屏设备直接显示以便操作，减少动态效果偏好下取消动画。
+     * @defaultValue false
+     */
     closeOnHover?: boolean;
     /**
      * 禁用关闭操作
@@ -413,8 +418,8 @@ interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     /** 请求关闭时触发的回调。 */
     onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
-/** 标签组件。 */
-declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
+/** 标记状态或筛选条件的标签，支持语义配色、自定义边框色或背景色及关闭操作。 */
+declare function Tag({ color, status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, style, ...props }: TagProps): react.JSX.Element;
 
 /** 菜单的模式类型。 */
 type MenuMode = "vertical" | "horizontal" | "inline";

package/dist/core.cjs

@@ -1761,6 +1761,7 @@ function Card({
 // src/components/Tag.tsx
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Tag({
+  color,
   status = "default",
   compact = false,
   variant = "soft",
@@ -1771,13 +1772,16 @@ function Tag({
   onClose,
   className = "",
   children,
+  style,
   ...props
 }) {
+  const customColor = color?.trim() ? variant === "outlined" ? { borderColor: color, color, backgroundColor: "transparent" } : variant === "filled" ? { backgroundColor: color, color: "#fff", borderColor: "transparent" } : { color, backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)`, borderColor: `color-mix(in srgb, ${color} 35%, transparent)` } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "span",
     {
       className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
+      style: customColor ? { ...customColor, ...style } : style,
       ...withTitleTooltip(props),
       children: [
         icon ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sia-tag__icon", children: icon }) : null,

package/dist/core.css

@@ -3467,12 +3467,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__header-cell,
 .sia-table__cell {
   position: relative;
-  height: 38px;
-  padding: 8px 12px;
+  height: 36px;
+  padding: 5px 12px;
   border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
   border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
   background: var(--sia-color-surface);
   vertical-align: middle;
+  font-size: 13px;
+  line-height: 1.5;
 }
 .sia-table__cell:last-child {
   border-right: 0;
@@ -3597,7 +3599,13 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table__row {
   content-visibility: auto;
-  contain-intrinsic-size: auto 38px;
+  contain-intrinsic-size: auto 36px;
+}
+.sia-table--small .sia-table__row {
+  contain-intrinsic-size: auto 28px;
+}
+.sia-table--large .sia-table__row {
+  contain-intrinsic-size: auto 46px;
 }
 .sia-table__row--striped .sia-table__cell {
   background: color-mix(in srgb, var(--sia-color-background) 55%, var(--sia-color-surface));
@@ -3664,7 +3672,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__cell--merge-sticky > .sia-table__cell-content {
   position: sticky;
   z-index: var(--sia-table-merge-sticky-z-index, 3);
-  top: calc(var(--sia-table-header-height, 38px) + var(--sia-table-merge-sticky-inset, 0px));
+  top: calc(var(--sia-table-header-height, 36px) + var(--sia-table-merge-sticky-inset, 0px));
 }
 .sia-table__cell--fixed {
   position: sticky;
@@ -3787,7 +3795,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__empty {
   position: absolute;
   z-index: 7;
-  inset: var(--sia-table-header-height, 38px) 0 0;
+  inset: var(--sia-table-header-height, 36px) 0 0;
   display: grid;
   place-items: center;
   min-width: 0;
@@ -3813,8 +3821,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table--small .sia-table__header-cell,
 .sia-table--small .sia-table__cell {
-  height: 32px;
-  padding: 5px 9px;
+  height: 28px;
+  padding: 3px 9px;
   font-size: 12px;
 }
 .sia-table--large .sia-table__header-cell,
@@ -3876,6 +3884,19 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 1px;
 }
+.sia-table--medium .sia-table__sort-button {
+  height: 24px;
+}
+.sia-table--small .sia-table__sort-button,
+.sia-table--small .sia-table__filter-button {
+  height: 20px;
+}
+.sia-table--medium .sia-table__cell .sia-button--link {
+  height: 24px;
+}
+.sia-table--small .sia-table__cell .sia-button--link {
+  height: 20px;
+}
 .sia-table__filter-header {
   display: flex;
   align-items: center;
@@ -4421,8 +4442,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   }
 }
 .sia-table__settings-dropdown .sia-menu__item {
-  min-height: 34px;
-  padding: 4px 12px;
+  min-height: 36px;
+  padding: 5px 12px;
   gap: 10px;
   font-size: 14px;
   line-height: 24px;

package/dist/core.d.cts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-C_aAA7OF.cjs';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-B687rqFa.cjs';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-YJbT-MF1.cjs';
 import 'react';
 import './shared-Bx4B28Wh.cjs';

package/dist/core.d.ts

@@ -1,4 +1,4 @@
-export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-CuszFlw9.js';
+export { d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, h as Card, i as CardAccent, j as CardProps, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, K as Icon, L as IconName, M as IconProps, N as IconVariant, U as Input, V as InputProps, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, aq as TabItem, ar as Tabs, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, T as TagStatus, az as TagVariant, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, b0 as UploadProps, b4 as UploadRequestOptions, b8 as message } from './core-BwuvPHYM.js';
 export { f as Button, B as ButtonProps, e as ButtonSize, g as ButtonVariant, h as Modal, d as ModalActionResult, M as ModalOpenConfig, i as ModalProps, j as ModalType, a as OverlayApiHandle, k as Select, S as SelectOption, c as SelectProps, m as SelectValue } from './Select-CCrPqULn.js';
 import 'react';
 import './shared-Bx4B28Wh.js';

package/dist/core.js

@@ -10,7 +10,7 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-I5KAI6FC.js";
+} from "./chunk-KT7DIBXX.js";
 import "./chunk-YQDHCORW.js";
 import {
   Modal,

package/dist/index.cjs

@@ -10764,6 +10764,7 @@ var message = {
 // src/components/Tag.tsx
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Tag({
+  color,
   status = "default",
   compact = false,
   variant = "soft",
@@ -10774,13 +10775,16 @@ function Tag({
   onClose,
   className = "",
   children,
+  style,
   ...props
 }) {
+  const customColor = color?.trim() ? variant === "outlined" ? { borderColor: color, color, backgroundColor: "transparent" } : variant === "filled" ? { backgroundColor: color, color: "#fff", borderColor: "transparent" } : { color, backgroundColor: `color-mix(in srgb, ${color} 10%, transparent)`, borderColor: `color-mix(in srgb, ${color} 35%, transparent)` } : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     "span",
     {
       className: `sia-tag${closable && closeOnHover ? " sia-tag--close-on-hover" : ""} sia-tag--${status} sia-tag--${variant}${compact ? " sia-tag--compact" : ""}${disabled ? " sia-tag--disabled" : ""} ${className}`.trim(),
       "aria-disabled": disabled || void 0,
+      style: customColor ? { ...customColor, ...style } : style,
       ...withTitleTooltip(props),
       children: [
         icon ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "sia-tag__icon", children: icon }) : null,
@@ -13964,7 +13968,7 @@ var EMPTY_DATA = [];
 var EMPTY_COLUMNS = [];
 var EMPTY_PLUGINS = [];
 var DEFAULT_WIDTH = 160;
-var SIZE_ROW_HEIGHT = { small: 32, medium: 38, large: 46 };
+var SIZE_ROW_HEIGHT = { small: 28, medium: 36, large: 46 };
 function getHeaderTitleText(content) {
   if (typeof content === "string" || typeof content === "number") return String(content);
   if (Array.isArray(content)) return content.map(getHeaderTitleText).join("");

package/dist/index.css

@@ -3467,12 +3467,14 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__header-cell,
 .sia-table__cell {
   position: relative;
-  height: 38px;
-  padding: 8px 12px;
+  height: 36px;
+  padding: 5px 12px;
   border-right: var(--sia-table-column-border-width) solid var(--sia-table-border-color, #EFF2F6);
   border-bottom: var(--sia-table-row-border-width) solid var(--sia-table-border-color, #EFF2F6);
   background: var(--sia-color-surface);
   vertical-align: middle;
+  font-size: 13px;
+  line-height: 1.5;
 }
 .sia-table__cell:last-child {
   border-right: 0;
@@ -3597,7 +3599,13 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table__row {
   content-visibility: auto;
-  contain-intrinsic-size: auto 38px;
+  contain-intrinsic-size: auto 36px;
+}
+.sia-table--small .sia-table__row {
+  contain-intrinsic-size: auto 28px;
+}
+.sia-table--large .sia-table__row {
+  contain-intrinsic-size: auto 46px;
 }
 .sia-table__row--striped .sia-table__cell {
   background: color-mix(in srgb, var(--sia-color-background) 55%, var(--sia-color-surface));
@@ -3664,7 +3672,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__cell--merge-sticky > .sia-table__cell-content {
   position: sticky;
   z-index: var(--sia-table-merge-sticky-z-index, 3);
-  top: calc(var(--sia-table-header-height, 38px) + var(--sia-table-merge-sticky-inset, 0px));
+  top: calc(var(--sia-table-header-height, 36px) + var(--sia-table-merge-sticky-inset, 0px));
 }
 .sia-table__cell--fixed {
   position: sticky;
@@ -3787,7 +3795,7 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 .sia-table__empty {
   position: absolute;
   z-index: 7;
-  inset: var(--sia-table-header-height, 38px) 0 0;
+  inset: var(--sia-table-header-height, 36px) 0 0;
   display: grid;
   place-items: center;
   min-width: 0;
@@ -3813,8 +3821,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
 }
 .sia-table--small .sia-table__header-cell,
 .sia-table--small .sia-table__cell {
-  height: 32px;
-  padding: 5px 9px;
+  height: 28px;
+  padding: 3px 9px;
   font-size: 12px;
 }
 .sia-table--large .sia-table__header-cell,
@@ -3876,6 +3884,19 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   outline: 2px solid var(--sia-color-primary);
   outline-offset: 1px;
 }
+.sia-table--medium .sia-table__sort-button {
+  height: 24px;
+}
+.sia-table--small .sia-table__sort-button,
+.sia-table--small .sia-table__filter-button {
+  height: 20px;
+}
+.sia-table--medium .sia-table__cell .sia-button--link {
+  height: 24px;
+}
+.sia-table--small .sia-table__cell .sia-button--link {
+  height: 20px;
+}
 .sia-table__filter-header {
   display: flex;
   align-items: center;
@@ -4421,8 +4442,8 @@ fieldset:disabled .sia-input-number__floating-placeholder {
   }
 }
 .sia-table__settings-dropdown .sia-menu__item {
-  min-height: 34px;
-  padding: 4px 12px;
+  min-height: 36px;
+  padding: 5px 12px;
   gap: 10px;
   font-size: 14px;
   line-height: 24px;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-C_aAA7OF.cjs';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadHttpRequest, a$ as UploadItemActions, b0 as UploadProps, b1 as UploadRef, b2 as UploadRejectInfo, b3 as UploadRequestHandle, b4 as UploadRequestOptions, b5 as Watermark, b6 as WatermarkFont, b7 as WatermarkProps, b8 as message, b9 as notification } from './core-C_aAA7OF.cjs';
+import { T as TagStatus, B as BadgeProps } from './core-B687rqFa.cjs';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadHttpRequest, a$ as UploadItemActions, b0 as UploadProps, b1 as UploadRef, b2 as UploadRejectInfo, b3 as UploadRequestHandle, b4 as UploadRequestOptions, b5 as Watermark, b6 as WatermarkFont, b7 as WatermarkProps, b8 as message, b9 as notification } from './core-B687rqFa.cjs';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.cjs';
@@ -2094,7 +2094,12 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     height?: number | string;
     /** 表格滚动区域的高度。 */
     tableHeight?: number | string;
-    /** 表格密度 */
+    /**
+     * 表格密度；省略时与显式传 medium 相同。small、medium、large 默认行高分别为 28、36、46px。
+     * 单元格使用各尺寸字号和 1.5 倍文字行高，不继承宿主页面的文字行高。
+     * small / medium 数据单元格内的链接按钮高度分别为 20 / 24px，以适配行高；工具栏不受影响，其他自定义内容仍可能撑高单元格。
+     * @defaultValue "medium"
+     */
     size?: TableSize;
     /** 是否显示边框。 */
     bordered?: boolean;
@@ -2110,7 +2115,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     virtual?: boolean;
     /** 启用虚拟滚动的选项数量 */
     virtualThreshold?: number;
-    /** 行高度，虚拟滚动用其计算行位置。 */
+    /** 行高度，单位为 px，虚拟滚动用其计算行位置；默认随 size 取 small 28、medium 36、large 46。自定义内容应适配行高，避免撑高后导致虚拟滚动位置偏差。 */
     rowHeight?: number;
     /** 虚拟列表在可视区域前后额外渲染的数量。 */
     overscan?: number;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { T as TagStatus, B as BadgeProps } from './core-CuszFlw9.js';
-export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadHttpRequest, a$ as UploadItemActions, b0 as UploadProps, b1 as UploadRef, b2 as UploadRejectInfo, b3 as UploadRequestHandle, b4 as UploadRequestOptions, b5 as Watermark, b6 as WatermarkFont, b7 as WatermarkProps, b8 as message, b9 as notification } from './core-CuszFlw9.js';
+import { T as TagStatus, B as BadgeProps } from './core-BwuvPHYM.js';
+export { a as Badge, b as BadgeRibbonProps, c as BadgeStatus, d as Breadcrumb, e as BreadcrumbItem, f as BreadcrumbProps, C as Calendar, g as CalendarProps, h as Card, i as CardAccent, j as CardProps, k as Carousel, l as CarouselProps, m as CarouselRef, n as Collapse, o as CollapseItem, p as CollapseKey, q as CollapseProps, D as Dropdown, r as DropdownButtonProps, s as DropdownMenuProps, t as DropdownOpenSource, u as DropdownPlacement, v as DropdownProps, w as DropdownTrigger, F as FILLED_ICON_NAMES, x as FilledIconName, y as FloatButton, z as FloatButtonBackTopProps, A as FloatButtonGroupProps, E as FloatButtonProps, G as FloatButtonShape, H as FloatingPlacement, I as FloatingTrigger, J as ICON_NAMES, K as Icon, L as IconName, M as IconProps, N as IconVariant, O as Image, P as ImagePreview, Q as ImagePreviewConfig, R as ImagePreviewProps, S as ImageProps, U as Input, V as InputProps, W as Menu, X as MenuClickInfo, Y as MenuItem, Z as MenuMode, _ as MenuProps, $ as MenuTheme, a0 as MessageConfig, a1 as MessageHandle, a2 as MessageKey, a3 as MessageType, a4 as NotificationConfig, a5 as NotificationPlacement, a6 as NotificationType, a7 as Popconfirm, a8 as PopconfirmProps, a9 as Popover, aa as PopoverProps, ab as Progress, ac as ProgressProps, ad as ProgressStatus, ae as Rate, af as RateProps, ag as Segmented, ah as SegmentedOption, ai as SegmentedProps, aj as SegmentedValue, ak as Spin, al as SpinProps, am as StepItem, an as StepStatus, ao as Steps, ap as StepsProps, aq as TabItem, ar as Tabs, as as TabsContextMenuClickInfo, at as TabsOrientation, au as TabsPosition, av as TabsProps, aw as TabsType, ax as Tag, ay as TagProps, az as TagVariant, aA as Timeline, aB as TimelineItem, aC as TimelineProps, aD as Toolbar, aE as ToolbarItem, aF as ToolbarProps, aG as Tooltip, aH as TooltipProps, aI as Tour, aJ as TourProps, aK as TourStep, aL as Tree, aM as TreeDropPosition, aN as TreeKey, aO as TreeNode, aP as TreeProps, aQ as Typography, aR as TypographyLinkProps, aS as TypographyProps, aT as TypographyTitleProps, aU as TypographyType, aV as Upload, aW as UploadChangeInfo, aX as UploadDraggerProps, aY as UploadFile, aZ as UploadFileStatus, a_ as UploadHttpRequest, a$ as UploadItemActions, b0 as UploadProps, b1 as UploadRef, b2 as UploadRejectInfo, b3 as UploadRequestHandle, b4 as UploadRequestOptions, b5 as Watermark, b6 as WatermarkFont, b7 as WatermarkProps, b8 as message, b9 as notification } from './core-BwuvPHYM.js';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties, ElementType, FormHTMLAttributes, InputHTMLAttributes, ChangeEvent, TextareaHTMLAttributes, MouseEvent, Key, PointerEvent, Ref, ReactElement, ButtonHTMLAttributes, RefObject } from 'react';
 import { C as ControlSize, I as InputPlaceholderMode, a as ControlStatus } from './shared-Bx4B28Wh.js';
@@ -2094,7 +2094,12 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     height?: number | string;
     /** 表格滚动区域的高度。 */
     tableHeight?: number | string;
-    /** 表格密度 */
+    /**
+     * 表格密度；省略时与显式传 medium 相同。small、medium、large 默认行高分别为 28、36、46px。
+     * 单元格使用各尺寸字号和 1.5 倍文字行高，不继承宿主页面的文字行高。
+     * small / medium 数据单元格内的链接按钮高度分别为 20 / 24px，以适配行高；工具栏不受影响，其他自定义内容仍可能撑高单元格。
+     * @defaultValue "medium"
+     */
     size?: TableSize;
     /** 是否显示边框。 */
     bordered?: boolean;
@@ -2110,7 +2115,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     virtual?: boolean;
     /** 启用虚拟滚动的选项数量 */
     virtualThreshold?: number;
-    /** 行高度，虚拟滚动用其计算行位置。 */
+    /** 行高度，单位为 px，虚拟滚动用其计算行位置；默认随 size 取 small 28、medium 36、large 46。自定义内容应适配行高，避免撑高后导致虚拟滚动位置偏差。 */
     rowHeight?: number;
     /** 虚拟列表在可视区域前后额外渲染的数量。 */
     overscan?: number;

package/dist/index.js

@@ -80,7 +80,7 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-I5KAI6FC.js";
+} from "./chunk-KT7DIBXX.js";
 import {
   TextArea
 } from "./chunk-YQDHCORW.js";
@@ -7157,7 +7157,7 @@ var EMPTY_DATA = [];
 var EMPTY_COLUMNS = [];
 var EMPTY_PLUGINS = [];
 var DEFAULT_WIDTH = 160;
-var SIZE_ROW_HEIGHT = { small: 32, medium: 38, large: 46 };
+var SIZE_ROW_HEIGHT = { small: 28, medium: 36, large: 46 };
 function getHeaderTitleText(content) {
   if (typeof content === "string" || typeof content === "number") return String(content);
   if (Array.isArray(content)) return content.map(getHeaderTitleText).join("");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.29",
+  "version": "0.1.30",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",