@rainbow-oh/yee-c 0.8.0 → 0.8.2

package/dist/cjs/Tree/tree.js

@@ -48,8 +48,8 @@ __export(tree_exports, {
 });
 module.exports = __toCommonJS(tree_exports);
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
-var import_react2 = require("motion/react");
+var import_react = require("motion/react");
+var import_react2 = __toESM(require("react"));
 var import_Config_Provider = require("../Config-Provider");
 var import_useEvent = __toESM(require("../hooks/useEvent"));
 var import_useMergedState = __toESM(require("../hooks/useMergedState"));
@@ -63,7 +63,7 @@ var DEFAULTFIELDNAMES = {
   label: "label",
   children: "children"
 };
-var TreeContext = (0, import_react.createContext)({
+var TreeContext = (0, import_react2.createContext)({
   showIcon: true,
   selectedUids: /* @__PURE__ */ new Set(),
   checkedUids: /* @__PURE__ */ new Set(),
@@ -103,11 +103,11 @@ function keysToUidArray(keys, flatItems) {
   return uids;
 }
 function useStableUidArray(keys, flatItems) {
-  const ref = (0, import_react.useRef)({
+  const ref = (0, import_react2.useRef)({
     keys: void 0,
     result: void 0
   });
-  const computed = (0, import_react.useMemo)(
+  const computed = (0, import_react2.useMemo)(
     () => keysToUidArray(keys, flatItems),
     [keys, flatItems]
   );
@@ -144,7 +144,7 @@ function setToArray(s) {
   return arr;
 }
 var Tree = (baseprops) => {
-  const { tree } = (0, import_react.useContext)(import_Config_Provider.GlobalContext);
+  const { tree } = (0, import_react2.useContext)(import_Config_Provider.GlobalContext);
   const props = (0, import_mergeContextToProps.default)(baseprops, tree);
   const {
     prefixCls = "yee-tree",
@@ -175,11 +175,11 @@ var Tree = (baseprops) => {
     height,
     itemHeight = 28
   } = props;
-  const [flatItems, itemMap] = (0, import_react.useMemo)(
+  const [flatItems, itemMap] = (0, import_react2.useMemo)(
     () => (0, import_tree_tools.tree2array)(dataSource != null ? dataSource : [], fieldNames),
     [dataSource, fieldNames]
   );
-  const allParentUidArray = (0, import_react.useMemo)(() => {
+  const allParentUidArray = (0, import_react2.useMemo)(() => {
     const uids = [];
     for (const item of flatItems) {
       if (!item.isLeaf)
@@ -188,9 +188,15 @@ var Tree = (baseprops) => {
     return uids;
   }, [flatItems]);
   const stableExpandedValue = useStableUidArray(expandedKeys, flatItems);
-  const stableExpandedDefault = useStableUidArray(defaultExpandedKeys, flatItems);
+  const stableExpandedDefault = useStableUidArray(
+    defaultExpandedKeys,
+    flatItems
+  );
   const stableSelectedValue = useStableUidArray(selectedKeys, flatItems);
-  const stableSelectedDefault = useStableUidArray(defaultSelectedKeys, flatItems);
+  const stableSelectedDefault = useStableUidArray(
+    defaultSelectedKeys,
+    flatItems
+  );
   const stableCheckedValue = useStableUidArray(checkedKeys, flatItems);
   const stableCheckedDefault = useStableUidArray(defaultCheckedKeys, flatItems);
   const [expandedUidArray, setExpandedUidArray] = (0, import_useMergedState.default)(
@@ -200,18 +206,15 @@ var Tree = (baseprops) => {
       defaultValue: stableExpandedDefault
     }
   );
-  const expandedUidSet = (0, import_react.useMemo)(
+  const expandedUidSet = (0, import_react2.useMemo)(
     () => arrayToSet(expandedUidArray),
     [expandedUidArray]
   );
-  const [selectedUidArray, setSelectedUidArray] = (0, import_useMergedState.default)(
-    [],
-    {
-      value: stableSelectedValue,
-      defaultValue: stableSelectedDefault
-    }
-  );
-  const selectedUidSet = (0, import_react.useMemo)(
+  const [selectedUidArray, setSelectedUidArray] = (0, import_useMergedState.default)([], {
+    value: stableSelectedValue,
+    defaultValue: stableSelectedDefault
+  });
+  const selectedUidSet = (0, import_react2.useMemo)(
     () => arrayToSet(selectedUidArray),
     [selectedUidArray]
   );
@@ -219,11 +222,11 @@ var Tree = (baseprops) => {
     value: stableCheckedValue,
     defaultValue: stableCheckedDefault
   });
-  const checkedUidSet = (0, import_react.useMemo)(
+  const checkedUidSet = (0, import_react2.useMemo)(
     () => arrayToSet(checkedUidArray),
     [checkedUidArray]
   );
-  const indeterminateUidSet = (0, import_react.useMemo)(() => {
+  const indeterminateUidSet = (0, import_react2.useMemo)(() => {
     const result = /* @__PURE__ */ new Set();
     for (const item of flatItems) {
       if (!item.isLeaf && !checkedUidSet.has(item.uid) && item.childUids && item.childUids.some((cuid) => checkedUidSet.has(cuid))) {
@@ -232,7 +235,7 @@ var Tree = (baseprops) => {
     }
     return result;
   }, [flatItems, checkedUidSet]);
-  const visibleItems = (0, import_react.useMemo)(() => {
+  const visibleItems = (0, import_react2.useMemo)(() => {
     const visibleSet = /* @__PURE__ */ new Set();
     const result = [];
     for (const item of flatItems) {
@@ -326,9 +329,9 @@ var Tree = (baseprops) => {
       });
     }
   });
-  const dragUidRef = (0, import_react.useRef)(null);
-  const [draggingUid, setDraggingUid] = (0, import_react.useState)(null);
-  const [dropState, setDropState] = (0, import_react.useState)(null);
+  const dragUidRef = (0, import_react2.useRef)(null);
+  const [draggingUid, setDraggingUid] = (0, import_react2.useState)(null);
+  const [dropState, setDropState] = (0, import_react2.useState)(null);
   const resolvePosition = (rect, clientY) => {
     const offset = (clientY - rect.top) / rect.height;
     if (offset < 0.25)
@@ -445,7 +448,7 @@ var Tree = (baseprops) => {
     setDraggingUid(null);
     setDropState(null);
   });
-  const contextValue = (0, import_react.useMemo)(
+  const contextValue = (0, import_react2.useMemo)(
     () => ({
       prefixCls,
       checkable,
@@ -500,21 +503,21 @@ var Tree = (baseprops) => {
   });
   if (useVirtual) {
     const slicedItems = visibleItems.slice(start, end);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react2.default.createElement(
       "div",
       {
         className: (0, import_clsx.default)(prefixCls, className),
         style,
         onDragEnd: handleDragEnd
       },
-      /* @__PURE__ */ import_react.default.createElement(TreeContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react2.default.createElement(TreeContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react2.default.createElement(
         "div",
         {
           ref: viewportRef,
           onScroll,
           style: { height, overflowY: "auto" }
         },
-        /* @__PURE__ */ import_react.default.createElement("div", { style: { height: totalHeight, position: "relative" } }, slicedItems.map((node, i) => /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react2.default.createElement("div", { style: { height: totalHeight, position: "relative" } }, slicedItems.map((node, i) => /* @__PURE__ */ import_react2.default.createElement(
           import_tree_node.default,
           {
             node,
@@ -555,19 +558,19 @@ var Tree = (baseprops) => {
   if (currentGroup) {
     segments.push(__spreadValues({ type: "group" }, currentGroup));
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react2.default.createElement(
     "div",
     {
       className: (0, import_clsx.default)(prefixCls, className),
       style,
       onDragEnd: handleDragEnd
     },
-    /* @__PURE__ */ import_react.default.createElement(TreeContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(import_react2.AnimatePresence, { initial: false }, segments.map((segment) => {
+    /* @__PURE__ */ import_react2.default.createElement(TreeContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, { initial: false }, segments.map((segment) => {
       if (segment.type === "node") {
-        return /* @__PURE__ */ import_react.default.createElement(import_tree_node.default, { node: segment.node, key: segment.node.uid });
+        return /* @__PURE__ */ import_react2.default.createElement(import_tree_node.default, { node: segment.node, key: segment.node.uid });
       }
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_react2.motion.div,
+      return /* @__PURE__ */ import_react2.default.createElement(
+        import_react.motion.div,
         {
           key: segment.pUid + "
children",
           initial: { height: 0, opacity: 0 },
@@ -576,7 +579,7 @@ var Tree = (baseprops) => {
           transition: { duration: 0.15 },
           style: { overflow: "hidden" }
         },
-        segment.nodes.map((node) => /* @__PURE__ */ import_react.default.createElement(import_tree_node.default, { node, key: node.uid }))
+        segment.nodes.map((node) => /* @__PURE__ */ import_react2.default.createElement(import_tree_node.default, { node, key: node.uid }))
       );
     })))
   );

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/useEvent.js

@@ -39,10 +39,7 @@ function useEvent(callback) {
   const memoFn = import_react.default.useCallback(
     (...args) => {
       var _a;
-      return (_a = ref.current) == null ? void 0 : _a.call(
-        ref,
-        ...args
-      );
+      return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);
     },
     []
   );

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/size.css

@@ -224,6 +224,8 @@
   /* --Dialog-- */
   --yee-dialog-z-index: var(--yee-z-index-overlay);
   --yee-dialog-mask-z-index: var(--yee-z-index-mask);
+  --yee-dialog-title-font-size: 18px;
+  --yee-dialog-title-font-weight: 600;
   --yee-dialog-content-wrapper-z-index: var(--yee-z-index-overlay);
   --yee-dialog-header-margin-bottom: 12px;
   --yee-dialog-content-margin-top: 10%;

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-22T03:22:12.652Z
+ * Generated on 2026-07-23T09:42:21.552Z
  */
 
 /* ========== 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-22T03:22:12.652Z
+ * Generated on 2026-07-23T09:42:21.552Z
  */
 
 /* ========== color.css ========== */
@@ -1346,6 +1346,8 @@
   /* --Dialog-- */
   --yee-dialog-z-index: var(--yee-z-index-overlay);
   --yee-dialog-mask-z-index: var(--yee-z-index-mask);
+  --yee-dialog-title-font-size: 18px;
+  --yee-dialog-title-font-weight: 600;
   --yee-dialog-content-wrapper-z-index: var(--yee-z-index-overlay);
   --yee-dialog-header-margin-bottom: 12px;
   --yee-dialog-content-margin-top: 10%;

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.8.0";
+export declare const version = "0.8.2";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.8.0";
+var version = "0.8.2";
 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);

package/dist/esm/Cascader/search-list.js

@@ -12,9 +12,11 @@ var SearchList = function SearchList(props) {
     items = props.items,
     _onClick = props.onClick;
   return /*#__PURE__*/React.createElement("ul", {
-    className: "".concat(prefixCls, "-filter-menu")
+    className: "".concat(prefixCls, "-filter-menu"),
+    role: "listbox",
+    "aria-label": "Search results"
   }, items.length ? items.map(function (item) {
-    var _item$data$$source;
+    var _item$data$$source, _item$data$$source2;
     var title = ((_item$data$$source = item.data.$source) === null || _item$data$$source === void 0 ? void 0 : _item$data$$source.title) || item.data.labelPath.join(' / ');
     return /*#__PURE__*/React.createElement("li", {
       className: "".concat(prefixCls, "-filter-menu-item"),
@@ -22,8 +24,20 @@ var SearchList = function SearchList(props) {
       onClick: function onClick() {
         return _onClick(item.data);
       },
-      key: item.data.uid
+      key: item.data.uid,
+      role: "option",
+      "aria-disabled": ((_item$data$$source2 = item.data.$source) === null || _item$data$$source2 === void 0 ? void 0 : _item$data$$source2.disabled) || undefined,
+      tabIndex: 0,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+          e.preventDefault();
+          _onClick(item.data);
+        }
+      }
     }, renderHighlightText(item.matches));
-  }) : /*#__PURE__*/React.createElement("p", null, 'No result'));
+  }) : /*#__PURE__*/React.createElement("li", {
+    role: "option",
+    "aria-disabled": "true"
+  }, 'No result'));
 };
 export default /*#__PURE__*/React.memo(SearchList);