@rainbow-oh/yee-c 0.2.0 → 0.4.0

package/dist/esm/Tour/tour.js

@@ -0,0 +1,383 @@
+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", "classNames", "styles", "open", "steps", "current", "defaultCurrent", "onClose", "onFinish", "onChange", "placement", "mask", "closable", "closeIcon", "maskClosable", "indicatorsRender", "scrollIntoViewOptions"];
+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; }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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 _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; }
+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; }
+import clsx from 'clsx';
+import { X } from 'lucide-react';
+import { motion } from 'motion/react';
+import React, { useCallback, useContext, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import Button from "../Button";
+import { GlobalContext } from "../Config-Provider";
+import useEsc from "../hooks/useEsc";
+import useLatest from "../hooks/useLatest";
+import useMergedState from "../hooks/useMergedState";
+import { useLocale } from "../locale";
+import mergeContextToProps from "../utils/mergeContextToProps";
+import "./style/index.less";
+var GAP = 12;
+var resolveTarget = function resolveTarget(target) {
+  if (!target) return null;
+  if (typeof target === 'function') {
+    try {
+      return target();
+    } catch (_unused) {
+      return null;
+    }
+  }
+  if (typeof target === 'string') {
+    if (typeof document === 'undefined') return null;
+    return document.querySelector(target);
+  }
+  return target;
+};
+var SIDE_PREFIXES = ['top', 'bottom', 'left', 'right'];
+
+// Split a 12-way Placement into a base side + cross-axis alignment.
+//   'bottom'      -> { side: 'bottom', align: 'center' }
+//   'topLeft'     -> { side: 'top',    align: 'start'  }
+//   'leftBottom'  -> { side: 'left',   align: 'end'    }
+var parsePlacement = function parsePlacement(p) {
+  var _SIDE_PREFIXES$find;
+  if (!p) return {
+    side: 'bottom',
+    align: 'center'
+  };
+  var side = (_SIDE_PREFIXES$find = SIDE_PREFIXES.find(function (s) {
+    return p.startsWith(s);
+  })) !== null && _SIDE_PREFIXES$find !== void 0 ? _SIDE_PREFIXES$find : 'bottom';
+  var rest = p.slice(side.length);
+  var align = 'center';
+  if (side === 'top' || side === 'bottom') {
+    if (rest === 'Left') align = 'start';else if (rest === 'Right') align = 'end';
+  } else if (rest === 'Top') {
+    align = 'start';
+  } else if (rest === 'Bottom') {
+    align = 'end';
+  }
+  return {
+    side: side,
+    align: align
+  };
+};
+var OPPOSITE_SIDE = {
+  top: 'bottom',
+  bottom: 'top',
+  left: 'right',
+  right: 'left'
+};
+
+// Compute the card's fixed position from the highlight rect + placement, with
+// viewport flip + clamp. Returning rect's origin while size is unknown lets the
+// caller keep the card hidden until measured.
+var computeCardPos = function computeCardPos(rect, placement, size, gap) {
+  var cw = size.width,
+    ch = size.height;
+  var top = rect.top,
+    left = rect.left,
+    width = rect.width,
+    height = rect.height;
+  if (cw === 0 || ch === 0) {
+    return {
+      top: top,
+      left: left
+    };
+  }
+  var vw = window.innerWidth;
+  var vh = window.innerHeight;
+  var _parsePlacement = parsePlacement(placement),
+    preferredSide = _parsePlacement.side,
+    align = _parsePlacement.align;
+
+  // Lay the card out for a given side; align shifts it along the cross axis.
+  var layoutFor = function layoutFor(side) {
+    if (side === 'top' || side === 'bottom') {
+      var _main = side === 'top' ? top - ch - gap : top + height + gap;
+      var _cross;
+      if (align === 'start') _cross = left;else if (align === 'end') _cross = left + width - cw;else _cross = left + width / 2 - cw / 2;
+      return {
+        top: _main,
+        left: _cross
+      };
+    }
+    var main = side === 'left' ? left - cw - gap : left + width + gap;
+    var cross;
+    if (align === 'start') cross = top;else if (align === 'end') cross = top + height - ch;else cross = top + height / 2 - ch / 2;
+    return {
+      top: cross,
+      left: main
+    };
+  };
+
+  // True when the card fits on the main axis for this side.
+  var fits = function fits(side, pos) {
+    if (side === 'top') return pos.top >= gap;
+    if (side === 'bottom') return pos.top + ch <= vh - gap;
+    if (side === 'left') return pos.left >= gap;
+    return pos.left + cw <= vw - gap;
+  };
+  var side = preferredSide;
+  var pos = layoutFor(side);
+
+  // Flip to the opposite side when the preferred one overflows and the
+  // opposite fits. Alignment is preserved across the flip.
+  var flippedSide = OPPOSITE_SIDE[side];
+  var flipped = layoutFor(flippedSide);
+  if (!fits(side, pos) && fits(flippedSide, flipped)) {
+    side = flippedSide;
+    pos = flipped;
+  }
+
+  // Clamp into the viewport (mostly fixes cross-axis overflow).
+  return {
+    top: Math.max(gap, Math.min(pos.top, vh - ch - gap)),
+    left: Math.max(gap, Math.min(pos.left, vw - cw - gap))
+  };
+};
+var Tour = function Tour(baseprops) {
+  var _locale$tour, _step$placement;
+  var _useContext = useContext(GlobalContext),
+    tourCtx = _useContext.tour;
+  var props = mergeContextToProps(baseprops, tourCtx);
+  var _useLocale = useLocale(),
+    locale = _useLocale.locale;
+  var tourLocale = (_locale$tour = locale === null || locale === void 0 ? void 0 : locale.tour) !== null && _locale$tour !== void 0 ? _locale$tour : {
+    previous: 'Previous',
+    next: 'Next',
+    finish: 'Finish',
+    skip: 'Skip'
+  };
+  var _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'yee-tour' : _props$prefixCls,
+    className = props.className,
+    style = props.style,
+    classNames = props.classNames,
+    styles = props.styles,
+    open = props.open,
+    _props$steps = props.steps,
+    steps = _props$steps === void 0 ? [] : _props$steps,
+    current = props.current,
+    _props$defaultCurrent = props.defaultCurrent,
+    defaultCurrent = _props$defaultCurrent === void 0 ? 0 : _props$defaultCurrent,
+    onClose = props.onClose,
+    onFinish = props.onFinish,
+    onChange = props.onChange,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom' : _props$placement,
+    _props$mask = props.mask,
+    mask = _props$mask === void 0 ? true : _props$mask,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable,
+    closeIcon = props.closeIcon,
+    _props$maskClosable = props.maskClosable,
+    maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
+    indicatorsRender = props.indicatorsRender,
+    _props$scrollIntoView = props.scrollIntoViewOptions,
+    scrollIntoViewOptions = _props$scrollIntoView === void 0 ? true : _props$scrollIntoView,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useMergedState = useMergedState(defaultCurrent, {
+      value: current,
+      defaultValue: defaultCurrent
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    mergedCurrent = _useMergedState2[0],
+    setMergedCurrent = _useMergedState2[1];
+  var step = steps[mergedCurrent];
+  var total = steps.length;
+  var isLast = mergedCurrent >= total - 1;
+  var stepPlacement = (_step$placement = step === null || step === void 0 ? void 0 : step.placement) !== null && _step$placement !== void 0 ? _step$placement : placement;
+  var targetEl = useMemo(function () {
+    return resolveTarget(step === null || step === void 0 ? void 0 : step.target);
+  }, [step, open]);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    rect = _useState2[0],
+    setRect = _useState2[1];
+  var rafRef = useRef(null);
+
+  // Keep the latest scrollIntoViewOptions in a ref so the tracking effect below
+  // doesn't re-run (and re-scroll) when the caller passes an inline object on
+  // every render — that would loop with rAF → setRect → re-render forever.
+  var scrollIntoViewOptionsRef = useLatest(scrollIntoViewOptions);
+
+  // Track target rect: recompute on open / step / scroll / resize (rAF throttled).
+  useLayoutEffect(function () {
+    if (!open || !targetEl) {
+      setRect(null);
+      return;
+    }
+    var update = function update() {
+      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+      rafRef.current = requestAnimationFrame(function () {
+        setRect(targetEl.getBoundingClientRect());
+      });
+    };
+    update();
+    // Bring the target into view, but only when it isn't already — the default
+    // (`true` ≈ `{ block: 'start' }`) would otherwise yank an already-visible
+    // element to the top of the viewport on every step change. A custom options
+    // object is honored as-is (its own `nearest` alignment handles the visible
+    // case), and `false` disables auto-scroll entirely.
+    var scrollTargetIfNeeded = function scrollTargetIfNeeded() {
+      var opts = scrollIntoViewOptionsRef.current;
+      if (opts === false) return;
+      if (opts === true) {
+        var vr = targetEl.getBoundingClientRect();
+        var inViewport = vr.top >= 0 && vr.left >= 0 && vr.bottom <= window.innerHeight && vr.right <= window.innerWidth;
+        if (inViewport) return;
+      }
+      try {
+        var _targetEl$scrollIntoV;
+        (_targetEl$scrollIntoV = targetEl.scrollIntoView) === null || _targetEl$scrollIntoV === void 0 || _targetEl$scrollIntoV.call(targetEl, opts);
+      } catch (_unused2) {
+        // noop
+      }
+    };
+    scrollTargetIfNeeded();
+    window.addEventListener('resize', update);
+    window.addEventListener('scroll', update, true);
+    return function () {
+      if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
+      window.removeEventListener('resize', update);
+      window.removeEventListener('scroll', update, true);
+    };
+  }, [open, targetEl, mergedCurrent]);
+  useEsc({
+    enabled: open,
+    onEsc: function onEsc() {
+      return onClose === null || onClose === void 0 ? void 0 : onClose();
+    }
+  });
+  var handleNext = useCallback(function () {
+    if (isLast) {
+      onFinish === null || onFinish === void 0 || onFinish();
+      return;
+    }
+    var nextCur = mergedCurrent + 1;
+    setMergedCurrent(nextCur);
+    onChange === null || onChange === void 0 || onChange(nextCur);
+  }, [isLast, mergedCurrent, onChange, onFinish, setMergedCurrent]);
+  var handlePrev = useCallback(function () {
+    if (mergedCurrent <= 0) return;
+    var prevCur = mergedCurrent - 1;
+    setMergedCurrent(prevCur);
+    onChange === null || onChange === void 0 || onChange(prevCur);
+  }, [mergedCurrent, onChange, setMergedCurrent]);
+
+  // Measure the card so we can position it against the highlight rect.
+  var cardRef = useRef(null);
+  var _useState3 = useState({
+      width: 0,
+      height: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cardSize = _useState4[0],
+    setCardSize = _useState4[1];
+  useLayoutEffect(function () {
+    if (!open) return;
+    var node = cardRef.current;
+    if (!node) return;
+    var r = node.getBoundingClientRect();
+    setCardSize({
+      width: r.width,
+      height: r.height
+    });
+  }, [open, step]);
+  var cardPos = useMemo(function () {
+    if (!cardSize.width || !cardSize.height) return null;
+    if (rect) return computeCardPos(rect, stepPlacement, cardSize, GAP);
+    // No target: center the card in the viewport.
+    return {
+      top: window.innerHeight / 2 - cardSize.height / 2,
+      left: window.innerWidth / 2 - cardSize.width / 2
+    };
+  }, [rect, stepPlacement, cardSize]);
+  if (!open || typeof document === 'undefined' || !step) {
+    return null;
+  }
+  return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(prefixCls, className),
+    style: style
+  }, rest), mask ? /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-mask"), !rect && "".concat(prefixCls, "-mask-full")),
+    onClick: maskClosable ? onClose : undefined
+  }) : null, mask && rect ? /*#__PURE__*/React.createElement(motion.div, {
+    className: clsx("".concat(prefixCls, "-highlight"), classNames === null || classNames === void 0 ? void 0 : classNames.highlight),
+    initial: false,
+    animate: {
+      top: rect.top,
+      left: rect.left,
+      width: rect.width,
+      height: rect.height
+    },
+    transition: {
+      type: 'spring',
+      visualDuration: 0.3,
+      bounce: 0.2
+    },
+    style: styles === null || styles === void 0 ? void 0 : styles.highlight
+  }) : null, /*#__PURE__*/React.createElement(motion.div, {
+    ref: cardRef,
+    className: clsx("".concat(prefixCls, "-content"), classNames === null || classNames === void 0 ? void 0 : classNames.content, step === null || step === void 0 ? void 0 : step.className),
+    initial: false,
+    animate: cardPos ? {
+      top: cardPos.top,
+      left: cardPos.left
+    } : {
+      top: 0,
+      left: 0
+    },
+    transition: {
+      type: 'spring',
+      visualDuration: 0.3,
+      bounce: 0.2
+    },
+    style: _objectSpread({
+      position: 'fixed',
+      visibility: cardPos ? 'visible' : 'hidden'
+    }, styles === null || styles === void 0 ? void 0 : styles.content)
+  }, closable ? /*#__PURE__*/React.createElement(Button, {
+    type: "text",
+    className: "".concat(prefixCls, "-close"),
+    onClick: onClose,
+    size: "small",
+    icon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : /*#__PURE__*/React.createElement(X, {
+      size: 16
+    }),
+    "aria-label": tourLocale.skip
+  }) : null, step !== null && step !== void 0 && step.title ? /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-header"), classNames === null || classNames === void 0 ? void 0 : classNames.header),
+    style: styles === null || styles === void 0 ? void 0 : styles.header
+  }, step.title) : null, /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-body"), classNames === null || classNames === void 0 ? void 0 : classNames.body),
+    style: styles === null || styles === void 0 ? void 0 : styles.body
+  }, step === null || step === void 0 ? void 0 : step.description), /*#__PURE__*/React.createElement("div", {
+    className: clsx("".concat(prefixCls, "-footer"), classNames === null || classNames === void 0 ? void 0 : classNames.footer),
+    style: styles === null || styles === void 0 ? void 0 : styles.footer
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-indicators")
+  }, indicatorsRender ? indicatorsRender(mergedCurrent, total) : "".concat(mergedCurrent + 1, " / ").concat(total)), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(prefixCls, "-buttons")
+  }, mergedCurrent > 0 ? /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    onClick: handlePrev
+  }, tourLocale.previous) : null, /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleNext
+  }, isLast ? tourLocale.finish : tourLocale.next))))), document.body);
+};
+Tour.displayName = 'Tour';
+export default Tour;

package/dist/esm/Tree/demo/checkable.js

@@ -13,23 +13,23 @@ export default (function () {
     setCheckedKeys = _useState2[1];
   var treeData = [{
     label: 'parent 1',
-    key: '0-0',
+    key: 1,
     children: [{
       label: 'parent 1-0',
-      key: '0-0-0',
+      key: 10,
       children: [{
         label: 'leaf',
-        key: '0-0-0-0'
+        key: 100
       }, {
         label: 'leaf',
-        key: '0-0-0-1'
+        key: 101
       }]
     }, {
       label: 'parent 1-1',
-      key: '0-0-1',
+      key: 20,
       children: [{
         label: 'leaf',
-        key: '0-0-1-0'
+        key: 201
       }]
     }]
   }];

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;
@@ -57,7 +57,7 @@
 
   /* --global-- */
   --yee-global-font-color: var(--yee-text-color);
-  --yee-placeholder-color: var(--yee-text-color-auxiliary);
+  --yee-placeholder-color: var(--yee-text-color-secondary);
   --yee-title-prefix-bg-color: var(--yee-primary-color);
   --yee-remove-icon: var(--yee-text-color-auxiliary);
   --yee-remove-icon-hover: var(--yee-text-color-auxiliary);
@@ -264,8 +264,8 @@
   --yee-menu-item-hover-color: var(--yee-color-option-hover);
   --yee-menu-item-selected-color: var(--yee-color-option-active);
   --yee-menu-item-selected-bg-color: var(--yee-color-option-active-bg);
-  --yee-menu-item-arrow-color: var(--yee-text-color-auxiliary);
-  --yee-menu-item-arrow-hover-color: var(--yee-text-color-auxiliary);
+  --yee-menu-item-arrow-color: var(--yee-text-color);
+  --yee-menu-item-arrow-hover-color: var(--yee-text-color-secondary);
   --yee-menu-item-arrow-selected-color: var(--yee-primary-color);
   --yee-menu-item-bg-color: #fff;
   --yee-menu-item-title-bg-color: #f0f0f0;
@@ -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);

package/dist/esm/style/size.css

@@ -418,6 +418,10 @@
   --yee-radio-inner-border-width: 1px;
   --yee-radio-inner-after-width: 10px;
   --yee-radio-inner-after-height: 10px;
+  --yee-radio-font-small-size: 12px;
+  --yee-radio-small-padding: 2px;
+  --yee-radio-font-large-size: 16px;
+  --yee-radio-large-padding: 6px;
 
   /* --Rate-- */
   --yee-rate-star-width: 24px;
@@ -493,6 +497,20 @@
   --yee-skeleton-active-translate-start: -37.5%;
   --yee-skeleton-active-translate-end: 37.5%;
 
+  /* --Segmented-- */
+  --yee-segmented-padding: 2px;
+  --yee-segmented-border-radius: 8px;
+  --yee-segmented-item-padding: 4px 12px;
+  --yee-segmented-item-border-radius: 6px;
+  --yee-segmented-item-gap: 6px;
+  --yee-segmented-font-size: 14px;
+  --yee-segmented-item-small-padding: 2px 8px;
+  --yee-segmented-font-small-size: 12px;
+  --yee-segmented-item-large-padding: 6px 16px;
+  --yee-segmented-font-large-size: 16px;
+  --yee-segmented-thumb-border-radius: 6px;
+  --yee-segmented-transition-duration: 0.2s;
+
   /* --Slider-- */
   --yee-slider-height: 12px;
   --yee-slider-padding: 4px 0;
@@ -783,6 +801,26 @@
   --yee-tooltip-arrow-translate-y: 50%;
   --yee-tooltip-arrow-rotate: -135deg;
 
+  /* --Tour-- */
+  --yee-tour-mask-z-index: var(--yee-z-index-mask);
+  --yee-tour-content-width: 400px;
+  --yee-tour-content-padding: 16px;
+  --yee-tour-content-border-radius: 8px;
+  --yee-tour-highlight-border-radius: 6px;
+  --yee-tour-close-top: 12px;
+  --yee-tour-close-right: 12px;
+  --yee-tour-close-size: 20px;
+  --yee-tour-header-margin-bottom: 8px;
+  --yee-tour-title-font-size: 16px;
+  --yee-tour-title-font-weight: 600;
+  --yee-tour-title-line-height: 24px;
+  --yee-tour-description-font-size: 14px;
+  --yee-tour-description-line-height: 22px;
+  --yee-tour-footer-margin-top: 16px;
+  --yee-tour-indicator-gap: 6px;
+  --yee-tour-button-gap: 8px;
+  --yee-tour-transition-duration: 0.2s;
+
   /* --Tree-- */
   --yee-tree-node-height: 32px;
   --yee-tree-node-expand-icon-margin-left: 4px;