@rainbow-oh/yee-c 0.8.5 → 0.8.7

package/dist/cjs/Tree/tree.js

@@ -18,6 +18,18 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -55,6 +67,7 @@ var import_useEvent = __toESM(require("../hooks/useEvent"));
 var import_useMergedState = __toESM(require("../hooks/useMergedState"));
 var import_useVirtualList = __toESM(require("../hooks/useVirtualList"));
 var import_mergeContextToProps = __toESM(require("../utils/mergeContextToProps"));
+var import_types = require("../utils/types");
 var import_tree_node = __toESM(require("./tree-node"));
 var import_tree_tools = require("./utils/tree-tools");
 var import_style = require("./style/index.less");
@@ -146,7 +159,7 @@ function setToArray(s) {
 var Tree = (baseprops) => {
   const { tree } = (0, import_react2.useContext)(import_Config_Provider.GlobalContext);
   const props = (0, import_mergeContextToProps.default)(baseprops, tree);
-  const {
+  const _a = props, {
     prefixCls = "yee-tree",
     className,
     style,
@@ -174,7 +187,36 @@ var Tree = (baseprops) => {
     virtual = false,
     height,
     itemHeight = 28
-  } = props;
+  } = _a, rest = __objRest(_a, [
+    "prefixCls",
+    "className",
+    "style",
+    "dataSource",
+    "fieldNames",
+    "defaultExpandAll",
+    "expandedKeys",
+    "defaultExpandedKeys",
+    "selectedKeys",
+    "defaultSelectedKeys",
+    "checkedKeys",
+    "defaultCheckedKeys",
+    "checkable",
+    "multiple",
+    "showIcon",
+    "icon",
+    "showLine",
+    "switcherIcon",
+    "draggable",
+    "allowDrop",
+    "onDrop",
+    "onSelect",
+    "onCheck",
+    "onExpand",
+    "virtual",
+    "height",
+    "itemHeight"
+  ]);
+  const dataAttrs = (0, import_types.pickDataAttrs)(rest);
   const [flatItems, itemMap] = (0, import_react2.useMemo)(
     () => (0, import_tree_tools.tree2array)(dataSource != null ? dataSource : [], fieldNames),
     [dataSource, fieldNames]
@@ -265,8 +307,8 @@ var Tree = (baseprops) => {
         const externalKeys = uidsToKeys(newUidArr, itemMap);
         const nodes = [];
         newUidSet.forEach((u) => {
-          var _a;
-          const n = (_a = itemMap.get(u)) == null ? void 0 : _a.original;
+          var _a2;
+          const n = (_a2 = itemMap.get(u)) == null ? void 0 : _a2.original;
           if (n)
             nodes.push(n);
         });
@@ -279,7 +321,7 @@ var Tree = (baseprops) => {
     }
   );
   const handleSelect = (0, import_useEvent.default)((uid) => {
-    var _a;
+    var _a2;
     const selected = selectedUidSet.has(uid);
     let newUidArr;
     if (multiple) {
@@ -297,7 +339,7 @@ var Tree = (baseprops) => {
       const externalKeys = uidsToKeys(newUidArr, itemMap);
       const nodes = [];
       for (const u of newUidArr) {
-        const n = (_a = itemMap.get(u)) == null ? void 0 : _a.original;
+        const n = (_a2 = itemMap.get(u)) == null ? void 0 : _a2.original;
         if (n)
           nodes.push(n);
       }
@@ -309,7 +351,7 @@ var Tree = (baseprops) => {
     }
   });
   const handleExpand = (0, import_useEvent.default)((uid) => {
-    var _a;
+    var _a2;
     const expanded = expandedUidSet.has(uid);
     const newUidArr = expanded ? expandedUidArray.filter((u) => u !== uid) : [...expandedUidArray, uid];
     setExpandedUidArray(newUidArr);
@@ -318,7 +360,7 @@ var Tree = (baseprops) => {
       const treeNode = itemMap.get(uid);
       const nodes = [];
       for (const u of newUidArr) {
-        const n = (_a = itemMap.get(u)) == null ? void 0 : _a.original;
+        const n = (_a2 = itemMap.get(u)) == null ? void 0 : _a2.original;
         if (n)
           nodes.push(n);
       }
@@ -505,11 +547,12 @@ var Tree = (baseprops) => {
     const slicedItems = visibleItems.slice(start, end);
     return /* @__PURE__ */ import_react2.default.createElement(
       "div",
-      {
+      __spreadValues({
         className: (0, import_clsx.default)(prefixCls, className),
         style,
+        role: "tree",
         onDragEnd: handleDragEnd
-      },
+      }, dataAttrs),
       /* @__PURE__ */ import_react2.default.createElement(TreeContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react2.default.createElement(
         "div",
         {
@@ -560,11 +603,12 @@ var Tree = (baseprops) => {
   }
   return /* @__PURE__ */ import_react2.default.createElement(
     "div",
-    {
+    __spreadValues({
       className: (0, import_clsx.default)(prefixCls, className),
       style,
+      role: "tree",
       onDragEnd: handleDragEnd
-    },
+    }, dataAttrs),
     /* @__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_react2.default.createElement(import_tree_node.default, { node: segment.node, key: segment.node.uid });

package/dist/cjs/Trigger/interface.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { TriggerProps as RcTriggerProps } from '@rc-component/trigger';
+import type { DataAttributeProps } from '../utils/types';
 export type Placement = 'top' | 'bottom' | 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 export type Point = 'tl' | 'tc' | 'tr' | 'bl' | 'bc' | 'br' | 'lt' | 'lc' | 'lb' | 'rt' | 'rc' | 'rb' | 'cc' | 'cl' | 'cr';
-export interface TriggerProps extends Omit<RcTriggerProps, 'children'> {
+export interface TriggerProps extends Omit<RcTriggerProps, 'children'>, DataAttributeProps {
     /**
      * Custom class name prefix
      */

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-28T07:56:30.159Z
+ * Generated on 2026-07-28T09:50:04.606Z
  */
 
 /* ========== 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-28T07:56:30.159Z
+ * Generated on 2026-07-28T09:50:04.606Z
  */
 
 /* ========== color.css ========== */

package/dist/cjs/version.d.ts

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

package/dist/cjs/version.js

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

package/dist/esm/Alert/alert.js

@@ -94,6 +94,7 @@ var Alert = function Alert(baseprops) {
     }, description) : null;
   };
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+    role: "alert",
     className: clsx(prefixCls, ["".concat(prefixCls, "-").concat(mergedState)], ["".concat(prefixCls, "-").concat(sizeType)], _defineProperty({}, "".concat(prefixCls, "-banner"), banner), className),
     style: style
   }), closable && /*#__PURE__*/React.createElement(Button, {

package/dist/esm/Anchor/anchor.js

@@ -21,6 +21,10 @@ import mergeContextToProps from "../utils/mergeContextToProps";
 import AnchorItem from "./anchor-item";
 import "./style/index.less";
 export var AnchorContext = /*#__PURE__*/createContext({});
+var NAVIGATION_LOCK_TIMEOUT = 5000;
+var NAVIGATION_SETTLE_DELAY = 100;
+var TARGET_POSITION_TOLERANCE = 2;
+var SCROLL_KEYS = new Set(['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' ', 'Spacebar']);
 var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
   var _useContext = useContext(GlobalContext),
     anchor = _useContext.anchor;
@@ -60,10 +64,67 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     anchorList = _useState2[0],
     setAnchorList = _useState2[1];
   var containerRef = useRef(null);
+  var anchorRootRef = useRef(null);
   var activeKeyRef = useRef(mergedActiveKey);
+  var handleScrollRef = useRef(function () {});
+  var pendingTargetKeyRef = useRef(undefined);
+  var navigationTimeoutRef = useRef(null);
+  var navigationSettleTimeoutRef = useRef(null);
   useEffect(function () {
     activeKeyRef.current = mergedActiveKey;
   }, [mergedActiveKey]);
+  var setAnchorRootRef = useCallback(function (node) {
+    anchorRootRef.current = node;
+    if (typeof ref === 'function') {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  }, [ref]);
+  var clearNavigationSettleTimer = useCallback(function () {
+    if (navigationSettleTimeoutRef.current !== null) {
+      clearTimeout(navigationSettleTimeoutRef.current);
+      navigationSettleTimeoutRef.current = null;
+    }
+  }, []);
+  var clearNavigationLock = useCallback(function () {
+    pendingTargetKeyRef.current = undefined;
+    clearNavigationSettleTimer();
+    if (navigationTimeoutRef.current !== null) {
+      clearTimeout(navigationTimeoutRef.current);
+      navigationTimeoutRef.current = null;
+    }
+  }, [clearNavigationSettleTimer]);
+  var scheduleNavigationUnlock = useCallback(function (key) {
+    clearNavigationSettleTimer();
+    navigationSettleTimeoutRef.current = setTimeout(function () {
+      if (pendingTargetKeyRef.current === key) {
+        clearNavigationLock();
+      }
+    }, NAVIGATION_SETTLE_DELAY);
+  }, [clearNavigationLock, clearNavigationSettleTimer]);
+  var startNavigationLock = useCallback(function (key) {
+    clearNavigationLock();
+    pendingTargetKeyRef.current = key;
+    navigationTimeoutRef.current = setTimeout(function () {
+      if (pendingTargetKeyRef.current === key) {
+        clearNavigationLock();
+        handleScrollRef.current();
+      }
+    }, NAVIGATION_LOCK_TIMEOUT);
+  }, [clearNavigationLock]);
+  useEffect(function () {
+    return clearNavigationLock;
+  }, [clearNavigationLock]);
+  var commitActiveKey = useCallback(function (key) {
+    var forceNotify = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var changed = activeKeyRef.current !== key;
+    activeKeyRef.current = key;
+    setMergedActiveKey(key);
+    if (changed || forceNotify) {
+      onChange === null || onChange === void 0 || onChange(key);
+    }
+  }, [onChange]);
 
   // Auto-generate anchor list from DOM
   var generateAnchorList = useCallback(function () {
@@ -98,11 +159,30 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     var currentScroll = container === window ? window.scrollY : container.scrollTop;
     return currentScroll + (target.getBoundingClientRect().top - containerTop);
   }, []);
+  var hasReachedTarget = useCallback(function (key) {
+    var _document$body;
+    var container = containerRef.current;
+    var target = document.getElementById(key);
+    if (!container || !target) return false;
+    var currentScroll = container === window ? window.pageYOffset || document.documentElement.scrollTop : container.scrollTop;
+    var maxScroll = container === window ? Math.max(document.documentElement.scrollHeight, ((_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.scrollHeight) || 0) - window.innerHeight : container.scrollHeight - container.clientHeight;
+    var targetScroll = Math.min(Math.max(getTargetOffsetTop(target) - offsetTop, 0), Math.max(maxScroll, 0));
+    return Math.abs(currentScroll - targetScroll) <= TARGET_POSITION_TOLERANCE;
+  }, [getTargetOffsetTop, offsetTop]);
 
   // Handle scroll to update active key
   var handleScroll = useCallback(function () {
     var container = containerRef.current;
     if (!container) return;
+    var pendingTargetKey = pendingTargetKeyRef.current;
+    if (pendingTargetKey) {
+      if (hasReachedTarget(pendingTargetKey)) {
+        scheduleNavigationUnlock(pendingTargetKey);
+      } else {
+        clearNavigationSettleTimer();
+      }
+      return;
+    }
     var scrollTop = container === window ? window.pageYOffset || document.documentElement.scrollTop : container.scrollTop;
     var currentItems = auto ? anchorList : items;
 
@@ -130,11 +210,13 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
       });
       nextActiveKey = first === null || first === void 0 ? void 0 : first.key;
     }
-    if (nextActiveKey && activeKeyRef.current !== nextActiveKey) {
-      setMergedActiveKey(nextActiveKey);
-      onChange === null || onChange === void 0 || onChange(nextActiveKey);
+    if (nextActiveKey) {
+      commitActiveKey(nextActiveKey);
     }
-  }, [auto, anchorList, items, offsetTop, onChange, getTargetOffsetTop]);
+  }, [auto, anchorList, items, offsetTop, getTargetOffsetTop, hasReachedTarget, scheduleNavigationUnlock, clearNavigationSettleTimer, clearNavigationLock, commitActiveKey]);
+  useEffect(function () {
+    handleScrollRef.current = handleScroll;
+  }, [handleScroll]);
   useEffect(function () {
     // Resolve in a passive effect: parent-owned refs passed via `getContainer`
     // aren't attached until after child layout effects run.
@@ -145,28 +227,60 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     // rAF throttle so the active key tracks scroll live.
     var rafId = null;
     var onScroll = function onScroll() {
+      if (pendingTargetKeyRef.current) {
+        clearNavigationSettleTimer();
+      }
       if (rafId !== null) return;
       rafId = requestAnimationFrame(function () {
         rafId = null;
         handleScroll();
       });
     };
+    var onScrollEnd = function onScrollEnd() {
+      var pendingTargetKey = pendingTargetKeyRef.current;
+      if (pendingTargetKey && hasReachedTarget(pendingTargetKey)) {
+        scheduleNavigationUnlock(pendingTargetKey);
+      }
+    };
+    var onUserInterrupt = function onUserInterrupt(event) {
+      if (event.type === 'pointerdown' && event.target instanceof Element) {
+        var item = event.target.closest(".".concat(CSS.escape("".concat(prefixCls, "-item"))));
+        var owner = item === null || item === void 0 ? void 0 : item.closest(".".concat(CSS.escape(prefixCls)));
+        if (owner === anchorRootRef.current) {
+          return;
+        }
+      }
+      if (event.type === 'keydown' && !SCROLL_KEYS.has(event.key)) {
+        return;
+      }
+      clearNavigationLock();
+    };
     container.addEventListener('scroll', onScroll);
+    container.addEventListener('scrollend', onScrollEnd);
+    container.addEventListener('wheel', onUserInterrupt);
+    container.addEventListener('touchstart', onUserInterrupt);
+    document.addEventListener('pointerdown', onUserInterrupt);
+    container.addEventListener('keydown', onUserInterrupt);
     handleScroll();
     return function () {
       container.removeEventListener('scroll', onScroll);
+      container.removeEventListener('scrollend', onScrollEnd);
+      container.removeEventListener('wheel', onUserInterrupt);
+      container.removeEventListener('touchstart', onUserInterrupt);
+      document.removeEventListener('pointerdown', onUserInterrupt);
+      container.removeEventListener('keydown', onUserInterrupt);
       if (rafId !== null) {
         cancelAnimationFrame(rafId);
       }
     };
-  }, [getContainer, handleScroll]);
+  }, [getContainer, handleScroll, hasReachedTarget, scheduleNavigationUnlock, clearNavigationSettleTimer, clearNavigationLock, prefixCls]);
 
   // Scroll to target when activeKey changes
   var scrollToAnchor = useCallback(function (key) {
     var target = document.getElementById(key);
-    if (!target) return;
+    if (!target) return false;
     var container = containerRef.current;
-    if (!container) return;
+    if (!container) return false;
     var targetTop = getTargetOffsetTop(target) - offsetTop;
     if (container === window) {
       window.scrollTo({
@@ -179,6 +293,7 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
         behavior: 'smooth'
       });
     }
+    return true;
   }, [offsetTop, getTargetOffsetTop]);
   useEffect(function () {
     if (defaultActiveKey) {
@@ -188,10 +303,16 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
   }, [defaultActiveKey]); // Only execute when defaultActiveKey changes
 
   var handleItemClick = useCallback(function (key) {
-    setMergedActiveKey(key);
-    scrollToAnchor(key);
-    onChange === null || onChange === void 0 || onChange(key);
-  }, [scrollToAnchor, onChange]);
+    startNavigationLock(key);
+    commitActiveKey(key, true);
+    if (!scrollToAnchor(key)) {
+      clearNavigationLock();
+      return;
+    }
+
+    // Handles instant scrolling and targets that are already in position.
+    handleScroll();
+  }, [startNavigationLock, commitActiveKey, scrollToAnchor, clearNavigationLock, handleScroll]);
   var cls = clsx(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(direction), direction), "".concat(prefixCls, "-affix"), affix), "".concat(prefixCls, "-static"), !affix), className);
   var currentItems = auto ? anchorList : items;
   var contextValue = {
@@ -214,7 +335,7 @@ var Anchor = /*#__PURE__*/forwardRef(function (baseprops, ref) {
   return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: cls,
     style: style,
-    ref: ref
+    ref: setAnchorRootRef
   }), renderNavArrow(), /*#__PURE__*/React.createElement(AnchorContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/Anchor/interface.d.ts

@@ -88,7 +88,7 @@ export interface AnchorProps extends DataAttributeProps {
      */
     defaultActiveKey?: string;
     /**
-     * Anchor position (controlled)
+     * Anchor position (controlled). When provided, update it from onChange.
      */
     activeKey?: string;
     /**

package/dist/esm/Input/input.js

@@ -86,6 +86,9 @@ var Input = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     }, showClear && /*#__PURE__*/React.createElement("span", {
       className: clsx("".concat(prefixCls, "-clear"), classNames === null || classNames === void 0 ? void 0 : classNames.clear),
       style: styles === null || styles === void 0 ? void 0 : styles.clear,
+      role: "button",
+      "aria-label": "clear",
+      tabIndex: 0,
       onClick: onClear,
       onKeyDown: function onKeyDown(event) {
         if (event.key === 'Enter') {

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

@@ -8,7 +8,7 @@
   width: 100%;
   padding: var(--yee-input-padding, 2px 8px);
   font-size: var(--yee-input-font-size);
-  line-height: var(--yee-input-line-height);
+  // line-height: var(--yee-input-line-height);
   background-color: var(--yee-input-content-bg-color);
   border: var(--yee-input-border-width) solid var(--yee-input-border-color);
   border-radius: var(--yee-input-border-radius, 4px);
@@ -49,7 +49,7 @@
   &-inner {
     width: 100%;
     font-family: var(--yee-font-family);
-    line-height: var(--yee-input-line-height);
+    // line-height: var(--yee-input-line-height);
     background-color: inherit;
     border: none;
     outline: none;

package/dist/esm/Select/option.js

@@ -32,7 +32,8 @@ var Option = function Option(props) {
   var focused = looseMatch ? String(focusedKey) === String(value) : focusedKey === value;
   return /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-option"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-option-selected"), selected), "".concat(prefixCls, "-option-focused"), focused), "".concat(prefixCls, "-option-disabled"), disabled)),
-    "aria-label": "option",
+    "aria-selected": selected,
+    "aria-disabled": disabled || undefined,
     onClick: handleClick,
     onKeyDown: function onKeyDown(e) {
       if (e.key === 'Enter') {

package/dist/esm/Select/options.js

@@ -146,6 +146,8 @@ var Options = /*#__PURE__*/forwardRef(function (props, ref) {
       className: clsx("".concat(prefixCls, "-popup"), "".concat(prefixCls, "-popup-virtual"), popupClassName),
       style: popupStyle,
       ref: rootRef,
+      role: "listbox",
+      "aria-multiselectable": multiple || undefined,
       tabIndex: -1
     }), /*#__PURE__*/React.createElement(OptionsCtx.Provider, {
       value: ctxValue
@@ -196,6 +198,8 @@ var Options = /*#__PURE__*/forwardRef(function (props, ref) {
       className: clsx("".concat(prefixCls, "-popup"), "".concat(prefixCls, "-popup-virtual"), popupClassName),
       style: popupStyle,
       ref: rootRef,
+      role: "listbox",
+      "aria-multiselectable": multiple || undefined,
       tabIndex: -1
     }), /*#__PURE__*/React.createElement(OptionsCtx.Provider, {
       value: ctxValue
@@ -235,6 +239,8 @@ var Options = /*#__PURE__*/forwardRef(function (props, ref) {
       '--yee-select-columns': columns
     } : undefined),
     ref: rootRef,
+    role: "listbox",
+    "aria-multiselectable": multiple || undefined,
     tabIndex: -1
   }), isEmpty ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-empty")

package/dist/esm/Selector/selector.js

@@ -192,7 +192,15 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return /*#__PURE__*/React.createElement("span", {
       className: "".concat(prefixCls, "-clear"),
-      onClick: handleClear
+      role: "button",
+      "aria-label": "clear",
+      tabIndex: 0,
+      onClick: handleClear,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter') {
+          handleClear(e);
+        }
+      }
     }, /*#__PURE__*/React.createElement(X, {
       size: 12,
       strokeWidth: 1
@@ -202,6 +210,10 @@ var Selector = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tabIndex: disabled || searchable ? -1 : 0,
     className: cls,
     style: style,
+    role: "combobox",
+    "aria-expanded": open || false,
+    "aria-haspopup": "listbox",
+    "aria-disabled": disabled || undefined,
     onKeyDown: function onKeyDown(event) {
       if (disabled) return;
       // For non-searchable single select, handle Enter to open dropdown

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

@@ -38,7 +38,7 @@
     }
 
     &-ring {
-      .yee-spin-ring {
+      @{pls}-ring {
         box-sizing: border-box;
         display: block;
         border-style: solid;
@@ -53,13 +53,13 @@
     }
 
     &-spokes {
-      .yee-spin-spokes {
+      @{pls}-spokes {
         position: relative;
         width: 100%;
         height: 100%;
       }
 
-      .yee-spin-spokes-line {
+      @{pls}-spokes-line {
         position: absolute;
         top: 0;
         left: 50%;
@@ -101,9 +101,14 @@
 
   &-blur {
     position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    // top: 50%;
+    // left: 50%;
+    // transform: translate(-50%, -50%);
     background-color: var(--yee-color-bg-mask-light, rgba(255, 255, 255, 40%));
   }
 

package/dist/esm/Table/theader/filter.js

@@ -186,7 +186,7 @@ var HeaderFilter = /*#__PURE__*/React.memo(function (props) {
         size: 14,
         strokeWidth: 1.5
       }),
-      variant: selectNodes.length ? 'filled' : undefined,
+      variant: selectNodes.length || searchValue ? 'filled' : undefined,
       type: "text",
       size: "small"
     });

package/dist/esm/Tag/tag.js

@@ -47,6 +47,7 @@ var Tag = /*#__PURE__*/forwardRef(function (baseprops, ref) {
       style: styles === null || styles === void 0 ? void 0 : styles.close,
       type: "text",
       size: "small",
+      "aria-label": "close",
       onClick: onClose
     }, typeof closable === 'boolean' ? /*#__PURE__*/React.createElement(X, {
       size: 14,
@@ -58,7 +59,11 @@ var Tag = /*#__PURE__*/forwardRef(function (baseprops, ref) {
     className: cls,
     onClick: handleClick,
     ref: ref
-  }), icon && /*#__PURE__*/React.createElement("span", {
+  }, checkable ? {
+    role: 'checkbox',
+    'aria-checked': checked || false,
+    tabIndex: 0
+  } : undefined), icon && /*#__PURE__*/React.createElement("span", {
     className: clsx("".concat(prefixCls, "-icon"), classNames === null || classNames === void 0 ? void 0 : classNames.icon),
     style: styles === null || styles === void 0 ? void 0 : styles.icon
   }, icon), icon || closeNode ? /*#__PURE__*/React.createElement("span", {

package/dist/esm/Tree/interface.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { DataAttributeProps } from '../utils/types';
 export type SemanticType = '';
 export type DragPosition = 'before' | 'after' | 'inside';
 export type { MoveInfo } from './utils/tree-tools';
@@ -69,7 +70,7 @@ export interface TreeNodeProps<T> {
     node: TreeNode<T>;
     style?: React.CSSProperties;
 }
-export interface TreeProps<T> {
+export interface TreeProps<T> extends DataAttributeProps {
     /**
      * Custom class name prefix
      */

package/dist/esm/Tree/tree-node.js

@@ -134,7 +134,12 @@ var Node = function Node(props) {
   } : {};
   return /*#__PURE__*/React.createElement("div", _extends({
     className: clsx("".concat(prefixCls, "-node"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-node-with-line"), showLine), "".concat(prefixCls, "-leaf-node"), isLeaf), "".concat(prefixCls, "-last-node"), isLast), "".concat(prefixCls, "-node-dragging"), draggingUid === uid), "".concat(prefixCls, "-node-drag-over-before"), dropPosition === 'before'), "".concat(prefixCls, "-node-drag-over-after"), dropPosition === 'after'), "".concat(prefixCls, "-node-drag-over-inside"), dropPosition === 'inside')),
-    style: nodeStyle
+    style: nodeStyle,
+    role: "treeitem",
+    "aria-expanded": isLeaf ? undefined : expanded,
+    "aria-selected": selected,
+    "aria-level": depth + 1,
+    "aria-disabled": disabled || undefined
   }, dragProps), renderEmptyNodes(depth), renderExpandedIcon(), renderCheckbox(), renderLabel());
 };
 export default Node;