@bifrostui/react 2.0.0-alpha.32 → 2.0.0-alpha.34

package/es/Select/SelectOption.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import React, { useContext, useEffect } from "react";
 import BuiSelectContext from "./selectContext";
@@ -46,7 +47,7 @@ const SelectOption = /* @__PURE__ */ React.forwardRef(
         setRenderValue("");
       };
     }, [selectValue, label, value]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       __spreadProps(__spreadValues({
         className: clsx(prefixCls, className, {
@@ -62,9 +63,9 @@ const SelectOption = /* @__PURE__ */ React.forwardRef(
         onClick: (e) => {
           if (!disabled)
             handleOptionClick(e, value, label);
-        }
-      }),
-      children || label
+        },
+        children: children || label
+      })
     );
   }
 );

package/es/Select/__tests__/fixtures/A11yDemos.d.ts

@@ -1,21 +1,20 @@
-import React from 'react';
 /**
  * 自定义 Select 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicSelectDemo: () => React.JSX.Element;
-export declare const ControlledSelectDemo: () => React.JSX.Element;
-export declare const disabledSelectDemo: () => React.JSX.Element;
-export declare const selectWithDisabledOptionsDemo: () => React.JSX.Element;
-export declare const defaultValueSelectDemo: () => React.JSX.Element;
-export declare const complexInteractionSelectDemo: () => React.JSX.Element;
+export declare const basicSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const disabledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const selectWithDisabledOptionsDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const defaultValueSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const complexInteractionSelectDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicSelectDemo: () => React.JSX.Element;
-    ControlledSelectDemo: () => React.JSX.Element;
-    disabledSelectDemo: () => React.JSX.Element;
-    selectWithDisabledOptionsDemo: () => React.JSX.Element;
-    defaultValueSelectDemo: () => React.JSX.Element;
-    complexInteractionSelectDemo: () => React.JSX.Element;
+    basicSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    ControlledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    disabledSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    selectWithDisabledOptionsDemo: () => import("react/jsx-runtime").JSX.Element;
+    defaultValueSelectDemo: () => import("react/jsx-runtime").JSX.Element;
+    complexInteractionSelectDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/es/Select/__tests__/fixtures/A11yDemos.js

@@ -17,48 +17,71 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import Select from "../../Select";
 import SelectOption from "../../SelectOption";
 const basicSelectDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Select, { placeholder: "\u8BF7\u9009\u62E9\u9009\u9879", "aria-label": "\u57FA\u7840\u9009\u62E9\u5668" }, /* @__PURE__ */ React.createElement(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"), /* @__PURE__ */ React.createElement(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C"), /* @__PURE__ */ React.createElement(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09")));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, { placeholder: "\u8BF7\u9009\u62E9\u9009\u9879", "aria-label": "\u57FA\u7840\u9009\u62E9\u5668", children: [
+    /* @__PURE__ */ jsx(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+    /* @__PURE__ */ jsx(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" }),
+    /* @__PURE__ */ jsx(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" })
+  ] }) });
 };
 const ControlledSelectDemo = () => {
   const [value, setValue] = useState("option1");
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    Select,
-    {
-      value,
-      placeholder: "\u53D7\u63A7\u9009\u62E9\u5668",
-      "aria-label": "\u53D7\u63A7\u9009\u62E9\u5668",
-      onChange: (e, { value: newValue }) => {
-        setValue(newValue);
-        console.log("\u9009\u4E2D\u503C:", newValue);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value,
+        placeholder: "\u53D7\u63A7\u9009\u62E9\u5668",
+        "aria-label": "\u53D7\u63A7\u9009\u62E9\u5668",
+        onChange: (e, { value: newValue }) => {
+          setValue(newValue);
+          console.log("\u9009\u4E2D\u503C:", newValue);
+        },
+        children: [
+          /* @__PURE__ */ jsx(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+          /* @__PURE__ */ jsx(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" }),
+          /* @__PURE__ */ jsx(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" })
+        ]
       }
-    },
-    /* @__PURE__ */ React.createElement(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"),
-    /* @__PURE__ */ React.createElement(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C"),
-    /* @__PURE__ */ React.createElement(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09")
-  ), /* @__PURE__ */ React.createElement("p", null, "\u5F53\u524D\u9009\u4E2D\u503C: ", value));
+    ),
+    /* @__PURE__ */ jsxs("p", { children: [
+      "\u5F53\u524D\u9009\u4E2D\u503C: ",
+      value
+    ] })
+  ] });
 };
 const disabledSelectDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Select, { disabled: true, placeholder: "\u7981\u7528\u7684\u9009\u62E9\u5668", "aria-label": "\u7981\u7528\u9009\u62E9\u5668" }, /* @__PURE__ */ React.createElement(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"), /* @__PURE__ */ React.createElement(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C")));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, { disabled: true, placeholder: "\u7981\u7528\u7684\u9009\u62E9\u5668", "aria-label": "\u7981\u7528\u9009\u62E9\u5668", children: [
+    /* @__PURE__ */ jsx(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+    /* @__PURE__ */ jsx(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" })
+  ] }) });
 };
 const selectWithDisabledOptionsDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Select, { placeholder: "\u5305\u542B\u7981\u7528\u9009\u9879", "aria-label": "\u5305\u542B\u7981\u7528\u9009\u9879\u7684\u9009\u62E9\u5668" }, /* @__PURE__ */ React.createElement(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"), /* @__PURE__ */ React.createElement(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C", disabled: true }, "\u9009\u9879\u4E8C\uFF08\u7981\u7528\uFF09"), /* @__PURE__ */ React.createElement(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09"), /* @__PURE__ */ React.createElement(SelectOption, { value: "option4", label: "\u9009\u9879\u56DB", disabled: true }, "\u9009\u9879\u56DB\uFF08\u7981\u7528\uFF09")));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Select, { placeholder: "\u5305\u542B\u7981\u7528\u9009\u9879", "aria-label": "\u5305\u542B\u7981\u7528\u9009\u9879\u7684\u9009\u62E9\u5668", children: [
+    /* @__PURE__ */ jsx(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+    /* @__PURE__ */ jsx(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C", disabled: true, children: "\u9009\u9879\u4E8C\uFF08\u7981\u7528\uFF09" }),
+    /* @__PURE__ */ jsx(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" }),
+    /* @__PURE__ */ jsx(SelectOption, { value: "option4", label: "\u9009\u9879\u56DB", disabled: true, children: "\u9009\u9879\u56DB\uFF08\u7981\u7528\uFF09" })
+  ] }) });
 };
 const defaultValueSelectDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
     Select,
     {
       defaultValue: "option2",
       placeholder: "\u6709\u9ED8\u8BA4\u503C\u7684\u9009\u62E9\u5668",
-      "aria-label": "\u6709\u9ED8\u8BA4\u503C\u7684\u9009\u62E9\u5668"
-    },
-    /* @__PURE__ */ React.createElement(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00" }, "\u9009\u9879\u4E00"),
-    /* @__PURE__ */ React.createElement(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C" }, "\u9009\u9879\u4E8C"),
-    /* @__PURE__ */ React.createElement(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09" }, "\u9009\u9879\u4E09")
-  ));
+      "aria-label": "\u6709\u9ED8\u8BA4\u503C\u7684\u9009\u62E9\u5668",
+      children: [
+        /* @__PURE__ */ jsx(SelectOption, { value: "option1", label: "\u9009\u9879\u4E00", children: "\u9009\u9879\u4E00" }),
+        /* @__PURE__ */ jsx(SelectOption, { value: "option2", label: "\u9009\u9879\u4E8C", children: "\u9009\u9879\u4E8C" }),
+        /* @__PURE__ */ jsx(SelectOption, { value: "option3", label: "\u9009\u9879\u4E09", children: "\u9009\u9879\u4E09" })
+      ]
+    }
+  ) });
 };
 const complexInteractionSelectDemo = () => {
   const ComplexInteractionSelectDemo = () => {
@@ -75,29 +98,36 @@ const complexInteractionSelectDemo = () => {
         )
       );
     };
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-      Select,
-      {
-        value,
-        placeholder: "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
-        "aria-label": "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
-        onChange: (e, { value: newValue }) => {
-          setValue(newValue);
-        }
-      },
-      options.map((option) => /* @__PURE__ */ React.createElement(
-        SelectOption,
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(
+        Select,
         {
-          key: option.value,
-          value: option.value,
-          label: option.label,
-          disabled: option.disabled
-        },
-        option.label
-      ))
-    ), /* @__PURE__ */ React.createElement("div", { style: { marginTop: 10 } }, /* @__PURE__ */ React.createElement("button", { type: "button", onClick: () => toggleOptionDisabled("option2") }, "\u5207\u6362\u9009\u9879\u4E8C\u72B6\u6001")), value && /* @__PURE__ */ React.createElement("p", null, "\u5F53\u524D\u9009\u4E2D: ", value));
+          value,
+          placeholder: "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
+          "aria-label": "\u590D\u6742\u4EA4\u4E92\u9009\u62E9\u5668",
+          onChange: (e, { value: newValue }) => {
+            setValue(newValue);
+          },
+          children: options.map((option) => /* @__PURE__ */ jsx(
+            SelectOption,
+            {
+              value: option.value,
+              label: option.label,
+              disabled: option.disabled,
+              children: option.label
+            },
+            option.value
+          ))
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { style: { marginTop: 10 }, children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => toggleOptionDisabled("option2"), children: "\u5207\u6362\u9009\u9879\u4E8C\u72B6\u6001" }) }),
+      value && /* @__PURE__ */ jsxs("p", { children: [
+        "\u5F53\u524D\u9009\u4E2D: ",
+        value
+      ] })
+    ] });
   };
-  return /* @__PURE__ */ React.createElement(ComplexInteractionSelectDemo, null);
+  return /* @__PURE__ */ jsx(ComplexInteractionSelectDemo, {});
 };
 var A11yDemos_default = {
   basicSelectDemo,

package/es/Skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { SkeletonProps } from './Skeleton.types';
 import './index.less';
-declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps<"div", {}>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export default Skeleton;

package/es/Skeleton/Skeleton.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import "./index.css";
@@ -49,9 +53,9 @@ const Skeleton = /* @__PURE__ */ React.forwardRef(
       "variant",
       "children"
     ]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "span",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: clsx(
           prefixCls,
           `${prefixCls}-${variant}`,
@@ -63,8 +67,9 @@ const Skeleton = /* @__PURE__ */ React.forwardRef(
         ),
         ref,
         style: __spreadValues({ width, height }, style)
-      }, others),
-      children
+      }, others), {
+        children
+      })
     );
   }
 );

package/es/Slide/Slide.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import {
   createTransitions,
   duration,
@@ -83,36 +84,36 @@ const Slide = /* @__PURE__ */ React.forwardRef(
     };
     if (!children)
       return null;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       Transition,
       __spreadProps(__spreadValues({}, others), {
         appear,
         in: inProp,
         timeout,
         delay,
-        ref: nodeRef
-      }),
-      (state, childProps) => {
-        const transition = state === "entering" || state === "exiting" ? transitions.create(
-          "transform",
-          getTransitionProps(
-            { timeout, style, easing: easingProp, delay },
-            {
-              mode: state
-            }
-          )
-        ) : "none";
-        const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
-        return React.cloneElement(children, __spreadValues({
-          style: __spreadValues(__spreadValues({
-            visibility: state === "exited" ? "hidden" : "visible",
-            transition,
-            WebkitTransition: transition,
-            transform,
-            WebkitTransform: transform
-          }, style), children.props.style)
-        }, childProps));
-      }
+        ref: nodeRef,
+        children: (state, childProps) => {
+          const transition = state === "entering" || state === "exiting" ? transitions.create(
+            "transform",
+            getTransitionProps(
+              { timeout, style, easing: easingProp, delay },
+              {
+                mode: state
+              }
+            )
+          ) : "none";
+          const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
+          return React.cloneElement(children, __spreadValues({
+            style: __spreadValues(__spreadValues({
+              visibility: state === "exited" ? "hidden" : "visible",
+              transition,
+              WebkitTransition: transition,
+              transform,
+              WebkitTransform: transform
+            }, style), children.props.style)
+          }, childProps));
+        }
+      })
     );
   }
 );

package/es/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { SliderProps } from './Slider.types';
 import './index.less';
-declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Slider;

package/es/Slider/Slider.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -46,6 +49,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { GripperBarVerticalIcon } from "@bifrostui/icons";
 import {
   isMini,
@@ -112,12 +116,12 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const value = shouldProtection ? latestVal.current : valueProp;
   const [rootRef, setRootRef] = useState(null);
   const handleRef = useForkRef(ref, setRootRef);
-  const sliderRect = useRef();
-  const touchStartPageX = useRef();
-  const touchStartLeft = useRef();
+  const sliderRect = useRef(null);
+  const touchStartPageX = useRef(0);
+  const touchStartLeft = useRef(0);
   const buttonIndex = useRef(0);
   const beforeMoveValue = useRef([0, 0]);
-  const defaultIcon = /* @__PURE__ */ React.createElement(GripperBarVerticalIcon, { htmlColor: "var(--bui-color-fg-default)" });
+  const defaultIcon = /* @__PURE__ */ jsx(GripperBarVerticalIcon, { htmlColor: "var(--bui-color-fg-default)" });
   const initialRange = useRef(
     value !== void 0 && Array.isArray(value) || defaultValue !== void 0 && Array.isArray(defaultValue)
   );
@@ -253,10 +257,9 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
   };
   const renderButton = (index) => {
     const valuenow = internalValue[index];
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        key: index,
         role: "slider",
         className: clsx(classes.button, `${classes.button}-${index}`),
         style: {
@@ -274,35 +277,39 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
         onTouchMove,
         onTouchEnd,
         onTouchCancel: onTouchEnd,
-        onMouseDown
+        onMouseDown,
+        children: index === SLIDER_BUTTON.FRONT ? startIcon || defaultIcon : endIcon || defaultIcon
       },
-      index === SLIDER_BUTTON.FRONT ? startIcon || defaultIcon : endIcon || defaultIcon
+      index
     );
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: clsx(classes.root, className, {
         [classes.disabled]: disabled
       }),
       ref: handleRef
-    }, others),
-    /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-rail` }),
-    /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-line`, style: lineStyle }),
-    renderButton(SLIDER_BUTTON.FRONT),
-    range && renderButton(SLIDER_BUTTON.END),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx(classes.tooltip, {
-          [`${classes.tooltip}-hidden`]: !tooltipVisible
-        }),
-        style: {
-          left: `${(tooltipRef.current[buttonIndex.current] - min) / scope * 100}%`
-        }
-      },
-      tooltipRender(tooltipRef.current[buttonIndex.current])
-    )
+    }, others), {
+      children: [
+        /* @__PURE__ */ jsx("div", { className: `${classes.root}-rail` }),
+        /* @__PURE__ */ jsx("div", { className: `${classes.root}-line`, style: lineStyle }),
+        renderButton(SLIDER_BUTTON.FRONT),
+        range && renderButton(SLIDER_BUTTON.END),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: clsx(classes.tooltip, {
+              [`${classes.tooltip}-hidden`]: !tooltipVisible
+            }),
+            style: {
+              left: `${(tooltipRef.current[buttonIndex.current] - min) / scope * 100}%`
+            },
+            children: tooltipRender(tooltipRef.current[buttonIndex.current])
+          }
+        )
+      ]
+    })
   );
 });
 Slider.displayName = "BuiSlider";

package/es/Stack/Stack.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { StackProps } from './Stack.types';
 import './index.less';
-declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Stack;

package/es/Stack/Stack.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import React from "react";
 import "./index.css";
@@ -59,19 +63,23 @@ const Stack = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "--spacing": spacing || "0",
     "--flex-wrap": flexWrap || "nowrap"
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: clsx(prefixCls, className),
       style: __spreadValues(__spreadValues({}, cssProperties), style),
       ref
-    }, others),
-    divider ? React.Children.map(children, (child, index) => {
-      if (index < React.Children.toArray(children).length - 1) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, child, divider);
-      }
-      return child;
-    }) : children
+    }, others), {
+      children: divider ? React.Children.map(children, (child, index) => {
+        if (index < React.Children.toArray(children).length - 1) {
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            child,
+            divider
+          ] });
+        }
+        return child;
+      }) : children
+    })
   );
 });
 Stack.displayName = "BuiStack";

package/es/Stack/demo/StackDemo.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './index.less';
-declare const StackDemo: () => React.JSX.Element;
+declare const StackDemo: () => import("react/jsx-runtime").JSX.Element;
 export default StackDemo;