@bifrostui/react 1.4.8-beta.0 → 2.0.0-beta.1

package/es/Slide/Slide.js

@@ -46,82 +46,77 @@ const defaultTimeout = {
   enter: duration.enteringScreen,
   exit: duration.leavingScreen
 };
-const Slide = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const _a = props, {
-    appear,
-    in: inProp,
-    children,
-    style,
-    easing: easingProp,
-    timeout,
-    direction,
-    delay
-  } = _a, others = __objRest(_a, [
-    "appear",
-    "in",
-    "children",
-    "style",
-    "easing",
-    "timeout",
-    "direction",
-    "delay"
-  ]);
-  const transitions = createTransitions();
-  const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
-  const getTranslateValue = (_direction) => {
-    if (_direction === "left") {
-      return "translateX(100%)";
-    }
-    if (_direction === "right") {
-      return "translateX(-100%)";
-    }
-    if (_direction === "up") {
-      return "translateY(100%)";
-    }
-    return "translateY(-100%)";
-  };
-  if (!children)
-    return null;
-  return /* @__PURE__ */ React.createElement(
-    Transition,
-    __spreadProps(__spreadValues({}, others), {
-      appear,
+const Slide = /* @__PURE__ */ React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      appear = true,
       in: inProp,
-      timeout,
-      delay,
-      ref: nodeRef
-    }),
-    (state, childProps) => {
-      const transition = transitions.create(
-        "transform",
-        getTransitionProps(
-          { timeout, style, easing: easingProp, delay },
-          {
-            mode: state
-          }
-        )
-      );
-      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));
-    }
-  );
-});
+      children,
+      style,
+      easing: easingProp = defaultEasing,
+      timeout = defaultTimeout,
+      direction = "down",
+      delay = 0
+    } = _b, others = __objRest(_b, [
+      "appear",
+      "in",
+      "children",
+      "style",
+      "easing",
+      "timeout",
+      "direction",
+      "delay"
+    ]);
+    const transitions = createTransitions();
+    const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
+    const getTranslateValue = (_direction) => {
+      if (_direction === "left") {
+        return "translateX(100%)";
+      }
+      if (_direction === "right") {
+        return "translateX(-100%)";
+      }
+      if (_direction === "up") {
+        return "translateY(100%)";
+      }
+      return "translateY(-100%)";
+    };
+    if (!children)
+      return null;
+    return /* @__PURE__ */ React.createElement(
+      Transition,
+      __spreadProps(__spreadValues({}, others), {
+        appear,
+        in: inProp,
+        timeout,
+        delay,
+        ref: nodeRef
+      }),
+      (state, childProps) => {
+        const transition = transitions.create(
+          "transform",
+          getTransitionProps(
+            { timeout, style, easing: easingProp, delay },
+            {
+              mode: state
+            }
+          )
+        );
+        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));
+      }
+    );
+  }
+);
 Slide.displayName = "BuiSlide";
-Slide.defaultProps = {
-  appear: true,
-  easing: defaultEasing,
-  timeout: defaultTimeout,
-  direction: "down",
-  delay: 0
-};
 var Slide_default = Slide;
 export {
   Slide_default as default

package/es/Slider/Slider.js

@@ -50,9 +50,7 @@ import { GripperBarVerticalIcon } from "@bifrostui/icons";
 import {
   isMini,
   useForkRef,
-  emulateTouchStart,
-  emulateTouchMove,
-  emulateTouchEnd,
+  useTouchEmulator,
   useValue,
   getBoundingClientRect
 } from "@bifrostui/utils";
@@ -81,15 +79,15 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
     className,
     defaultValue,
     value: valueProp,
-    min,
-    max,
-    step,
-    tipVisible,
-    tooltipRender,
+    min = 0,
+    max = 100,
+    step = 1,
+    tipVisible = false,
+    tooltipRender = (value2) => value2,
     disabled,
     startIcon,
     endIcon,
-    disableSwap,
+    disableSwap = false,
     onChange
   } = _a, others = __objRest(_a, [
     "className",
@@ -112,6 +110,7 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const value = shouldProtection ? latestVal.current : valueProp;
   const [rootRef, setRootRef] = useState(null);
   const handleRef = useForkRef(ref, setRootRef);
+  useTouchEmulator(rootRef);
   const sliderRect = useRef();
   const touchStartPageX = useRef();
   const touchStartLeft = useRef();
@@ -182,7 +181,9 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
       return;
     beforeMoveValue.current = internalValue;
     tooltipRef.current = internalValue;
-    getLineWidth();
+    if (!sliderRect.current.width) {
+      getLineWidth();
+    }
     const currentTarget = isMini ? e.mpEvent.currentTarget : e.currentTarget;
     touchStartPageX.current = e.touches[0].pageX;
     touchStartLeft.current = currentTarget == null ? void 0 : currentTarget.offsetLeft;
@@ -241,16 +242,6 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
     setFrontTooltipVisible(false);
     setEndTooltipVisible(false);
   };
-  const onMouseUp = (e) => {
-    emulateTouchEnd(e);
-    document.removeEventListener("mousemove", emulateTouchMove);
-    document.removeEventListener("mouseup", onMouseUp);
-  };
-  const onMouseDown = (e) => {
-    emulateTouchStart(e);
-    document.addEventListener("mousemove", emulateTouchMove);
-    document.addEventListener("mouseup", onMouseUp);
-  };
   const renderButton = (index) => {
     const valuenow = internalValue[index];
     return /* @__PURE__ */ React.createElement(
@@ -273,8 +264,7 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
         },
         onTouchMove,
         onTouchEnd,
-        onTouchCancel: onTouchEnd,
-        onMouseDown
+        onTouchCancel: onTouchEnd
       },
       index === SLIDER_BUTTON.FRONT ? startIcon || defaultIcon : endIcon || defaultIcon
     );
@@ -306,14 +296,6 @@ const Slider = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Slider.displayName = "BuiSlider";
-Slider.defaultProps = {
-  min: 0,
-  max: 100,
-  step: 1,
-  disableSwap: false,
-  tipVisible: false,
-  tooltipRender: (value) => value
-};
 var Slider_default = Slider;
 export {
   Slider_default as default

package/es/Steps/Step.js

@@ -42,99 +42,98 @@ const classes = {
   title: "bui-step-title",
   subtitle: "bui-step-subtitle"
 };
-const Step = forwardRef((props, ref) => {
-  const _a = props, {
-    className,
-    description,
-    icon,
-    title,
-    subtitle,
-    status,
-    disabled,
-    onClick
-  } = _a, others = __objRest(_a, [
-    "className",
-    "description",
-    "icon",
-    "title",
-    "subtitle",
-    "status",
-    "disabled",
-    "onClick"
-  ]);
-  const stepsContext = useContext(StepsContext);
-  const { direction, labelPlacement, current, onChange } = stepsContext;
-  const isTitleVertical = labelPlacement === "vertical";
-  const handleClick = (e) => {
-    if (disabled)
-      return;
-    onClick == null ? void 0 : onClick(e, { current });
-    onChange == null ? void 0 : onChange(e, { current });
-  };
-  const renderIcon = () => {
-    const icons = {
-      active: /* @__PURE__ */ React.createElement("div", { className: `${classes.icon}-active` }),
-      wait: /* @__PURE__ */ React.createElement(CircleOutlinedIcon, { htmlColor: "#ced1d6" }),
-      finish: /* @__PURE__ */ React.createElement(SuccessCircleFilledIcon, { color: "primary" }),
-      error: /* @__PURE__ */ React.createElement(ErrorCircleFilledIcon, { color: "primary" })
+const Step = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      description,
+      icon,
+      title,
+      subtitle,
+      status,
+      disabled = false,
+      onClick
+    } = _b, others = __objRest(_b, [
+      "className",
+      "description",
+      "icon",
+      "title",
+      "subtitle",
+      "status",
+      "disabled",
+      "onClick"
+    ]);
+    const stepsContext = useContext(StepsContext);
+    const { direction, labelPlacement, current, onChange } = stepsContext;
+    const isTitleVertical = labelPlacement === "vertical";
+    const handleClick = (e) => {
+      if (disabled)
+        return;
+      onClick == null ? void 0 : onClick(e, { current });
+      onChange == null ? void 0 : onChange(e, { current });
     };
-    if (icon)
-      return icon;
-    return icons[status];
-  };
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    __spreadValues({
-      className: clsx(classes.root, className, {
-        [`${classes.root}-${direction}`]: direction,
-        [`${classes.root}-label-${labelPlacement}`]: labelPlacement,
-        [`${classes.root}-disabled`]: disabled
-      }),
-      ref,
-      onClick: handleClick
-    }, others),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: clsx(classes.line, {
-          [`${classes.line}-${status}`]: status
-        })
-      }
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: classes.icon }, renderIcon()),
-    /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-content` }, /* @__PURE__ */ React.createElement(
+    const renderIcon = () => {
+      const icons = {
+        active: /* @__PURE__ */ React.createElement("div", { className: `${classes.icon}-active` }),
+        wait: /* @__PURE__ */ React.createElement(CircleOutlinedIcon, { htmlColor: "#ced1d6" }),
+        finish: /* @__PURE__ */ React.createElement(SuccessCircleFilledIcon, { color: "primary" }),
+        error: /* @__PURE__ */ React.createElement(ErrorCircleFilledIcon, { color: "primary" })
+      };
+      if (icon)
+        return icon;
+      return icons[status];
+    };
+    return /* @__PURE__ */ React.createElement(
       "div",
-      {
-        className: clsx(`${classes.title}-wrapper`, {
-          [`${classes.title}-wrapper-vertical`]: isTitleVertical,
-          [`${classes.title}-wrapper-line-${status}`]: status
-        })
-      },
-      !!title && /* @__PURE__ */ React.createElement(
+      __spreadValues({
+        className: clsx(classes.root, className, {
+          [`${classes.root}-${direction}`]: direction,
+          [`${classes.root}-label-${labelPlacement}`]: labelPlacement,
+          [`${classes.root}-disabled`]: disabled
+        }),
+        ref,
+        onClick: handleClick
+      }, others),
+      /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: clsx(classes.title, `${classes.title}-${status}`, {
-            [`${classes.title}-${labelPlacement}`]: labelPlacement
+          className: clsx(classes.line, {
+            [`${classes.line}-${status}`]: status
           })
-        },
-        title
+        }
       ),
-      !!subtitle && /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: classes.icon }, renderIcon()),
+      /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-content` }, /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: clsx(classes.subtitle, {
-            [`${classes.subtitle}-${labelPlacement}`]: labelPlacement
+          className: clsx(`${classes.title}-wrapper`, {
+            [`${classes.title}-wrapper-vertical`]: isTitleVertical,
+            [`${classes.title}-wrapper-line-${status}`]: status
           })
         },
-        subtitle
-      )
-    ), !!description && /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-desc` }, description))
-  );
-});
+        !!title && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: clsx(classes.title, `${classes.title}-${status}`, {
+              [`${classes.title}-${labelPlacement}`]: labelPlacement
+            })
+          },
+          title
+        ),
+        !!subtitle && /* @__PURE__ */ React.createElement(
+          "div",
+          {
+            className: clsx(classes.subtitle, {
+              [`${classes.subtitle}-${labelPlacement}`]: labelPlacement
+            })
+          },
+          subtitle
+        )
+      ), !!description && /* @__PURE__ */ React.createElement("div", { className: `${classes.root}-desc` }, description))
+    );
+  }
+);
 Step.displayName = "Step";
-Step.defaultProps = {
-  disabled: false
-};
 var Step_default = Step;
 export {
   Step_default as default

package/es/Steps/Steps.d.ts

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

package/es/Steps/Steps.js

@@ -29,70 +29,67 @@ var __objRest = (source, exclude) => {
 import { toArray } from "@bifrostui/utils";
 import clsx from "clsx";
 import React, { cloneElement, forwardRef } from "react";
-import "./Steps.css";
 import { StepsContextProvider } from "./StepsContext";
+import "./Steps.css";
 const prefixCls = "bui-steps";
-const Steps = forwardRef((props, ref) => {
-  const _a = props, {
-    className,
-    children,
-    direction,
-    current,
-    labelPlacement,
-    onChange
-  } = _a, others = __objRest(_a, [
-    "className",
-    "children",
-    "direction",
-    "current",
-    "labelPlacement",
-    "onChange"
-  ]);
-  const renderStep = () => {
-    return toArray(children).map((child, index) => {
-      const childProps = __spreadValues({
-        key: index
-      }, child.props);
-      if (!child.props.status) {
-        if (index === current) {
-          childProps.status = "active";
-        } else if (index < current) {
-          childProps.status = "finish";
-        } else {
-          childProps.status = "wait";
+const Steps = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      children,
+      direction = "vertical",
+      current = 0,
+      labelPlacement = "horizontal",
+      onChange
+    } = _b, others = __objRest(_b, [
+      "className",
+      "children",
+      "direction",
+      "current",
+      "labelPlacement",
+      "onChange"
+    ]);
+    const renderStep = () => {
+      return toArray(children).map((child, index) => {
+        const childProps = __spreadValues({
+          key: index
+        }, child.props);
+        if (!child.props.status) {
+          if (index === current) {
+            childProps.status = "active";
+          } else if (index < current) {
+            childProps.status = "finish";
+          } else {
+            childProps.status = "wait";
+          }
         }
-      }
-      return cloneElement(child, childProps);
-    });
-  };
-  return /* @__PURE__ */ React.createElement(
-    StepsContextProvider,
-    {
-      value: {
-        direction,
-        current,
-        labelPlacement,
-        onChange
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      __spreadValues({
-        className: clsx(prefixCls, className, {
-          [`${prefixCls}-${direction}`]: direction
-        }),
-        ref
-      }, others),
-      renderStep()
-    )
-  );
-});
+        return cloneElement(child, childProps);
+      });
+    };
+    return /* @__PURE__ */ React.createElement(
+      StepsContextProvider,
+      {
+        value: {
+          direction,
+          current,
+          labelPlacement,
+          onChange
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        __spreadValues({
+          className: clsx(prefixCls, className, {
+            [`${prefixCls}-${direction}`]: direction
+          }),
+          ref
+        }, others),
+        renderStep()
+      )
+    );
+  }
+);
 Steps.displayName = "Steps";
-Steps.defaultProps = {
-  current: 0,
-  direction: "vertical",
-  labelPlacement: "horizontal"
-};
 var Steps_default = Steps;
 export {
   Steps_default as default