@bifrostui/react 1.4.7 → 2.0.0-beta.0

package/dist/List/ListItemHeader.js

@@ -62,12 +62,17 @@ var import_ListItemHeader2 = require("./ListItemHeader.css");
 const prefixCls = "bui-list-item-header";
 const ListItemHeader = /* @__PURE__ */ import_react.default.forwardRef(
   (props, ref) => {
-    const _a = props, { children, className, component: Component } = _a, others = __objRest(_a, ["children", "className", "component"]);
+    const _a = props, {
+      children,
+      className,
+      component: Component = "div"
+    } = _a, others = __objRest(_a, [
+      "children",
+      "className",
+      "component"
+    ]);
     return /* @__PURE__ */ import_react.default.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
   }
 );
 ListItemHeader.displayName = "BuiListItemHeader";
-ListItemHeader.defaultProps = {
-  component: "div"
-};
 var ListItemHeader_default = ListItemHeader;

package/dist/Loading/Loading.js

@@ -62,7 +62,19 @@ var import_icons = require("@bifrostui/icons");
 var import_Loading2 = require("./Loading.css");
 const prefixCls = "bui-loading";
 const Loading = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
-  const _a = props, { className, icon, IconProps, children, direction } = _a, otherProps = __objRest(_a, ["className", "icon", "IconProps", "children", "direction"]);
+  const _a = props, {
+    className,
+    icon,
+    IconProps,
+    children,
+    direction = "vertical"
+  } = _a, otherProps = __objRest(_a, [
+    "className",
+    "icon",
+    "IconProps",
+    "children",
+    "direction"
+  ]);
   const renderIcon = () => {
     return icon != null ? icon : /* @__PURE__ */ import_react.default.createElement(
       import_icons.LoadingThreeQuartersOutlinedIcon,
@@ -82,7 +94,4 @@ const Loading = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   );
 });
 Loading.displayName = "BuiLoading";
-Loading.defaultProps = {
-  direction: "vertical"
-};
 var Loading_default = Loading;

package/dist/Modal/Modal.js

@@ -136,10 +136,4 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   ) : null, (open || keepMounted) && children));
 });
 Modal.displayName = "BuiModal";
-Modal.defaultProps = {
-  open: false,
-  disablePortal: false,
-  disableScrollLock: false,
-  hideBackdrop: false
-};
 var Modal_default = Modal;

package/dist/Modal/Modal.miniapp.d.ts

@@ -12,5 +12,5 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     keepMounted?: boolean;
 } & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "open" | "container" | "disablePortal" | keyof import("@bifrostui/types").ICommonProps | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+}, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Modal/Modal.miniapp.js

@@ -71,13 +71,13 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef(
   (props, ref) => {
     const _a = props, {
       className,
-      open,
+      open = false,
       BackdropProps,
       children,
       container,
-      disablePortal,
-      disableScrollLock,
-      hideBackdrop,
+      disablePortal = false,
+      disableScrollLock = false,
+      hideBackdrop = false,
       onClose,
       keepMounted
     } = _a, others = __objRest(_a, [
@@ -133,10 +133,4 @@ const Modal = /* @__PURE__ */ import_react.default.forwardRef(
   }
 );
 Modal.displayName = "BuiModal";
-Modal.defaultProps = {
-  open: false,
-  disablePortal: false,
-  disableScrollLock: false,
-  hideBackdrop: false
-};
 var Modal_miniapp_default = Modal;

package/dist/NavBar/NavBar.js

@@ -133,5 +133,4 @@ const NavBar = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, renderNavBar(), renderPlaceholder());
 });
 NavBar.displayName = "BuiNavBar";
-NavBar.defaultProps = {};
 var NavBar_default = NavBar;

package/dist/Popover/Popover.css

@@ -1,6 +1,6 @@
 .bui-popover {
   --arrow-size: var(--bui-popover-arrow-size, 8PX);
-  --localtion-position: var(--bui-popover-localtion-position, 8PX);
+  --location-position: var(--bui-popover-location-position, 8PX);
   --max-width: var(--bui-popover-max-width, 350px);
   --content-min-width: var(--bui-popover-content-min-width, 30px);
   --content-padding: var(--bui-popover-content-padding, 6px 8px);
@@ -16,16 +16,16 @@
   position: absolute;
 }
 .bui-popover .bui-popover-arrow.location-left {
-  left: var(--localtion-position);
+  left: var(--location-position);
 }
 .bui-popover .bui-popover-arrow.location-right {
-  right: var(--localtion-position);
+  right: var(--location-position);
 }
 .bui-popover .bui-popover-arrow.location-top {
-  top: var(--localtion-position);
+  top: var(--location-position);
 }
 .bui-popover .bui-popover-arrow.location-bottom {
-  bottom: var(--localtion-position);
+  bottom: var(--location-position);
 }
 .bui-popover.popover-top .location-center,
 .bui-popover.popover-bottom .location-center {

package/dist/Radio/Radio.css

@@ -1,7 +1,6 @@
 .bui-radio {
   --label-color: var(--bui-radio-label-color, var(--bui-color-fg-default));
   --label-font-size: var(--bui-radio-label-font-size, var(--bui-text-size-1));
-  --icon-font-size: var(--bui-radio-icon-font-size, var(--bui-title-size-2));
   --icon-padding: var(--bui-radio-icon-padding, 5px);
   display: inline-flex;
   align-items: center;

package/dist/Radio/Radio.js

@@ -69,7 +69,7 @@ const prefixCls = "bui-radio";
 const Radio = (0, import_react.forwardRef)((props, ref) => {
   const _a = props, {
     className,
-    defaultChecked,
+    defaultChecked = false,
     checked,
     inputProps,
     inputRef,
@@ -78,7 +78,7 @@ const Radio = (0, import_react.forwardRef)((props, ref) => {
     disabled,
     icon,
     checkedIcon,
-    labelPlacement,
+    labelPlacement = "right",
     onChange,
     children
   } = _a, others = __objRest(_a, [
@@ -177,8 +177,4 @@ const Radio = (0, import_react.forwardRef)((props, ref) => {
   );
 });
 Radio.displayName = "BuiRadio";
-Radio.defaultProps = {
-  defaultChecked: false,
-  labelPlacement: "right"
-};
 var Radio_default = Radio;

package/dist/Radio/RadioGroup.js

@@ -100,7 +100,4 @@ const RadioGroup = (0, import_react.forwardRef)((props, ref) => {
   );
 });
 RadioGroup.displayName = "BuiRadioGroup";
-RadioGroup.defaultProps = {
-  disabled: false
-};
 var RadioGroup_default = RadioGroup;

package/dist/Rating/Rating.js

@@ -69,18 +69,18 @@ const classes = {
 const Rating = (0, import_react.forwardRef)((props, ref) => {
   const _a = props, {
     className,
-    size,
+    size = "medium",
     defaultValue,
-    allowHalf,
-    icon,
-    checkedIcon,
-    count,
-    readOnly,
-    disabled,
+    allowHalf = false,
+    icon = /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { htmlColor: "#ced1d6" }),
+    checkedIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { color: "warning" }),
+    count = 5,
+    readOnly = false,
+    disabled = false,
     value,
     onChange,
     name,
-    disableClear
+    disableClear = false
   } = _a, others = __objRest(_a, [
     "className",
     "size",
@@ -164,14 +164,4 @@ const Rating = (0, import_react.forwardRef)((props, ref) => {
   );
 });
 Rating.displayName = "BuiRating";
-Rating.defaultProps = {
-  size: "medium",
-  count: 5,
-  icon: /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { htmlColor: "#ced1d6" }),
-  checkedIcon: /* @__PURE__ */ import_react.default.createElement(import_icons.StarFilledIcon, { color: "warning" }),
-  readOnly: false,
-  disabled: false,
-  allowHalf: false,
-  disableClear: false
-};
 var Rating_default = Rating;

package/dist/Select/Select.js

@@ -80,12 +80,14 @@ const Select = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     inputProps,
     BackdropProps,
     value,
-    defaultValue,
+    defaultValue = "",
     disabled,
     placeholder,
     icon,
     open,
-    scrollContainer,
+    scrollContainer = () => {
+      return import_utils.isMini ? null : document.body;
+    },
     onChange,
     onClose,
     onOpen,
@@ -271,10 +273,4 @@ const Select = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   ));
 });
 Select.displayName = "BuiSelect";
-Select.defaultProps = {
-  defaultValue: "",
-  scrollContainer: () => {
-    return import_utils.isMini ? null : document.body;
-  }
-};
 var Select_default = Select;

package/dist/Skeleton/Skeleton.js

@@ -61,16 +61,16 @@ var import_react = __toESM(require("react"));
 var import_Skeleton = require("./Skeleton.css");
 const prefixCls = "bui-skeleton";
 const Skeleton = /* @__PURE__ */ import_react.default.forwardRef(
-  (props, ref) => {
-    const _a = props, {
+  (_a, ref) => {
+    var _b = _a, {
       className,
       style,
-      animation,
+      animation = "wave",
       width,
       height,
-      variant,
+      variant = "text",
       children
-    } = _a, others = __objRest(_a, [
+    } = _b, others = __objRest(_b, [
       "className",
       "style",
       "animation",
@@ -99,8 +99,4 @@ const Skeleton = /* @__PURE__ */ import_react.default.forwardRef(
   }
 );
 Skeleton.displayName = "BuiSkeleton";
-Skeleton.defaultProps = {
-  animation: "wave",
-  variant: "text"
-};
 var Skeleton_default = Skeleton;

package/dist/Slide/Slide.js

@@ -70,80 +70,75 @@ const defaultTimeout = {
   enter: import_utils.duration.enteringScreen,
   exit: import_utils.duration.leavingScreen
 };
-const Slide = /* @__PURE__ */ import_react.default.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 = (0, import_utils.createTransitions)();
-  const nodeRef = (0, import_utils.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__ */ import_react.default.createElement(
-    import_Transition.default,
-    __spreadProps(__spreadValues({}, others), {
-      appear,
+const Slide = /* @__PURE__ */ import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      appear = true,
       in: inProp,
-      timeout,
-      delay,
-      ref: nodeRef
-    }),
-    (state, childProps) => {
-      const transition = transitions.create(
-        "transform",
-        (0, import_utils.getTransitionProps)(
-          { timeout, style, easing: easingProp, delay },
-          {
-            mode: state
-          }
-        )
-      );
-      const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
-      return import_react.default.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 = (0, import_utils.createTransitions)();
+    const nodeRef = (0, import_utils.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__ */ import_react.default.createElement(
+      import_Transition.default,
+      __spreadProps(__spreadValues({}, others), {
+        appear,
+        in: inProp,
+        timeout,
+        delay,
+        ref: nodeRef
+      }),
+      (state, childProps) => {
+        const transition = transitions.create(
+          "transform",
+          (0, import_utils.getTransitionProps)(
+            { timeout, style, easing: easingProp, delay },
+            {
+              mode: state
+            }
+          )
+        );
+        const transform = state === "entering" || state === "entered" ? "none" : getTranslateValue(direction);
+        return import_react.default.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;

package/dist/Slider/Slider.js

@@ -97,15 +97,15 @@ const Slider = /* @__PURE__ */ import_react.default.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",
@@ -314,12 +314,4 @@ const Slider = /* @__PURE__ */ import_react.default.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;

package/dist/Steps/Step.js

@@ -68,97 +68,96 @@ const classes = {
   title: "bui-step-title",
   subtitle: "bui-step-subtitle"
 };
-const Step = (0, import_react.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 = (0, import_react.useContext)(import_StepsContext.default);
-  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__ */ import_react.default.createElement("div", { className: `${classes.icon}-active` }),
-      wait: /* @__PURE__ */ import_react.default.createElement(import_icons.CircleOutlinedIcon, { htmlColor: "#ced1d6" }),
-      finish: /* @__PURE__ */ import_react.default.createElement(import_icons.SuccessCircleFilledIcon, { color: "primary" }),
-      error: /* @__PURE__ */ import_react.default.createElement(import_icons.ErrorCircleFilledIcon, { color: "primary" })
+const Step = (0, import_react.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 = (0, import_react.useContext)(import_StepsContext.default);
+    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__ */ import_react.default.createElement(
-    "div",
-    __spreadValues({
-      className: (0, import_clsx.default)(classes.root, className, {
-        [`${classes.root}-${direction}`]: direction,
-        [`${classes.root}-label-${labelPlacement}`]: labelPlacement,
-        [`${classes.root}-disabled`]: disabled
-      }),
-      ref,
-      onClick: handleClick
-    }, others),
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: (0, import_clsx.default)(classes.line, {
-          [`${classes.line}-${status}`]: status
-        })
-      }
-    ),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: classes.icon }, renderIcon()),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.root}-content` }, /* @__PURE__ */ import_react.default.createElement(
+    const renderIcon = () => {
+      const icons = {
+        active: /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.icon}-active` }),
+        wait: /* @__PURE__ */ import_react.default.createElement(import_icons.CircleOutlinedIcon, { htmlColor: "#ced1d6" }),
+        finish: /* @__PURE__ */ import_react.default.createElement(import_icons.SuccessCircleFilledIcon, { color: "primary" }),
+        error: /* @__PURE__ */ import_react.default.createElement(import_icons.ErrorCircleFilledIcon, { color: "primary" })
+      };
+      if (icon)
+        return icon;
+      return icons[status];
+    };
+    return /* @__PURE__ */ import_react.default.createElement(
       "div",
-      {
-        className: (0, import_clsx.default)(`${classes.title}-wrapper`, {
-          [`${classes.title}-wrapper-vertical`]: isTitleVertical,
-          [`${classes.title}-wrapper-line-${status}`]: status
-        })
-      },
-      !!title && /* @__PURE__ */ import_react.default.createElement(
+      __spreadValues({
+        className: (0, import_clsx.default)(classes.root, className, {
+          [`${classes.root}-${direction}`]: direction,
+          [`${classes.root}-label-${labelPlacement}`]: labelPlacement,
+          [`${classes.root}-disabled`]: disabled
+        }),
+        ref,
+        onClick: handleClick
+      }, others),
+      /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: (0, import_clsx.default)(classes.title, `${classes.title}-${status}`, {
-            [`${classes.title}-${labelPlacement}`]: labelPlacement
+          className: (0, import_clsx.default)(classes.line, {
+            [`${classes.line}-${status}`]: status
           })
-        },
-        title
+        }
       ),
-      !!subtitle && /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement("div", { className: classes.icon }, renderIcon()),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.root}-content` }, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
-          className: (0, import_clsx.default)(classes.subtitle, {
-            [`${classes.subtitle}-${labelPlacement}`]: labelPlacement
+          className: (0, import_clsx.default)(`${classes.title}-wrapper`, {
+            [`${classes.title}-wrapper-vertical`]: isTitleVertical,
+            [`${classes.title}-wrapper-line-${status}`]: status
           })
         },
-        subtitle
-      )
-    ), !!description && /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.root}-desc` }, description))
-  );
-});
+        !!title && /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_clsx.default)(classes.title, `${classes.title}-${status}`, {
+              [`${classes.title}-${labelPlacement}`]: labelPlacement
+            })
+          },
+          title
+        ),
+        !!subtitle && /* @__PURE__ */ import_react.default.createElement(
+          "div",
+          {
+            className: (0, import_clsx.default)(classes.subtitle, {
+              [`${classes.subtitle}-${labelPlacement}`]: labelPlacement
+            })
+          },
+          subtitle
+        )
+      ), !!description && /* @__PURE__ */ import_react.default.createElement("div", { className: `${classes.root}-desc` }, description))
+    );
+  }
+);
 Step.displayName = "Step";
-Step.defaultProps = {
-  disabled: false
-};
 var Step_default = Step;

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