@rainbow-oh/yee-c 0.1.0 → 0.3.0

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

@@ -1,6 +1,10 @@
 import React, { ChangeEvent } from 'react';
-import type { TreeProps } from './interface';
+import type { DragPosition, TreeProps } from './interface';
 import './style/index.less';
+type DropState = {
+    key: string | number;
+    position: DragPosition;
+} | null;
 export declare const TreeContext: React.Context<{
     prefixCls?: string | undefined;
     checkable?: boolean | undefined;
@@ -11,9 +15,16 @@ export declare const TreeContext: React.Context<{
     selectedKeys: Array<string | number>;
     checkedKeys: Array<string | number>;
     expandedKeys: Array<string | number>;
+    draggable?: boolean | undefined;
+    draggingKey: string | number | null;
+    dropState: DropState;
     onCheck: (event: ChangeEvent<HTMLInputElement>) => void;
     onSelect: (key: string | number) => void;
     onExpand: (key: string | number) => void;
+    onNodeDragStart: (key: string | number, e: React.DragEvent) => void;
+    onNodeDragOver: (key: string | number, e: React.DragEvent) => void;
+    onNodeDragLeave: (key: string | number, e: React.DragEvent) => void;
+    onNodeDrop: (key: string | number, e: React.DragEvent) => void;
 }>;
 declare const Tree: <T extends Record<string, unknown> = any>(baseprops: TreeProps<T>) => React.JSX.Element;
 export default Tree;

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

@@ -51,6 +51,8 @@ export * from './Radio';
 export { default as Radio } from './Radio';
 export * from './Select';
 export { default as Select } from './Select';
+export * from './Segmented';
+export { default as Segmented } from './Segmented';
 export * from './Skeleton';
 export { default as Skeleton } from './Skeleton';
 export * from './Space';
@@ -88,6 +90,8 @@ export * from './Steps';
 export { default as Steps } from './Steps';
 export * from './Tooltip';
 export { default as Tooltip } from './Tooltip';
+export * from './Tour';
+export { default as Tour } from './Tour';
 export * from './Table';
 export { default as Table } from './Table';
 export * from './TableSelect';

package/dist/esm/index.js

@@ -51,6 +51,8 @@ export * from "./Radio";
 export { default as Radio } from "./Radio";
 export * from "./Select";
 export { default as Select } from "./Select";
+export * from "./Segmented";
+export { default as Segmented } from "./Segmented";
 export * from "./Skeleton";
 export { default as Skeleton } from "./Skeleton";
 export * from "./Space";
@@ -87,6 +89,8 @@ export * from "./Steps";
 export { default as Steps } from "./Steps";
 export * from "./Tooltip";
 export { default as Tooltip } from "./Tooltip";
+export * from "./Tour";
+export { default as Tour } from "./Tour";
 export * from "./Table";
 export { default as Table } from "./Table";
 export * from "./TableSelect";

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

@@ -78,6 +78,12 @@ export interface LocaleForm {
     defaultRequiredMessage: string;
     defaultValidateMessage?: string;
 }
+export interface LocaleTour {
+    previous: string;
+    next: string;
+    finish: string;
+    skip: string;
+}
 export interface Locale {
     locale: string;
     global: LocaleGlobal;
@@ -94,6 +100,7 @@ export interface Locale {
     popconfirm: LocalePopconfirm;
     qrcode: LocaleQRCode;
     form: LocaleForm;
+    tour: LocaleTour;
 }
 type DeepPath<T extends object, P extends string = ''> = {
     [K in keyof T]: T[K] extends string ? P extends '' ? `${K & string}` : `${P}.${K & string}` : T[K] extends object ? DeepPath<T[K], P extends '' ? `${K & string}` : `${P}.${K & string}`> : never;

package/dist/esm/locale/lang/en_US.js

@@ -67,6 +67,12 @@ var locale = {
     okText: 'OK',
     cancelText: 'Cancel'
   },
+  tour: {
+    previous: 'Previous',
+    next: 'Next',
+    finish: 'Finish',
+    skip: 'Skip'
+  },
   popconfirm: {
     okText: 'OK',
     cancelText: 'Cancel'

package/dist/esm/locale/lang/ja_JP.js

@@ -67,6 +67,12 @@ var locale = {
     okText: 'OK',
     cancelText: 'キャンセル'
   },
+  tour: {
+    previous: '前へ',
+    next: '次へ',
+    finish: '完了',
+    skip: 'スキップ'
+  },
   popconfirm: {
     okText: 'OK',
     cancelText: 'キャンセル'

package/dist/esm/locale/lang/zh_CN.js

@@ -67,6 +67,12 @@ var locale = {
     okText: '确定',
     cancelText: '取消'
   },
+  tour: {
+    previous: '上一步',
+    next: '下一步',
+    finish: '完成',
+    skip: '跳过'
+  },
   popconfirm: {
     okText: '确定',
     cancelText: '取消'

package/dist/esm/locale/lang/zh_TW.js

@@ -67,6 +67,12 @@ var locale = {
     okText: '確定',
     cancelText: '取消'
   },
+  tour: {
+    previous: '上一步',
+    next: '下一步',
+    finish: '完成',
+    skip: '跳過'
+  },
   popconfirm: {
     okText: '確定',
     cancelText: '取消'

package/dist/esm/style/color.blue.css

@@ -30,7 +30,7 @@
   --yee-text-color-description: #7c7c7c;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #f58220;
-  --yee-text-color-auxiliary: #bfbfbf;
+  --yee-text-color-auxiliary: #f5f5f5;
   --yee-color-split: #e7e7e7;
   --yee-border-color: #cbd6e2;
   --yee-border-color-hover-focus: #75b9f0;

package/dist/esm/style/color.crimson.css

@@ -30,7 +30,7 @@
   --yee-text-color-description: #8d8d8d;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #bc463e;
-  --yee-text-color-auxiliary: #bfbfbf;
+  --yee-text-color-auxiliary: #f5f5f5;
   --yee-color-split: #eeeeee;
   --yee-border-color: #cccccc;
   --yee-border-color-hover-focus: #7aadc2;

package/dist/esm/style/color.css

@@ -30,7 +30,7 @@
   --yee-text-color-description: #7c7c7c;
   --yee-text-color-disabled: #bfbfbf;
   --yee-text-color-highlight: #f58220;
-  --yee-text-color-auxiliary: #bfbfbf;
+  --yee-text-color-auxiliary: #f5f5f5;
   --yee-color-split: #e7e7e7;
   --yee-border-color: #cbd6e2;
   --yee-border-color-hover-focus: #75b9f0;
@@ -598,6 +598,15 @@
   --yee-select-multi-disabled-tag-border-color: var(--yee-color-split);
   --yee-select-multi-disabled-tag-bg-color: var(--yee-color-split);
 
+  /* --Segmented-- */
+  --yee-segmented-bg-color: var(--yee-color-bg-layout);
+  --yee-segmented-item-color: var(--yee-text-color);
+  --yee-segmented-item-hover-color: var(--yee-primary-color);
+  --yee-segmented-item-selected-color: var(--yee-text-color);
+  --yee-segmented-item-disabled-color: var(--yee-text-color-disabled);
+  --yee-segmented-thumb-bg-color: var(--yee-color-bg-container);
+  --yee-segmented-thumb-box-shadow: 0 2px 8px var(--yee-box-shadow-color);
+
   /* --Slider-- */
   --yee-slider-track-bg-color: var(--yee-primary-color);
   --yee-slider-track-bg-hover-color: var(--yee-primary-color-hover);
@@ -954,6 +963,14 @@
   --yee-tooltip-error-color: #fff;
   --yee-tooltip-error-bg-color: var(--yee-error-color);
 
+  /* --Tour-- */
+  --yee-tour-mask-color: rgba(0, 0, 0, 45%);
+  --yee-tour-content-bg-color: var(--yee-color-bg-container);
+  --yee-tour-content-box-shadow: 0 6px 16px var(--yee-box-shadow-color);
+  --yee-tour-close-color: var(--yee-text-color);
+  --yee-tour-title-color: var(--yee-text-color);
+  --yee-tour-description-color: var(--yee-text-color-description);
+
   /* --Tree-- */
   --yee-tree-node-text-hover-bg-color: var(--yee-color-option-hover-bg);
   --yee-tree-node-text-hover-color: var(--yee-color-option-hover);