@rainbow-oh/yee-c 0.8.0 → 0.8.2

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,16 @@ 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 +109,16 @@ 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 +136,22 @@ 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/Segmented/demo/variant.js

@@ -35,7 +35,21 @@ module.exports = __toCommonJS(variant_exports);
 var import_yee_c = require("../..");
 var import_lucide_react = require("lucide-react");
 var import_react = __toESM(require("react"));
-var variant_default = () => /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { options: ["Daily", "Weekly", "Monthly"] }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { variant: "pill", options: ["Daily", "Weekly", "Monthly"] })), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { variant: "pill", size: "small", options: ["Small", "Default", "Large"] }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { variant: "pill", size: "large", options: ["Small", "Default", "Large"] })), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 480 } }, /* @__PURE__ */ import_react.default.createElement(
+var variant_default = () => /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { options: ["Daily", "Weekly", "Monthly"] }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Segmented, { variant: "pill", options: ["Daily", "Weekly", "Monthly"] })), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(
+  import_yee_c.Segmented,
+  {
+    variant: "pill",
+    size: "small",
+    options: ["Small", "Default", "Large"]
+  }
+), /* @__PURE__ */ import_react.default.createElement(
+  import_yee_c.Segmented,
+  {
+    variant: "pill",
+    size: "large",
+    options: ["Small", "Default", "Large"]
+  }
+)), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 480 } }, /* @__PURE__ */ import_react.default.createElement(
   import_yee_c.Segmented,
   {
     variant: "pill",

package/dist/cjs/Segmented/index.d.ts

@@ -1,3 +1,3 @@
 import InternalSegmented from './segmented';
-export type { SegmentedOption, SegmentedLabeledOption, SegmentedRawOption, SegmentedSemanticDOM, SegmentedValue, SegmentedProps, } from './interface';
+export type { SegmentedLabeledOption, SegmentedOption, SegmentedProps, SegmentedRawOption, SegmentedSemanticDOM, SegmentedValue, } from './interface';
 export default InternalSegmented;

package/dist/cjs/Segmented/segmented.js

@@ -62,8 +62,8 @@ __export(segmented_exports, {
 });
 module.exports = __toCommonJS(segmented_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_useMergedState = __toESM(require("../hooks/useMergedState"));
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
@@ -74,12 +74,12 @@ var normalizeOption = (option) => {
   }
   return option;
 };
-var Segmented = import_react.default.forwardRef(
+var Segmented = import_react2.default.forwardRef(
   (baseprops, ref) => {
     var _b;
-    const { segmented } = (0, import_react.useContext)(import_Config_Provider.GlobalContext);
+    const { segmented } = (0, import_react2.useContext)(import_Config_Provider.GlobalContext);
     const props = (0, import_mergeContextToProps.default)(baseprops, segmented);
-    const uid = (0, import_react.useId)();
+    const uid = (0, import_react2.useId)();
     const _a = props, {
       prefixCls = "yee-segmented",
       className,
@@ -111,10 +111,7 @@ var Segmented = import_react.default.forwardRef(
       "name",
       "onChange"
     ]);
-    const items = (0, import_react.useMemo)(
-      () => options.map(normalizeOption),
-      [options]
-    );
+    const items = (0, import_react2.useMemo)(() => options.map(normalizeOption), [options]);
     const firstValue = (_b = items[0]) == null ? void 0 : _b.value;
     const [mergedValue, setMergedValue] = (0, import_useMergedState.default)(firstValue, {
       value,
@@ -134,10 +131,10 @@ var Segmented = import_react.default.forwardRef(
       setMergedValue(itemValue);
       onChange == null ? void 0 : onChange(itemValue);
     };
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { ref, className: cls, style, role: "radiogroup" }), items.map((item) => {
+    return /* @__PURE__ */ import_react2.default.createElement("div", __spreadProps(__spreadValues({}, rest), { ref, className: cls, style, role: "radiogroup" }), items.map((item) => {
       const selected = item.value === mergedValue;
       const itemDisabled = disabled || item.disabled;
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ import_react2.default.createElement(
         "label",
         {
           key: item.value,
@@ -146,8 +143,8 @@ var Segmented = import_react.default.forwardRef(
             [`${prefixCls}-item-disabled`]: itemDisabled
           })
         },
-        selected ? /* @__PURE__ */ import_react.default.createElement(
-          import_react2.motion.span,
+        selected ? /* @__PURE__ */ import_react2.default.createElement(
+          import_react.motion.span,
           {
             layoutId: `${prefixCls}-thumb-${uid}`,
             className: (0, import_clsx.default)(`${prefixCls}-thumb`, classNames == null ? void 0 : classNames.thumb),
@@ -159,8 +156,8 @@ var Segmented = import_react.default.forwardRef(
             }
           }
         ) : null,
-        /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-inner` }, item.icon ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-icon` }, item.icon) : null, item.label !== void 0 && item.label !== null ? /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-item-label` }, item.label) : null),
-        /* @__PURE__ */ import_react.default.createElement(
+        /* @__PURE__ */ import_react2.default.createElement("span", { className: `${prefixCls}-item-inner` }, item.icon ? /* @__PURE__ */ import_react2.default.createElement("span", { className: `${prefixCls}-item-icon` }, item.icon) : null, item.label !== void 0 && item.label !== null ? /* @__PURE__ */ import_react2.default.createElement("span", { className: `${prefixCls}-item-label` }, item.label) : null),
+        /* @__PURE__ */ import_react2.default.createElement(
           "input",
           {
             type: "radio",

package/dist/cjs/Select/option.js

@@ -38,7 +38,14 @@ var import_react = __toESM(require("react"));
 var import_options = require("./options");
 var Option = (props) => {
   const { label, value, disabled, title, dataTestId, style } = props;
-  const { prefixCls, selectedKeys, focusedKey, multiple, looseMatch, onSelect } = (0, import_react.useContext)(import_options.OptionsCtx);
+  const {
+    prefixCls,
+    selectedKeys,
+    focusedKey,
+    multiple,
+    looseMatch,
+    onSelect
+  } = (0, import_react.useContext)(import_options.OptionsCtx);
   const handleClick = (e) => {
     if (!disabled) {
       onSelect(value, e);

package/dist/cjs/Select/options.js

@@ -170,7 +170,15 @@ var Options = (0, import_react.forwardRef)(
           container.scrollTop -= containerRect.top - targetRect.top;
         }
       }
-    }, [focusedKey, virtual, options, scrollToIndex, rootRef, multiColumn, columns]);
+    }, [
+      focusedKey,
+      virtual,
+      options,
+      scrollToIndex,
+      rootRef,
+      multiColumn,
+      columns
+    ]);
     const isEmpty = options.length === 0;
     const ctxValue = {
       prefixCls,

package/dist/cjs/Select/select.js

@@ -173,7 +173,9 @@ var Select = (baseprops) => {
       setOpen(false);
     } else {
       if (keysIncludes(mergedValue, key, looseMatch)) {
-        keys = mergedValue.filter((k) => !matchValue(k, key, looseMatch));
+        keys = mergedValue.filter(
+          (k) => !matchValue(k, key, looseMatch)
+        );
       } else {
         keys = [...mergedValue, key];
       }

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,13 @@ 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 +115,19 @@ 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,17 @@ 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/demo/components-override.js

@@ -35,7 +35,31 @@ module.exports = __toCommonJS(components_override_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var CustomTbody = (props) => /* @__PURE__ */ import_react.default.createElement("tbody", { className: props.className, "data-custom-tbody": true }, props.children);
-var CustomRow = ({ record, index, columns, rowKey }) => /* @__PURE__ */ import_react.default.createElement("tr", { "data-row-key": rowKey, style: { background: index % 2 === 0 ? "#f8fafc" : void 0 } }, /* @__PURE__ */ import_react.default.createElement("td", { style: { width: 40, textAlign: "center", color: "#2563eb", fontWeight: 700 } }, index + 1), columns.map((col) => /* @__PURE__ */ import_react.default.createElement("td", { key: String(col.key) }, record[col.dataIndex || ""])));
+var CustomRow = ({
+  record,
+  index,
+  columns,
+  rowKey
+}) => /* @__PURE__ */ import_react.default.createElement(
+  "tr",
+  {
+    "data-row-key": rowKey,
+    style: { background: index % 2 === 0 ? "#f8fafc" : void 0 }
+  },
+  /* @__PURE__ */ import_react.default.createElement(
+    "td",
+    {
+      style: {
+        width: 40,
+        textAlign: "center",
+        color: "#2563eb",
+        fontWeight: 700
+      }
+    },
+    index + 1
+  ),
+  columns.map((col) => /* @__PURE__ */ import_react.default.createElement("td", { key: String(col.key) }, record[col.dataIndex || ""]))
+);
 var components_override_default = () => {
   const columns = [
     { title: "Name", dataIndex: "name", key: "name" },
@@ -43,7 +67,12 @@ var components_override_default = () => {
     { title: "Address", dataIndex: "address", key: "address" }
   ];
   const dataSource = [
-    { key: "1", name: "John Brown", age: 32, address: "New York No. 1 Lake Park" },
+    {
+      key: "1",
+      name: "John Brown",
+      age: 32,
+      address: "New York No. 1 Lake Park"
+    },
     { key: "2", name: "Jim Green", age: 42, address: "London No. 1 Lake Park" },
     { key: "3", name: "Joe Black", age: 32, address: "Sidney No. 1 Lake Park" }
   ];

package/dist/cjs/Table/demo/grouping.js

@@ -49,7 +49,13 @@ var grouping_default = () => {
       title: "Info",
       key: "info",
       children: [
-        { title: "Age", dataIndex: "age", key: "age", width: 100, sorter: true },
+        {
+          title: "Age",
+          dataIndex: "age",
+          key: "age",
+          width: 100,
+          sorter: true
+        },
         {
           title: "Address",
           dataIndex: "address",

package/dist/cjs/Table/hooks/useColumns.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { ColumnProps, ExpandableType, RowSelectionType } from '../interface';
+import type { ColumnProps, ExpandableType, RowSelectionType, WrapedColumnProps } from '../interface';
 export default function useColumns({ children, columns, rowSelection, expandable, }: {
     children?: React.ReactElement<ColumnProps> | React.ReactElement<ColumnProps>[];
     columns: ColumnProps[];
     rowSelection?: RowSelectionType;
     expandable?: ExpandableType;
 }): {
-    wrapedColumns: any;
-    headerRows: any;
+    wrapedColumns: WrapedColumnProps[];
+    headerRows: import("../interface").HeaderCell[][];
 };

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

@@ -47,38 +47,35 @@ __export(useColumns_exports, {
 });
 module.exports = __toCommonJS(useColumns_exports);
 var import_react = __toESM(require("react"));
-var import_useDeepCompareMemo = __toESM(require("../../hooks/useDeepCompareMemo"));
 var import_deepClone = __toESM(require("../../utils/deepClone"));
 var import_util = require("../util");
 var import_header = require("../util/header");
+var getColumnsFromChild = (childs) => {
+  const cols = [];
+  import_react.default.Children.forEach(childs, (child) => {
+    if (child) {
+      cols.push(__spreadValues({}, child.props));
+    }
+  });
+  return cols.length ? cols : null;
+};
 function useColumns({
   children,
   columns,
   rowSelection,
   expandable
 }) {
-  const shouldRenderSelection = !!rowSelection;
-  const shouldRenderExpand = !!expandable;
-  const getColumnsFromChild = (childs) => {
-    const cols = [];
-    import_react.default.Children.forEach(childs, (child) => {
-      if (child) {
-        cols.push(__spreadValues({}, child.props));
-      }
-    });
-    return cols.length ? cols : null;
-  };
   const childColumns = (0, import_react.useMemo)(() => {
     return children ? getColumnsFromChild(children) : null;
   }, [children]);
-  const { wrapedColumns, headerRows } = (0, import_useDeepCompareMemo.default)(() => {
+  const { wrapedColumns, headerRows } = (0, import_react.useMemo)(() => {
     const base = (0, import_deepClone.default)(childColumns || columns || []) || [];
     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, wraped);
     return { wrapedColumns: wraped, headerRows: rows };
-  }, [childColumns, columns, shouldRenderSelection, shouldRenderExpand]);
+  }, [childColumns, columns, rowSelection, expandable]);
   return {
     wrapedColumns,
     headerRows

package/dist/cjs/Table/index.d.ts

@@ -2,7 +2,7 @@ import Column from './column';
 import Summary from './summary';
 import InternalTable from './table';
 import Head from './theader';
-export type { ColumnProps, PaginationType, RowSelectionType, TableProps, TableComponents, TableBodyComponents, TableRowRendererProps, HeaderCell, onChangeParams, } from './interface';
+export type { ColumnProps, HeaderCell, PaginationType, RowSelectionType, TableBodyComponents, TableComponents, TableProps, TableRowRendererProps, onChangeParams, } from './interface';
 type TableType = typeof InternalTable & {
     Column: typeof Column;
     Summary: typeof Summary;

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

@@ -92,13 +92,11 @@
       width: 100%;
 
       &-scroll-left @{pls}-cell-fixed-left-last {
-        box-shadow: 6px 0 6px -4px
-          var(--yee-table-fixed-left-after-bs-color);
+        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);
+        box-shadow: -6px 0 6px -4px var(--yee-table-fixed-right-after-bs-color);
       }
     }
 

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

@@ -139,10 +139,7 @@ var TableRow = (props) => {
       disabled
     }, props2);
     if (type === "checkbox") {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_Checkbox.default,
-        __spreadValues({}, commonProps)
-      );
+      return /* @__PURE__ */ import_react.default.createElement(import_Checkbox.default, __spreadValues({}, commonProps));
     }
     return /* @__PURE__ */ import_react.default.createElement(import_Radio.default, __spreadValues({}, commonProps));
   };

package/dist/cjs/Table/theader/index.js

@@ -67,7 +67,17 @@ var import_Checkbox = __toESM(require("../../Checkbox"));
 var import_table = require("../table");
 var import_cell = __toESM(require("./cell"));
 var TableHead = (props) => {
-  const _a = props, { headerRows = [], onCheckAll, checkedAll, onHeaderRow } = _a, rest = __objRest(_a, ["headerRows", "onCheckAll", "checkedAll", "onHeaderRow"]);
+  const _a = props, {
+    headerRows = [],
+    onCheckAll,
+    checkedAll,
+    onHeaderRow
+  } = _a, rest = __objRest(_a, [
+    "headerRows",
+    "onCheckAll",
+    "checkedAll",
+    "onHeaderRow"
+  ]);
   const { prefixCls } = (0, import_react.useContext)(import_table.TableCtx);
   const renderCell = (cell, rowIndex, colIndex) => {
     const { column, colSpan, rowSpan } = cell;
@@ -110,9 +120,7 @@ var TableHead = (props) => {
   return /* @__PURE__ */ import_react.default.createElement("thead", { className: (0, import_clsx.default)(`${prefixCls}-thead`) }, headerRows.map((row, rowIndex) => {
     const rowColumns = row.map((cell) => cell.column);
     const rowProps = onHeaderRow ? onHeaderRow(rowColumns) : {};
-    return /* @__PURE__ */ import_react.default.createElement("tr", __spreadProps(__spreadValues({}, rowProps), { key: `thead-row-${rowIndex}` }), row.map(
-      (cell, colIndex) => renderCell(cell, rowIndex, colIndex)
-    ));
+    return /* @__PURE__ */ import_react.default.createElement("tr", __spreadProps(__spreadValues({}, rowProps), { key: `thead-row-${rowIndex}` }), row.map((cell, colIndex) => renderCell(cell, rowIndex, colIndex)));
   }));
 };
 var Row = (props) => {

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/Tour/index.d.ts

@@ -1,3 +1,3 @@
 import InternalTour from './tour';
-export type { TourProps, TourStep, TourTarget, TourSemanticDOM, } from './interface';
+export type { TourProps, TourSemanticDOM, TourStep, TourTarget, } from './interface';
 export default InternalTour;

package/dist/cjs/Tree/style/index.less

@@ -25,11 +25,7 @@
     }
 
     &-drag-over-inside {
-      background: color-mix(
-        in srgb,
-        var(--yee-primary-color) 12%,
-        transparent
-      );
+      background: color-mix(in srgb, var(--yee-primary-color) 12%, transparent);
     }
 
     &-switcher {