@rainbow-oh/yee-c 0.8.4 → 0.8.6

package/dist/cjs/version.d.ts

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

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.8.4";
+var version = "0.8.6";
 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/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/Select/select.js

@@ -74,7 +74,7 @@ var Select = function Select(baseprops) {
     if (Array.isArray(value)) {
       return value;
     }
-    if (value !== undefined && _typeof(value) !== null) {
+    if (value !== undefined && _typeof(value) !== null && value !== '') {
       return [value];
     }
     return [];

package/dist/esm/Selector/selector.js

@@ -202,6 +202,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/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;

package/dist/esm/Tree/tree.js

@@ -1,9 +1,11 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["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"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -12,6 +14,8 @@ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArra
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function (_e) { function e(_x) { return _e.apply(this, arguments); } e.toString = function () { return _e.toString(); }; return e; }(function (e) { throw e; }), f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function (_e2) { function e(_x2) { return _e2.apply(this, arguments); } e.toString = function () { return _e2.toString(); }; return e; }(function (e) { didErr = true; err = e; }), f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -23,6 +27,7 @@ import useEvent from "../hooks/useEvent";
 import useMergedState from "../hooks/useMergedState";
 import useVirtualList from "../hooks/useVirtualList";
 import mergeContextToProps from "../utils/mergeContextToProps";
+import { pickDataAttrs } from "../utils/types";
 import TreeNodeComp from "./tree-node";
 import { getCheckedKeys, tree2array } from "./utils/tree-tools";
 import "./style/index.less";
@@ -209,7 +214,9 @@ var Tree = function Tree(baseprops) {
     virtual = _props$virtual === void 0 ? false : _props$virtual,
     height = props.height,
     _props$itemHeight = props.itemHeight,
-    itemHeight = _props$itemHeight === void 0 ? 28 : _props$itemHeight;
+    itemHeight = _props$itemHeight === void 0 ? 28 : _props$itemHeight,
+    rest = _objectWithoutProperties(props, _excluded);
+  var dataAttrs = pickDataAttrs(rest);
 
   // ======================== Data ========================
   var _useMemo = useMemo(function () {
@@ -599,11 +606,12 @@ var Tree = function Tree(baseprops) {
   // ==================== Render ====================
   if (useVirtual) {
     var slicedItems = visibleItems.slice(start, end);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", _extends({
       className: clsx(prefixCls, className),
       style: style,
+      role: "tree",
       onDragEnd: handleDragEnd
-    }, /*#__PURE__*/React.createElement(TreeContext.Provider, {
+    }, dataAttrs), /*#__PURE__*/React.createElement(TreeContext.Provider, {
       value: contextValue
     }, /*#__PURE__*/React.createElement("div", {
       ref: viewportRef,
@@ -684,11 +692,12 @@ var Tree = function Tree(baseprops) {
       type: 'group'
     }, currentGroup));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: clsx(prefixCls, className),
     style: style,
+    role: "tree",
     onDragEnd: handleDragEnd
-  }, /*#__PURE__*/React.createElement(TreeContext.Provider, {
+  }, dataAttrs), /*#__PURE__*/React.createElement(TreeContext.Provider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(AnimatePresence, {
     initial: false

package/dist/esm/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/esm/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-27T03:27:50.585Z
+ * Generated on 2026-07-28T08:14:35.983Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/esm/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-07-27T03:27:50.585Z
+ * Generated on 2026-07-28T08:14:35.983Z
  */
 
 /* ========== color.css ========== */

package/dist/esm/version.d.ts

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

package/dist/esm/version.js

@@ -1,4 +1,4 @@
-export var version = "0.8.4";
+export var version = "0.8.6";
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;
 }