@fangxinyan/lumina 0.7.0 → 0.8.0

package/dist/{chunk-LOWTSOWT.js → chunk-J5UEQ3ZQ.js}

@@ -33,6 +33,11 @@ var SplitterBase = React.forwardRef(({
   className = "",
   handleClassName = "",
   handleProps,
+  firstPaneClassName = "",
+  firstPaneStyle,
+  secondPaneClassName = "",
+  secondPaneStyle,
+  handle,
   secondMin = 24,
   storageKey,
   ...rest
@@ -156,6 +161,13 @@ var SplitterBase = React.forwardRef(({
     }
   };
   const firstStyle = direction === "horizontal" ? { width: current } : { height: current };
+  const {
+    className: nativeHandleClassName = "",
+    style: nativeHandleStyle,
+    children: nativeHandleChildren,
+    ...nativeHandleProps
+  } = handleProps ?? {};
+  const handleContent = handle !== void 0 ? handle : nativeHandleChildren !== void 0 ? nativeHandleChildren : /* @__PURE__ */ jsx("span", { className: "splitter-handle-grip", "aria-hidden": true });
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -167,11 +179,18 @@ var SplitterBase = React.forwardRef(({
       className: `splitter ${direction} ${dragging ? "dragging" : ""} ${className}`,
       ...rest,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
         /* @__PURE__ */ jsx(
           "div",
           {
-            ...handleProps,
+            className: ["splitter-panel", "first", firstPaneClassName].filter(Boolean).join(" "),
+            style: { ...firstStyle, ...firstPaneStyle },
+            children: children[0]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ...nativeHandleProps,
             role: "separator",
             tabIndex: 0,
             "aria-label": handleProps?.["aria-label"] ?? "\u8C03\u6574\u5206\u680F\u5C3A\u5BF8",
@@ -179,16 +198,24 @@ var SplitterBase = React.forwardRef(({
             "aria-valuenow": current,
             "aria-valuemin": min,
             "aria-valuemax": Number.isFinite(max) ? clamp(max) : void 0,
-            className: `splitter-handle ${handleClassName}`,
+            className: ["splitter-handle", handleClassName, nativeHandleClassName].filter(Boolean).join(" "),
+            style: nativeHandleStyle,
             onPointerDown,
             onKeyDown: (event) => {
               handleProps?.onKeyDown?.(event);
               if (!event.defaultPrevented) onKeyDown(event);
             },
-            children: /* @__PURE__ */ jsx("span", { className: "splitter-handle-grip", "aria-hidden": true })
+            children: handleContent
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "splitter-panel second", children: children[1] })
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: ["splitter-panel", "second", secondPaneClassName].filter(Boolean).join(" "),
+            style: secondPaneStyle,
+            children: children[1]
+          }
+        )
       ]
     }
   );

package/dist/{chunk-U7VEPMCX.cjs → chunk-JBS353O4.cjs}

@@ -55,6 +55,11 @@ var SplitterBase = React__namespace.forwardRef(({
   className = "",
   handleClassName = "",
   handleProps,
+  firstPaneClassName = "",
+  firstPaneStyle,
+  secondPaneClassName = "",
+  secondPaneStyle,
+  handle,
   secondMin = 24,
   storageKey,
   ...rest
@@ -178,6 +183,13 @@ var SplitterBase = React__namespace.forwardRef(({
     }
   };
   const firstStyle = direction === "horizontal" ? { width: current } : { height: current };
+  const {
+    className: nativeHandleClassName = "",
+    style: nativeHandleStyle,
+    children: nativeHandleChildren,
+    ...nativeHandleProps
+  } = handleProps ?? {};
+  const handleContent = handle !== void 0 ? handle : nativeHandleChildren !== void 0 ? nativeHandleChildren : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "splitter-handle-grip", "aria-hidden": true });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -189,11 +201,18 @@ var SplitterBase = React__namespace.forwardRef(({
       className: `splitter ${direction} ${dragging ? "dragging" : ""} ${className}`,
       ...rest,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            ...handleProps,
+            className: ["splitter-panel", "first", firstPaneClassName].filter(Boolean).join(" "),
+            style: { ...firstStyle, ...firstPaneStyle },
+            children: children[0]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ...nativeHandleProps,
             role: "separator",
             tabIndex: 0,
             "aria-label": handleProps?.["aria-label"] ?? "\u8C03\u6574\u5206\u680F\u5C3A\u5BF8",
@@ -201,16 +220,24 @@ var SplitterBase = React__namespace.forwardRef(({
             "aria-valuenow": current,
             "aria-valuemin": min,
             "aria-valuemax": Number.isFinite(max) ? clamp(max) : void 0,
-            className: `splitter-handle ${handleClassName}`,
+            className: ["splitter-handle", handleClassName, nativeHandleClassName].filter(Boolean).join(" "),
+            style: nativeHandleStyle,
             onPointerDown,
             onKeyDown: (event) => {
               handleProps?.onKeyDown?.(event);
               if (!event.defaultPrevented) onKeyDown(event);
             },
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "splitter-handle-grip", "aria-hidden": true })
+            children: handleContent
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "splitter-panel second", children: children[1] })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: ["splitter-panel", "second", secondPaneClassName].filter(Boolean).join(" "),
+            style: secondPaneStyle,
+            children: children[1]
+          }
+        )
       ]
     }
   );

package/dist/{chunk-56I6ZKGU.cjs → chunk-PJFYIXBX.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkD7YSY5RZ_cjs = require('./chunk-D7YSY5RZ.cjs');
+var chunkSF7BPXDJ_cjs = require('./chunk-SF7BPXDJ.cjs');
 var chunkSTQDKMS5_cjs = require('./chunk-STQDKMS5.cjs');
 var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
 var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
@@ -137,7 +137,7 @@ var PaginationBase = React__namespace.forwardRef(({
         }
       ),
       showSizeChanger && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pg-size-changer", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkD7YSY5RZ_cjs.Select,
+        chunkSF7BPXDJ_cjs.Select,
         {
           value: normalizedPageSize,
           size: "sm",

package/dist/{chunk-ENFLP7SN.cjs → chunk-PNKNZREC.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk56I6ZKGU_cjs = require('./chunk-56I6ZKGU.cjs');
+var chunkPJFYIXBX_cjs = require('./chunk-PJFYIXBX.cjs');
 var chunkKCDOC3HS_cjs = require('./chunk-KCDOC3HS.cjs');
 var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
 var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
@@ -10,7 +10,7 @@ var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
 var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
 require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
-require('./Table-W4HPZ7MZ.css');
+require('./Table-KB6EEBDJ.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -74,6 +74,8 @@ var TableInner = ({
   tableProps,
   caption,
   onRowClick,
+  activeRowKey,
+  rowClassName,
   empty = "\u6682\u65E0\u6570\u636E",
   className = "",
   style,
@@ -387,8 +389,10 @@ var TableInner = ({
                   );
                 })
               ] }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map(({ row, key: k }, i) => {
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: totalColCount, className: "table-empty", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-empty-content", children: empty }) }) }) : rowsToRender.map(({ row, key: k }, i) => {
                 const isSel = selectedKeySet.has(k);
+                const isActive = activeRowKey !== void 0 && activeRowKey === k;
+                const resolvedRowClassName = typeof rowClassName === "function" ? rowClassName(row, i) : rowClassName;
                 const selProps = rowSelection?.getCheckboxProps?.(row);
                 const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
                 const isExpanded = canExpand && expandedKeySet.has(k);
@@ -398,10 +402,16 @@ var TableInner = ({
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     "tr",
                     {
-                      className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
+                      className: [
+                        onRowClick ? "clickable" : "",
+                        isSel ? "selected" : "",
+                        isActive ? "active-row" : "",
+                        resolvedRowClassName
+                      ].filter(Boolean).join(" "),
                       onClick: onRowClick ? () => onRowClick(row, i) : void 0,
                       tabIndex: onRowClick ? 0 : void 0,
                       "aria-selected": selectionMode !== "off" ? isSel : void 0,
+                      "aria-current": isActive ? "true" : void 0,
                       onKeyDown: onRowClick ? (event) => {
                         if (event.currentTarget !== event.target) return;
                         if (event.key === "Enter" || event.key === " ") {
@@ -493,7 +503,7 @@ var TableInner = ({
       }
     ),
     pagEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Pagination", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk56I6ZKGU_cjs.Pagination,
+      chunkPJFYIXBX_cjs.Pagination,
       {
         total: totalCount,
         pageSize: curPageSize,

package/dist/{chunk-XZXY3XCL.cjs → chunk-RR7KWH26.cjs}

@@ -3,7 +3,7 @@
 var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
 require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
-require('./Tabs-A3IG6UZ6.css');
+require('./Tabs-FB2AMBWL.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -35,6 +35,9 @@ var TabsBase = React__namespace.forwardRef(({
   onChange,
   variant = "line",
   centered,
+  tabBarClassName = "",
+  contentClassName = "",
+  fill = false,
   className = "",
   ...rest
 }, ref) => {
@@ -64,40 +67,54 @@ var TabsBase = React__namespace.forwardRef(({
   };
   const active = items.find((i) => i.key === current);
   const activeIndex = items.findIndex((item) => item.key === current);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `tabs ${variant} ${centered ? "centered" : ""} ${className}`, ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs-nav", role: "tablist", children: items.map((it, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        ref: (node) => {
-          if (node) tabRefs.current.set(it.key, node);
-          else tabRefs.current.delete(it.key);
-        },
-        type: "button",
-        role: "tab",
-        id: `${baseId}-tab-${index}`,
-        "aria-selected": current === it.key,
-        "aria-controls": it.content !== void 0 ? `${baseId}-panel-${index}` : void 0,
-        tabIndex: current === it.key ? 0 : -1,
-        disabled: it.disabled,
-        className: `tab ${current === it.key ? "active" : ""}`,
-        onClick: () => select(it.key),
-        onKeyDown: handleTabKeyDown,
-        children: it.label
-      },
-      it.key
-    )) }),
-    active?.content !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        id: `${baseId}-panel-${activeIndex}`,
-        className: "tabs-content",
-        role: "tabpanel",
-        "aria-labelledby": `${baseId}-tab-${activeIndex}`,
-        tabIndex: 0,
-        children: active.content
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      className: [
+        "tabs",
+        variant,
+        centered ? "centered" : "",
+        fill ? "fill" : "",
+        className
+      ].filter(Boolean).join(" "),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: ["tabs-nav", tabBarClassName].filter(Boolean).join(" "), role: "tablist", children: items.map((it, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            ref: (node) => {
+              if (node) tabRefs.current.set(it.key, node);
+              else tabRefs.current.delete(it.key);
+            },
+            type: "button",
+            role: "tab",
+            id: `${baseId}-tab-${index}`,
+            "aria-selected": current === it.key,
+            "aria-controls": it.content !== void 0 ? `${baseId}-panel-${index}` : void 0,
+            tabIndex: current === it.key ? 0 : -1,
+            disabled: it.disabled,
+            className: `tab ${current === it.key ? "active" : ""}`,
+            onClick: () => select(it.key),
+            onKeyDown: handleTabKeyDown,
+            children: it.label
+          },
+          it.key
+        )) }),
+        active?.content !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            id: `${baseId}-panel-${activeIndex}`,
+            className: ["tabs-content", contentClassName].filter(Boolean).join(" "),
+            role: "tabpanel",
+            "aria-labelledby": `${baseId}-tab-${activeIndex}`,
+            tabIndex: 0,
+            children: active.content
+          }
+        )
+      ]
+    }
+  );
 });
 TabsBase.displayName = "Tabs";
 var Tabs = chunkNRJXZPZR_cjs.withComponentTheme(TabsBase, "Tabs", "tabs");

package/dist/{chunk-D7YSY5RZ.cjs → chunk-SF7BPXDJ.cjs}

@@ -68,6 +68,7 @@ var SelectInner = (props, forwardedRef) => {
     selectedRender,
     listHeight = 260,
     popupStyle,
+    getOptionDisabled,
     open: openProp,
     defaultOpen,
     onOpenChange,
@@ -89,7 +90,8 @@ var SelectInner = (props, forwardedRef) => {
     defaultValue: _defaultValue,
     onChange: _selectionChange,
     onClear: _onClear,
-    maxTagCount: _maxTagCount,
+    maxTagCount,
+    maxCount,
     ...rest
   } = props;
   const isMulti = multiple === true;
@@ -163,6 +165,15 @@ var SelectInner = (props, forwardedRef) => {
   const singleValue = singleControlled ? props.value : innerSingle;
   const controlledMultiValue = props.value;
   const multiValue = multiControlled ? Array.isArray(controlledMultiValue) ? controlledMultiValue : [] : innerMulti;
+  const selectedValues = React__namespace.useMemo(
+    () => isMulti ? multiValue : singleValue !== void 0 ? [singleValue] : [],
+    [isMulti, multiValue, singleValue]
+  );
+  const selectionLimit = maxCount !== void 0 && Number.isFinite(maxCount) ? Math.max(0, Math.floor(maxCount)) : void 0;
+  const isOptionDisabled = React__namespace.useCallback((option) => {
+    const selected = selectedValues.includes(option.value);
+    return !!option.disabled || !!getOptionDisabled?.(option, selectedValues) || isMulti && !selected && selectionLimit !== void 0 && selectedValues.length >= selectionLimit;
+  }, [getOptionDisabled, isMulti, selectedValues, selectionLimit]);
   React__namespace.useEffect(() => {
     if (!open) return;
     const h = (e) => {
@@ -199,20 +210,20 @@ var SelectInner = (props, forwardedRef) => {
   }, [options, filteredFlat, query]);
   React__namespace.useEffect(() => {
     setActiveIdx((current) => {
-      if (current >= 0 && current < filteredFlat.length && !filteredFlat[current].disabled) {
+      if (current >= 0 && current < filteredFlat.length && !isOptionDisabled(filteredFlat[current])) {
         return current;
       }
-      return filteredFlat.findIndex((option) => !option.disabled);
+      return filteredFlat.findIndex((option) => !isOptionDisabled(option));
     });
-  }, [filteredFlat]);
+  }, [filteredFlat, isOptionDisabled]);
   const pickSingle = (opt) => {
-    if (disabled || opt.disabled) return;
+    if (disabled || isOptionDisabled(opt)) return;
     if (!singleControlled) setInnerSingle(opt.value);
     props.onChange?.(opt.value);
     setOpen(false);
   };
   const toggleMulti = (opt) => {
-    if (disabled || opt.disabled) return;
+    if (disabled || isOptionDisabled(opt)) return;
     const cur = multiValue ?? [];
     const next = cur.includes(opt.value) ? cur.filter((v) => v !== opt.value) : [...cur, opt.value];
     if (!multiControlled) setInnerMulti(next);
@@ -254,7 +265,7 @@ var SelectInner = (props, forwardedRef) => {
       setActiveIdx((i) => {
         for (let step = 1; step <= filteredFlat.length; step++) {
           const next = (Math.max(i, -1) + step) % filteredFlat.length;
-          if (!filteredFlat[next]?.disabled) return next;
+          if (filteredFlat[next] && !isOptionDisabled(filteredFlat[next])) return next;
         }
         return i;
       });
@@ -265,7 +276,7 @@ var SelectInner = (props, forwardedRef) => {
       setActiveIdx((i) => {
         for (let step = 1; step <= filteredFlat.length; step++) {
           const next = (i - step + filteredFlat.length) % filteredFlat.length;
-          if (!filteredFlat[next]?.disabled) return next;
+          if (filteredFlat[next] && !isOptionDisabled(filteredFlat[next])) return next;
         }
         return i;
       });
@@ -274,7 +285,7 @@ var SelectInner = (props, forwardedRef) => {
     if (e.key === "Enter") {
       e.preventDefault();
       const opt = filteredFlat[activeIdx];
-      if (opt && !opt.disabled) {
+      if (opt && !isOptionDisabled(opt)) {
         if (isMulti) toggleMulti(opt);
         else pickSingle(opt);
       }
@@ -284,7 +295,7 @@ var SelectInner = (props, forwardedRef) => {
   const renderTrigger = () => {
     if (isMulti) {
       const selected = (multiValue ?? []).map((v) => allFlat.find((o) => o.value === v)).filter((o) => !!o);
-      const max = props.maxTagCount;
+      const max = maxTagCount;
       const shown = max != null ? selected.slice(0, max) : selected;
       const overflow = selected.length - shown.length;
       if (selected.length === 0) {
@@ -331,6 +342,7 @@ var SelectInner = (props, forwardedRef) => {
     const idx = renderIdx;
     const sel = isSelected(o.value);
     const active = idx === activeIdx;
+    const optionDisabled = isOptionDisabled(o);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
@@ -339,9 +351,11 @@ var SelectInner = (props, forwardedRef) => {
         role: "option",
         "aria-selected": sel,
         "aria-label": getOptionAriaLabel(o),
-        disabled: o.disabled,
+        disabled: optionDisabled,
         className: `menu-item ${sel ? "active" : ""} ${active ? "highlight" : ""}`,
-        onMouseEnter: () => setActiveIdx(idx),
+        onMouseEnter: () => {
+          if (!optionDisabled) setActiveIdx(idx);
+        },
         onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
         children: [
           isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),

package/dist/{chunk-JINKQT6H.cjs → chunk-WHBKQZU5.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkENFLP7SN_cjs = require('./chunk-ENFLP7SN.cjs');
+var chunkPNKNZREC_cjs = require('./chunk-PNKNZREC.cjs');
 var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
 require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
@@ -57,6 +57,8 @@ var TableProInner = ({
   tableProps,
   caption,
   onRowClick,
+  activeRowKey,
+  rowClassName,
   empty,
   ...rootProps
 }, ref) => {
@@ -75,7 +77,7 @@ var TableProInner = ({
           actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(chunkNRJXZPZR_cjs.InternalComponentThemePart, { components: "Table", children: /* @__PURE__ */ jsxRuntime.jsx(
-          chunkENFLP7SN_cjs.Table,
+          chunkPNKNZREC_cjs.Table,
           {
             columns,
             data,
@@ -97,6 +99,8 @@ var TableProInner = ({
             tableProps,
             caption,
             onRowClick,
+            activeRowKey,
+            rowClassName,
             empty,
             className: innerTableClassName,
             style: tableStyle

package/dist/{chunk-EA3NZBCZ.js → chunk-WMISXERU.js}

@@ -1,4 +1,4 @@
-import { Pagination } from './chunk-BJDQVVCG.js';
+import { Pagination } from './chunk-HQNDVNTQ.js';
 import { Checkbox } from './chunk-KATJAJUU.js';
 import { useFloating } from './chunk-3QXP2ZNP.js';
 import { useOverlayLayer } from './chunk-2A4GYSN4.js';
@@ -8,7 +8,7 @@ import { withComponentTheme, InternalComponentThemePart, useComponentPortalTheme
 import { usePortalContainer } from './chunk-ULTDRMGN.js';
 import './tokens-CEJVVA3G.css';
 import './shared-NJHRNLRH.css';
-import './Table-W4HPZ7MZ.css';
+import './Table-KB6EEBDJ.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -52,6 +52,8 @@ var TableInner = ({
   tableProps,
   caption,
   onRowClick,
+  activeRowKey,
+  rowClassName,
   empty = "\u6682\u65E0\u6570\u636E",
   className = "",
   style,
@@ -365,8 +367,10 @@ var TableInner = ({
                   );
                 })
               ] }) }),
-              /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: empty }) }) : rowsToRender.map(({ row, key: k }, i) => {
+              /* @__PURE__ */ jsx("tbody", { children: rowsToRender.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: totalColCount, className: "table-empty", children: /* @__PURE__ */ jsx("div", { className: "table-empty-content", children: empty }) }) }) : rowsToRender.map(({ row, key: k }, i) => {
                 const isSel = selectedKeySet.has(k);
+                const isActive = activeRowKey !== void 0 && activeRowKey === k;
+                const resolvedRowClassName = typeof rowClassName === "function" ? rowClassName(row, i) : rowClassName;
                 const selProps = rowSelection?.getCheckboxProps?.(row);
                 const canExpand = hasExpandable && (expandable?.rowExpandable?.(row) ?? true);
                 const isExpanded = canExpand && expandedKeySet.has(k);
@@ -376,10 +380,16 @@ var TableInner = ({
                   /* @__PURE__ */ jsxs(
                     "tr",
                     {
-                      className: `${onRowClick ? "clickable" : ""} ${isSel ? "selected" : ""}`,
+                      className: [
+                        onRowClick ? "clickable" : "",
+                        isSel ? "selected" : "",
+                        isActive ? "active-row" : "",
+                        resolvedRowClassName
+                      ].filter(Boolean).join(" "),
                       onClick: onRowClick ? () => onRowClick(row, i) : void 0,
                       tabIndex: onRowClick ? 0 : void 0,
                       "aria-selected": selectionMode !== "off" ? isSel : void 0,
+                      "aria-current": isActive ? "true" : void 0,
                       onKeyDown: onRowClick ? (event) => {
                         if (event.currentTarget !== event.target) return;
                         if (event.key === "Enter" || event.key === " ") {

package/dist/index.cjs

@@ -3,15 +3,15 @@
 var chunkJKUXA3U6_cjs = require('./chunk-JKUXA3U6.cjs');
 var chunk77HU7JWK_cjs = require('./chunk-77HU7JWK.cjs');
 var chunk3EMWDDWK_cjs = require('./chunk-3EMWDDWK.cjs');
-var chunkJINKQT6H_cjs = require('./chunk-JINKQT6H.cjs');
-var chunkENFLP7SN_cjs = require('./chunk-ENFLP7SN.cjs');
-var chunkXZXY3XCL_cjs = require('./chunk-XZXY3XCL.cjs');
+var chunkWHBKQZU5_cjs = require('./chunk-WHBKQZU5.cjs');
+var chunkPNKNZREC_cjs = require('./chunk-PNKNZREC.cjs');
+var chunkRR7KWH26_cjs = require('./chunk-RR7KWH26.cjs');
 require('./chunk-HYJSMFZA.cjs');
 var chunkPIJV2FHO_cjs = require('./chunk-PIJV2FHO.cjs');
 var chunkYUJ7Z6N2_cjs = require('./chunk-YUJ7Z6N2.cjs');
 var chunkLDX6Q6RK_cjs = require('./chunk-LDX6Q6RK.cjs');
 var chunkZYIE3BH7_cjs = require('./chunk-ZYIE3BH7.cjs');
-var chunkU7VEPMCX_cjs = require('./chunk-U7VEPMCX.cjs');
+var chunkJBS353O4_cjs = require('./chunk-JBS353O4.cjs');
 var chunkU5YYOOLC_cjs = require('./chunk-U5YYOOLC.cjs');
 var chunkLG62MPMU_cjs = require('./chunk-LG62MPMU.cjs');
 var chunkG5LCOBOT_cjs = require('./chunk-G5LCOBOT.cjs');
@@ -20,8 +20,8 @@ var chunk434Y2JVW_cjs = require('./chunk-434Y2JVW.cjs');
 var chunkQYPA77OI_cjs = require('./chunk-QYPA77OI.cjs');
 var chunkQ565GDVK_cjs = require('./chunk-Q565GDVK.cjs');
 var chunkMUZQWIMR_cjs = require('./chunk-MUZQWIMR.cjs');
-var chunk56I6ZKGU_cjs = require('./chunk-56I6ZKGU.cjs');
-var chunkD7YSY5RZ_cjs = require('./chunk-D7YSY5RZ.cjs');
+var chunkPJFYIXBX_cjs = require('./chunk-PJFYIXBX.cjs');
+var chunkSF7BPXDJ_cjs = require('./chunk-SF7BPXDJ.cjs');
 var chunkGFKWSDD6_cjs = require('./chunk-GFKWSDD6.cjs');
 var chunkVX6MZO4K_cjs = require('./chunk-VX6MZO4K.cjs');
 var chunkYAYSXZZZ_cjs = require('./chunk-YAYSXZZZ.cjs');
@@ -58,7 +58,7 @@ require('./chunk-NRJXZPZR.cjs');
 var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
 
 // src/index.ts
-var VERSION = "0.7.0";
+var VERSION = "0.8.0";
 
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
@@ -90,15 +90,15 @@ Object.defineProperty(exports, "Typography", {
 });
 Object.defineProperty(exports, "TablePro", {
   enumerable: true,
-  get: function () { return chunkJINKQT6H_cjs.TablePro; }
+  get: function () { return chunkWHBKQZU5_cjs.TablePro; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkENFLP7SN_cjs.Table; }
+  get: function () { return chunkPNKNZREC_cjs.Table; }
 });
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkXZXY3XCL_cjs.Tabs; }
+  get: function () { return chunkRR7KWH26_cjs.Tabs; }
 });
 Object.defineProperty(exports, "THEME_PANEL_DEFAULT_PRESET_OPTIONS", {
   enumerable: true,
@@ -126,7 +126,7 @@ Object.defineProperty(exports, "Slider", {
 });
 Object.defineProperty(exports, "Splitter", {
   enumerable: true,
-  get: function () { return chunkU7VEPMCX_cjs.Splitter; }
+  get: function () { return chunkJBS353O4_cjs.Splitter; }
 });
 Object.defineProperty(exports, "StatusBar", {
   enumerable: true,
@@ -190,11 +190,11 @@ Object.defineProperty(exports, "Modal", {
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function () { return chunk56I6ZKGU_cjs.Pagination; }
+  get: function () { return chunkPJFYIXBX_cjs.Pagination; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkD7YSY5RZ_cjs.Select; }
+  get: function () { return chunkSF7BPXDJ_cjs.Select; }
 });
 Object.defineProperty(exports, "Tag", {
   enumerable: true,

package/dist/index.d.cts

@@ -21,7 +21,7 @@ export { MessageApi, MessageConfig, MessageContainer, MessageContainerProps, Mes
 export { Tooltip, TooltipPlacement, TooltipProps } from './Tooltip.cjs';
 export { Popover, PopoverPlacement, PopoverProps } from './Popover.cjs';
 export { Alert, AlertProps, AlertTone } from './Alert.cjs';
-export { ExpandableConfig, PaginationConfig, RowKey, RowSelectionConfig, Table, TableChangeAction, TableChangeInfo, TableColumn, TableColumnFilterItem, TablePaginationState, TableProps, TableScrollConfig, TableSorterState, TableVariant } from './Table.cjs';
+export { ExpandableConfig, PaginationConfig, RowKey, RowSelectionConfig, Table, TableChangeAction, TableChangeInfo, TableColumn, TableColumnFilterItem, TablePaginationState, TableProps, TableRowClassName, TableScrollConfig, TableSorterState, TableVariant } from './Table.cjs';
 export { TablePro, TableProProps } from './TablePro.cjs';
 export { Pagination, PaginationProps } from './Pagination.cjs';
 export { DatePicker, DatePickerFormat, DatePickerProps, DatePickerSize } from './DatePicker.cjs';
@@ -54,6 +54,6 @@ import 'react/jsx-runtime';
 import 'react';
 
 /** Package version — bumped by release scripts. */
-declare const VERSION = "0.7.0";
+declare const VERSION = "0.8.0";
 
 export { VERSION };