@bifrostui/react 1.4.5-beta.3 → 1.4.5

package/es/Checkbox/CheckboxGroup.js

@@ -33,15 +33,15 @@ import { CheckboxContextProvider } from "./CheckboxContext";
 import "./Checkbox.css";
 const prefixCls = "bui-checkbox-group";
 const CheckboxGroup = forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
+  (props, ref) => {
+    const _a = props, {
       className,
       children,
       defaultValue,
       value,
-      disabled = false,
+      disabled,
       onChange
-    } = _b, others = __objRest(_b, [
+    } = _a, others = __objRest(_a, [
       "className",
       "children",
       "defaultValue",
@@ -78,6 +78,9 @@ const CheckboxGroup = forwardRef(
   }
 );
 CheckboxGroup.displayName = "CheckboxGroup";
+CheckboxGroup.defaultProps = {
+  disabled: false
+};
 var CheckboxGroup_default = CheckboxGroup;
 export {
   CheckboxGroup_default as default

package/es/CollapsePanel/CollapsePanelItem.js

@@ -30,54 +30,55 @@ import React from "react";
 import clsx from "clsx";
 import { Collapse } from "../Collapse";
 const prefixCls = "bui-collapse-panel-item";
-const CollapsePanelItem = /* @__PURE__ */ React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
+const CollapsePanelItem = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    style,
+    label,
+    children,
+    icon,
+    active,
+    onClick
+  } = _a, others = __objRest(_a, [
+    "className",
+    "style",
+    "label",
+    "children",
+    "icon",
+    "active",
+    "onClick"
+  ]);
+  const isControlledIcon = typeof icon === "function";
+  const getIcon = () => {
+    return typeof icon === "function" ? icon(active) : icon;
+  };
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      className: clsx(prefixCls, active && `${prefixCls}-active`, className),
       style,
-      label,
-      children,
-      icon,
-      active = false,
-      onClick
-    } = _b, others = __objRest(_b, [
-      "className",
-      "style",
-      "label",
-      "children",
-      "icon",
-      "active",
-      "onClick"
-    ]);
-    const isControlledIcon = typeof icon === "function";
-    const getIcon = () => {
-      return typeof icon === "function" ? icon(active) : icon;
-    };
-    return /* @__PURE__ */ React.createElement(
+      ref
+    }, others),
+    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ React.createElement(
       "div",
-      __spreadValues({
-        className: clsx(prefixCls, active && `${prefixCls}-active`, className),
-        style,
-        ref
-      }, others),
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-header-label` }, label), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: clsx(
-            `${prefixCls}-header-icon`,
-            `${prefixCls}-header-icon-arrow`,
-            {
-              [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
-            }
-          )
-        },
-        getIcon()
-      )),
-      /* @__PURE__ */ React.createElement(Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children))
-    );
-  }
-);
+      {
+        className: clsx(
+          `${prefixCls}-header-icon`,
+          `${prefixCls}-header-icon-arrow`,
+          {
+            [`${prefixCls}-header-icon-arrow-active`]: !isControlledIcon && active
+          }
+        )
+      },
+      getIcon()
+    )),
+    /* @__PURE__ */ React.createElement(Collapse, { in: active, direction: "vertical", timeout: 300 }, /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-content` }, children))
+  );
+});
 CollapsePanelItem.displayName = "BuiCollapsePanelItem";
+CollapsePanelItem.defaultProps = {
+  active: false
+};
 var CollapsePanelItem_default = CollapsePanelItem;
 export {
   CollapsePanelItem_default as default

package/es/Countdown/Countdown.js

@@ -38,11 +38,11 @@ const Countdown = forwardRef((props, ref) => {
     className,
     serverTimestamp,
     endTimestamp,
-    remainingTime = 0,
-    format = "HH:mm:ss",
-    unitStyle = {},
-    valueStyle = [{}, {}],
-    timeSliceStyle = {},
+    remainingTime,
+    format,
+    unitStyle,
+    valueStyle,
+    timeSliceStyle,
     renderContent,
     onChange,
     onFinish
@@ -122,6 +122,13 @@ const Countdown = forwardRef((props, ref) => {
   return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), renderContent ? renderContent(time) : defaultRender(time));
 });
 Countdown.displayName = "BuiCountdown";
+Countdown.defaultProps = {
+  format: "HH:mm:ss",
+  remainingTime: 0,
+  unitStyle: {},
+  valueStyle: [{}, {}],
+  timeSliceStyle: {}
+};
 var Countdown_default = Countdown;
 export {
   Countdown_default as default

package/es/Divider/Divider.js

@@ -19,14 +19,7 @@ import React, { forwardRef } from "react";
 import "./Divider.css";
 const prefixCls = "bui-divider";
 const Divider = forwardRef((props, ref) => {
-  const {
-    className,
-    style,
-    direction = "vertical",
-    dashed = false,
-    size,
-    children
-  } = props;
+  const { className, style, direction, dashed, size, children } = props;
   const isVertical = direction === "vertical";
   const hasChildren = !!React.Children.toArray(children).length;
   let propsStyle = {};
@@ -53,6 +46,10 @@ const Divider = forwardRef((props, ref) => {
   );
 });
 Divider.displayName = "BuiDivider";
+Divider.defaultProps = {
+  direction: "vertical",
+  dashed: false
+};
 var Divider_default = Divider;
 export {
   Divider_default as default

package/es/Drawer/Drawer.js

@@ -43,15 +43,15 @@ const oppositeDirection = {
 };
 const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
-    anchor: anchorProp = "bottom",
+    anchor: anchorProp,
     container,
     children,
     className,
-    hideBackdrop = false,
+    hideBackdrop,
     onClose,
     SlideProps,
-    open = false,
-    disablePortal = false,
+    open,
+    disablePortal,
     contentProps,
     transitionDuration
   } = _a, others = __objRest(_a, [
@@ -105,6 +105,12 @@ const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Drawer.displayName = "BuiDrawer";
+Drawer.defaultProps = {
+  anchor: "bottom",
+  hideBackdrop: false,
+  open: false,
+  disablePortal: false
+};
 var Drawer_default = Drawer;
 export {
   Drawer_default as default

package/es/Fade/Fade.js

@@ -46,60 +46,64 @@ const defaultTimeout = {
   enter: duration.enteringScreen,
   exit: duration.leavingScreen
 };
-const Fade = /* @__PURE__ */ React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      appear = true,
-      children,
+const Fade = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const _a = props, {
+    appear,
+    children,
+    in: inProp,
+    easing: easingProp,
+    style,
+    timeout,
+    delay
+  } = _a, others = __objRest(_a, [
+    "appear",
+    "children",
+    "in",
+    "easing",
+    "style",
+    "timeout",
+    "delay"
+  ]);
+  const transitions = createTransitions();
+  const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
+  return /* @__PURE__ */ React.createElement(
+    Transition,
+    __spreadProps(__spreadValues({
+      appear,
       in: inProp,
-      easing: easingProp = defaultEasing,
-      style,
-      timeout = defaultTimeout,
-      delay = 0
-    } = _b, others = __objRest(_b, [
-      "appear",
-      "children",
-      "in",
-      "easing",
-      "style",
-      "timeout",
-      "delay"
-    ]);
-    const transitions = createTransitions();
-    const nodeRef = useForkRef(ref, children == null ? void 0 : children.ref);
-    return /* @__PURE__ */ React.createElement(
-      Transition,
-      __spreadProps(__spreadValues({
-        appear,
-        in: inProp,
-        timeout,
-        delay
-      }, others), {
-        ref: nodeRef
-      }),
-      (state, childProps) => {
-        const transition = transitions.create(
-          "opacity",
-          getTransitionProps(
-            { timeout, style, easing: easingProp, delay },
-            {
-              mode: state
-            }
-          )
-        );
-        return React.cloneElement(children, __spreadValues({
-          style: __spreadValues(__spreadValues({
-            visibility: state === "exited" ? "hidden" : "visible",
-            transition,
-            WebkitTransition: transition,
-            opacity: state === "entering" || state === "entered" ? "1" : "0"
-          }, style), children.props.style)
-        }, childProps));
-      }
-    );
-  }
-);
+      timeout,
+      delay
+    }, others), {
+      ref: nodeRef
+    }),
+    (state, childProps) => {
+      const transition = transitions.create(
+        "opacity",
+        getTransitionProps(
+          { timeout, style, easing: easingProp, delay },
+          {
+            mode: state
+          }
+        )
+      );
+      return React.cloneElement(children, __spreadValues({
+        style: __spreadValues(__spreadValues({
+          visibility: state === "exited" ? "hidden" : "visible",
+          transition,
+          WebkitTransition: transition,
+          opacity: state === "entering" || state === "entered" ? "1" : "0"
+        }, style), children.props.style)
+      }, childProps));
+    }
+  );
+});
 Fade.displayName = "BuiFade";
+Fade.defaultProps = {
+  easing: defaultEasing,
+  timeout: defaultTimeout,
+  appear: true,
+  delay: 0
+};
 var Fade_default = Fade;
 export {
   Fade_default as default

package/es/IconButton/IconButton.js

@@ -37,11 +37,11 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
     const _a = props, {
       className,
       children,
-      color = "default",
-      disabled = false,
-      size = "medium",
-      variant = "default",
-      shape = "circular"
+      color,
+      disabled,
+      size,
+      variant,
+      shape
     } = _a, others = __objRest(_a, [
       "className",
       "children",
@@ -78,6 +78,13 @@ const IconButton = /* @__PURE__ */ React.forwardRef(
   }
 );
 IconButton.displayName = "BuiIconButton";
+IconButton.defaultProps = {
+  size: "medium",
+  variant: "default",
+  shape: "circular",
+  color: "default",
+  disabled: false
+};
 var IconButton_default = IconButton;
 export {
   IconButton_default as default

package/es/Image/Image.js

@@ -34,120 +34,127 @@ import clsx from "clsx";
 import React, { useLayoutEffect, useState } from "react";
 import "./index.css";
 const prefixCls = "bui-image";
-const Image = /* @__PURE__ */ React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      fit = "fill",
-      src = "",
-      lazy = false,
-      style,
-      webp,
-      alt,
-      showMenu,
-      width,
-      height,
-      fallback = null,
-      className,
-      placeholder = false,
-      onClick,
-      onLoad,
-      onError,
-      imgProps
-    } = _b, others = __objRest(_b, [
-      "fit",
-      "src",
-      "lazy",
-      "style",
-      "webp",
-      "alt",
-      "showMenu",
-      "width",
-      "height",
-      "fallback",
-      "className",
-      "placeholder",
-      "onClick",
-      "onLoad",
-      "onError",
-      "imgProps"
-    ]);
-    const [loaded, setLoaded] = useState(false);
-    const [failed, setFailed] = useState(false);
-    const modeEnum = {
-      none: "center",
-      // 被替换的内容将保持其原有的尺寸居中裁切展示
-      contain: "aspectFit",
-      // 被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配
-      cover: "aspectFill",
-      // 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。
-      fill: "scaleToFill",
-      // 被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不匹配，那么该对象将被拉伸以适应内容框
-      "scale-down": "aspectFit",
-      // 内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。
-      widthFix: "widthFix",
-      // 【微信小程序】缩放模式，宽度不变，高度自动变化，保持原图宽高比不变。
-      heightFix: "heightFix"
-      // 【微信小程序】缩放模式，高度不变，宽度自动变化，保持原图宽高比不变。
-    };
-    useLayoutEffect(() => {
-      setLoaded(false);
-      setFailed(false);
-    }, [src]);
-    function defaultIconWrap(icon) {
-      return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-default-icon-wrap` }, icon);
-    }
-    const defaultIcon = defaultIconWrap(
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-default-icon-item` })
-    );
-    const defaultPlaceholder = placeholder === false ? [] : placeholder !== true && defaultIconWrap(placeholder) || defaultIcon;
-    const defaultFallback = fallback && defaultIconWrap(fallback) || defaultPlaceholder;
-    const miniAttr = {
-      webp,
-      lazyLoad: lazy,
-      "lazy-load": lazy,
-      mode: fit && modeEnum[fit],
-      showMenuByLongpress: showMenu
-    };
-    const imgEle = /* @__PURE__ */ React.createElement(
-      "img",
-      __spreadValues(__spreadProps(__spreadValues({
-        src,
-        loading: lazy ? "lazy" : "eager",
-        onLoad: (e) => {
-          setLoaded(true);
-          onLoad == null ? void 0 : onLoad(e);
-        },
-        onError: (e) => {
-          setFailed(true);
-          onError == null ? void 0 : onError(e);
-        },
-        alt
-      }, imgProps), {
-        style: __spreadValues({ objectFit: fit }, (imgProps == null ? void 0 : imgProps.style) || {}),
-        className: clsx(
-          `${prefixCls}-img`,
-          // 无占位且不onFail时直接展示img本体
-          (loaded || placeholder === false && !failed) && `${prefixCls}-loaded`,
-          imgProps == null ? void 0 : imgProps.className
-        )
-      }), isMini ? miniAttr : {})
-    );
-    function renderImgEle() {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, failed && defaultFallback || !loaded && defaultPlaceholder || null, imgEle);
-    }
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      __spreadValues({
-        ref,
-        onClick,
-        style: __spreadValues({ width, height }, style),
-        className: clsx(prefixCls, className)
-      }, others),
-      renderImgEle()
-    );
+const Image = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const [loaded, setLoaded] = useState(false);
+  const [failed, setFailed] = useState(false);
+  const _a = props, {
+    fit,
+    src,
+    lazy,
+    style,
+    webp,
+    alt,
+    showMenu,
+    width,
+    height,
+    fallback,
+    className,
+    placeholder,
+    onClick,
+    onLoad,
+    onError,
+    imgProps
+  } = _a, others = __objRest(_a, [
+    "fit",
+    "src",
+    "lazy",
+    "style",
+    "webp",
+    "alt",
+    "showMenu",
+    "width",
+    "height",
+    "fallback",
+    "className",
+    "placeholder",
+    "onClick",
+    "onLoad",
+    "onError",
+    "imgProps"
+  ]);
+  const modeEnum = {
+    none: "center",
+    // 被替换的内容将保持其原有的尺寸居中裁切展示
+    contain: "aspectFit",
+    // 被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时保留其长宽比，因此如果宽高比与框的宽高比不匹配
+    cover: "aspectFill",
+    // 被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。
+    fill: "scaleToFill",
+    // 被替换的内容正好填充元素的内容框。整个对象将完全填充此框。如果对象的宽高比与内容框不相匹配，那么该对象将被拉伸以适应内容框
+    "scale-down": "aspectFit",
+    // 内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。
+    widthFix: "widthFix",
+    // 【微信小程序】缩放模式，宽度不变，高度自动变化，保持原图宽高比不变。
+    heightFix: "heightFix"
+    // 【微信小程序】缩放模式，高度不变，宽度自动变化，保持原图宽高比不变。
+  };
+  useLayoutEffect(() => {
+    setLoaded(false);
+    setFailed(false);
+  }, [src]);
+  function defaultIconWrap(icon) {
+    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-default-icon-wrap` }, icon);
   }
-);
+  const defaultIcon = defaultIconWrap(
+    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-default-icon-item` })
+  );
+  const defaultPlaceholder = placeholder === false ? [] : placeholder !== true && defaultIconWrap(placeholder) || defaultIcon;
+  const defaultFallback = fallback && defaultIconWrap(fallback) || defaultPlaceholder;
+  const miniAttr = {
+    webp,
+    lazyLoad: lazy,
+    "lazy-load": lazy,
+    mode: fit && modeEnum[fit],
+    showMenuByLongpress: showMenu
+  };
+  const imgEle = /* @__PURE__ */ React.createElement(
+    "img",
+    __spreadValues(__spreadProps(__spreadValues({
+      src,
+      loading: lazy ? "lazy" : "eager",
+      onLoad: (e) => {
+        setLoaded(true);
+        onLoad == null ? void 0 : onLoad(e);
+      },
+      onError: (e) => {
+        setFailed(true);
+        onError == null ? void 0 : onError(e);
+      },
+      alt
+    }, imgProps), {
+      style: __spreadValues({ objectFit: fit }, (imgProps == null ? void 0 : imgProps.style) || {}),
+      className: clsx(
+        `${prefixCls}-img`,
+        // 无占位且不onFail时直接展示img本体
+        (loaded || placeholder === false && !failed) && `${prefixCls}-loaded`,
+        imgProps == null ? void 0 : imgProps.className
+      )
+    }), isMini ? miniAttr : {})
+  );
+  function renderImgEle() {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, failed && defaultFallback || !loaded && defaultPlaceholder || null, imgEle);
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      onClick,
+      style: __spreadValues({ width, height }, style),
+      className: clsx(prefixCls, className)
+    }, others),
+    renderImgEle()
+  );
+});
 Image.displayName = "BuiImage";
+Image.defaultProps = {
+  src: "",
+  lazy: false,
+  fallback: null,
+  placeholder: false,
+  width: void 0,
+  height: void 0,
+  fit: "fill"
+};
 var Image_default = Image;
 export {
   Image_default as default

package/es/Input/Input.js

@@ -38,17 +38,17 @@ const prefixCls = "bui-input";
 const Input = forwardRef((props, ref) => {
   const _a = props, {
     className,
-    defaultValue = "",
+    defaultValue,
     value,
     inputProps,
     inputRef,
     name,
-    type = "text",
-    clearable = false,
+    type,
+    clearable,
     startIcon,
     endIcon,
     placeholder,
-    disabled = false,
+    disabled,
     onClear,
     onChange,
     onFocus,
@@ -146,6 +146,12 @@ const Input = forwardRef((props, ref) => {
   );
 });
 Input.displayName = "BuiInput";
+Input.defaultProps = {
+  defaultValue: "",
+  type: "text",
+  clearable: false,
+  disabled: false
+};
 var Input_default = Input;
 export {
   Input_default as default

package/es/List/List.js

@@ -33,11 +33,11 @@ import "./List.css";
 const prefixCls = "bui-list";
 const List = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props, {
-    hideDivider = false,
+    hideDivider,
     children,
     className,
-    size = "medium",
-    component: Component = "div",
+    size,
+    component: Component,
     header,
     subheader
   } = _a, others = __objRest(_a, [
@@ -66,6 +66,11 @@ const List = /* @__PURE__ */ React.forwardRef((props, ref) => {
   ));
 });
 List.displayName = "BuiList";
+List.defaultProps = {
+  hideDivider: false,
+  size: "medium",
+  component: "div"
+};
 var List_default = List;
 export {
   List_default as default