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

package/dist/Input/Input.js

@@ -68,17 +68,17 @@ const prefixCls = "bui-input";
 const Input = (0, import_react.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,
@@ -176,10 +176,4 @@ const Input = (0, import_react.forwardRef)((props, ref) => {
   );
 });
 Input.displayName = "BuiInput";
-Input.defaultProps = {
-  defaultValue: "",
-  type: "text",
-  clearable: false,
-  disabled: false
-};
 var Input_default = Input;

package/dist/List/List.js

@@ -63,11 +63,11 @@ var import_List2 = require("./List.css");
 const prefixCls = "bui-list";
 const List = /* @__PURE__ */ import_react.default.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, [
@@ -96,9 +96,4 @@ const List = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   ));
 });
 List.displayName = "BuiList";
-List.defaultProps = {
-  hideDivider: false,
-  size: "medium",
-  component: "div"
-};
 var List_default = List;

package/dist/List/ListItem.js

@@ -63,50 +63,48 @@ var import_ListContext = __toESM(require("./ListContext"));
 var import_ListItemFooter = __toESM(require("./ListItemFooter"));
 var import_ListItem2 = require("./ListItem.css");
 const prefixCls = "bui-list-item";
-const ListItem = /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
-  } else if (import_react.default.isValidElement(endIcon)) {
-    chevron = endIcon;
-  } else {
-    chevron = onClick && /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
-  }
-  const context = import_react.default.useContext(import_ListContext.default);
-  return /* @__PURE__ */ import_react.default.createElement(
-    Component,
-    __spreadValues({
-      className: (0, import_clsx.default)(prefixCls, className, {
-        [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
-        [`${prefixCls}-disabled`]: disabled
-      }),
+const ListItem = /* @__PURE__ */ import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      children,
+      className,
+      hideDivider = false,
+      disabled,
       onClick,
-      ref
-    }, others),
-    children,
-    chevron && /* @__PURE__ */ import_react.default.createElement(import_ListItemFooter.default, 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__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
+    } else if (import_react.default.isValidElement(endIcon)) {
+      chevron = endIcon;
+    } else {
+      chevron = onClick && /* @__PURE__ */ import_react.default.createElement(import_icons.ArrowForwardIcon, { size: "small" });
+    }
+    const context = import_react.default.useContext(import_ListContext.default);
+    return /* @__PURE__ */ import_react.default.createElement(
+      Component,
+      __spreadValues({
+        className: (0, import_clsx.default)(prefixCls, className, {
+          [`${prefixCls}-divider`]: !(hideDivider || context.hideDivider),
+          [`${prefixCls}-disabled`]: disabled
+        }),
+        onClick,
+        ref
+      }, others),
+      children,
+      chevron && /* @__PURE__ */ import_react.default.createElement(import_ListItemFooter.default, null, chevron)
+    );
+  }
+);
 ListItem.displayName = "BuiListItem";
-ListItem.defaultProps = {
-  component: "div",
-  hideDivider: false
-};
 var ListItem_default = ListItem;

package/dist/List/ListItemContent.js

@@ -65,7 +65,7 @@ const ListItemContent = /* @__PURE__ */ import_react.default.forwardRef(
     const _a = props, {
       children,
       className,
-      component: Component,
+      component: Component = "div",
       primary,
       secondary
     } = _a, others = __objRest(_a, [
@@ -79,7 +79,4 @@ const ListItemContent = /* @__PURE__ */ import_react.default.forwardRef(
   }
 );
 ListItemContent.displayName = "BuiListItemContent";
-ListItemContent.defaultProps = {
-  component: "div"
-};
 var ListItemContent_default = ListItemContent;

package/dist/List/ListItemExtra.js

@@ -62,12 +62,17 @@ var import_ListItemExtra2 = require("./ListItemExtra.css");
 const prefixCls = "bui-list-item-extra";
 const ListItemExtra = /* @__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);
   }
 );
 ListItemExtra.displayName = "BuiListItemExtra";
-ListItemExtra.defaultProps = {
-  component: "div"
-};
 var ListItemExtra_default = ListItemExtra;

package/dist/List/ListItemFooter.js

@@ -62,12 +62,17 @@ var import_ListItemFooter2 = require("./ListItemFooter.css");
 const prefixCls = "bui-list-item-footer";
 const ListItemFooter = /* @__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);
   }
 );
 ListItemFooter.displayName = "BuiListItemFooter";
-ListItemFooter.defaultProps = {
-  component: "div"
-};
 var ListItemFooter_default = ListItemFooter;

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.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/Picker/Picker.css

@@ -8,7 +8,6 @@
   --panel-container-height: var(--bui-picker-panel-height, 260px);
   --indicator-top: var(--bui-picker-indicator-top, 108px);
   --option-height: var(--bui-picker-option-height, 36px);
-  --bui-picker-confirm-disabled-opacity: 0.38;
   font-family: var(--bui-font-family);
 }
 .bui-picker .bui-drawer-content {
@@ -42,10 +41,6 @@
   line-height: var(--confirm-line-height);
   color: var(--bui-color-primary);
 }
-.bui-picker-confirm-disabled {
-  color: var(--bui-color-fg-default);
-  opacity: var(--bui-picker-confirm-disabled-opacity);
-}
 .bui-picker-container {
   width: 100%;
   height: var(--panel-container-height);

package/dist/Picker/Picker.js

@@ -67,12 +67,6 @@ var import_locales = require("../locales");
 var import_utils = require("./utils");
 var import_Picker2 = require("./Picker.css");
 const prefixCls = "bui-picker";
-const checkDisabled = (values, columns) => values.find(
-  (value, index) => {
-    var _a, _b;
-    return (_b = (_a = columns == null ? void 0 : columns[index]) == null ? void 0 : _a.find((column) => (column == null ? void 0 : column.value) === value)) == null ? void 0 : _b.disabled;
-  }
-);
 const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, {
     className,
@@ -80,8 +74,6 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     title,
     options = [],
     value,
-    confirmText: propConfirmText,
-    cancelText: propCancelText,
     contentProps,
     onConfirm,
     onOptionChange,
@@ -93,8 +85,6 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     "title",
     "options",
     "value",
-    "confirmText",
-    "cancelText",
     "contentProps",
     "onConfirm",
     "onOptionChange",
@@ -106,7 +96,6 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const [columns, setColumns] = (0, import_react.useState)([]);
   const [internalValue, setInternalValue] = (0, import_react.useState)([]);
   const { cancel: cancelText, confirm: confirmText } = (0, import_locales.useLocaleText)("picker");
-  const disabled = checkDisabled(internalValue, columns);
   (0, import_react.useEffect)(() => {
     if (!open)
       return;
@@ -129,7 +118,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   }, [value, options]);
   const confirm = (e) => {
     const isMoving = rollerRefs.current.some((roller) => roller == null ? void 0 : roller.isMoving);
-    if (isMoving || disabled)
+    if (isMoving)
       return;
     const { safeValue } = (0, import_utils.safeData)({
       value: internalValue,
@@ -188,8 +177,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onOptionChange == null ? void 0 : onOptionChange(e, {
           value: conbineValues,
           options: formatted,
-          currentOption: columnOption,
-          columnIndex
+          currentOption: columnOption
         });
       } else {
         const result = [...internalValue];
@@ -198,8 +186,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         onOptionChange == null ? void 0 : onOptionChange(e, {
           value: result,
           options,
-          currentOption: columnOption,
-          columnIndex
+          currentOption: columnOption
         });
       }
     }
@@ -241,16 +228,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       __spreadProps(__spreadValues({}, contentProps), {
         className: (0, import_clsx.default)(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className)
       }),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cancel`, onClick: cancel }, propCancelText || cancelText), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_clsx.default)(`${prefixCls}-confirm`, {
-            [`${prefixCls}-confirm-disabled`]: disabled
-          }),
-          onClick: confirm
-        },
-        propConfirmText || confirmText
-      )),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-header` }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-cancel`, onClick: cancel }, cancelText), title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, title), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-confirm`, onClick: confirm }, confirmText)),
       /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, columns.map((column, index) => /* @__PURE__ */ import_react.default.createElement(
         import_PickerPanel.default,
         {
@@ -258,7 +236,7 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
           key: index,
           options: column,
           columnIndex: index,
-          value: internalValue == null ? void 0 : internalValue[index],
+          defaultValue: internalValue == null ? void 0 : internalValue[index],
           onSelect: handleSelect,
           pickerStyle: others == null ? void 0 : others.style
         }

package/dist/Picker/Picker.types.d.ts

@@ -10,10 +10,6 @@ export interface IPickerOptionItem {
      * 选项对应唯一的值
      */
     value: string | number;
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
 }
 export type ICascadePickerChildOptionItem = IPickerOptionItem & {
     /**
@@ -38,14 +34,6 @@ export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> =
          * 标题
          */
         title?: string;
-        /**
-         * 确认文本内容
-         */
-        confirmText?: string;
-        /**
-         * 取消文本内容
-         */
-        cancelText?: string;
         /**
          * 列表数据
          * @default []
@@ -73,7 +61,6 @@ export type PickerProps<D extends React.ElementType = 'div', P = DrawerProps> =
             value: (string | number)[];
             options: ICascadePickerChildOptionItem[][];
             currentOption: ICascadePickerChildOptionItem;
-            columnIndex: number;
         }) => void;
         /**
          * 点击取消按钮时候回调
@@ -98,9 +85,9 @@ export type PickerPanelProps<D extends React.ElementType = 'div', P = {}> = Over
          */
         options?: ICascadePickerChildOptionItem[];
         /**
-         * 选中值
+         * 默认值
          */
-        value?: string | number;
+        defaultValue?: string | number;
         /**
          * 列索引
          */

package/dist/Picker/PickerPanel.css

@@ -1,5 +1,4 @@
 .bui-picker-panel {
-  --bui-picker-option-disabled-opacity: 0.38;
   flex: 1;
   flex-shrink: 0;
   position: relative;
@@ -57,9 +56,6 @@
   white-space: nowrap;
   width: 100%;
 }
-.bui-picker-panel-option-disabled {
-  opacity: var(--bui-picker-option-disabled-opacity);
-}
 .bui-picker-panel-option-hidden {
   visibility: hidden;
   opacity: 0;

package/dist/Picker/PickerPanel.js

@@ -66,13 +66,13 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
     var _b;
     const _a = props, {
       options = [],
-      value,
+      defaultValue,
       onSelect,
       columnIndex,
       pickerStyle
     } = _a, others = __objRest(_a, [
       "options",
-      "value",
+      "defaultValue",
       "onSelect",
       "columnIndex",
       "pickerStyle"
@@ -102,9 +102,9 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
     (0, import_utils.useTouchEmulator)(PickerPanelRef.current);
     const updateSelect = () => {
       let index = -1;
-      if (value) {
+      if (defaultValue) {
         options.some((item, idx) => {
-          if (item.value === value) {
+          if (item.value === defaultValue) {
             index = idx;
             return true;
           }
@@ -122,7 +122,7 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
       return () => {
         clearTimeout(timer);
       };
-    }, [options, value]);
+    }, [options]);
     const setTransform = (type, deg, time = DEFAULT_DURATION, translateY = 0) => {
       let nTime = time;
       if (type !== TOUCH_END) {
@@ -255,8 +255,7 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
           "div",
           {
             className: (0, import_clsx.default)(`${prefixCls}-option`, {
-              [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8,
-              [`${prefixCls}-option-disabled`]: item == null ? void 0 : item.disabled
+              [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8
             }),
             key: `${item == null ? void 0 : item.value}-${i}`,
             style: {

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 {