@rainbow-oh/yee-c 0.7.0 → 0.8.1

package/dist/esm/Rate/rate.js

@@ -107,7 +107,12 @@ var Rate = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
     onMouseLeave: onLeave,
     ref: componentRef,
     role: "radiogroup",
-    "aria-label": "Rating"
+    "aria-label": "Rating",
+    "aria-disabled": disabled || undefined,
+    "aria-valuemin": 0,
+    "aria-valuemax": count,
+    "aria-valuenow": mergedValue,
+    "aria-valuetext": "".concat(mergedValue, " out of ").concat(count, " stars")
   }), Array(count).fill(0).map(function (_, index) {
     var cls = clsx("".concat(prefixCls, "-star"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-star-full"), index < mergedValue), "".concat(prefixCls, "-star-half-active"), allowHalf && index + 0.5 === mergedValue));
     return /*#__PURE__*/React.createElement(Star, {

package/dist/esm/Rate/star.js

@@ -35,6 +35,7 @@ var Star = function Star(props) {
     "aria-checked": active,
     "aria-posinset": index + 1,
     "aria-setsize": count,
+    "aria-label": "".concat(index + 1, " ").concat(index + 1 === 1 ? 'star' : 'stars'),
     key: 'star-' + index
   }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-star-first"),
@@ -48,11 +49,13 @@ var Star = function Star(props) {
       }
     },
     tabIndex: 0,
+    "aria-label": "".concat(index + 0.5, " stars"),
     key: 'star-' + index + 'left'
   }, character ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-character")
   }, renderCharacter()) : /*#__PURE__*/React.createElement(StarHalf, {
-    className: "".concat(prefixCls, "-star-half")
+    className: "".concat(prefixCls, "-star-half"),
+    "aria-hidden": "true"
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-star-second"),
     onMouseMove: onSecondHover,
@@ -65,11 +68,13 @@ var Star = function Star(props) {
       }
     },
     tabIndex: 0,
+    "aria-label": "".concat(index + 1, " ").concat(index + 1 === 1 ? 'star' : 'stars'),
     key: 'star-' + index + 'right'
   }, character ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-character")
   }, renderCharacter()) : /*#__PURE__*/React.createElement(StarFull, {
-    className: "".concat(prefixCls, "-star-full")
+    className: "".concat(prefixCls, "-star-full"),
+    "aria-hidden": "true"
   }))) : /*#__PURE__*/React.createElement("li", {
     className: className,
     onClick: function onClick() {
@@ -88,13 +93,16 @@ var Star = function Star(props) {
     "aria-checked": active,
     "aria-posinset": index + 1,
     "aria-setsize": count,
+    "aria-label": "".concat(index + 1, " ").concat(index + 1 === 1 ? 'star' : 'stars'),
     key: 'star-' + index
   }, character ? /*#__PURE__*/React.createElement("span", {
     className: "".concat(prefixCls, "-character")
   }, renderCharacter()) : active ? /*#__PURE__*/React.createElement(StarFull, {
-    className: "".concat(prefixCls, "-star-active")
+    className: "".concat(prefixCls, "-star-active"),
+    "aria-hidden": "true"
   }) : /*#__PURE__*/React.createElement(StarFull, {
-    className: "".concat(prefixCls, "-star-inactive")
+    className: "".concat(prefixCls, "-star-inactive"),
+    "aria-hidden": "true"
   })), children ? /*#__PURE__*/React.createElement(Tooltip, {
     title: value,
     placement: "top"

package/dist/esm/Steps/step.js

@@ -37,6 +37,7 @@ var Step = function Step(props) {
     }
   };
   var mergedStatus = (_ref = itemStatus !== null && itemStatus !== void 0 ? itemStatus : status) !== null && _ref !== void 0 ? _ref : index < current ? 'finish' : index === current ? 'process' : 'wait';
+  var statusLabel = mergedStatus === 'finish' ? 'completed' : mergedStatus === 'process' ? 'in progress' : mergedStatus === 'error' ? 'error' : 'pending';
   var renderIcon = useMemo(function () {
     if (dot) return /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-item-dot")
@@ -64,18 +65,21 @@ var Step = function Step(props) {
   var cls = clsx("".concat(prefixCls, "-item"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-item-").concat(mergedStatus), mergedStatus), "".concat(prefixCls, "-item-active"), index === current), "".concat(prefixCls, "-item-click"), onChange), "".concat(prefixCls, "-item-disabled"), disabled), "".concat(prefixCls, "-item-has-cus-icon"), icon), className);
   var ribbonStatus = index < current ? 'done' : index === current ? 'doing' : 'undo';
   return /*#__PURE__*/React.createElement(React.Fragment, null, type === 'ribbon' && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-ribbon-end ").concat(ribbonStatus)
+    className: "".concat(prefixCls, "-item-ribbon-end ").concat(ribbonStatus),
+    "aria-hidden": "true"
   }), /*#__PURE__*/React.createElement("div", {
     className: cls,
     style: style,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     tabIndex: disabled ? -1 : onChange ? 0 : undefined,
-    role: onChange ? 'button' : undefined,
+    role: onChange ? 'button' : 'listitem',
     "aria-disabled": disabled,
-    "aria-current": index === current ? 'step' : undefined
+    "aria-current": index === current ? 'step' : undefined,
+    "aria-label": "Step ".concat(index + 1).concat(typeof title === 'string' ? ": ".concat(title) : '', ", ").concat(statusLabel)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-icon")
+    className: "".concat(prefixCls, "-item-icon"),
+    "aria-hidden": "true"
   }, renderIcon), /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-content")
   }, /*#__PURE__*/React.createElement("div", {
@@ -87,9 +91,11 @@ var Step = function Step(props) {
   }, subTitle)), type !== 'ribbon' && description && /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-item-description")
   }, description))), type === 'navigation' && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-navi-arrow")
+    className: "".concat(prefixCls, "-item-navi-arrow"),
+    "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement(ChevronRight, null)), type === 'ribbon' && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(prefixCls, "-item-ribbon-head ").concat(ribbonStatus)
+    className: "".concat(prefixCls, "-item-ribbon-head ").concat(ribbonStatus),
+    "aria-hidden": "true"
   }));
 };
 export default Step;

package/dist/esm/Steps/steps.js

@@ -64,7 +64,9 @@ var Steps = /*#__PURE__*/forwardRef(function (baseprops, ref) {
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: cls,
     style: style,
-    ref: ref
+    ref: ref,
+    role: "list",
+    "aria-label": "Steps"
   }), /*#__PURE__*/React.createElement(StepsContext.Provider, {
     value: contextValue
   }, renderSteps()));

package/dist/esm/Table/hooks/useColumns.js

@@ -37,7 +37,7 @@ export default function useColumns(_ref) {
       var tree = injectSelectionExpand(base, rowSelection, expandable);
       var leaves = flattenLeafColumns(tree);
       var wraped = handleColumns(leaves);
-      var rows = parseHeaderRows(tree);
+      var rows = parseHeaderRows(tree, wraped);
       return {
         wrapedColumns: wraped,
         headerRows: rows

package/dist/esm/Table/style/index.less

@@ -49,6 +49,12 @@
           background-color: var(--yee-table-head-cell-split-line-color, #eee);
         }
       }
+
+      &-fixed-left,
+      &-fixed-right {
+        position: sticky;
+        z-index: 1;
+      }
     }
 
     &-cell {
@@ -84,6 +90,16 @@
     &-wrapper {
       overflow: auto;
       width: 100%;
+
+      &-scroll-left @{pls}-cell-fixed-left-last {
+        box-shadow: 6px 0 6px -4px
+          var(--yee-table-fixed-left-after-bs-color);
+      }
+
+      &-scroll-right @{pls}-cell-fixed-right-first {
+        box-shadow: -6px 0 6px -4px
+          var(--yee-table-fixed-right-after-bs-color);
+      }
     }
 
     > table {
@@ -101,10 +117,18 @@
     }
   }
 
+  &-row {
+    background-color: var(--yee-table-row-bg-color);
+  }
+
   &-even-row {
     background-color: var(--yee-table-even-row-bg-color);
   }
 
+  &-odd-row {
+    background-color: var(--yee-table-odd-row-bg-color);
+  }
+
   &-column-sorters {
     display: inline-flex;
     align-items: center;
@@ -137,7 +161,7 @@
     &-fixed-left,
     &-fixed-right {
       position: sticky;
-      background-color: inherit;
+      background-color: var(--yee-table-fixed-column-bg-color);
     }
   }
 
@@ -163,17 +187,17 @@
     }
   }
 
-  &-odd-row {
-    > @{pls}-cell {
-      background-color: var(--yee-table-odd-row-bg-color);
-    }
-  }
+  // &-odd-row {
+  //   > @{pls}-cell {
+  //     background-color: var(--yee-table-odd-row-bg-color);
+  //   }
+  // }
 
-  &-even-row {
-    > @{pls}-cell {
-      background-color: var(--yee-table-even-row-bg-color);
-    }
-  }
+  // &-even-row {
+  //   > @{pls}-cell {
+  //     background-color: var(--yee-table-even-row-bg-color);
+  //   }
+  // }
 
   &-footer {
     display: flex;

package/dist/esm/Table/table.js

@@ -6,6 +6,12 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import clsx from 'clsx';
@@ -138,6 +144,30 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
 
   // Track previous values to determine what action triggered onChange
   var prevSortersRef = useRef({});
+  var contentWrapperRef = useRef(null);
+  var contentRef = useRef(null);
+  var _React$useState = React.useState({
+      left: false,
+      right: false
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    horizontalScroll = _React$useState2[0],
+    setHorizontalScroll = _React$useState2[1];
+  var updateHorizontalScroll = React.useCallback(function () {
+    var wrapper = contentWrapperRef.current;
+    var content = contentRef.current;
+    if (!wrapper || !content) return;
+    var scrollContainer = content.scrollWidth - content.clientWidth > 1 ? content : wrapper;
+    var maxScrollLeft = scrollContainer.scrollWidth - scrollContainer.clientWidth;
+    var hasHorizontalScroll = maxScrollLeft > 1;
+    var next = {
+      left: hasHorizontalScroll && scrollContainer.scrollLeft > 1,
+      right: hasHorizontalScroll && scrollContainer.scrollLeft < maxScrollLeft - 1
+    };
+    setHorizontalScroll(function (current) {
+      return current.left === next.left && current.right === next.right ? current : next;
+    });
+  }, []);
 
   // Wrap onFilter to trigger onChange
   var onFilter = React.useCallback(function () {
@@ -179,6 +209,24 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       return;
     }
   }, [sorters, current, pageSize, pageData, sortedData, onChange]);
+  useEffect(function () {
+    updateHorizontalScroll();
+    var wrapper = contentWrapperRef.current;
+    var content = contentRef.current;
+    if (!wrapper || !content) return undefined;
+    if (typeof ResizeObserver === 'undefined') {
+      window.addEventListener('resize', updateHorizontalScroll);
+      return function () {
+        return window.removeEventListener('resize', updateHorizontalScroll);
+      };
+    }
+    var resizeObserver = new ResizeObserver(updateHorizontalScroll);
+    resizeObserver.observe(wrapper);
+    resizeObserver.observe(content);
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, [updateHorizontalScroll, wrapedColumns, pageData, scroll === null || scroll === void 0 ? void 0 : scroll.x]);
   var renderHeader = function renderHeader() {
     return /*#__PURE__*/React.createElement(Header, {
       prefixCls: prefixCls,
@@ -244,13 +292,17 @@ var Table = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
       columns: wrapedColumns
     }), renderTHeader(), renderTBody(), renderTFooter()));
     return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(prefixCls, "-content-wrapper")
+      ref: contentWrapperRef,
+      className: clsx("".concat(prefixCls, "-content-wrapper"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-content-wrapper-scroll-left"), horizontalScroll.left), "".concat(prefixCls, "-content-wrapper-scroll-right"), horizontalScroll.right)),
+      onScroll: updateHorizontalScroll
     }, /*#__PURE__*/React.createElement("div", {
+      ref: contentRef,
       className: clsx("".concat(prefixCls, "-content"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(size, "-size"), size), "".concat(prefixCls, "-fixed-header"), scroll === null || scroll === void 0 ? void 0 : scroll.y)),
       style: {
         height: scroll === null || scroll === void 0 ? void 0 : scroll.y,
         width: scroll === null || scroll === void 0 ? void 0 : scroll.x
-      }
+      },
+      onScroll: updateHorizontalScroll
     }, table));
   };
   var renderFooter = function renderFooter() {

package/dist/esm/Table/tbody/cell.js

@@ -42,7 +42,7 @@ var TableCell = function TableCell(props) {
   var _children = renderChildren();
   var getTdProps = function getTdProps() {
     var title = render ? undefined : record[dataIndex || ''];
-    var cls = clsx("".concat(prefixCls, "-cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-cell-fixed-").concat(fixed), fixed), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-first"), isFixedRightFirst), "".concat(prefixCls, "-fixed-").concat(fixed, "-last"), isFixedLeftLast), className);
+    var cls = clsx("".concat(prefixCls, "-cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-cell-fixed-").concat(fixed), fixed), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-first"), isFixedRightFirst), "".concat(prefixCls, "-cell-fixed-").concat(fixed, "-last"), isFixedLeftLast), className);
     var styles = _objectSpread(_objectSpread({}, style), {}, {
       width: width,
       maxWidth: width,

package/dist/esm/Table/util/header.d.ts

@@ -11,10 +11,12 @@ export declare function flattenLeafColumns(columns: WrapedColumnProps[], parentF
  *
  * - Pass 1 (DFS): place each column into the row matching its depth; a group's
  *   colSpan equals the sum of its children's colSpans.
+ * - Fixed metadata from the resolved leaf columns is reused by leaf cells and
+ *   aggregated for group cells whose descendants share the same fixed side.
  * - Pass 2: leaf cells (no sub-columns) get rowSpan = rowCount - rowIndex so
  *   they stretch down to the last header row; group cells keep rowSpan = 1.
  */
-export declare function parseHeaderRows(rootColumns: WrapedColumnProps[]): HeaderCell[][];
+export declare function parseHeaderRows(rootColumns: WrapedColumnProps[], resolvedLeafColumns?: WrapedColumnProps[]): HeaderCell[][];
 /**
  * Inject selection / expand columns into the top level of the column tree.
  * `index` is a 1-based position among the top-level columns.

package/dist/esm/Table/util/header.js

@@ -34,24 +34,52 @@ export function flattenLeafColumns(columns, parentFixed) {
  *
  * - Pass 1 (DFS): place each column into the row matching its depth; a group's
  *   colSpan equals the sum of its children's colSpans.
+ * - Fixed metadata from the resolved leaf columns is reused by leaf cells and
+ *   aggregated for group cells whose descendants share the same fixed side.
  * - Pass 2: leaf cells (no sub-columns) get rowSpan = rowCount - rowIndex so
  *   they stretch down to the last header row; group cells keep rowSpan = 1.
  */
 export function parseHeaderRows(rootColumns) {
+  var resolvedLeafColumns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : flattenLeafColumns(rootColumns);
   var rows = [];
+  var leafIndex = 0;
   var fillRowCells = function fillRowCells(columns, rowIndex) {
     rows[rowIndex] = rows[rowIndex] || [];
     var colSpanTotal = 0;
-    columns.filter(Boolean).forEach(function (column) {
+    columns.filter(Boolean).forEach(function (sourceColumn) {
+      var column = sourceColumn;
+      var subColumns = sourceColumn.children;
+      var leafStartIndex = leafIndex;
       var cell = {
         column: column,
         colSpan: 1,
         rowSpan: 1
       };
-      var subColumns = column.children;
       if (subColumns && subColumns.length > 0) {
+        var _groupLeaves$;
         cell.colSpan = fillRowCells(subColumns, rowIndex + 1);
         cell.hasSubColumns = true;
+        var groupLeaves = resolvedLeafColumns.slice(leafStartIndex, leafIndex);
+        var fixed = (_groupLeaves$ = groupLeaves[0]) === null || _groupLeaves$ === void 0 ? void 0 : _groupLeaves$.fixed;
+        var isFixedGroup = (fixed === 'left' || fixed === 'right') && groupLeaves.every(function (leaf) {
+          return leaf.fixed === fixed;
+        });
+        if (isFixedGroup) {
+          var _offsetLeaf$style;
+          var offsetLeaf = fixed === 'left' ? groupLeaves[0] : groupLeaves[groupLeaves.length - 1];
+          var boundaryLeaf = fixed === 'left' ? groupLeaves[groupLeaves.length - 1] : groupLeaves[0];
+          column = _objectSpread(_objectSpread({}, sourceColumn), {}, {
+            fixed: fixed,
+            style: _objectSpread(_objectSpread({}, sourceColumn.style), {}, _defineProperty({}, fixed, (_offsetLeaf$style = offsetLeaf.style) === null || _offsetLeaf$style === void 0 ? void 0 : _offsetLeaf$style[fixed])),
+            isFixedLeftLast: fixed === 'left' && boundaryLeaf.isFixedLeftLast,
+            isFixedRightFirst: fixed === 'right' && boundaryLeaf.isFixedRightFirst
+          });
+          cell.column = column;
+        }
+      } else {
+        column = resolvedLeafColumns[leafIndex] || sourceColumn;
+        cell.column = column;
+        leafIndex += 1;
       }
       rows[rowIndex].push(cell);
       colSpanTotal += cell.colSpan;

package/dist/esm/Tabs/tab-content.js

@@ -73,9 +73,11 @@ var TabContent = function TabContent(_ref) {
         display: activeKey === key ? 'block' : 'none'
       },
       key: key,
+      id: "tabpanel-".concat(key),
       role: "tabpanel",
       "aria-labelledby": "tab-".concat(key),
-      "aria-hidden": activeKey !== key
+      "aria-hidden": activeKey !== key,
+      tabIndex: activeKey === key ? 0 : -1
     }, children);
   }));
 };

package/dist/esm/Tabs/tab-header/index.js

@@ -129,7 +129,9 @@ var TabHeader = function TabHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-nav-list"), classNames === null || classNames === void 0 ? void 0 : classNames.list),
     style: styles === null || styles === void 0 ? void 0 : styles.list,
-    ref: navList
+    ref: navList,
+    role: "tablist",
+    "aria-orientation": direction
   }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return /*#__PURE__*/React.createElement(TabHeaderTitle, _extends({}, item, {
       $key: item.key,

package/dist/esm/Tabs/tab-header/tab-header-title.js

@@ -149,10 +149,12 @@ var TabHeaderTitle = function TabHeaderTitle(props) {
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     ref: tabRef,
     role: "tab",
+    id: "tab-".concat($key),
     "aria-selected": activeKey === $key,
     "aria-disabled": disabled,
+    "aria-controls": "tabpanel-".concat($key),
     className: cls,
-    tabIndex: disabled ? -1 : 0,
+    tabIndex: disabled ? -1 : activeKey === $key ? 0 : -1,
     onClick: handleTabClick,
     onKeyDown: handleKeyDown
   }), icon && /*#__PURE__*/React.createElement("span", {

package/dist/esm/hooks/useDelayState.js

@@ -12,9 +12,12 @@ export default function useDelayState(state) {
     delayState = _useState2[0],
     setDelayState = _useState2[1];
   useEffect(function () {
-    setTimeout(function () {
+    var timer = window.setTimeout(function () {
       setDelayState(state);
     }, delay * 1000);
-  }, [state]);
+    return function () {
+      return window.clearTimeout(timer);
+    };
+  }, [delay, state]);
   return delayState;
 }

package/dist/esm/hooks/useFocusManage.d.ts

@@ -1 +1 @@
-export default function useFocusManage(ele: HTMLElement, open: boolean): void;
+export default function useFocusManage(element: HTMLElement | null, open: boolean): void;

package/dist/esm/hooks/useFocusManage.js

@@ -1,17 +1,35 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { popFocus, pushFocus } from "../utils/focusStack";
-import useDelayState from "./useDelayState";
-export default function useFocusManage(ele, open) {
-  var delayOpen = useDelayState(open);
+export default function useFocusManage(element, open) {
+  var entryRef = useRef(null);
+  var previousFocusRef = useRef(null);
+  var openCycleRef = useRef(false);
+  var releaseEntry = function releaseEntry() {
+    if (entryRef.current) {
+      popFocus(entryRef.current);
+      entryRef.current = null;
+    }
+  };
+  var endOpenCycle = function endOpenCycle() {
+    releaseEntry();
+    previousFocusRef.current = null;
+    openCycleRef.current = false;
+  };
+  useEffect(function () {
+    if (open && !openCycleRef.current) {
+      openCycleRef.current = true;
+      previousFocusRef.current = document.activeElement;
+    } else if (!open && openCycleRef.current) {
+      endOpenCycle();
+    }
+  }, [open]);
   useEffect(function () {
-    if (!ele) return;
-    if (delayOpen) {
-      pushFocus(ele);
-    } else {
-      popFocus();
+    if (!open || !openCycleRef.current || !element || entryRef.current) {
+      return;
     }
-    return function () {
-      popFocus();
-    };
-  }, [ele, delayOpen]);
+    entryRef.current = pushFocus(element, previousFocusRef.current);
+  }, [element, open]);
+  useEffect(function () {
+    return releaseEntry;
+  }, []);
 }

package/dist/esm/style/color.css

@@ -848,6 +848,7 @@
   --yee-table-thead-stripe-borderbottom-color: var(
     --yee-table-thead-borderbottom-color
   );
+  --yee-table-row-bg-color: var(--yee-color-bg-container);
   --yee-table-odd-row-bg-color: var(--yee-color-bg-container);
   --yee-table-even-row-bg-color: var(--yee-color-bg-head);
   --yee-table-elevated-thead-stripe-borderbottom-color: var(
@@ -870,6 +871,7 @@
   --yee-table-head-filter-active-color: var(--yee-primary-color);
   --yee-table-fixed-left-after-bs-color: var(--yee-box-shadow-color);
   --yee-table-fixed-right-after-bs-color: var(--yee-box-shadow-color);
+  --yee-table-fixed-column-bg-color: inherit;
   --yee-table-filter-list-bg-color: var(--yee-color-bg-elevated);
   --yee-table-tbody-tr-expanded-bg-color: var(--yee-color-bg-container);
   --yee-table-elevated-tbody-tr-expanded-bg-color: var(

package/dist/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-21T08:16:43.112Z
+ * Generated on 2026-07-23T07:06:10.927Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-21T08:16:43.112Z
+ * Generated on 2026-07-23T07:06:10.927Z
  */
 
 /* ========== color.css ========== */
@@ -855,6 +855,7 @@
   --yee-table-thead-stripe-borderbottom-color: var(
     --yee-table-thead-borderbottom-color
   );
+  --yee-table-row-bg-color: var(--yee-color-bg-container);
   --yee-table-odd-row-bg-color: var(--yee-color-bg-container);
   --yee-table-even-row-bg-color: var(--yee-color-bg-head);
   --yee-table-elevated-thead-stripe-borderbottom-color: var(
@@ -877,6 +878,7 @@
   --yee-table-head-filter-active-color: var(--yee-primary-color);
   --yee-table-fixed-left-after-bs-color: var(--yee-box-shadow-color);
   --yee-table-fixed-right-after-bs-color: var(--yee-box-shadow-color);
+  --yee-table-fixed-column-bg-color: inherit;
   --yee-table-filter-list-bg-color: var(--yee-color-bg-elevated);
   --yee-table-tbody-tr-expanded-bg-color: var(--yee-color-bg-container);
   --yee-table-elevated-tbody-tr-expanded-bg-color: var(

package/dist/esm/utils/focusStack.d.ts

@@ -1,4 +1,8 @@
 type Focusable = HTMLElement | null;
-export declare const pushFocus: (el: Focusable) => void;
-export declare const popFocus: () => void;
+export interface FocusStackEntry {
+    container: HTMLElement;
+    previous: Focusable;
+}
+export declare const pushFocus: (container: HTMLElement, previous?: Focusable) => FocusStackEntry;
+export declare const popFocus: (entry: FocusStackEntry) => void;
 export {};

package/dist/esm/utils/focusStack.js

@@ -1,20 +1,43 @@
-// focusStack.ts
-
+var focusableSelector = ['a[href]', 'button:not([disabled])', 'textarea:not([disabled])', 'input:not([disabled])', 'select:not([disabled])', 'details', '[tabindex]:not([tabindex="-1"])'].join(',');
 var stack = [];
 var raf = 0;
-var schedule = function schedule(el) {
+var schedule = function schedule(callback) {
   cancelAnimationFrame(raf);
-  raf = requestAnimationFrame(function () {
-    return el === null || el === void 0 ? void 0 : el.focus();
-  });
+  raf = requestAnimationFrame(callback);
+};
+var focusInitialElement = function focusInitialElement(entry) {
+  if (stack[stack.length - 1] !== entry || !entry.container.isConnected) {
+    return;
+  }
+  var activeElement = document.activeElement;
+  if (activeElement && entry.container.contains(activeElement)) {
+    return;
+  }
+  var firstFocusable = entry.container.querySelector(focusableSelector);
+  (firstFocusable !== null && firstFocusable !== void 0 ? firstFocusable : entry.container).focus();
 };
-export var pushFocus = function pushFocus(el) {
-  var prev = document.activeElement;
-  if (prev && prev !== el) stack.push(prev);
-  schedule(el);
+export var pushFocus = function pushFocus(container) {
+  var previous = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.activeElement;
+  var entry = {
+    container: container,
+    previous: previous
+  };
+  stack.push(entry);
+  schedule(function () {
+    return focusInitialElement(entry);
+  });
+  return entry;
 };
-export var popFocus = function popFocus() {
-  var el = stack.pop();
-  if (!el) return;
-  schedule(el);
+export var popFocus = function popFocus(entry) {
+  var index = stack.lastIndexOf(entry);
+  if (index === -1) return;
+  var isTopEntry = index === stack.length - 1;
+  stack.splice(index, 1);
+  if (!isTopEntry) return;
+  schedule(function () {
+    var _entry$previous;
+    if ((_entry$previous = entry.previous) !== null && _entry$previous !== void 0 && _entry$previous.isConnected) {
+      entry.previous.focus();
+    }
+  });
 };

package/dist/esm/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.7.0";
+export declare const version = "0.8.1";

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.7.0";
+export var version = "0.8.1";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }