@rainbow-oh/yee-c 0.1.0 → 0.3.0

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

@@ -1,7 +1,24 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -22,10 +39,81 @@ __export(tree_tools_exports, {
   containsAll: () => containsAll,
   getCheckedKeys: () => getCheckedKeys,
   getChildKeys: () => getChildKeys,
+  moveTreeNode: () => moveTreeNode,
   removeContainsAll: () => removeContainsAll,
   tree2array: () => tree2array
 });
 module.exports = __toCommonJS(tree_tools_exports);
+function moveTreeNode(tree, info, fieldNames) {
+  if (!tree || Array.isArray(tree) && tree.length === 0)
+    return [];
+  const { key: K, children: C } = fieldNames;
+  const { dragKey, dropKey, position } = info;
+  const root = Array.isArray(tree) ? tree : [tree];
+  const detach = (nodes) => {
+    let found = null;
+    const next = [];
+    for (const n of nodes) {
+      if (n[K] === dragKey) {
+        found = n;
+        continue;
+      }
+      const kids = n[C];
+      if (Array.isArray(kids)) {
+        const r = detach(kids);
+        if (r.found) {
+          found = r.found;
+          next.push(__spreadProps(__spreadValues({}, n), { [C]: r.nodes }));
+        } else {
+          next.push(n);
+        }
+      } else {
+        next.push(n);
+      }
+    }
+    return { found, nodes: next };
+  };
+  const { found: dragNode, nodes: withoutDrag } = detach(root);
+  if (!dragNode)
+    return root;
+  const insert = (nodes) => {
+    const next = [];
+    let inserted2 = false;
+    for (const n of nodes) {
+      if (!inserted2 && position === "inside" && n[K] === dropKey) {
+        const oldKids = Array.isArray(n[C]) ? n[C] : [];
+        next.push(__spreadProps(__spreadValues({}, n), { [C]: [...oldKids, dragNode] }));
+        inserted2 = true;
+        continue;
+      }
+      if (!inserted2 && position === "before" && n[K] === dropKey) {
+        next.push(dragNode, n);
+        inserted2 = true;
+        continue;
+      }
+      if (!inserted2 && position === "after" && n[K] === dropKey) {
+        next.push(n, dragNode);
+        inserted2 = true;
+        continue;
+      }
+      const kids = n[C];
+      if (inserted2 || !Array.isArray(kids)) {
+        next.push(n);
+      } else {
+        const r = insert(kids);
+        if (r.inserted) {
+          next.push(__spreadProps(__spreadValues({}, n), { [C]: r.nodes }));
+          inserted2 = true;
+        } else {
+          next.push(n);
+        }
+      }
+    }
+    return { inserted: inserted2, nodes: next };
+  };
+  const { inserted, nodes: result } = insert(withoutDrag);
+  return inserted ? result : root;
+}
 function getChildKeys(data, fieldNames) {
   const { key, children } = fieldNames;
   const _children = data[children];

package/dist/cjs/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/cjs/Trigger/trigger.js

@@ -85,6 +85,7 @@ var Trigger = (baseprops) => {
     mouseLeaveDelay = 0.2,
     arrow,
     forceRender = false,
+    popupStyle,
     onOpenChange,
     zIndex
   } = _a, rest = __objRest(_a, [
@@ -101,6 +102,7 @@ var Trigger = (baseprops) => {
     "mouseLeaveDelay",
     "arrow",
     "forceRender",
+    "popupStyle",
     "onOpenChange",
     "zIndex"
   ]);
@@ -206,7 +208,7 @@ var Trigger = (baseprops) => {
         motionAppear: true,
         motionEnter: true
       },
-      popupStyle: { pointerEvents: "auto" }
+      popupStyle: __spreadValues({ pointerEvents: "auto" }, popupStyle)
     }), zIndex !== void 0 ? { zIndex } : {}), {
       getPopupClassNameFromAlign,
       onOpenChange: handlePopupOpenChange,

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

@@ -75,6 +75,7 @@ __export(src_exports, {
   Rate: () => import_Rate.default,
   Reveal: () => import_Reveal.default,
   Search: () => import_Search.default,
+  Segmented: () => import_Segmented.default,
   Select: () => import_Select.default,
   Skeleton: () => import_Skeleton.default,
   Slider: () => import_Slider.default,
@@ -90,6 +91,7 @@ __export(src_exports, {
   TextArea: () => import_TextArea.default,
   Timeline: () => import_Timeline.default,
   Tooltip: () => import_Tooltip.default,
+  Tour: () => import_Tour.default,
   Transfer: () => import_Transfer.default,
   Tree: () => import_Tree.default,
   TreeSelect: () => import_TreeSelect.default,
@@ -156,6 +158,8 @@ __reExport(src_exports, require("./Radio"), module.exports);
 var import_Radio = __toESM(require("./Radio"));
 __reExport(src_exports, require("./Select"), module.exports);
 var import_Select = __toESM(require("./Select"));
+__reExport(src_exports, require("./Segmented"), module.exports);
+var import_Segmented = __toESM(require("./Segmented"));
 __reExport(src_exports, require("./Skeleton"), module.exports);
 var import_Skeleton = __toESM(require("./Skeleton"));
 __reExport(src_exports, require("./Space"), module.exports);
@@ -192,6 +196,8 @@ __reExport(src_exports, require("./Steps"), module.exports);
 var import_Steps = __toESM(require("./Steps"));
 __reExport(src_exports, require("./Tooltip"), module.exports);
 var import_Tooltip = __toESM(require("./Tooltip"));
+__reExport(src_exports, require("./Tour"), module.exports);
+var import_Tour = __toESM(require("./Tour"));
 __reExport(src_exports, require("./Table"), module.exports);
 var import_Table = __toESM(require("./Table"));
 __reExport(src_exports, require("./TableSelect"), module.exports);

package/dist/cjs/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/cjs/locale/lang/en_US.js

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

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

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

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

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

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

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

package/dist/cjs/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/cjs/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/cjs/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);

package/dist/cjs/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;
@@ -409,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;
@@ -484,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;
@@ -768,12 +795,32 @@
   --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;
 
+  /* --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;

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-06-05T07:34:02.169Z
+ * Generated on 2026-06-25T07:27:25.693Z
  */
 
 /* ========== color.blue.css ========== */
@@ -37,7 +37,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;
@@ -1406,7 +1406,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/cjs/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-25T07:27:25.693Z
  */
 
 /* ========== color.css ========== */
@@ -37,7 +37,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;
@@ -605,6 +605,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);
@@ -961,6 +970,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);
@@ -1109,10 +1126,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 +1151,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 +1501,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;
@@ -1510,6 +1536,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;
@@ -1585,6 +1615,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;
@@ -1869,12 +1913,32 @@
   --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;
 
+  /* --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;

package/dist/cjs/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/cjs/utils/debounce.js

@@ -30,13 +30,21 @@ function debounce(fn, delay) {
     throw new Error("Expected delay to be a positive number");
   }
   let timer = void 0;
-  return function(...args) {
+  const debounced = function(...args) {
     if (timer !== void 0) {
       clearTimeout(timer);
     }
     timer = setTimeout(() => {
+      timer = void 0;
       fn.apply(this, args);
     }, delay);
   };
+  debounced.cancel = () => {
+    if (timer !== void 0) {
+      clearTimeout(timer);
+      timer = void 0;
+    }
+  };
+  return debounced;
 }
 var debounce_default = debounce;

package/dist/cjs/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.3.0";