@rainbow-oh/yee-c 0.1.0 → 0.2.0

package/dist/esm/Tree/tree.js

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; }
 import clsx from 'clsx';
-import React, { createContext, useCallback, useContext, useMemo } from 'react';
+import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from 'react';
 import { GlobalContext } from "../Config-Provider";
 import useMergedState from "../hooks/useMergedState";
 import mergeContextToProps from "../utils/mergeContextToProps";
@@ -26,9 +26,16 @@ export var TreeContext = /*#__PURE__*/createContext({
   selectedKeys: [],
   checkedKeys: [],
   expandedKeys: [],
+  draggable: false,
+  draggingKey: null,
+  dropState: null,
   onCheck: function onCheck() {},
   onSelect: function onSelect() {},
-  onExpand: function onExpand() {}
+  onExpand: function onExpand() {},
+  onNodeDragStart: function onNodeDragStart() {},
+  onNodeDragOver: function onNodeDragOver() {},
+  onNodeDragLeave: function onNodeDragLeave() {},
+  onNodeDrop: function onNodeDrop() {}
 });
 var Tree = function Tree(baseprops) {
   var _useContext = useContext(GlobalContext),
@@ -58,6 +65,9 @@ var Tree = function Tree(baseprops) {
     icon = props.icon,
     showLine = props.showLine,
     switcherIcon = props.switcherIcon,
+    draggable = props.draggable,
+    allowDrop = props.allowDrop,
+    onDrop = props.onDrop,
     onSelect = props.onSelect,
     onCheck = props.onCheck,
     onExpand = props.onExpand;
@@ -165,9 +175,123 @@ var Tree = function Tree(baseprops) {
       node: nodes
     });
   }, [mergedExpandedKeys, itemMap, onExpand]);
+
+  // --- drag & drop (native HTML5) ---
+  // dataTransfer is not reliably readable during dragover, so the drag key
+  // lives in a ref as the source of truth; a state mirrors it for styling.
+  var dragKeyRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    draggingKey = _useState2[0],
+    setDraggingKey = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dropState = _useState4[0],
+    setDropState = _useState4[1];
+
+  // A drop is a cycle/illegal if the target is the dragged node itself or one
+  // of its descendants. Covers before/after/inside uniformly.
+  var isIllegalMove = useCallback(function (dragKey, dropKey) {
+    if (dragKey === dropKey) return true;
+    var dropNode = itemMap.get(dropKey);
+    return !!dropNode && dropNode.path.includes(dragKey);
+  }, [itemMap]);
+  var resolvePosition = useCallback(function (rect, clientY) {
+    var offset = (clientY - rect.top) / rect.height;
+    if (offset < 0.25) return 'before';
+    if (offset > 0.75) return 'after';
+    return 'inside';
+  }, []);
+  var handleDragStart = useCallback(function (key, e) {
+    var node = itemMap.get(key);
+    if (node !== null && node !== void 0 && node.disabled) {
+      e.preventDefault();
+      return;
+    }
+    dragKeyRef.current = key;
+    setDraggingKey(key);
+    if (e.dataTransfer) {
+      e.dataTransfer.effectAllowed = 'move';
+      try {
+        e.dataTransfer.setData('text/plain', String(key));
+      } catch (_unused) {
+        /* some browsers throw on setData in certain modes */
+      }
+    }
+  }, [itemMap]);
+  var handleDragOver = useCallback(function (key, e) {
+    var dragKey = dragKeyRef.current;
+    if (dragKey === null) return;
+    if (isIllegalMove(dragKey, key)) return;
+    var dropNode = itemMap.get(key);
+    if (!dropNode || dropNode.disabled) return;
+    var position = resolvePosition(e.currentTarget.getBoundingClientRect(), e.clientY);
+    var dragNode = itemMap.get(dragKey);
+    if (allowDrop && dragNode && allowDrop({
+      dragNode: dragNode.original,
+      dropNode: dropNode.original,
+      position: position
+    }) === false) {
+      return; // not calling preventDefault shows the "no-drop" cursor
+    }
+    e.preventDefault();
+    if (e.dataTransfer) e.dataTransfer.dropEffect = 'move';
+    setDropState(function (prev) {
+      return prev && prev.key === key && prev.position === position ? prev : {
+        key: key,
+        position: position
+      };
+    });
+  }, [itemMap, isIllegalMove, resolvePosition, allowDrop]);
+  var handleDragLeave = useCallback(
+  // Intentionally a no-op: dragleave fires spuriously when crossing child
+  // elements. Drop state is cleared in handleDragEnd at the Tree root.
+  function () {}, []);
+  var handleDrop = useCallback(function (key, e) {
+    e.preventDefault();
+    var dragKey = dragKeyRef.current;
+    if (dragKey === null) return;
+    var position = resolvePosition(e.currentTarget.getBoundingClientRect(), e.clientY);
+    if (isIllegalMove(dragKey, key)) return;
+    var dragNode = itemMap.get(dragKey);
+    var dropNode = itemMap.get(key);
+    if (!dragNode || !dropNode) return;
+    if (allowDrop && allowDrop({
+      dragNode: dragNode.original,
+      dropNode: dropNode.original,
+      position: position
+    }) === false) {
+      return;
+    }
+    onDrop === null || onDrop === void 0 || onDrop({
+      dragNode: dragNode.original,
+      dropNode: dropNode.original,
+      dragKey: dragKey,
+      dropKey: key,
+      position: position,
+      dropToGap: position !== 'inside'
+    });
+
+    // Auto-expand the target after a drop-inside so the dragged node is
+    // visible. Only effective in uncontrolled expandedKeys mode.
+    if (position === 'inside') {
+      setMergedExpandedKeys(function (prev) {
+        return prev.includes(key) ? prev : [].concat(_toConsumableArray(prev), [key]);
+      });
+    }
+    dragKeyRef.current = null;
+    setDraggingKey(null);
+    setDropState(null);
+  }, [itemMap, isIllegalMove, resolvePosition, allowDrop, onDrop]);
+  var handleDragEnd = useCallback(function () {
+    dragKeyRef.current = null;
+    setDraggingKey(null);
+    setDropState(null);
+  }, []);
   return /*#__PURE__*/React.createElement("div", {
     className: clsx(prefixCls, className),
-    style: style
+    style: style,
+    onDragEnd: handleDragEnd
   }, /*#__PURE__*/React.createElement(TreeContext.Provider, {
     value: {
       prefixCls: prefixCls,
@@ -179,9 +303,16 @@ var Tree = function Tree(baseprops) {
       selectedKeys: mergedSelectedKeys,
       checkedKeys: mergedCheckedKeys,
       expandedKeys: mergedExpandedKeys,
+      draggable: draggable,
+      draggingKey: draggingKey,
+      dropState: dropState,
       onCheck: handleCheck,
       onSelect: handleSelect,
-      onExpand: handleExpand
+      onExpand: handleExpand,
+      onNodeDragStart: handleDragStart,
+      onNodeDragOver: handleDragOver,
+      onNodeDragLeave: handleDragLeave,
+      onNodeDrop: handleDrop
     }
   }, flatItems.map(function (node, index) {
     return /*#__PURE__*/React.createElement(TreeNode, {

package/dist/esm/Tree/utils/tree-tools.d.ts

@@ -1,4 +1,25 @@
 import { TreeNode } from '../interface';
+export type DragPosition = 'before' | 'after' | 'inside';
+export interface MoveInfo {
+    dragKey: string | number;
+    dropKey: string | number;
+    position: DragPosition;
+}
+/**
+ * Reorder the nested dataSource immutably after a drag.
+ *
+ * Two phases: detach the dragged subtree, then insert it at the drop target.
+ * Only the modified path gets new arrays + shallow-cloned wrappers; untouched
+ * nodes are reused by reference (data may carry non-cloneable values like
+ * React elements / functions in `icon`).
+ *
+ * Returns a brand-new root array; returns the input unchanged if dragKey is
+ * not found or drag and drop resolve to the same location.
+ */
+export declare function moveTreeNode<T extends Record<string, unknown>>(tree: T | T[], info: MoveInfo, fieldNames: {
+    key: keyof T;
+    children: keyof T;
+}): T[];
 export declare function getChildKeys<T extends Record<string, unknown>>(data: T, fieldNames: {
     key: keyof T;
     children: keyof T;

package/dist/esm/Tree/utils/tree-tools.js

@@ -1,9 +1,136 @@
+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); }
 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 _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _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(_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 e(_e2) { didErr = true; err = _e2; }, 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; }
+/**
+ * Reorder the nested dataSource immutably after a drag.
+ *
+ * Two phases: detach the dragged subtree, then insert it at the drop target.
+ * Only the modified path gets new arrays + shallow-cloned wrappers; untouched
+ * nodes are reused by reference (data may carry non-cloneable values like
+ * React elements / functions in `icon`).
+ *
+ * Returns a brand-new root array; returns the input unchanged if dragKey is
+ * not found or drag and drop resolve to the same location.
+ */
+export function moveTreeNode(tree, info, fieldNames) {
+  if (!tree || Array.isArray(tree) && tree.length === 0) return [];
+  var K = fieldNames.key,
+    C = fieldNames.children;
+  var dragKey = info.dragKey,
+    dropKey = info.dropKey,
+    position = info.position;
+  var root = Array.isArray(tree) ? tree : [tree];
+
+  // Phase 1: detach the drag node subtree (immutably).
+  // Returns the rebuilt array (without the drag node) plus the detached node.
+  var detach = function detach(nodes) {
+    var found = null;
+    var next = [];
+    var _iterator = _createForOfIteratorHelper(nodes),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var n = _step.value;
+        if (n[K] === dragKey) {
+          found = n; // keep the original subtree reference intact
+          continue;
+        }
+        var kids = n[C];
+        if (Array.isArray(kids)) {
+          var r = detach(kids);
+          if (r.found) {
+            found = r.found;
+            next.push(_objectSpread(_objectSpread({}, n), {}, _defineProperty({}, C, r.nodes)));
+          } else {
+            next.push(n); // unchanged branch: reuse original ref
+          }
+        } else {
+          next.push(n);
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return {
+      found: found,
+      nodes: next
+    };
+  };
+  var _detach = detach(root),
+    dragNode = _detach.found,
+    withoutDrag = _detach.nodes;
+  if (!dragNode) return root; // dragKey not found: no-op
+
+  // Phase 2: insert per position into the tree that no longer contains the drag node.
+  // Note: do NOT short-circuit with an early return once inserted — siblings that
+  // follow the matched subtree must still be copied (by reference) or they'd be lost.
+  var insert = function insert(nodes) {
+    var next = [];
+    var inserted = false;
+    var _iterator2 = _createForOfIteratorHelper(nodes),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var n = _step2.value;
+        if (!inserted && position === 'inside' && n[K] === dropKey) {
+          var oldKids = Array.isArray(n[C]) ? n[C] : [];
+          next.push(_objectSpread(_objectSpread({}, n), {}, _defineProperty({}, C, [].concat(_toConsumableArray(oldKids), [dragNode]))));
+          inserted = true;
+          continue;
+        }
+        if (!inserted && position === 'before' && n[K] === dropKey) {
+          next.push(dragNode, n);
+          inserted = true;
+          continue;
+        }
+        if (!inserted && position === 'after' && n[K] === dropKey) {
+          next.push(n, dragNode);
+          inserted = true;
+          continue;
+        }
+        var kids = n[C];
+        if (inserted || !Array.isArray(kids)) {
+          // Already inserted, or a leaf with no subtree to search: keep by ref.
+          next.push(n);
+        } else {
+          var r = insert(kids);
+          if (r.inserted) {
+            next.push(_objectSpread(_objectSpread({}, n), {}, _defineProperty({}, C, r.nodes)));
+            inserted = true;
+          } else {
+            next.push(n);
+          }
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    return {
+      inserted: inserted,
+      nodes: next
+    };
+  };
+  var _insert = insert(withoutDrag),
+    inserted = _insert.inserted,
+    result = _insert.nodes;
+  // If the drop target wasn't found, nothing should change — return the
+  // original (drag node stays put) rather than silently dropping it.
+  return inserted ? result : root;
+}
 export function getChildKeys(data, fieldNames) {
   var key = fieldNames.key,
     children = fieldNames.children;

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

@@ -8,6 +8,23 @@
     display: none;
   }
 
+  &-arrow {
+    &::after {
+      position: absolute;
+      bottom: 0;
+      z-index: 0;
+      width: var(--yee-popup-arrow-width);
+      height: var(--yee-popup-arrow-height);
+      margin: auto;
+      border-radius: var(--yee-popup-arrow-border-radius);
+      box-shadow: var(--yee-box-shadow-popover-arrow);
+      transform: translateY(var(--yee-popup-arrow-translate-y))
+        rotate(var(--yee-popup-arrow-rotate));
+      content: '';
+      inset-inline: 0;
+    }
+  }
+
   &-topLeft,
   &-top,
   &-topRight {

package/dist/esm/Trigger/trigger.js

@@ -1,5 +1,5 @@
 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", "trigger", "children", "open", "defaultOpen", "placement", "popupAlign", "popup", "hideOnClick", "mouseEnterDelay", "mouseLeaveDelay", "arrow", "forceRender", "onOpenChange", "zIndex"];
+var _excluded = ["prefixCls", "trigger", "children", "open", "defaultOpen", "placement", "popupAlign", "popup", "hideOnClick", "mouseEnterDelay", "mouseLeaveDelay", "arrow", "forceRender", "popupStyle", "onOpenChange", "zIndex"];
 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 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; }
@@ -45,6 +45,7 @@ var Trigger = function Trigger(baseprops) {
     arrow = props.arrow,
     _props$forceRender = props.forceRender,
     forceRender = _props$forceRender === void 0 ? false : _props$forceRender,
+    popupStyle = props.popupStyle,
     onOpenChange = props.onOpenChange,
     zIndex = props.zIndex,
     rest = _objectWithoutProperties(props, _excluded);
@@ -160,9 +161,9 @@ var Trigger = function Trigger(baseprops) {
       motionAppear: true,
       motionEnter: true
     },
-    popupStyle: {
+    popupStyle: _objectSpread({
       pointerEvents: 'auto'
-    }
+    }, popupStyle)
   }, zIndex !== undefined ? {
     zIndex: zIndex
   } : {}, {

package/dist/esm/hooks/useDebounceFunction.d.ts

@@ -1 +1 @@
-export default function useDebounceFunction<T extends (...args: any[]) => any>(fn: T, delay: number, deps?: never[]): (...args: Parameters<T>) => void;
+export default function useDebounceFunction<T extends (...args: any[]) => any>(fn: T, delay: number, deps?: never[]): import("../utils/debounce").Debounced<T>;

package/dist/esm/hooks/useLayoutEffect.d.ts

@@ -2,6 +2,6 @@ import * as React from 'react';
 /**
  * Wrap `React.useLayoutEffect` which will not throw warning message in test env
  */
-declare const useLayoutEffect: typeof React.useEffect;
+declare const useLayoutEffect: typeof React.useLayoutEffect;
 export default useLayoutEffect;
 export declare const useLayoutUpdateEffect: typeof React.useEffect;

package/dist/esm/style/size.css

@@ -8,10 +8,17 @@
   --yee-z-index-message: 1100; /* L6 全局反馈 */
   --yee-z-index-max: 1110; /* L7 最顶层 */
 
+  /* common size */
+  --yee-popup-arrow-width: 8px;
+  --yee-popup-arrow-height: 8px;
+  --yee-popup-border-radius: 4px;
+  --yee-popup-arrow-translate-y: 50%;
+  --yee-popup-arrow-rotate: -135deg;
+
   /* --Alert-- */
   --yee-alert-close-top: 7px;
   --yee-alert-close-right: 11px;
-  --yee-alert-icon-margin-right: 6px;
+  --yee-alert-icon-margin-right: 12px;
   --yee-alert-title-font-size: 16px;
   --yee-alert-message-font-size: 14px;
   --yee-alert-banner-padding: 8px 12px;
@@ -26,7 +33,7 @@
   --yee-anchor-static-content-padding: 8px 0;
   --yee-anchor-static-item-active-width: 2px;
   --yee-anchor-static-item-active-height: 22px;
-  --yee-anchor-vertical-line-left: 4px;
+  --yee-anchor-vertical-line-left: 0;
   --yee-anchor-horizontal-item-padding: 6px 12px;
   --yee-anchor-nav-arrow-left: -8px;
   --yee-anchor-nav-arrow-height: 80px;
@@ -376,6 +383,8 @@
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
+  --yee-popover-arrow-width: var(--yee-popup-arrow-width);
+  --yee-popover-arrow-height: var(--yee-popup-arrow-height);
 
   /* --Progress-- */
   --yee-progress-text-width: 48px;
@@ -768,8 +777,8 @@
   --yee-tooltip-z-index: var(--yee-z-index-tooltip);
   --yee-tooltip-padding: 8px 12px;
   --yee-tooltip-border-radius: 4px;
-  --yee-tooltip-arrow-width: 8px;
-  --yee-tooltip-arrow-height: 8px;
+  --yee-tooltip-arrow-width: var(--yee-popup-arrow-width);
+  --yee-tooltip-arrow-height: var(--yee-popup-arrow-height);
   --yee-tooltip-arrow-border-radius: 0 0 2px 0;
   --yee-tooltip-arrow-translate-y: 50%;
   --yee-tooltip-arrow-rotate: -135deg;

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-06-05T07:34:02.169Z
+ * Generated on 2026-06-18T01:50:06.790Z
  */
 
 /* ========== 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-06-05T07:34:02.169Z
+ * Generated on 2026-06-18T01:50:06.790Z
  */
 
 /* ========== color.css ========== */
@@ -1109,10 +1109,17 @@
   --yee-z-index-message: 1100; /* L6 全局反馈 */
   --yee-z-index-max: 1110; /* L7 最顶层 */
 
+  /* common size */
+  --yee-popup-arrow-width: 8px;
+  --yee-popup-arrow-height: 8px;
+  --yee-popup-border-radius: 4px;
+  --yee-popup-arrow-translate-y: 50%;
+  --yee-popup-arrow-rotate: -135deg;
+
   /* --Alert-- */
   --yee-alert-close-top: 7px;
   --yee-alert-close-right: 11px;
-  --yee-alert-icon-margin-right: 6px;
+  --yee-alert-icon-margin-right: 12px;
   --yee-alert-title-font-size: 16px;
   --yee-alert-message-font-size: 14px;
   --yee-alert-banner-padding: 8px 12px;
@@ -1127,7 +1134,7 @@
   --yee-anchor-static-content-padding: 8px 0;
   --yee-anchor-static-item-active-width: 2px;
   --yee-anchor-static-item-active-height: 22px;
-  --yee-anchor-vertical-line-left: 4px;
+  --yee-anchor-vertical-line-left: 0;
   --yee-anchor-horizontal-item-padding: 6px 12px;
   --yee-anchor-nav-arrow-left: -8px;
   --yee-anchor-nav-arrow-height: 80px;
@@ -1477,6 +1484,8 @@
   --yee-popover-header-font-weight: 500;
   --yee-popover-header-font-size: 16px;
   --yee-popover-header-line-height: 24px;
+  --yee-popover-arrow-width: var(--yee-popup-arrow-width);
+  --yee-popover-arrow-height: var(--yee-popup-arrow-height);
 
   /* --Progress-- */
   --yee-progress-text-width: 48px;
@@ -1869,8 +1878,8 @@
   --yee-tooltip-z-index: var(--yee-z-index-tooltip);
   --yee-tooltip-padding: 8px 12px;
   --yee-tooltip-border-radius: 4px;
-  --yee-tooltip-arrow-width: 8px;
-  --yee-tooltip-arrow-height: 8px;
+  --yee-tooltip-arrow-width: var(--yee-popup-arrow-width);
+  --yee-tooltip-arrow-height: var(--yee-popup-arrow-height);
   --yee-tooltip-arrow-border-radius: 0 0 2px 0;
   --yee-tooltip-arrow-translate-y: 50%;
   --yee-tooltip-arrow-rotate: -135deg;

package/dist/esm/utils/debounce.d.ts

@@ -1,2 +1,7 @@
-declare function debounce<T extends (...args: any[]) => any>(fn: T, delay: number): (...args: Parameters<T>) => void;
+type AnyFn = (...args: any[]) => any;
+export type Debounced<T extends AnyFn> = ((...args: Parameters<T>) => void) & {
+    /** Cancel any pending invocation. */
+    cancel: () => void;
+};
+declare function debounce<T extends AnyFn>(fn: T, delay: number): Debounced<T>;
 export default debounce;

package/dist/esm/utils/debounce.js

@@ -6,7 +6,7 @@ function debounce(fn, delay) {
     throw new Error('Expected delay to be a positive number');
   }
   var timer = undefined;
-  return function () {
+  var debounced = function debounced() {
     var _this = this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -15,9 +15,16 @@ function debounce(fn, delay) {
       clearTimeout(timer);
     }
     timer = setTimeout(function () {
-      // @ts-ignore
+      timer = undefined;
       fn.apply(_this, args);
     }, delay);
   };
+  debounced.cancel = function () {
+    if (timer !== undefined) {
+      clearTimeout(timer);
+      timer = undefined;
+    }
+  };
+  return debounced;
 }
 export default debounce;

package/dist/esm/version.d.ts

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

package/dist/esm/version.js

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