@rainbow-oh/yee-c 0.8.5 → 0.8.6

package/dist/cjs/Alert/alert.js

@@ -151,6 +151,7 @@ var Alert = (baseprops) => {
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     __spreadProps(__spreadValues({}, rest), {
+      role: "alert",
       className: (0, import_clsx.default)(
         prefixCls,
         [`${prefixCls}-${mergedState}`],

package/dist/cjs/Anchor/anchor.js

@@ -73,6 +73,19 @@ var import_style = require("./style/index.less");
 var AnchorContext = (0, import_react.createContext)(
   {}
 );
+var NAVIGATION_LOCK_TIMEOUT = 5e3;
+var NAVIGATION_SETTLE_DELAY = 100;
+var TARGET_POSITION_TOLERANCE = 2;
+var SCROLL_KEYS = /* @__PURE__ */ new Set([
+  "ArrowUp",
+  "ArrowDown",
+  "PageUp",
+  "PageDown",
+  "Home",
+  "End",
+  " ",
+  "Spacebar"
+]);
 var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
   const { anchor } = (0, import_react.useContext)(import_Config_Provider.GlobalContext);
   const props = (0, import_mergeContextToProps.default)(baseprops, anchor);
@@ -117,10 +130,79 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
   });
   const [anchorList, setAnchorList] = (0, import_react.useState)([]);
   const containerRef = (0, import_react.useRef)(null);
+  const anchorRootRef = (0, import_react.useRef)(null);
   const activeKeyRef = (0, import_react.useRef)(mergedActiveKey);
+  const handleScrollRef = (0, import_react.useRef)(() => {
+  });
+  const pendingTargetKeyRef = (0, import_react.useRef)(void 0);
+  const navigationTimeoutRef = (0, import_react.useRef)(
+    null
+  );
+  const navigationSettleTimeoutRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     activeKeyRef.current = mergedActiveKey;
   }, [mergedActiveKey]);
+  const setAnchorRootRef = (0, import_react.useCallback)(
+    (node) => {
+      anchorRootRef.current = node;
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    },
+    [ref]
+  );
+  const clearNavigationSettleTimer = (0, import_react.useCallback)(() => {
+    if (navigationSettleTimeoutRef.current !== null) {
+      clearTimeout(navigationSettleTimeoutRef.current);
+      navigationSettleTimeoutRef.current = null;
+    }
+  }, []);
+  const clearNavigationLock = (0, import_react.useCallback)(() => {
+    pendingTargetKeyRef.current = void 0;
+    clearNavigationSettleTimer();
+    if (navigationTimeoutRef.current !== null) {
+      clearTimeout(navigationTimeoutRef.current);
+      navigationTimeoutRef.current = null;
+    }
+  }, [clearNavigationSettleTimer]);
+  const scheduleNavigationUnlock = (0, import_react.useCallback)(
+    (key) => {
+      clearNavigationSettleTimer();
+      navigationSettleTimeoutRef.current = setTimeout(() => {
+        if (pendingTargetKeyRef.current === key) {
+          clearNavigationLock();
+        }
+      }, NAVIGATION_SETTLE_DELAY);
+    },
+    [clearNavigationLock, clearNavigationSettleTimer]
+  );
+  const startNavigationLock = (0, import_react.useCallback)(
+    (key) => {
+      clearNavigationLock();
+      pendingTargetKeyRef.current = key;
+      navigationTimeoutRef.current = setTimeout(() => {
+        if (pendingTargetKeyRef.current === key) {
+          clearNavigationLock();
+          handleScrollRef.current();
+        }
+      }, NAVIGATION_LOCK_TIMEOUT);
+    },
+    [clearNavigationLock]
+  );
+  (0, import_react.useEffect)(() => clearNavigationLock, [clearNavigationLock]);
+  const commitActiveKey = (0, import_react.useCallback)(
+    (key, forceNotify = false) => {
+      const changed = activeKeyRef.current !== key;
+      activeKeyRef.current = key;
+      setMergedActiveKey(key);
+      if (changed || forceNotify) {
+        onChange == null ? void 0 : onChange(key);
+      }
+    },
+    [onChange]
+  );
   const generateAnchorList = (0, import_react.useCallback)(() => {
     if (!auto || !name)
       return;
@@ -149,10 +231,39 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
     const currentScroll = container === window ? window.scrollY : container.scrollTop;
     return currentScroll + (target.getBoundingClientRect().top - containerTop);
   }, []);
+  const hasReachedTarget = (0, import_react.useCallback)(
+    (key) => {
+      var _a2;
+      const container = containerRef.current;
+      const target = document.getElementById(key);
+      if (!container || !target)
+        return false;
+      const currentScroll = container === window ? window.pageYOffset || document.documentElement.scrollTop : container.scrollTop;
+      const maxScroll = container === window ? Math.max(
+        document.documentElement.scrollHeight,
+        ((_a2 = document.body) == null ? void 0 : _a2.scrollHeight) || 0
+      ) - window.innerHeight : container.scrollHeight - container.clientHeight;
+      const targetScroll = Math.min(
+        Math.max(getTargetOffsetTop(target) - offsetTop, 0),
+        Math.max(maxScroll, 0)
+      );
+      return Math.abs(currentScroll - targetScroll) <= TARGET_POSITION_TOLERANCE;
+    },
+    [getTargetOffsetTop, offsetTop]
+  );
   const handleScroll = (0, import_react.useCallback)(() => {
     const container = containerRef.current;
     if (!container)
       return;
+    const pendingTargetKey = pendingTargetKeyRef.current;
+    if (pendingTargetKey) {
+      if (hasReachedTarget(pendingTargetKey)) {
+        scheduleNavigationUnlock(pendingTargetKey);
+      } else {
+        clearNavigationSettleTimer();
+      }
+      return;
+    }
     const scrollTop = container === window ? window.pageYOffset || document.documentElement.scrollTop : container.scrollTop;
     const currentItems2 = auto ? anchorList : items;
     if (!currentItems2 || currentItems2.length === 0)
@@ -175,11 +286,24 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
       );
       nextActiveKey = first == null ? void 0 : first.key;
     }
-    if (nextActiveKey && activeKeyRef.current !== nextActiveKey) {
-      setMergedActiveKey(nextActiveKey);
-      onChange == null ? void 0 : onChange(nextActiveKey);
+    if (nextActiveKey) {
+      commitActiveKey(nextActiveKey);
     }
-  }, [auto, anchorList, items, offsetTop, onChange, getTargetOffsetTop]);
+  }, [
+    auto,
+    anchorList,
+    items,
+    offsetTop,
+    getTargetOffsetTop,
+    hasReachedTarget,
+    scheduleNavigationUnlock,
+    clearNavigationSettleTimer,
+    clearNavigationLock,
+    commitActiveKey
+  ]);
+  (0, import_react.useEffect)(() => {
+    handleScrollRef.current = handleScroll;
+  }, [handleScroll]);
   (0, import_react.useEffect)(() => {
     const container = getContainer ? getContainer() : window;
     containerRef.current = container;
@@ -187,6 +311,9 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
       return;
     let rafId = null;
     const onScroll = () => {
+      if (pendingTargetKeyRef.current) {
+        clearNavigationSettleTimer();
+      }
       if (rafId !== null)
         return;
       rafId = requestAnimationFrame(() => {
@@ -194,23 +321,68 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
         handleScroll();
       });
     };
+    const onScrollEnd = () => {
+      const pendingTargetKey = pendingTargetKeyRef.current;
+      if (pendingTargetKey && hasReachedTarget(pendingTargetKey)) {
+        scheduleNavigationUnlock(pendingTargetKey);
+      }
+    };
+    const onUserInterrupt = (event) => {
+      if (event.type === "pointerdown" && event.target instanceof Element) {
+        const item = event.target.closest(
+          `.${CSS.escape(`${prefixCls}-item`)}`
+        );
+        const owner = item == null ? void 0 : item.closest(`.${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 () => {
       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
+  ]);
   const scrollToAnchor = (0, import_react.useCallback)(
     (key) => {
       const target = document.getElementById(key);
       if (!target)
-        return;
+        return false;
       const container = containerRef.current;
       if (!container)
-        return;
+        return false;
       const targetTop = getTargetOffsetTop(target) - offsetTop;
       if (container === window) {
         window.scrollTo({ top: targetTop, behavior: "smooth" });
@@ -220,6 +392,7 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
           behavior: "smooth"
         });
       }
+      return true;
     },
     [offsetTop, getTargetOffsetTop]
   );
@@ -230,11 +403,21 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
   }, [defaultActiveKey]);
   const handleItemClick = (0, import_react.useCallback)(
     (key) => {
-      setMergedActiveKey(key);
-      scrollToAnchor(key);
-      onChange == null ? void 0 : onChange(key);
+      startNavigationLock(key);
+      commitActiveKey(key, true);
+      if (!scrollToAnchor(key)) {
+        clearNavigationLock();
+        return;
+      }
+      handleScroll();
     },
-    [scrollToAnchor, onChange]
+    [
+      startNavigationLock,
+      commitActiveKey,
+      scrollToAnchor,
+      clearNavigationLock,
+      handleScroll
+    ]
   );
   const cls = (0, import_clsx.default)(
     prefixCls,
@@ -258,7 +441,7 @@ var Anchor = (0, import_react.forwardRef)((baseprops, ref) => {
       return null;
     return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-nav-arrow` }, /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-arrow-icon` }, /* @__PURE__ */ import_react.default.createElement(import_lucide_react.ChevronLeft, { size: 18 })));
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref }), renderNavArrow(), /* @__PURE__ */ import_react.default.createElement(AnchorContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, style, ref: setAnchorRootRef }), renderNavArrow(), /* @__PURE__ */ import_react.default.createElement(AnchorContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-content-wrapper` }, /* @__PURE__ */ import_react.default.createElement(
     "ul",
     {
       className: (0, import_clsx.default)(`${prefixCls}-content`, classNames == null ? void 0 : classNames.content),

package/dist/cjs/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/cjs/Input/input.js

@@ -159,6 +159,9 @@ var Input = (0, import_react.forwardRef)((baseprops, ref) => {
         {
           className: (0, import_clsx.default)(`${prefixCls}-clear`, classNames == null ? void 0 : classNames.clear),
           style: styles == null ? void 0 : styles.clear,
+          role: "button",
+          "aria-label": "clear",
+          tabIndex: 0,
           onClick: onClear,
           onKeyDown: (event) => {
             if (event.key === "Enter") {

package/dist/cjs/Select/option.js

@@ -62,7 +62,8 @@ var Option = (props) => {
         [`${prefixCls}-option-focused`]: focused,
         [`${prefixCls}-option-disabled`]: disabled
       }),
-      "aria-label": "option",
+      "aria-selected": selected,
+      "aria-disabled": disabled || void 0,
       onClick: handleClick,
       onKeyDown: (e) => {
         if (e.key === "Enter") {

package/dist/cjs/Select/options.js

@@ -210,6 +210,8 @@ var Options = (0, import_react.forwardRef)(
           ),
           style: popupStyle,
           ref: rootRef,
+          role: "listbox",
+          "aria-multiselectable": multiple || void 0,
           tabIndex: -1
         }),
         /* @__PURE__ */ import_react.default.createElement(OptionsCtx.Provider, { value: ctxValue }, /* @__PURE__ */ import_react.default.createElement(
@@ -259,6 +261,8 @@ var Options = (0, import_react.forwardRef)(
           ),
           style: popupStyle,
           ref: rootRef,
+          role: "listbox",
+          "aria-multiselectable": multiple || void 0,
           tabIndex: -1
         }),
         /* @__PURE__ */ import_react.default.createElement(OptionsCtx.Provider, { value: ctxValue }, /* @__PURE__ */ import_react.default.createElement(
@@ -297,6 +301,8 @@ var Options = (0, import_react.forwardRef)(
         ),
         style: __spreadValues(__spreadValues({}, popupStyle), multiColumn ? { "--yee-select-columns": columns } : void 0),
         ref: rootRef,
+        role: "listbox",
+        "aria-multiselectable": multiple || void 0,
         tabIndex: -1
       }),
       isEmpty ? /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-empty` }, select.noData) : /* @__PURE__ */ import_react.default.createElement(OptionsCtx.Provider, { value: ctxValue }, options.map((option, index) => /* @__PURE__ */ import_react.default.createElement(

package/dist/cjs/Selector/selector.js

@@ -282,6 +282,10 @@ var Selector = import_react.default.forwardRef(
         tabIndex: disabled || searchable ? -1 : 0,
         className: cls,
         style,
+        role: "combobox",
+        "aria-expanded": open || false,
+        "aria-haspopup": "listbox",
+        "aria-disabled": disabled || void 0,
         onKeyDown: (event) => {
           if (disabled)
             return;

package/dist/cjs/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/cjs/Tag/tag.js

@@ -129,19 +129,34 @@ var Tag = (0, import_react.forwardRef)(
         style: styles == null ? void 0 : styles.close,
         type: "text",
         size: "small",
+        "aria-label": "close",
         onClick: onClose
       },
       typeof closable === "boolean" ? /* @__PURE__ */ import_react.default.createElement(import_lucide_react.X, { size: 14, strokeWidth: 1 }) : closable
     ) : null;
     const closeNode = renderClose();
-    return /* @__PURE__ */ import_react.default.createElement("div", __spreadProps(__spreadValues({}, rest), { className: cls, onClick: handleClick, ref }), icon && /* @__PURE__ */ import_react.default.createElement(
-      "span",
-      {
-        className: (0, import_clsx.default)(`${prefixCls}-icon`, classNames == null ? void 0 : classNames.icon),
-        style: styles == null ? void 0 : styles.icon
-      },
-      icon
-    ), icon || closeNode ? /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_clsx.default)(classNames == null ? void 0 : classNames.content), style: styles == null ? void 0 : styles.content }, children) : children, closeNode);
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      __spreadValues(__spreadProps(__spreadValues({}, rest), {
+        className: cls,
+        onClick: handleClick,
+        ref
+      }), checkable ? {
+        role: "checkbox",
+        "aria-checked": checked || false,
+        tabIndex: 0
+      } : void 0),
+      icon && /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: (0, import_clsx.default)(`${prefixCls}-icon`, classNames == null ? void 0 : classNames.icon),
+          style: styles == null ? void 0 : styles.icon
+        },
+        icon
+      ),
+      icon || closeNode ? /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_clsx.default)(classNames == null ? void 0 : classNames.content), style: styles == null ? void 0 : styles.content }, children) : children,
+      closeNode
+    );
   }
 );
 Tag.displayName = "Tag";

package/dist/cjs/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/cjs/Tree/tree-node.js

@@ -191,7 +191,12 @@ var Node = (props) => {
         [`${prefixCls}-node-drag-over-after`]: dropPosition === "after",
         [`${prefixCls}-node-drag-over-inside`]: dropPosition === "inside"
       }),
-      style: nodeStyle
+      style: nodeStyle,
+      role: "treeitem",
+      "aria-expanded": isLeaf ? void 0 : expanded,
+      "aria-selected": selected,
+      "aria-level": depth + 1,
+      "aria-disabled": disabled || void 0
     }, dragProps),
     renderEmptyNodes(depth),
     renderExpandedIcon(),

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-28T08:14:35.983Z
  */
 
 /* ========== 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-28T08:14:35.983Z
  */
 
 /* ========== 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.6";