@bifrostui/react 1.4.5-beta.1 → 1.4.5-beta.3

package/es/Image/Image.js

@@ -34,127 +34,120 @@ import clsx from "clsx";
 import React, { useLayoutEffect, useState } from "react";
 import "./index.css";
 const prefixCls = "bui-image";
-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,
+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,
-      style: __spreadValues({ width, height }, style),
-      className: clsx(prefixCls, className)
-    }, others),
-    renderImgEle()
-  );
-});
+      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()
+    );
+  }
+);
 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,
-    clearable,
+    type = "text",
+    clearable = false,
     startIcon,
     endIcon,
     placeholder,
-    disabled,
+    disabled = false,
     onClear,
     onChange,
     onFocus,
@@ -146,12 +146,6 @@ 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,
+    hideDivider = false,
     children,
     className,
-    size,
-    component: Component,
+    size = "medium",
+    component: Component = "div",
     header,
     subheader
   } = _a, others = __objRest(_a, [
@@ -66,11 +66,6 @@ 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

package/es/List/ListItem.js

@@ -33,52 +33,50 @@ import ListContext from "./ListContext";
 import ListItemFooter from "./ListItemFooter";
 import "./ListItem.css";
 const prefixCls = "bui-list-item";
-const ListItem = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const _a = props, {
-    children,
-    className,
-    hideDivider,
-    disabled,
-    onClick,
-    endIcon,
-    component: Component
-  } = _a, others = __objRest(_a, [
-    "children",
-    "className",
-    "hideDivider",
-    "disabled",
-    "onClick",
-    "endIcon",
-    "component"
-  ]);
-  let chevron;
-  if (typeof endIcon === "boolean") {
-    chevron = endIcon && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
-  } else if (React.isValidElement(endIcon)) {
-    chevron = endIcon;
-  } else {
-    chevron = onClick && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
-  }
-  const context = React.useContext(ListContext);
-  return /* @__PURE__ */ React.createElement(
-    Component,
-    __spreadValues({
-      className: clsx(prefixCls, className, {
-        [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
-        [`${prefixCls}-disabled`]: disabled
-      }),
+const ListItem = /* @__PURE__ */ React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      className,
+      hideDivider = false,
+      disabled,
       onClick,
-      ref
-    }, others),
-    children,
-    chevron && /* @__PURE__ */ React.createElement(ListItemFooter, null, chevron)
-  );
-});
+      endIcon,
+      component: Component = "div"
+    } = _b, others = __objRest(_b, [
+      "children",
+      "className",
+      "hideDivider",
+      "disabled",
+      "onClick",
+      "endIcon",
+      "component"
+    ]);
+    let chevron;
+    if (typeof endIcon === "boolean") {
+      chevron = endIcon && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
+    } else if (React.isValidElement(endIcon)) {
+      chevron = endIcon;
+    } else {
+      chevron = onClick && /* @__PURE__ */ React.createElement(ArrowForwardIcon, { size: "small" });
+    }
+    const context = React.useContext(ListContext);
+    return /* @__PURE__ */ React.createElement(
+      Component,
+      __spreadValues({
+        className: clsx(prefixCls, className, {
+          [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
+          [`${prefixCls}-disabled`]: disabled
+        }),
+        onClick,
+        ref
+      }, others),
+      children,
+      chevron && /* @__PURE__ */ React.createElement(ListItemFooter, null, chevron)
+    );
+  }
+);
 ListItem.displayName = "BuiListItem";
-ListItem.defaultProps = {
-  component: "div",
-  hideDivider: false
-};
 var ListItem_default = ListItem;
 export {
   ListItem_default as default

package/es/List/ListItemContent.js

@@ -35,7 +35,7 @@ const ListItemContent = /* @__PURE__ */ React.forwardRef(
     const _a = props, {
       children,
       className,
-      component: Component,
+      component: Component = "div",
       primary,
       secondary
     } = _a, others = __objRest(_a, [
@@ -49,9 +49,6 @@ const ListItemContent = /* @__PURE__ */ React.forwardRef(
   }
 );
 ListItemContent.displayName = "BuiListItemContent";
-ListItemContent.defaultProps = {
-  component: "div"
-};
 var ListItemContent_default = ListItemContent;
 export {
   ListItemContent_default as default

package/es/List/ListItemExtra.js

@@ -32,14 +32,19 @@ import "./ListItemExtra.css";
 const prefixCls = "bui-list-item-extra";
 const ListItemExtra = /* @__PURE__ */ React.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__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
   }
 );
 ListItemExtra.displayName = "BuiListItemExtra";
-ListItemExtra.defaultProps = {
-  component: "div"
-};
 var ListItemExtra_default = ListItemExtra;
 export {
   ListItemExtra_default as default

package/es/List/ListItemFooter.js

@@ -32,14 +32,19 @@ import "./ListItemFooter.css";
 const prefixCls = "bui-list-item-footer";
 const ListItemFooter = /* @__PURE__ */ React.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__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
   }
 );
 ListItemFooter.displayName = "BuiListItemFooter";
-ListItemFooter.defaultProps = {
-  component: "div"
-};
 var ListItemFooter_default = ListItemFooter;
 export {
   ListItemFooter_default as default

package/es/List/ListItemHeader.js

@@ -32,14 +32,19 @@ import "./ListItemHeader.css";
 const prefixCls = "bui-list-item-header";
 const ListItemHeader = /* @__PURE__ */ React.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__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
   }
 );
 ListItemHeader.displayName = "BuiListItemHeader";
-ListItemHeader.defaultProps = {
-  component: "div"
-};
 var ListItemHeader_default = ListItemHeader;
 export {
   ListItemHeader_default as default

package/es/Loading/Loading.js

@@ -32,7 +32,19 @@ import { LoadingThreeQuartersOutlinedIcon } from "@bifrostui/icons";
 import "./Loading.css";
 const prefixCls = "bui-loading";
 const Loading = /* @__PURE__ */ React.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__ */ React.createElement(
       LoadingThreeQuartersOutlinedIcon,
@@ -52,9 +64,6 @@ const Loading = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Loading.displayName = "BuiLoading";
-Loading.defaultProps = {
-  direction: "vertical"
-};
 var Loading_default = Loading;
 export {
   Loading_default as default

package/es/Modal/Modal.js

@@ -106,12 +106,6 @@ const Modal = /* @__PURE__ */ React.forwardRef((props, ref) => {
   ) : null, (open || keepMounted) && children));
 });
 Modal.displayName = "BuiModal";
-Modal.defaultProps = {
-  open: false,
-  disablePortal: false,
-  disableScrollLock: false,
-  hideBackdrop: false
-};
 var Modal_default = Modal;
 export {
   Modal_default as default

package/es/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" | keyof import("@bifrostui/types").ICommonProps | "container" | "disablePortal" | "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/es/Modal/Modal.miniapp.js

@@ -41,13 +41,13 @@ const Modal = /* @__PURE__ */ React.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, [
@@ -103,12 +103,6 @@ const Modal = /* @__PURE__ */ React.forwardRef(
   }
 );
 Modal.displayName = "BuiModal";
-Modal.defaultProps = {
-  open: false,
-  disablePortal: false,
-  disableScrollLock: false,
-  hideBackdrop: false
-};
 var Modal_miniapp_default = Modal;
 export {
   Modal_miniapp_default as default

package/es/NavBar/NavBar.js

@@ -103,7 +103,6 @@ const NavBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, renderNavBar(), renderPlaceholder());
 });
 NavBar.displayName = "BuiNavBar";
-NavBar.defaultProps = {};
 var NavBar_default = NavBar;
 export {
   NavBar_default as default

package/es/Radio/Radio.js

@@ -39,7 +39,7 @@ const prefixCls = "bui-radio";
 const Radio = forwardRef((props, ref) => {
   const _a = props, {
     className,
-    defaultChecked,
+    defaultChecked = false,
     checked,
     inputProps,
     inputRef,
@@ -48,7 +48,7 @@ const Radio = forwardRef((props, ref) => {
     disabled,
     icon,
     checkedIcon,
-    labelPlacement,
+    labelPlacement = "right",
     onChange,
     children
   } = _a, others = __objRest(_a, [
@@ -147,10 +147,6 @@ const Radio = forwardRef((props, ref) => {
   );
 });
 Radio.displayName = "BuiRadio";
-Radio.defaultProps = {
-  defaultChecked: false,
-  labelPlacement: "right"
-};
 var Radio_default = Radio;
 export {
   Radio_default as default

package/es/Radio/RadioGroup.js

@@ -70,9 +70,6 @@ const RadioGroup = forwardRef((props, ref) => {
   );
 });
 RadioGroup.displayName = "BuiRadioGroup";
-RadioGroup.defaultProps = {
-  disabled: false
-};
 var RadioGroup_default = RadioGroup;
 export {
   RadioGroup_default as default

package/es/Rating/Rating.js

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