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

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

package/es/Switch/Switch.js

@@ -34,85 +34,82 @@ import clsx from "clsx";
 import React, { forwardRef } from "react";
 import "./Switch.css";
 const prefixCls = "bui-switch";
-const Switch = forwardRef((props, ref) => {
-  const _a = props, {
-    className,
-    checked,
-    defaultChecked,
-    inputProps,
-    inputRef,
-    name,
-    checkedChildren,
-    unCheckedChildren,
-    disabled,
-    size,
-    color,
-    onChange
-  } = _a, others = __objRest(_a, [
-    "className",
-    "checked",
-    "defaultChecked",
-    "inputProps",
-    "inputRef",
-    "name",
-    "checkedChildren",
-    "unCheckedChildren",
-    "disabled",
-    "size",
-    "color",
-    "onChange"
-  ]);
-  const [switchChecked, triggerChange] = useValue({
-    value: checked,
-    defaultValue: !!defaultChecked
-  });
-  const changeAction = (e, isChecked) => {
-    triggerChange(e, isChecked);
-    onChange == null ? void 0 : onChange(e, { checked: isChecked });
-  };
-  const handleChange = (e) => {
-    var _a2;
-    const isChecked = !switchChecked;
-    changeAction(e, isChecked);
-    (_a2 = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a2.call(inputProps, e);
-  };
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    __spreadValues({
-      ref,
-      className: clsx(
-        `${prefixCls}`,
-        `${prefixCls}-${size}`,
-        `${prefixCls}-${color}`,
-        {
-          [`${prefixCls}-checked`]: switchChecked,
-          [`${prefixCls}-disabled`]: disabled
-        },
-        className
-      )
-    }, others),
-    /* @__PURE__ */ React.createElement(
-      "input",
-      __spreadProps(__spreadValues({
-        ref: inputRef,
-        type: "checkbox",
-        name,
-        checked: switchChecked,
-        disabled
-      }, inputProps), {
-        onChange: handleChange,
-        className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-      })
-    ),
-    (checkedChildren || unCheckedChildren) && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-inner` }, switchChecked ? checkedChildren : unCheckedChildren)
-  );
-});
+const Switch = forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      checked,
+      defaultChecked,
+      inputProps,
+      inputRef,
+      name,
+      checkedChildren,
+      unCheckedChildren,
+      disabled = false,
+      size = "medium",
+      color = "primary",
+      onChange
+    } = _b, others = __objRest(_b, [
+      "className",
+      "checked",
+      "defaultChecked",
+      "inputProps",
+      "inputRef",
+      "name",
+      "checkedChildren",
+      "unCheckedChildren",
+      "disabled",
+      "size",
+      "color",
+      "onChange"
+    ]);
+    const [switchChecked, triggerChange] = useValue({
+      value: checked,
+      defaultValue: !!defaultChecked
+    });
+    const changeAction = (e, isChecked) => {
+      triggerChange(e, isChecked);
+      onChange == null ? void 0 : onChange(e, { checked: isChecked });
+    };
+    const handleChange = (e) => {
+      var _a2;
+      const isChecked = !switchChecked;
+      changeAction(e, isChecked);
+      (_a2 = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a2.call(inputProps, e);
+    };
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      __spreadValues({
+        ref,
+        className: clsx(
+          `${prefixCls}`,
+          `${prefixCls}-${size}`,
+          `${prefixCls}-${color}`,
+          {
+            [`${prefixCls}-checked`]: switchChecked,
+            [`${prefixCls}-disabled`]: disabled
+          },
+          className
+        )
+      }, others),
+      /* @__PURE__ */ React.createElement(
+        "input",
+        __spreadProps(__spreadValues({
+          ref: inputRef,
+          type: "checkbox",
+          name,
+          checked: switchChecked,
+          disabled
+        }, inputProps), {
+          onChange: handleChange,
+          className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+        })
+      ),
+      (checkedChildren || unCheckedChildren) && /* @__PURE__ */ React.createElement("span", { className: `${prefixCls}-inner` }, switchChecked ? checkedChildren : unCheckedChildren)
+    );
+  }
+);
 Switch.displayName = "BuiSwitch";
-Switch.defaultProps = {
-  disabled: false,
-  size: "medium",
-  color: "primary"
-};
 var Switch_default = Switch;
 export {
   Switch_default as default

package/es/TabBar/TabBar.js

@@ -33,9 +33,9 @@ import "./TabBar.css";
 const prefixCls = "bui-tab-bar";
 const TabBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const _a = props || {}, {
-    current,
-    activeColor,
-    color,
+    current = 0,
+    activeColor = "primary",
+    color = "default",
     children,
     className,
     onChange
@@ -67,11 +67,6 @@ const TabBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 TabBar.displayName = "BuiTabBar";
-TabBar.defaultProps = {
-  activeColor: "primary",
-  color: "default",
-  current: 0
-};
 var TabBar_default = TabBar;
 export {
   TabBar_default as default

package/es/Tabs/Tab.css

@@ -15,13 +15,14 @@
   font-family: var(--bui-tabs-font-family);
 }
 .bui-tab-active {
-  line-height: var(--bui-line-height);
+  --bui-tabs-font-family: var(--bui-font-family-accent, inherit);
   --bui-tabs-color: var(--bui-color-fg-default);
+  font-weight: 600;
 }
 .bui-tab-miniapp-active {
+  --bui-tabs-color: var(--bui-color-fg-default);
   line-height: 1.5;
   font-weight: var(--bui-font-weight-medium);
-  --bui-tabs-color: var(--bui-color-fg-default);
   position: relative;
 }
 .bui-tab-miniapp-active-line {

package/es/Tabs/Tab.js

@@ -35,11 +35,20 @@ import React from "react";
 import TabsContext from "./TabsContext";
 import "./Tab.css";
 const prefixCls = "bui-tab";
-const defaultProps = {
-  disabled: false
-};
 const Tab = /* @__PURE__ */ React.forwardRef((props, ref) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps), props), { className, children, index, disabled, onClick } = _a, others = __objRest(_a, ["className", "children", "index", "disabled", "onClick"]);
+  const _a = props, {
+    className,
+    children,
+    index,
+    disabled = false,
+    onClick
+  } = _a, others = __objRest(_a, [
+    "className",
+    "children",
+    "index",
+    "disabled",
+    "onClick"
+  ]);
   const tabsContext = React.useContext(TabsContext);
   const { value, triggerChange } = tabsContext;
   return /* @__PURE__ */ React.createElement(

package/es/Tabs/Tabs.css

@@ -1,20 +1,7 @@
 .bui-tabs {
-  --bui-tabs-font-family: var(--bui-font-family);
-  --bui-tabs-font-size: var(--bui-text-size-1);
-  --bui-tabs-height: 39px;
-  --bui-tabs-color: var(--bui-color-fg-subtle);
-  --bui-tabs-font-weight: var(--bui-font-weight-medium);
-  --bui-tabs-indicator-bg: var(--bui-color-primary);
-  --bui-tabs-indicator-height: 3px;
-  --bui-tabs-indicator-width: 18px;
-  --bui-tabs-indicator-border-radius: 3px;
-  --bui-tabs-indicator-bottom: 0;
-  --bui-tabs-indicator-box-shadow: none;
-  --bui-tabs-mask-width: 12px;
-  --bui-tabs-mask-height: 100%;
-  --bui-tab-padding: var(--bui-spacing-lg) var(--bui-spacing-lg) 10px;
   position: relative;
   font-family: var(--bui-tabs-font-family);
+  font-weight: var(--bui-tabs-font-weight);
 }
 .bui-tabs-tabs {
   height: var(--bui-tabs-height);
@@ -24,7 +11,6 @@
   align-items: center;
   position: relative;
   overflow-x: scroll;
-  font-weight: var(--bui-tabs-font-weight);
   scrollbar-width: none;
 }
 .bui-tabs-tabs::-webkit-scrollbar {
@@ -48,8 +34,8 @@
   top: 0;
   bottom: 0;
   z-index: 1;
-  width: var(--bui-tabs-mask-width);
-  height: var(--bui-tabs-mask-height);
+  width: 12px;
+  height: 100%;
   pointer-events: none;
 }
 .bui-tabs-mask-left {