@rainbow-oh/yee-c 0.1.0 → 0.3.0

package/dist/cjs/Switch/switch.js

@@ -127,7 +127,7 @@ var Switch = (baseprops) => {
       role: "switch",
       "aria-checked": mergedChecked,
       className: cls,
-      disabled,
+      disabled: disabled || loading,
       onClick,
       style
     }),
@@ -142,7 +142,14 @@ var Switch = (baseprops) => {
           bounce: 0.2
         }
       },
-      loading ? /* @__PURE__ */ import_react2.default.createElement(import_Spin.default, { size: "small" }) : /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_clsx.default)(`${prefixCls}-handle-inner`) })
+      /* @__PURE__ */ import_react2.default.createElement("span", { className: (0, import_clsx.default)(`${prefixCls}-handle-inner`) }, loading ? /* @__PURE__ */ import_react2.default.createElement(
+        import_Spin.default,
+        {
+          size: "small",
+          className: `${prefixCls}-spin`,
+          color: checked ? "#fff" : void 0
+        }
+      ) : null)
     ),
     /* @__PURE__ */ import_react2.default.createElement(
       "span",

package/dist/cjs/Table/demo/size.js

@@ -72,5 +72,5 @@ var size_default = () => {
       address: "Sidney No. 1 Lake Park"
     }
   ];
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical", style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Table, { columns, dataSource, size: "small" }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Table, { columns, dataSource, size: "default" }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Table, { columns, dataSource, size: "large" }));
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Table, { columns, dataSource, size: "small" }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Table, { columns, dataSource, size: "default" }), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Table, { columns, dataSource, size: "large" }));
 };

package/dist/cjs/Table/interface.d.ts

@@ -240,7 +240,7 @@ export interface ColumnProps {
     /**
      * Custom render cell content
      */
-    render?: (record: HeadCellProps | Record<string, unknown>, rowIndex: number) => React.ReactNode;
+    render?: (record: Record<string, unknown>, rowIndex: number) => React.ReactNode;
 }
 export interface WrapedColumnProps extends ColumnProps, ExpandableType, Omit<RowSelectionType, 'onCell'> {
     /**
@@ -420,6 +420,10 @@ export interface TableProps extends FooterProps, Omit<HeaderProps, 'pageData'>,
      * Locale text, including sort and empty data hints
      */
     locale?: Record<string, string>;
+    /**
+     * Content displayed when no data is available
+     * */
+    noData?: React.ReactNode;
     /**
      * Data
      */

package/dist/cjs/Table/theader/cell.js

@@ -88,8 +88,7 @@ var HeadCell = (props) => {
     width,
     onHeaderCell,
     onSort,
-    onInternalFilter,
-    render
+    onInternalFilter
   } = _a, rest = __objRest(_a, [
     "fixed",
     "isFixedLeftLast",
@@ -110,8 +109,7 @@ var HeadCell = (props) => {
     "width",
     "onHeaderCell",
     "onSort",
-    "onInternalFilter",
-    "render"
+    "onInternalFilter"
   ]);
   const { prefixCls } = (0, import_react.useContext)(import_table.TableCtx);
   const showFilter = !!filter;
@@ -185,7 +183,8 @@ var HeadCell = (props) => {
         className: `${prefixCls}-thead-cell`,
         style: { justifyContent: align }
       },
-      render ? render(props, 0) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderTitle(), renderFilter())
+      renderTitle(),
+      renderFilter()
     );
   };
   const cls = (0, import_clsx.default)(

package/dist/cjs/Tabs/hooks/useTabScroll.d.ts

@@ -7,6 +7,6 @@ interface UseTabScrollOptions {
 }
 export declare function useTabScroll({ direction, navContainer, navList, enabled, }: UseTabScrollOptions): {
     refreshKey: number;
-    updateShadow: () => void;
+    updateShadow: import("../../utils/debounce").Debounced<() => void>;
 };
 export {};

package/dist/cjs/Tabs/interface.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DataAttributeProps } from '../utils/types';
-type SemanticDOM = 'header' | 'content';
+type SemanticDOM = 'header' | 'content' | 'track' | 'list' | 'activeBar';
 export type TabItemType = {
     /**
      * Unique key corresponding to activeKey

package/dist/cjs/Tabs/style/index.less

@@ -522,6 +522,10 @@
   // background-color: var(--yee-color-bg-container);
 }
 
+@{pls}-tab-content {
+  height: 100%;
+}
+
 @{pls}-active {
   z-index: 2;
 

package/dist/cjs/Tabs/tab-header/index.js

@@ -63,7 +63,15 @@ var TabHeaderCtx = (0, import_react.createContext)(
 );
 var TabHeader = (props) => {
   const { items, activeKey } = (0, import_react.useContext)(import_tabs.TabsCtx);
-  const { prefixCls, type, position = "top", headerExtra, onEdit } = props;
+  const {
+    prefixCls,
+    type,
+    position = "top",
+    headerExtra,
+    classNames,
+    styles,
+    onEdit
+  } = props;
   const direction = position === "top" || position === "bottom" ? "horizontal" : "vertical";
   const activebar = (0, import_react.useRef)(null);
   const activetab = (0, import_react.useRef)(null);
@@ -125,7 +133,8 @@ var TabHeader = (props) => {
   );
   const cls = (0, import_clsx.default)(
     `${prefixCls}-nav-wrapper`,
-    `${prefixCls}-nav-wrapper-${position}`
+    `${prefixCls}-nav-wrapper-${position}`,
+    classNames == null ? void 0 : classNames.header
   );
   const contextValue = {
     activetab,
@@ -135,32 +144,54 @@ var TabHeader = (props) => {
     refreshDropdownTabs: refreshKey,
     setRange
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: cls }, renderPrefixExtra(), /* @__PURE__ */ import_react.default.createElement(TabHeaderCtx.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-nav-wrap`, ref: navContainer }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-nav-list`, ref: navList }, items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
-    import_tab_header_title.default,
-    __spreadProps(__spreadValues({}, item), {
-      $key: item.key,
-      key: item.key,
-      index
-    })
-  )), !type && /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: cls, style: styles == null ? void 0 : styles.header }, renderPrefixExtra(), /* @__PURE__ */ import_react.default.createElement(TabHeaderCtx.Provider, { value: contextValue }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
-      className: `${prefixCls}-active-bar`,
-      ref: activebar,
-      "aria-hidden": "true"
-    }
-  ), type === "editable-card" && /* @__PURE__ */ import_react.default.createElement(
-    "span",
-    {
-      className: `${prefixCls}-nav-add`,
-      onClick: handleAddTab,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": "Add tab",
-      onKeyDown: handleAddKeyDown
+      className: (0, import_clsx.default)(`${prefixCls}-nav-wrap`, classNames == null ? void 0 : classNames.track),
+      style: styles == null ? void 0 : styles.track,
+      ref: navContainer
     },
-    /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Plus, { size: 14, strokeWidth: 1.5 })
-  ))), moreOpen && /* @__PURE__ */ import_react.default.createElement(import_dropdown_tabs.default, { visible: moreOpen, items: items || [], range }, /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_clsx.default)(`${prefixCls}-nav-list`, classNames == null ? void 0 : classNames.list),
+        style: styles == null ? void 0 : styles.list,
+        ref: navList
+      },
+      items == null ? void 0 : items.map((item, index) => /* @__PURE__ */ import_react.default.createElement(
+        import_tab_header_title.default,
+        __spreadProps(__spreadValues({}, item), {
+          $key: item.key,
+          key: item.key,
+          index
+        })
+      )),
+      !type && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_clsx.default)(
+            `${prefixCls}-active-bar`,
+            classNames == null ? void 0 : classNames.activeBar
+          ),
+          style: styles == null ? void 0 : styles.activeBar,
+          ref: activebar,
+          "aria-hidden": "true"
+        }
+      ),
+      type === "editable-card" && /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: `${prefixCls}-nav-add`,
+          onClick: handleAddTab,
+          role: "button",
+          tabIndex: 0,
+          "aria-label": "Add tab",
+          onKeyDown: handleAddKeyDown
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_lucide_react.Plus, { size: 14, strokeWidth: 1.5 })
+      )
+    )
+  ), moreOpen && /* @__PURE__ */ import_react.default.createElement(import_dropdown_tabs.default, { visible: moreOpen, items: items || [], range }, /* @__PURE__ */ import_react.default.createElement(
     import_Button.default,
     {
       className: `${prefixCls}-nav-more`,

package/dist/cjs/Tag/demo/size.js

@@ -35,5 +35,5 @@ module.exports = __toCommonJS(size_exports);
 var import_yee_c = require("../..");
 var import_react = __toESM(require("react"));
 var size_default = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "small" }, "Small"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "default" }, "Default"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "large" }, "Large")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "small", status: "success" }, "Small Success"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "default", status: "success" }, "Default Success"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "large", status: "success" }, "Large Success")));
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "small" }, "Small"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "default" }, "Default"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "large" }, "Large")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { block: true }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "small", status: "success" }, "Small Success"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "default", status: "success" }, "Default Success"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Tag, { size: "large", status: "success" }, "Large Success")));
 };

package/dist/cjs/Tag/style/index.less

@@ -5,6 +5,7 @@
   align-items: center;
   box-sizing: content-box;
   max-width: 100%;
+  white-space: nowrap;
   height: var(--yee-tag-height);
   padding: var(--yee-tag-padding);
   color: var(--yee-tag-color);

package/dist/cjs/Tooltip/interface.d.ts

@@ -10,4 +10,8 @@ export interface TooltipProps extends Omit<TriggerProps, 'popup'> {
      * @default 0.1
      */
     mouseEnterDelay?: number;
+    /***
+     * Tooltip custom background color
+     * */
+    color?: string;
 }

package/dist/cjs/Tooltip/style/index.less

@@ -8,19 +8,19 @@
 
   &-arrow {
     &::after {
-      position: absolute;
-      bottom: 0;
-      z-index: 0;
-      width: var(--yee-tooltip-arrow-width);
-      height: var(--yee-tooltip-arrow-height);
-      margin: auto;
+      // position: absolute;
+      // bottom: 0;
+      // z-index: 0;
+      // width: var(--yee-tooltip-arrow-width);
+      // height: var(--yee-tooltip-arrow-height);
+      // margin: auto;
       background-color: var(--yee-tooltip-bg-color);
       border-radius: var(--yee-tooltip-arrow-border-radius);
       box-shadow: var(--yee-box-shadow-popover-arrow);
       transform: translateY(var(--yee-tooltip-arrow-translate-y))
         rotate(var(--yee-tooltip-arrow-rotate));
-      content: '';
-      inset-inline: 0;
+      // content: '';
+      // inset-inline: 0;
     }
   }
 }

package/dist/cjs/Tooltip/tooltip.js

@@ -76,7 +76,10 @@ var Tooltip = (baseprops) => {
     children,
     placement = "top",
     trigger = ["hover", "focus"],
-    mouseEnterDelay = 0.1
+    mouseEnterDelay = 0.1,
+    color,
+    popupStyle,
+    hideOnClick = false
   } = _a, rest = __objRest(_a, [
     "prefixCls",
     "title",
@@ -84,8 +87,12 @@ var Tooltip = (baseprops) => {
     "children",
     "placement",
     "trigger",
-    "mouseEnterDelay"
+    "mouseEnterDelay",
+    "color",
+    "popupStyle",
+    "hideOnClick"
   ]);
+  const mergedPopupStyle = __spreadValues(__spreadValues({}, color ? { ["--yee-tooltip-bg-color"]: color } : null), popupStyle);
   const popup = /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-content`, role: "tooltip" }, typeof title === "function" ? title() : title);
   return /* @__PURE__ */ import_react.default.createElement(
     import_Trigger.default,
@@ -95,7 +102,8 @@ var Tooltip = (baseprops) => {
       popup,
       arrow,
       placement,
-      hideOnClick: false,
+      hideOnClick,
+      popupStyle: mergedPopupStyle,
       mouseEnterDelay
     }),
     children

package/dist/cjs/Tour/demo/basic.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/basic.js

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/basic.tsx
+var basic_exports = {};
+__export(basic_exports, {
+  default: () => basic_default
+});
+module.exports = __toCommonJS(basic_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var basic_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const startRef = (0, import_react.useRef)(null);
+  const midRef = (0, import_react.useRef)(null);
+  const endRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement("div", { ref: startRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", onClick: () => setOpen(true) }, "开始引导")), /* @__PURE__ */ import_react.default.createElement("div", { ref: midRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "导出")), /* @__PURE__ */ import_react.default.createElement("div", { ref: endRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "设置"))), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      onClose: () => setOpen(false),
+      onFinish: () => setOpen(false),
+      steps: [
+        {
+          target: () => startRef.current,
+          title: "欢迎使用",
+          description: "点击此处开始你的操作流程。"
+        },
+        {
+          target: () => midRef.current,
+          title: "导出数据",
+          description: "在这里可以将数据导出为文件。",
+          placement: "bottom"
+        },
+        {
+          target: () => endRef.current,
+          title: "系统设置",
+          description: "配置系统参数。点击「完成」结束引导。",
+          placement: "left"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/demo/indicators.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/indicators.js

@@ -0,0 +1,76 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/indicators.tsx
+var indicators_exports = {};
+__export(indicators_exports, {
+  default: () => indicators_default
+});
+module.exports = __toCommonJS(indicators_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var indicators_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const aRef = (0, import_react.useRef)(null);
+  const bRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, /* @__PURE__ */ import_react.default.createElement("div", { ref: aRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "导入")), /* @__PURE__ */ import_react.default.createElement("div", { ref: bRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "筛选")), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", onClick: () => setOpen(true) }, "开始")), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      onClose: () => setOpen(false),
+      onFinish: () => setOpen(false),
+      indicatorsRender: (current, total) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, Array.from({ length: total }).map((_, i) => /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          key: i,
+          style: {
+            display: "inline-block",
+            width: 8,
+            height: 8,
+            marginInlineEnd: 4,
+            borderRadius: "50%",
+            background: i === current ? "var(--yee-primary-color)" : "var(--yee-border-color)",
+            transition: "background 0.2s"
+          }
+        }
+      ))),
+      steps: [
+        {
+          target: () => aRef.current,
+          title: "导入",
+          description: "点击此处导入数据文件。"
+        },
+        {
+          target: () => bRef.current,
+          title: "筛选",
+          description: "在这里筛选你需要的数据。"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/demo/placement.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/placement.js

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/placement.tsx
+var placement_exports = {};
+__export(placement_exports, {
+  default: () => placement_default
+});
+module.exports = __toCommonJS(placement_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var placements = ["top", "right", "bottom", "left"];
+var placement_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const [p, setP] = (0, import_react.useState)("top");
+  const targetRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, null, placements.map((pl) => /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Button,
+    {
+      key: pl,
+      type: p === pl ? "primary" : "default",
+      onClick: () => {
+        setP(pl);
+        setOpen(true);
+      }
+    },
+    pl
+  ))), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      ref: targetRef,
+      style: {
+        display: "inline-block",
+        padding: "16px 24px",
+        border: "1px dashed var(--yee-border-color)",
+        borderRadius: 6
+      }
+    },
+    "目标元素"
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      placement: p,
+      onClose: () => setOpen(false),
+      steps: [
+        {
+          target: () => targetRef.current,
+          title: `placement: ${p}`,
+          description: "气泡卡片相对目标元素的位置；靠近视口边缘时会自动翻转。"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/demo/scroll.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Tour/demo/scroll.js

@@ -0,0 +1,72 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Tour/demo/scroll.tsx
+var scroll_exports = {};
+__export(scroll_exports, {
+  default: () => scroll_default
+});
+module.exports = __toCommonJS(scroll_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var scroll_default = () => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const farRef = (0, import_react.useRef)(null);
+  return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { direction: "vertical", style: { width: "100%" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", onClick: () => setOpen(true) }, "开始引导（自动滚动定位）"), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        height: 600,
+        padding: 24,
+        background: "var(--yee-color-bg-layout)",
+        borderRadius: 8,
+        color: "#999"
+      }
+    },
+    "↓ 目标在下方，切换步骤时引导会自动滚动定位"
+  ), /* @__PURE__ */ import_react.default.createElement("div", { ref: farRef, style: { display: "inline-block" } }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, null, "远处的目标")), /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Tour,
+    {
+      open,
+      onClose: () => setOpen(false),
+      onFinish: () => setOpen(false),
+      steps: [
+        {
+          target: () => farRef.current,
+          title: "滚动定位",
+          description: "切换到这一步时，目标会自动滚动到视口内。"
+        },
+        {
+          target: "#tour-nonexistent-target",
+          title: "目标不存在",
+          description: "找不到目标元素时，卡片居中显示（无高亮）。"
+        }
+      ]
+    }
+  ));
+};

package/dist/cjs/Tour/index.d.ts

@@ -0,0 +1,3 @@
+import InternalTour from './tour';
+export type { TourProps, TourStep, TourTarget, TourSemanticDOM, } from './interface';
+export default InternalTour;