@rainbow-oh/yee-c 0.7.0 → 0.8.1

package/dist/cjs/Table/table.js

@@ -189,6 +189,28 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
     onChange: onSelectionChange
   } = (0, import_useSelection.default)({ pageData, dataSource, getRowKey, rowSelection, allKeys });
   const prevSortersRef = (0, import_react.useRef)({});
+  const contentWrapperRef = (0, import_react.useRef)(null);
+  const contentRef = (0, import_react.useRef)(null);
+  const [horizontalScroll, setHorizontalScroll] = import_react.default.useState({
+    left: false,
+    right: false
+  });
+  const updateHorizontalScroll = import_react.default.useCallback(() => {
+    const wrapper = contentWrapperRef.current;
+    const content = contentRef.current;
+    if (!wrapper || !content)
+      return;
+    const scrollContainer = content.scrollWidth - content.clientWidth > 1 ? content : wrapper;
+    const maxScrollLeft = scrollContainer.scrollWidth - scrollContainer.clientWidth;
+    const hasHorizontalScroll = maxScrollLeft > 1;
+    const next = {
+      left: hasHorizontalScroll && scrollContainer.scrollLeft > 1,
+      right: hasHorizontalScroll && scrollContainer.scrollLeft < maxScrollLeft - 1
+    };
+    setHorizontalScroll(
+      (current2) => current2.left === next.left && current2.right === next.right ? current2 : next
+    );
+  }, []);
   const onFilter = import_react.default.useCallback(
     (...args) => {
       onFilterInternal(...args);
@@ -229,6 +251,21 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
       return;
     }
   }, [sorters, current, pageSize, pageData, sortedData, onChange]);
+  (0, import_react.useEffect)(() => {
+    updateHorizontalScroll();
+    const wrapper = contentWrapperRef.current;
+    const content = contentRef.current;
+    if (!wrapper || !content)
+      return void 0;
+    if (typeof ResizeObserver === "undefined") {
+      window.addEventListener("resize", updateHorizontalScroll);
+      return () => window.removeEventListener("resize", updateHorizontalScroll);
+    }
+    const resizeObserver = new ResizeObserver(updateHorizontalScroll);
+    resizeObserver.observe(wrapper);
+    resizeObserver.observe(content);
+    return () => resizeObserver.disconnect();
+  }, [updateHorizontalScroll, wrapedColumns, pageData, scroll == null ? void 0 : scroll.x]);
   const renderHeader = () => {
     return /* @__PURE__ */ import_react.default.createElement(
       import_header.default,
@@ -305,17 +342,30 @@ var Table = import_react.default.forwardRef((baseprops, ref) => {
       },
       /* @__PURE__ */ import_react.default.createElement("table", __spreadValues({}, tableProps), /* @__PURE__ */ import_react.default.createElement(import_col_group.default, { columns: wrapedColumns }), renderTHeader(), renderTBody(), renderTFooter())
     );
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: (0, import_clsx.default)(`${prefixCls}-content`, {
-          [`${prefixCls}-${size}-size`]: size,
-          [`${prefixCls}-fixed-header`]: scroll == null ? void 0 : scroll.y
+        ref: contentWrapperRef,
+        className: (0, import_clsx.default)(`${prefixCls}-content-wrapper`, {
+          [`${prefixCls}-content-wrapper-scroll-left`]: horizontalScroll.left,
+          [`${prefixCls}-content-wrapper-scroll-right`]: horizontalScroll.right
         }),
-        style: { height: scroll == null ? void 0 : scroll.y, width: scroll == null ? void 0 : scroll.x }
+        onScroll: updateHorizontalScroll
       },
-      table2
-    ));
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          ref: contentRef,
+          className: (0, import_clsx.default)(`${prefixCls}-content`, {
+            [`${prefixCls}-${size}-size`]: size,
+            [`${prefixCls}-fixed-header`]: scroll == null ? void 0 : scroll.y
+          }),
+          style: { height: scroll == null ? void 0 : scroll.y, width: scroll == null ? void 0 : scroll.x },
+          onScroll: updateHorizontalScroll
+        },
+        table2
+      )
+    );
   };
   const renderFooter = () => {
     return /* @__PURE__ */ import_react.default.createElement(

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

@@ -95,7 +95,7 @@ var TableCell = (props) => {
       {
         [`${prefixCls}-cell-fixed-${fixed}`]: fixed,
         [`${prefixCls}-cell-fixed-${fixed}-first`]: isFixedRightFirst,
-        [`${prefixCls}-fixed-${fixed}-last`]: isFixedLeftLast
+        [`${prefixCls}-cell-fixed-${fixed}-last`]: isFixedLeftLast
       },
       className
     );

package/dist/cjs/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/cjs/Table/util/header.js

@@ -52,21 +52,48 @@ function flattenLeafColumns(columns, parentFixed) {
     return [...list, __spreadProps(__spreadValues({}, column), { fixed })];
   }, []);
 }
-function parseHeaderRows(rootColumns) {
+function parseHeaderRows(rootColumns, resolvedLeafColumns = flattenLeafColumns(rootColumns)) {
   const rows = [];
+  let leafIndex = 0;
   const fillRowCells = (columns, rowIndex) => {
     rows[rowIndex] = rows[rowIndex] || [];
     let colSpanTotal = 0;
-    columns.filter(Boolean).forEach((column) => {
+    columns.filter(Boolean).forEach((sourceColumn) => {
+      var _a, _b;
+      let column = sourceColumn;
+      const subColumns = sourceColumn.children;
+      const leafStartIndex = leafIndex;
       const cell = {
         column,
         colSpan: 1,
         rowSpan: 1
       };
-      const subColumns = column.children;
       if (subColumns && subColumns.length > 0) {
         cell.colSpan = fillRowCells(subColumns, rowIndex + 1);
         cell.hasSubColumns = true;
+        const groupLeaves = resolvedLeafColumns.slice(
+          leafStartIndex,
+          leafIndex
+        );
+        const fixed = (_a = groupLeaves[0]) == null ? void 0 : _a.fixed;
+        const isFixedGroup = (fixed === "left" || fixed === "right") && groupLeaves.every((leaf) => leaf.fixed === fixed);
+        if (isFixedGroup) {
+          const offsetLeaf = fixed === "left" ? groupLeaves[0] : groupLeaves[groupLeaves.length - 1];
+          const boundaryLeaf = fixed === "left" ? groupLeaves[groupLeaves.length - 1] : groupLeaves[0];
+          column = __spreadProps(__spreadValues({}, sourceColumn), {
+            fixed,
+            style: __spreadProps(__spreadValues({}, sourceColumn.style), {
+              [fixed]: (_b = offsetLeaf.style) == null ? void 0 : _b[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/cjs/Tabs/tab-content.js

@@ -70,9 +70,11 @@ var TabContent = ({
         className: `${prefixCls}-tab-content`,
         style: { display: activeKey === key ? "block" : "none" },
         key,
+        id: `tabpanel-${key}`,
         role: "tabpanel",
         "aria-labelledby": `tab-${key}`,
-        "aria-hidden": activeKey !== key
+        "aria-hidden": activeKey !== key,
+        tabIndex: activeKey === key ? 0 : -1
       },
       children
     );

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

@@ -157,7 +157,9 @@ var TabHeader = (props) => {
       {
         className: (0, import_clsx.default)(`${prefixCls}-nav-list`, classNames == null ? void 0 : classNames.list),
         style: styles == null ? void 0 : styles.list,
-        ref: navList
+        ref: navList,
+        role: "tablist",
+        "aria-orientation": direction
       },
       items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
         import_tab_header_title.default,

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

@@ -223,10 +223,12 @@ var TabHeaderTitle = (props) => {
     __spreadProps(__spreadValues({}, rest), {
       ref: tabRef,
       role: "tab",
+      id: `tab-${$key}`,
       "aria-selected": activeKey === $key,
       "aria-disabled": disabled,
+      "aria-controls": `tabpanel-${$key}`,
       className: cls,
-      tabIndex: disabled ? -1 : 0,
+      tabIndex: disabled ? -1 : activeKey === $key ? 0 : -1,
       onClick: handleTabClick,
       onKeyDown: handleKeyDown
     }),

package/dist/cjs/hooks/useDelayState.js

@@ -26,9 +26,10 @@ var import_react = require("react");
 function useDelayState(state, delay = 0) {
   const [delayState, setDelayState] = (0, import_react.useState)();
   (0, import_react.useEffect)(() => {
-    setTimeout(() => {
+    const timer = window.setTimeout(() => {
       setDelayState(state);
     }, delay * 1e3);
-  }, [state]);
+    return () => window.clearTimeout(timer);
+  }, [delay, state]);
   return delayState;
 }

package/dist/cjs/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/cjs/hooks/useFocusManage.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/hooks/useFocusManage.ts
@@ -34,19 +24,34 @@ __export(useFocusManage_exports, {
 module.exports = __toCommonJS(useFocusManage_exports);
 var import_react = require("react");
 var import_focusStack = require("../utils/focusStack");
-var import_useDelayState = __toESM(require("./useDelayState"));
-function useFocusManage(ele, open) {
-  const delayOpen = (0, import_useDelayState.default)(open);
+function useFocusManage(element, open) {
+  const entryRef = (0, import_react.useRef)(null);
+  const previousFocusRef = (0, import_react.useRef)(null);
+  const openCycleRef = (0, import_react.useRef)(false);
+  const releaseEntry = () => {
+    if (entryRef.current) {
+      (0, import_focusStack.popFocus)(entryRef.current);
+      entryRef.current = null;
+    }
+  };
+  const endOpenCycle = () => {
+    releaseEntry();
+    previousFocusRef.current = null;
+    openCycleRef.current = false;
+  };
+  (0, import_react.useEffect)(() => {
+    if (open && !openCycleRef.current) {
+      openCycleRef.current = true;
+      previousFocusRef.current = document.activeElement;
+    } else if (!open && openCycleRef.current) {
+      endOpenCycle();
+    }
+  }, [open]);
   (0, import_react.useEffect)(() => {
-    if (!ele)
+    if (!open || !openCycleRef.current || !element || entryRef.current) {
       return;
-    if (delayOpen) {
-      (0, import_focusStack.pushFocus)(ele);
-    } else {
-      (0, import_focusStack.popFocus)();
     }
-    return () => {
-      (0, import_focusStack.popFocus)();
-    };
-  }, [ele, delayOpen]);
+    entryRef.current = (0, import_focusStack.pushFocus)(element, previousFocusRef.current);
+  }, [element, open]);
+  (0, import_react.useEffect)(() => releaseEntry, []);
 }

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/utils/focusStack.js

@@ -23,21 +23,50 @@ __export(focusStack_exports, {
   pushFocus: () => pushFocus
 });
 module.exports = __toCommonJS(focusStack_exports);
+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 = (el) => {
+var schedule = (callback) => {
   cancelAnimationFrame(raf);
-  raf = requestAnimationFrame(() => el == null ? void 0 : el.focus());
+  raf = requestAnimationFrame(callback);
 };
-var pushFocus = (el) => {
-  const prev = document.activeElement;
-  if (prev && prev !== el)
-    stack.push(prev);
-  schedule(el);
+var focusInitialElement = (entry) => {
+  if (stack[stack.length - 1] !== entry || !entry.container.isConnected) {
+    return;
+  }
+  const activeElement = document.activeElement;
+  if (activeElement && entry.container.contains(activeElement)) {
+    return;
+  }
+  const firstFocusable = entry.container.querySelector(focusableSelector);
+  (firstFocusable != null ? firstFocusable : entry.container).focus();
+};
+var pushFocus = (container, previous = document.activeElement) => {
+  const entry = { container, previous };
+  stack.push(entry);
+  schedule(() => focusInitialElement(entry));
+  return entry;
 };
-var popFocus = () => {
-  const el = stack.pop();
-  if (!el)
+var popFocus = (entry) => {
+  const index = stack.lastIndexOf(entry);
+  if (index === -1)
+    return;
+  const isTopEntry = index === stack.length - 1;
+  stack.splice(index, 1);
+  if (!isTopEntry)
     return;
-  schedule(el);
+  schedule(() => {
+    var _a;
+    if ((_a = entry.previous) == null ? void 0 : _a.isConnected) {
+      entry.previous.focus();
+    }
+  });
 };

package/dist/cjs/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/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.7.0";
+var version = "0.8.1";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Card/card.js

@@ -79,8 +79,8 @@ var Card = function Card(baseprops) {
       className: clsx("".concat(prefixCls, "-header-expand-icon"), classNames === null || classNames === void 0 ? void 0 : classNames.expandIcon),
       style: styles === null || styles === void 0 ? void 0 : styles.expandIcon,
       "aria-expanded": mergedExpanded,
+      "aria-label": mergedExpanded ? 'Collapse content' : 'Expand content',
       icon: icon ? icon : /*#__PURE__*/React.createElement(ChevronUp, {
-        "aria-label": "expanded",
         strokeWidth: 1.5,
         size: 16,
         style: {
@@ -110,7 +110,8 @@ var Card = function Card(baseprops) {
     onClick: headerClickable ? handleExpand : undefined,
     onKeyDown: handleKeyDown,
     tabIndex: headerClickable ? 0 : undefined,
-    role: headerClickable ? 'button' : undefined
+    role: headerClickable ? 'button' : undefined,
+    "aria-expanded": headerClickable ? mergedExpanded : undefined
   }, iconPosition === 'left' ? renderExpandIcon() : null, title ? /*#__PURE__*/React.createElement("div", {
     id: headerId,
     className: clsx("".concat(prefixCls, "-header-title"), classNames === null || classNames === void 0 ? void 0 : classNames.title),
@@ -131,7 +132,10 @@ var Card = function Card(baseprops) {
     },
     transition: {
       duration: animationDuration
-    }
+    },
+    role: "region",
+    "aria-labelledby": title ? headerId : undefined,
+    "aria-hidden": !mergedExpanded
   }, children));
 };
 export default Card;

package/dist/esm/Carousel/carousel-item.js

@@ -13,10 +13,15 @@ var CarouselItem = function CarouselItem(props) {
   var _React$useContext = React.useContext(CarouselCtx),
     prefixCls = _React$useContext.prefixCls,
     current = _React$useContext.current;
+  var isActive = index === current - 1;
   return /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-active"), index === current - 1), className),
+    className: clsx("".concat(prefixCls, "-item"), _defineProperty({}, "".concat(prefixCls, "-item-active"), isActive), className),
     "data-index": index,
-    style: style
+    style: style,
+    role: "tabpanel",
+    "aria-roledescription": "slide",
+    "aria-label": "Slide ".concat((index !== null && index !== void 0 ? index : 0) + 1),
+    "aria-hidden": !isActive
   }, children);
 };
 export default CarouselItem;

package/dist/esm/Carousel/carousel.js

@@ -166,6 +166,9 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
   };
   var carouselProps = _objectSpread(_objectSpread({}, rest), {}, {
     className: clsx(prefixCls, ["".concat(prefixCls, "-").concat(direction)], ["".concat(prefixCls, "-").concat(effect)], _defineProperty({}, "".concat(prefixCls, "-arrows-visible"), showArrow), className),
+    role: 'region',
+    'aria-roledescription': 'carousel',
+    'aria-live': autoplay ? 'off' : 'polite',
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   });
@@ -181,24 +184,48 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (baseprops, ref) {
         show: infinite || current > 1
       }, classNames === null || classNames === void 0 ? void 0 : classNames.prev),
       style: styles === null || styles === void 0 ? void 0 : styles.prev,
-      onClick: prev
+      onClick: prev,
+      role: "button",
+      "aria-label": "Previous slide",
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          prev();
+        }
+      }
     }, direction === 'vertical' ? /*#__PURE__*/React.createElement(ChevronUp, null) : /*#__PURE__*/React.createElement(ChevronLeft, null)), /*#__PURE__*/React.createElement("div", {
       className: clsx("".concat(prefixCls, "-next"), {
         show: infinite || current !== count
       }, classNames === null || classNames === void 0 ? void 0 : classNames.next),
       style: styles === null || styles === void 0 ? void 0 : styles.next,
-      onClick: next
+      onClick: next,
+      role: "button",
+      "aria-label": "Next slide",
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          next();
+        }
+      }
     }, direction === 'vertical' ? /*#__PURE__*/React.createElement(ChevronDown, null) : /*#__PURE__*/React.createElement(ChevronRight, null)));
   };
   var renderDots = function renderDots() {
     return dots ? /*#__PURE__*/React.createElement("ul", {
       className: clsx("".concat(prefixCls, "-bar"), ["".concat(prefixCls, "-bar-").concat(dotShape)], ["".concat(prefixCls, "-bar-").concat(dotPosition)], classNames === null || classNames === void 0 ? void 0 : classNames.dot),
-      style: styles === null || styles === void 0 ? void 0 : styles.dot
+      style: styles === null || styles === void 0 ? void 0 : styles.dot,
+      role: "tablist",
+      "aria-label": "Slide controls"
     }, new Array(React.Children.count(children)).fill(0).map(function (i, index) {
+      var isActive = current === index + 1 || current === 0 && index === count - 1;
       return /*#__PURE__*/React.createElement("li", {
         className: clsx({
-          active: current === index + 1 || current === 0 && index === count
+          active: isActive
         }),
+        role: "tab",
+        "aria-selected": isActive,
+        "aria-label": "Slide ".concat(index + 1),
         tabIndex: 0,
         onClick: function onClick() {
           return handleIndicator(index + 1, 'click');

package/dist/esm/Cascader/cascader.js

@@ -425,7 +425,9 @@ var Cascader = function Cascader(baseprops) {
   };
   var renderPopup = function renderPopup() {
     return /*#__PURE__*/React.createElement("div", {
-      className: clsx(prefixCls)
+      className: clsx(prefixCls),
+      role: "group",
+      "aria-label": "Cascader options"
     }, isFilter ? /*#__PURE__*/React.createElement(SearchList, {
       prefixCls: prefixCls,
       items: filteredList,

package/dist/esm/Cascader/column.js

@@ -7,7 +7,8 @@ var Column = function Column(props) {
     index = props.index;
   return /*#__PURE__*/React.createElement("ul", {
     className: "".concat(prefixCls, "-menu"),
-    role: "menu"
+    role: "listbox",
+    "aria-label": "Level ".concat(index + 1, " options")
   }, Array.isArray(data) && data.map(function (item, idx) {
     return /*#__PURE__*/React.createElement(Node, _extends({}, item, {
       index: idx,

package/dist/esm/Cascader/node.js

@@ -17,7 +17,7 @@ import isEqual from "../utils/isEqual";
 import { CascaderCtx } from "./cascader";
 import { getChildren, isHalfChecked } from "./utils";
 var Node = function Node(props) {
-  var _expandedPath$level;
+  var _expandedPath$level, _expandedPath$level2, _expandedPath$level3;
   var uid = props.uid,
     value = props.value,
     disabled = props.disabled,
@@ -95,22 +95,36 @@ var Node = function Node(props) {
     onMouseEnter: handleMouseEnter,
     onClick: function onClick(e) {
       return handleClick(false, e);
+    },
+    role: "option",
+    "aria-disabled": disabled || undefined,
+    "aria-selected": checked || ((_expandedPath$level2 = expandedPath[level]) === null || _expandedPath$level2 === void 0 ? void 0 : _expandedPath$level2.key) === uid,
+    "aria-expanded": isParent ? ((_expandedPath$level3 = expandedPath[level]) === null || _expandedPath$level3 === void 0 ? void 0 : _expandedPath$level3.key) === uid : undefined,
+    tabIndex: disabled ? -1 : 0,
+    onKeyDown: function onKeyDown(e) {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        handleClick(false, e);
+      }
     }
   }, multiple && /*#__PURE__*/React.createElement(Checkbox, {
     checked: isParent ? checkedAll : checked,
     onChange: isParent ? function () {
       return handleClick(true);
     } : undefined,
-    indeterminate: indeterminate
+    indeterminate: indeterminate,
+    "aria-label": "Select ".concat(typeof label === 'string' ? label : String(label))
   }), /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-menu-item-label"), {
       loaded: load === 2
     }),
     title: typeof label === 'string' ? label : String(label)
   }, label), load === 1 ? /*#__PURE__*/React.createElement(Spin, {
-    size: "small"
+    size: "small",
+    "aria-label": "Loading"
   }) : isLeaf === false ? /*#__PURE__*/React.createElement(ChevronRight, {
-    size: 20
+    size: 20,
+    "aria-hidden": "true"
   }) : null);
 };
 export default /*#__PURE__*/memo(Node);