@rainbow-oh/yee-c 0.7.0 → 0.8.1

package/dist/cjs/Form/form-store.js

@@ -80,6 +80,7 @@ function move(array, from, to) {
   return result;
 }
 var GLOBAL_WATCH_KEY = "__ALL__";
+var isRelatedNamePath = (first, second) => first === second || first.startsWith(`${second}.`) || second.startsWith(`${first}.`);
 var FormStore = class {
   constructor() {
     this.store = {};
@@ -170,10 +171,12 @@ var FormStore = class {
           }
         });
       }
+      const changedKeys = Object.keys(newStore);
+      const relatedFieldNames = this.getRelatedFieldNames(changedKeys);
       if (trigger === "onChange" || trigger === "onBlur" || trigger === "onSubmit") {
-        void this.validateFields(Object.keys(newStore), trigger);
+        void this.validateFields(relatedFieldNames, trigger);
       }
-      this.refreshField(newStore);
+      this.refreshField(newStore, relatedFieldNames);
     };
     this.resetFields = (name) => {
       var _a, _b;
@@ -281,16 +284,20 @@ var FormStore = class {
       });
       return err;
     });
-    this.refreshField = (newStore) => {
+    this.getRelatedFieldNames = (changedKeys) => Array.from(this.fieldMap.keys()).filter(
+      (fieldName) => changedKeys.some(
+        (changedKey) => isRelatedNamePath(String(fieldName), changedKey)
+      )
+    );
+    this.refreshField = (newStore, relatedFieldNames) => {
       if (newStore) {
-        const keys = Object.keys(newStore);
-        keys.forEach((key) => {
-          const entity = this.fieldMap.get(key);
-          if (entity) {
-            entity == null ? void 0 : entity.onStoreChange();
-          }
-          this.notifyWatchers(key);
+        const changedKeys = Object.keys(newStore);
+        const fieldNames = relatedFieldNames != null ? relatedFieldNames : this.getRelatedFieldNames(changedKeys);
+        fieldNames.forEach((fieldName) => {
+          var _a;
+          (_a = this.fieldMap.get(fieldName)) == null ? void 0 : _a.onStoreChange();
         });
+        this.notifyWatchers(changedKeys);
       } else {
         this.fieldEntities.forEach((entity) => {
           entity == null ? void 0 : entity.onStoreChange();
@@ -308,15 +315,23 @@ var FormStore = class {
       }
       this.watchers.get(key).add(callback);
       return () => {
-        var _a;
-        (_a = this.watchers.get(key)) == null ? void 0 : _a.delete(callback);
+        const watchers = this.watchers.get(key);
+        watchers == null ? void 0 : watchers.delete(callback);
+        if ((watchers == null ? void 0 : watchers.size) === 0) {
+          this.watchers.delete(key);
+        }
       };
     };
-    this.notifyWatchers = (changedKey) => {
-      var _a, _b;
-      if (changedKey) {
-        (_a = this.watchers.get(changedKey)) == null ? void 0 : _a.forEach((cb) => cb());
-        (_b = this.watchers.get(GLOBAL_WATCH_KEY)) == null ? void 0 : _b.forEach((cb) => cb());
+    this.notifyWatchers = (changedKeys) => {
+      if (changedKeys) {
+        const keys = Array.isArray(changedKeys) ? changedKeys : [changedKeys];
+        const callbacks = /* @__PURE__ */ new Set();
+        this.watchers.forEach((watchers, watchedKey) => {
+          if (watchedKey === GLOBAL_WATCH_KEY || keys.some((changedKey) => isRelatedNamePath(watchedKey, changedKey))) {
+            watchers.forEach((callback) => callbacks.add(callback));
+          }
+        });
+        callbacks.forEach((callback) => callback());
       } else {
         this.watchers.forEach((set) => set.forEach((cb) => cb()));
       }

package/dist/cjs/Menu/menu-item.js

@@ -100,7 +100,11 @@ var MenuItem = (props) => {
         ),
         style: __spreadValues({ paddingLeft }, styles == null ? void 0 : styles.item),
         onClick: handleClick,
-        title: isCollapsed && typeof label === "string" ? label : void 0
+        title: isCollapsed && typeof label === "string" ? label : void 0,
+        role: "menuitem",
+        "aria-disabled": disabled || void 0,
+        "aria-current": (selectedKeys == null ? void 0 : selectedKeys.includes(key)) ? "page" : void 0,
+        tabIndex: disabled ? -1 : 0
       },
       iconNode,
       !isCollapsed && /* @__PURE__ */ import_react2.default.createElement(
@@ -167,14 +171,15 @@ var MenuItem = (props) => {
     if (isCollapsed)
       return null;
     if (mode === "vertical" || mode === "horizontal") {
-      return /* @__PURE__ */ import_react2.default.createElement("span", { className: `${prefixCls}-item-switch` }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.ChevronRight, { strokeWidth: 2, size: 18 }));
+      return /* @__PURE__ */ import_react2.default.createElement("span", { className: `${prefixCls}-item-switch`, "aria-hidden": "true" }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.ChevronRight, { strokeWidth: 2, size: 18 }));
     }
     return /* @__PURE__ */ import_react2.default.createElement(
       import_react.motion.span,
       {
         className: `${prefixCls}-item-switch`,
         animate: { rotateX: opened ? 180 : 0 },
-        transition: { duration: 0.15 }
+        transition: { duration: 0.15 },
+        "aria-hidden": "true"
       },
       /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.ChevronDown, { strokeWidth: 2, size: 18 })
     );
@@ -182,7 +187,10 @@ var MenuItem = (props) => {
   const triggerNode = /* @__PURE__ */ import_react2.default.createElement(
     "div",
     {
-      role: "submenu",
+      role: "menuitem",
+      "aria-haspopup": "true",
+      "aria-expanded": opened,
+      "aria-disabled": disabled || void 0,
       className: (0, import_clsx.default)(`${prefixCls}-submenu-title`, {
         [`${prefixCls}-submenu-open`]: opened,
         [`${prefixCls}-submenu-selected`]: selectedKeys.includes(key) || selectedKeys.find(
@@ -191,6 +199,7 @@ var MenuItem = (props) => {
       }),
       style: { paddingLeft },
       onClick: handleExpand,
+      tabIndex: disabled ? -1 : 0,
       title: isCollapsed && typeof label === "string" ? label : void 0
     },
     iconNode,
@@ -207,7 +216,7 @@ var MenuItem = (props) => {
   );
   const usePopup = mode === "vertical" || mode === "horizontal" || isCollapsed;
   const placement = mode === "horizontal" && !isCollapsed ? "bottomLeft" : "rightTop";
-  const childNode = /* @__PURE__ */ import_react2.default.createElement("li", { className: cls }, usePopup ? /* @__PURE__ */ import_react2.default.createElement(
+  const childNode = /* @__PURE__ */ import_react2.default.createElement("li", { className: cls, role: "none" }, usePopup ? /* @__PURE__ */ import_react2.default.createElement(
     import_Trigger.default,
     {
       open: openKeys.includes(key),

package/dist/cjs/Menu/menu.js

@@ -63,7 +63,15 @@ var MenuGroup = ({
   item,
   prefixCls,
   renderItems
-}) => /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-item-group` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-group-title` }, item.label), /* @__PURE__ */ import_react.default.createElement("ul", { className: `${prefixCls}-item-group-list` }, renderItems(item.children)));
+}) => /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-item-group`, role: "none" }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-group-title`, role: "presentation", id: `${prefixCls}-group-${String(item.label)}` }, item.label), /* @__PURE__ */ import_react.default.createElement(
+  "ul",
+  {
+    className: `${prefixCls}-item-group-list`,
+    role: "group",
+    "aria-labelledby": `${prefixCls}-group-${String(item.label)}`
+  },
+  renderItems(item.children)
+));
 var Menu = (props) => {
   const {
     items,
@@ -122,7 +130,7 @@ var Menu = (props) => {
     }
   );
   const rootStyle = root ? __spreadValues({}, style) : {};
-  return /* @__PURE__ */ import_react.default.createElement("ul", __spreadProps(__spreadValues({}, dataAttrs), { className: cls, style: rootStyle, role: "menu" }), /* @__PURE__ */ import_react.default.createElement(MenuCtx.Provider, { value: { level, mode, classNames, styles } }, getChildFromItems(items), level === 0 && footer && /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-footer` }, footer)));
+  return /* @__PURE__ */ import_react.default.createElement("ul", __spreadProps(__spreadValues({}, dataAttrs), { className: cls, style: rootStyle, role: root && mode === "horizontal" ? "menubar" : "menu" }), /* @__PURE__ */ import_react.default.createElement(MenuCtx.Provider, { value: { level, mode, classNames, styles } }, getChildFromItems(items), level === 0 && footer && /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-footer`, role: "none" }, footer)));
 };
 Menu.displayName = "Menu";
 var menu_default = Menu;

package/dist/cjs/Pagination/items.js

@@ -107,16 +107,17 @@ var Items = (props) => {
             }
           },
           role: "button",
+          "aria-label": "Jump back 7 pages",
           key: "turnleft"
         },
-        (_a = components == null ? void 0 : components.jumpPrev) != null ? _a : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-ellipsis` }, /* @__PURE__ */ import_react.default.createElement(
+        (_a = components == null ? void 0 : components.jumpPrev) != null ? _a : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-ellipsis`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.Ellipsis,
           {
             className: "ellipsis",
             size: 18,
             strokeWidth: 1.5
           }
-        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-icon` }, /* @__PURE__ */ import_react.default.createElement(
+        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-prev-icon`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.ChevronsLeft,
           {
             className: "turn",
@@ -139,16 +140,17 @@ var Items = (props) => {
             }
           },
           role: "button",
+          "aria-label": "Jump forward 7 pages",
           key: "turn-right"
         },
-        (_b = components == null ? void 0 : components.jumpNext) != null ? _b : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-ellipsis` }, /* @__PURE__ */ import_react.default.createElement(
+        (_b = components == null ? void 0 : components.jumpNext) != null ? _b : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-ellipsis`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.Ellipsis,
           {
             className: "ellipsis",
             size: 18,
             strokeWidth: 1.5
           }
-        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-icon` }, /* @__PURE__ */ import_react.default.createElement(
+        )), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-jump-next-icon`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(
           import_lucide_react.ChevronsRight,
           {
             className: "turn",
@@ -178,7 +180,10 @@ var Items = (props) => {
             if (e.key === "Enter") {
               onChange(number);
             }
-          }
+          },
+          role: "button",
+          "aria-label": `Page ${number}`,
+          "aria-current": current === number ? "page" : void 0
         },
         number
       );

package/dist/cjs/Pagination/pagination.js

@@ -233,9 +233,12 @@ var Pagination = import_react.default.forwardRef(
               prevClick();
             }
           },
+          role: "button",
+          "aria-label": "Previous page",
+          "aria-disabled": mergedCurrent === 1 || void 0,
           key: "prev"
         },
-        (_a2 = components == null ? void 0 : components.prev) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronLeft, { size: 20, strokeWidth: 1.5 })
+        (_a2 = components == null ? void 0 : components.prev) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronLeft, { size: 20, strokeWidth: 1.5, "aria-hidden": "true" })
       );
     };
     const renderNext = () => {
@@ -258,9 +261,12 @@ var Pagination = import_react.default.forwardRef(
               nextClick();
             }
           },
+          role: "button",
+          "aria-label": "Next page",
+          "aria-disabled": mergedCurrent === pageCount || void 0,
           key: "next"
         },
-        (_a2 = components == null ? void 0 : components.next) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, { size: 20, strokeWidth: 1.5 })
+        (_a2 = components == null ? void 0 : components.next) != null ? _a2 : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, { size: 20, strokeWidth: 1.5, "aria-hidden": "true" })
       );
     };
     const renderSizeChanger = () => {
@@ -289,7 +295,7 @@ var Pagination = import_react.default.forwardRef(
     if (hideOnSinglePage && pageCount <= 1 || pageCount === 0) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement("ul", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref }), renderTotal(), renderPrevious(), simple ? /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-simple` }, renderNumber(false), /* @__PURE__ */ import_react.default.createElement("span", { className: "split" }, "/"), /* @__PURE__ */ import_react.default.createElement("span", { className: "total-page" }, pageCount)) : /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ import_react.default.createElement("ul", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref, role: "navigation", "aria-label": "Pagination", "aria-disabled": disabled || void 0 }), renderTotal(), renderPrevious(), simple ? /* @__PURE__ */ import_react.default.createElement("li", { className: `${prefixCls}-simple` }, renderNumber(false), /* @__PURE__ */ import_react.default.createElement("span", { className: "split", "aria-hidden": "true" }, "/"), /* @__PURE__ */ import_react.default.createElement("span", { className: "total-page" }, pageCount)) : /* @__PURE__ */ import_react.default.createElement(
       import_items.default,
       {
         prefixCls,

package/dist/cjs/Radio/radio-group.js

@@ -120,12 +120,13 @@ var RadioGroup = import_react.default.forwardRef(
     };
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
-      {
+      __spreadValues({
         className: cls,
         style: __spreadProps(__spreadValues({}, style), { gap }),
         ref,
-        role: "radiogroup"
-      },
+        role: "radiogroup",
+        "aria-disabled": disabled || void 0
+      }, rest),
       /* @__PURE__ */ import_react.default.createElement(
         GroupCtx.Provider,
         {
@@ -133,9 +134,9 @@ var RadioGroup = import_react.default.forwardRef(
         },
         options == null ? void 0 : options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(
           import_radio.default,
-          __spreadProps(__spreadValues(__spreadValues({
+          __spreadProps(__spreadValues({
             disabled
-          }, rest), option), {
+          }, option), {
             checked: option.value === mergedValue,
             key: option.value || index
           })

package/dist/cjs/Radio/radio.js

@@ -134,42 +134,52 @@ var Radio = import_react.default.forwardRef(
       },
       className
     );
-    return /* @__PURE__ */ import_react.default.createElement("label", { className: cls, style, onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(
-      "span",
+    return /* @__PURE__ */ import_react.default.createElement(
+      "label",
       {
-        className: (0, import_clsx.default)(prefixCls, {
-          [`${prefixCls}-disabled`]: disabled
-        })
+        className: cls,
+        style,
+        onClick: handleClick,
+        "aria-disabled": disabled || void 0
       },
       /* @__PURE__ */ import_react.default.createElement(
-        "input",
-        __spreadProps(__spreadValues({}, rest), {
-          ref,
-          className: `${prefixCls}-input`,
-          type: "radio",
-          name,
-          value,
-          checked: mergedChecked,
-          disabled,
-          onChange: handleChange,
-          "aria-checked": mergedChecked
-        })
+        "span",
+        {
+          className: (0, import_clsx.default)(prefixCls, {
+            [`${prefixCls}-disabled`]: disabled
+          })
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          "input",
+          __spreadProps(__spreadValues({}, rest), {
+            ref,
+            className: `${prefixCls}-input`,
+            type: "radio",
+            name,
+            value,
+            checked: mergedChecked,
+            disabled,
+            onChange: handleChange
+          })
+        ),
+        !buttonStyle && /* @__PURE__ */ import_react.default.createElement(
+          "span",
+          {
+            className: (0, import_clsx.default)(`${prefixCls}-inner`, classNames == null ? void 0 : classNames.inner),
+            style: styles == null ? void 0 : styles.inner,
+            "aria-hidden": "true"
+          }
+        )
       ),
-      !buttonStyle && /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement(
         "span",
         {
-          className: (0, import_clsx.default)(`${prefixCls}-inner`, classNames == null ? void 0 : classNames.inner),
-          style: styles == null ? void 0 : styles.inner
-        }
+          className: (0, import_clsx.default)(`${prefixCls}-label`, classNames == null ? void 0 : classNames.label),
+          style: styles == null ? void 0 : styles.label
+        },
+        children || label
       )
-    ), /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-label`, classNames == null ? void 0 : classNames.label),
-        style: styles == null ? void 0 : styles.label
-      },
-      children || label
-    ));
+    );
   }
 );
 Radio.displayName = "Radio";

package/dist/cjs/Rate/rate.js

@@ -167,7 +167,12 @@ var Rate = import_react.default.forwardRef((baseprops, ref) => {
       onMouseLeave: onLeave,
       ref: componentRef,
       role: "radiogroup",
-      "aria-label": "Rating"
+      "aria-label": "Rating",
+      "aria-disabled": disabled || void 0,
+      "aria-valuemin": 0,
+      "aria-valuemax": count,
+      "aria-valuenow": mergedValue,
+      "aria-valuetext": `${mergedValue} out of ${count} stars`
     }),
     Array(count).fill(0).map((_, index) => {
       const cls = (0, import_clsx.default)(`${prefixCls}-star`, {

package/dist/cjs/Rate/star.js

@@ -71,6 +71,7 @@ var Star = (props) => {
       "aria-checked": active,
       "aria-posinset": index + 1,
       "aria-setsize": count,
+      "aria-label": `${index + 1} ${index + 1 === 1 ? "star" : "stars"}`,
       key: "star-" + index
     },
     /* @__PURE__ */ import_react.default.createElement(
@@ -85,9 +86,10 @@ var Star = (props) => {
           }
         },
         tabIndex: 0,
+        "aria-label": `${index + 0.5} stars`,
         key: "star-" + index + "left"
       },
-      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.StarHalf, { className: `${prefixCls}-star-half` })
+      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.StarHalf, { className: `${prefixCls}-star-half`, "aria-hidden": "true" })
     ),
     /* @__PURE__ */ import_react.default.createElement(
       "div",
@@ -101,9 +103,10 @@ var Star = (props) => {
           }
         },
         tabIndex: 0,
+        "aria-label": `${index + 1} ${index + 1 === 1 ? "star" : "stars"}`,
         key: "star-" + index + "right"
       },
-      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-full` })
+      character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-full`, "aria-hidden": "true" })
     )
   ) : /* @__PURE__ */ import_react.default.createElement(
     "li",
@@ -121,9 +124,10 @@ var Star = (props) => {
       "aria-checked": active,
       "aria-posinset": index + 1,
       "aria-setsize": count,
+      "aria-label": `${index + 1} ${index + 1 === 1 ? "star" : "stars"}`,
       key: "star-" + index
     },
-    character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : active ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-active` }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-inactive` })
+    character ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-character` }, renderCharacter()) : active ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-active`, "aria-hidden": "true" }) : /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Star, { className: `${prefixCls}-star-inactive`, "aria-hidden": "true" })
   ), children ? /* @__PURE__ */ import_react.default.createElement(import_Tooltip.default, { title: value, placement: "top" }, children) : null);
 };
 Star.displayName = "Star";

package/dist/cjs/Steps/step.js

@@ -69,6 +69,7 @@ var Step = (props) => {
     }
   };
   const mergedStatus = (_a = itemStatus != null ? itemStatus : status) != null ? _a : index < current ? "finish" : index === current ? "process" : "wait";
+  const statusLabel = mergedStatus === "finish" ? "completed" : mergedStatus === "process" ? "in progress" : mergedStatus === "error" ? "error" : "pending";
   const renderIcon = (0, import_react.useMemo)(() => {
     if (dot)
       return /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-dot` });
@@ -100,7 +101,7 @@ var Step = (props) => {
     className
   );
   const ribbonStatus = index < current ? "done" : index === current ? "doing" : "undo";
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-end ${ribbonStatus}` }), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-end ${ribbonStatus}`, "aria-hidden": "true" }), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: cls,
@@ -108,12 +109,13 @@ var Step = (props) => {
       onClick: handleClick,
       onKeyDown: handleKeyDown,
       tabIndex: disabled ? -1 : onChange ? 0 : void 0,
-      role: onChange ? "button" : void 0,
+      role: onChange ? "button" : "listitem",
       "aria-disabled": disabled,
-      "aria-current": index === current ? "step" : void 0
+      "aria-current": index === current ? "step" : void 0,
+      "aria-label": `Step ${index + 1}${typeof title === "string" ? `: ${title}` : ""}, ${statusLabel}`
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-icon` }, renderIcon),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-icon`, "aria-hidden": "true" }, renderIcon),
     /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-content` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-title` }, /* @__PURE__ */ import_react.default.createElement("span", { title: typeof title === "string" ? title : void 0 }, title), subTitle && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-sub-title` }, subTitle)), type !== "ribbon" && description && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-description` }, description))
-  ), type === "navigation" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-navi-arrow` }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, null)), type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-head ${ribbonStatus}` }));
+  ), type === "navigation" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-navi-arrow`, "aria-hidden": "true" }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronRight, null)), type === "ribbon" && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-item-ribbon-head ${ribbonStatus}`, "aria-hidden": "true" }));
 };
 var step_default = Step;

package/dist/cjs/Steps/steps.js

@@ -135,7 +135,7 @@ var Steps = (0, import_react.forwardRef)((baseprops, ref) => {
     }
     return items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_step.default, __spreadProps(__spreadValues({}, item), { index, key: index })));
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref }), /* @__PURE__ */ import_react.default.createElement(StepsContext.Provider, { value: contextValue }, renderSteps()));
+  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref, role: "list", "aria-label": "Steps" }), /* @__PURE__ */ import_react.default.createElement(StepsContext.Provider, { value: contextValue }, renderSteps()));
 });
 Steps.displayName = "Steps";
 var steps_default = Steps;

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

@@ -76,7 +76,7 @@ function useColumns({
     const tree = (0, import_header.injectSelectionExpand)(base, rowSelection, expandable);
     const leaves = (0, import_header.flattenLeafColumns)(tree);
     const wraped = (0, import_util.handleColumns)(leaves);
-    const rows = (0, import_header.parseHeaderRows)(tree);
+    const rows = (0, import_header.parseHeaderRows)(tree, wraped);
     return { wrapedColumns: wraped, headerRows: rows };
   }, [childColumns, columns, shouldRenderSelection, shouldRenderExpand]);
   return {

package/dist/cjs/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;