@bifrostui/react 1.4.7-beta.0 → 2.0.0-beta.0

package/dist/Tooltip/Tooltip.css

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

package/dist/Tooltip/Tooltip.js

@@ -51,26 +51,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 var Tooltip_exports = {};
 __export(Tooltip_exports, {
   default: () => Tooltip_default
@@ -92,8 +72,8 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     offsetSpacing = 0,
     placement = "top",
     trigger = "click",
-    open,
-    onOpenChange
+    onOpenChange,
+    open
   } = _a, others = __objRest(_a, [
     "className",
     "style",
@@ -103,8 +83,8 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     "offsetSpacing",
     "placement",
     "trigger",
-    "open",
-    "onOpenChange"
+    "onOpenChange",
+    "open"
   ]);
   const controlByUser = typeof open !== "undefined";
   const { direction, location = "center" } = (0, import_utils.parsePlacement)(placement);
@@ -112,18 +92,11 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   const [openStatus, setOpenStatus] = (0, import_react.useState)(defaultOpen);
   const [arrowDirection, setArrowDirection] = (0, import_react.useState)(direction);
   const [arrowLocation, setArrowLocation] = (0, import_react.useState)(location);
-  const [toolStyles, setToolStyles] = (0, import_react.useState)({});
-  const tipRef = (0, import_react.useRef)(null);
-  const nodeRef = (0, import_utils.useForkRef)(ref, tipRef);
-  const clearRef = (status) => {
-    if (status === false) {
-      tipRef.current = null;
-    }
-  };
+  const [tooltyles, setTooltyles] = (0, import_react.useState)({});
+  const ttId = (0, import_utils.useUniqueId)();
   const changeOpenStatus = (event, status) => {
     if (controlByUser)
       return;
-    clearRef(status);
     setOpenStatus(status);
     onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
   };
@@ -142,33 +115,23 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     if (!controlByUser)
       return;
     setOpenStatus(open);
-    clearRef(open);
   }, [open]);
-  (0, import_react.useEffect)(() => {
-    if (!openStatus) {
-      setToolStyles({
-        visibility: "hidden"
-      });
-    }
-  }, [openStatus]);
   const clickEventHandler = (event) => {
     if (trigger === "hover" || (trigger == null ? void 0 : trigger.length) === 1 && (trigger == null ? void 0 : trigger[0]) === "hover")
       return;
     hideTooltip(event);
   };
-  const onRootElementMouted = (0, import_utils.throttle)(() => __async(void 0, null, function* () {
-    if (!tipRef.current)
-      return;
+  const onRootElementMouted = (0, import_utils.throttle)(() => {
     const {
       direction: newParsedDirection,
       location: newParsedLocation = "center"
     } = (0, import_utils.parsePlacement)(placement);
-    const result = yield (0, import_utils.getStylesAndLocation)({
+    const result = (0, import_utils.getStylesAndLocation)({
       childrenRef,
       arrowDirection: newParsedDirection,
       arrowLocation: newParsedLocation,
       offsetSpacing,
-      tipRef
+      selector: `[data-id="tt_${ttId}"]`
     });
     if (!result)
       return;
@@ -179,32 +142,26 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     if (newArrowLocation !== arrowLocation) {
       setArrowLocation(newArrowLocation);
     }
-    setToolStyles(styles);
-  }), 100);
+    setTooltyles(styles);
+  }, 100);
+  const bindEvent = () => {
+    if (!controlByUser) {
+      document.addEventListener("click", clickEventHandler);
+    }
+    window.addEventListener("resize", onRootElementMouted);
+  };
+  const unbindEvent = () => {
+    if (!controlByUser) {
+      document.removeEventListener("click", clickEventHandler);
+    }
+    window.removeEventListener("resize", onRootElementMouted);
+  };
   (0, import_react.useEffect)(() => {
-    const bindEvent = () => {
-      if (!openStatus)
-        return;
-      if (!controlByUser) {
-        document.addEventListener("click", clickEventHandler);
-      }
-      if (!import_utils.isMini) {
-        window.addEventListener("resize", onRootElementMouted);
-      }
-    };
-    const unbindEvent = () => {
-      if (!controlByUser) {
-        document.removeEventListener("click", clickEventHandler);
-      }
-      if (!import_utils.isMini) {
-        window.removeEventListener("resize", onRootElementMouted);
-      }
-    };
     bindEvent();
     return () => {
       unbindEvent();
     };
-  }, [openStatus]);
+  }, []);
   let triggerEventOption;
   if (!controlByUser) {
     triggerEventOption = (0, import_utils.triggerEventTransform)({
@@ -217,12 +174,12 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
   const childrenOptions = __spreadValues({
     ref: childrenRef
   }, triggerEventOption);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { onRootElementMouted }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (open || openStatus) && title ? /* @__PURE__ */ import_react.default.createElement(import_Portal.default, { onRootElementMouted, ref }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, `tooltip-${arrowDirection}`),
-      style: __spreadValues(__spreadValues({}, style), toolStyles),
-      ref: nodeRef
+      style: __spreadValues(__spreadValues({}, style), tooltyles),
+      "data-id": `tt_${ttId}`
     }, others),
     /* @__PURE__ */ import_react.default.createElement(
       "div",

package/dist/Transition/TransitionCore.js

@@ -89,8 +89,8 @@ const TransitionCore = (0, import_react.forwardRef)(
       children,
       mountOnEnter,
       unmountOnExit,
-      enter,
-      exit,
+      enter = true,
+      exit = true,
       timeout: _timeout,
       delay: _delay,
       onEnter,
@@ -99,7 +99,7 @@ const TransitionCore = (0, import_react.forwardRef)(
       onExit,
       onExiting,
       onExited,
-      nextTick
+      nextTick = setTimeout
     } = _a, childProps = __objRest(_a, [
       "appear",
       "in",
@@ -254,9 +254,4 @@ const TransitionCore = (0, import_react.forwardRef)(
   }
 );
 TransitionCore.displayName = "BuiTransitionCore";
-TransitionCore.defaultProps = {
-  enter: true,
-  exit: true,
-  nextTick: setTimeout
-};
 var TransitionCore_default = TransitionCore;

package/dist/index.d.ts

@@ -8,11 +8,6 @@ export * from './Calendar';
 export * from './Card';
 export * from './Checkbox';
 export * from './Collapse';
-export * from './DatePicker';
-export * from './DesktopDatePicker';
-export * from './DesktopTimePicker';
-export * from './DesktopDateTimePicker';
-export * from './DesktopPicker';
 export * from './Divider';
 export * from './Drawer';
 export * from './Fade';
@@ -53,4 +48,3 @@ export * from './Toast';
 export * from './Dialog';
 export * from './ThemeProvider';
 export * from './locales';
-export * from './SwipeAction';

package/dist/index.js

@@ -24,11 +24,6 @@ __reExport(src_exports, require("./Calendar"), module.exports);
 __reExport(src_exports, require("./Card"), module.exports);
 __reExport(src_exports, require("./Checkbox"), module.exports);
 __reExport(src_exports, require("./Collapse"), module.exports);
-__reExport(src_exports, require("./DatePicker"), module.exports);
-__reExport(src_exports, require("./DesktopDatePicker"), module.exports);
-__reExport(src_exports, require("./DesktopTimePicker"), module.exports);
-__reExport(src_exports, require("./DesktopDateTimePicker"), module.exports);
-__reExport(src_exports, require("./DesktopPicker"), module.exports);
 __reExport(src_exports, require("./Divider"), module.exports);
 __reExport(src_exports, require("./Drawer"), module.exports);
 __reExport(src_exports, require("./Fade"), module.exports);
@@ -69,7 +64,6 @@ __reExport(src_exports, require("./Toast"), module.exports);
 __reExport(src_exports, require("./Dialog"), module.exports);
 __reExport(src_exports, require("./ThemeProvider"), module.exports);
 __reExport(src_exports, require("./locales"), module.exports);
-__reExport(src_exports, require("./SwipeAction"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./ActionSheet"),
@@ -82,11 +76,6 @@ __reExport(src_exports, require("./SwipeAction"), module.exports);
   ...require("./Card"),
   ...require("./Checkbox"),
   ...require("./Collapse"),
-  ...require("./DatePicker"),
-  ...require("./DesktopDatePicker"),
-  ...require("./DesktopTimePicker"),
-  ...require("./DesktopDateTimePicker"),
-  ...require("./DesktopPicker"),
   ...require("./Divider"),
   ...require("./Drawer"),
   ...require("./Fade"),
@@ -126,6 +115,5 @@ __reExport(src_exports, require("./SwipeAction"), module.exports);
   ...require("./Toast"),
   ...require("./Dialog"),
   ...require("./ThemeProvider"),
-  ...require("./locales"),
-  ...require("./SwipeAction")
+  ...require("./locales")
 });

package/dist/locales/base.d.ts

@@ -37,15 +37,4 @@ export interface BaseLang {
         currentType?: Record<string, string>;
         hotCityType?: Record<string, string>;
     };
-    desktopDatePicker?: {
-        month?: Record<number, string>;
-    };
-    datePicker?: {
-        year: string;
-        month: string;
-        day: string;
-        hour: string;
-        minute: string;
-        second: string;
-    };
 }

package/dist/locales/en-US.js

@@ -64,30 +64,6 @@ const enUS = {
       title: "Hot",
       code: "HOT"
     }
-  },
-  desktopDatePicker: {
-    month: {
-      1: "Jan",
-      2: "Feb",
-      3: "Mar",
-      4: "Apr",
-      5: "May",
-      6: "Jun",
-      7: "Jul",
-      8: "Aug",
-      9: "Sep",
-      10: "Oct",
-      11: "Nov",
-      12: "Dec"
-    }
-  },
-  datePicker: {
-    year: "Year",
-    month: "Month",
-    day: "Day",
-    hour: "Hour",
-    minute: "Minute",
-    second: "Second"
   }
 };
 var en_US_default = enUS;

package/dist/locales/zh-CN.js

@@ -46,30 +46,6 @@ const zhCN = {
     located: "\u5B9A\u4F4D",
     current: "\u5F53\u524D",
     hot: "\u70ED\u95E8"
-  },
-  desktopDatePicker: {
-    month: {
-      1: "1\u6708",
-      2: "2\u6708",
-      3: "3\u6708",
-      4: "4\u6708",
-      5: "5\u6708",
-      6: "6\u6708",
-      7: "7\u6708",
-      8: "8\u6708",
-      9: "9\u6708",
-      10: "10\u6708",
-      11: "11\u6708",
-      12: "12\u6708"
-    }
-  },
-  datePicker: {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5",
-    hour: "\u65F6",
-    minute: "\u5206",
-    second: "\u79D2"
   }
 };
 var zh_CN_default = zhCN;

package/dist/locales/zh-TW.js

@@ -46,30 +46,6 @@ const zhTW = {
     located: "\u5B9A\u4F4D",
     current: "\u76EE\u524D",
     hot: "\u71B1\u9580"
-  },
-  desktopDatePicker: {
-    month: {
-      1: "1\u6708",
-      2: "2\u6708",
-      3: "3\u6708",
-      4: "4\u6708",
-      5: "5\u6708",
-      6: "6\u6708",
-      7: "7\u6708",
-      8: "8\u6708",
-      9: "9\u6708",
-      10: "10\u6708",
-      11: "11\u6708",
-      12: "12\u6708"
-    }
-  },
-  datePicker: {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5",
-    hour: "\u6642",
-    minute: "\u5206",
-    second: "\u79D2"
   }
 };
 var zh_TW_default = zhTW;

package/es/ActionSheet/ActionSheet.css

@@ -1,7 +1,7 @@
 .bui-action-sheet {
   --extra-line-height: var(--bui-action-sheet-extra-line-height, 23px);
   --extra-padding: var(--bui-action-sheet-extra-padding, var(--bui-spacing-xl));
-  --extra-magin: var(--bui-action-sheet-extra-magin, 0 var(--bui-spacing-xl));
+  --extra-margin: var(--bui-action-sheet-extra-margin, 0 var(--bui-spacing-xl));
   font-family: var(--bui-font-family);
 }
 .bui-action-sheet-content {
@@ -26,5 +26,5 @@
   background: var(--bui-color-bg-view);
   text-align: center;
   border-bottom: 1px solid var(--bui-color-border-default);
-  margin: var(--extra-magin);
+  margin: var(--extra-margin);
 }

package/es/ActionSheet/ActionSheetItem.js

@@ -36,9 +36,9 @@ const ActionSheetItem = /* @__PURE__ */ React.forwardRef(
     const _a = props, {
       className,
       children,
-      disabled,
-      bold,
-      color,
+      disabled = false,
+      bold = false,
+      color = "default",
       description,
       onClick,
       index
@@ -81,11 +81,6 @@ const ActionSheetItem = /* @__PURE__ */ React.forwardRef(
   }
 );
 ActionSheetItem.displayName = "BuiActionSheetItem";
-ActionSheetItem.defaultProps = {
-  color: "default",
-  disabled: false,
-  bold: false
-};
 var ActionSheetItem_default = ActionSheetItem;
 export {
   ActionSheetItem_default as default

package/es/Avatar/Avatar.js

@@ -43,10 +43,10 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     children,
     src,
     lazy,
-    variant,
-    size,
+    variant = "rounded",
+    size = "medium",
     alt,
-    fit,
+    fit = "cover",
     placeholder,
     ImageProps
   } = _a, others = __objRest(_a, [
@@ -96,11 +96,6 @@ const Avatar = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Avatar.displayName = "BuiAvatar";
-Avatar.defaultProps = {
-  variant: "rounded",
-  size: "medium",
-  fit: "cover"
-};
 var Avatar_default = Avatar;
 export {
   Avatar_default as default

package/es/Avatar/AvatarGroup.js

@@ -41,8 +41,8 @@ const AvatarGroup = /* @__PURE__ */ React.forwardRef(
       maxCount,
       variant,
       spacing,
-      size,
-      orientation,
+      size = "medium",
+      orientation = "right",
       children,
       onClick
     } = _a, others = __objRest(_a, [
@@ -90,10 +90,6 @@ const AvatarGroup = /* @__PURE__ */ React.forwardRef(
   }
 );
 AvatarGroup.displayName = "BuiAvatarGroup";
-AvatarGroup.defaultProps = {
-  size: "medium",
-  orientation: "right"
-};
 var AvatarGroup_default = AvatarGroup;
 export {
   AvatarGroup_default as default

package/es/Badge/Badge.js

@@ -36,10 +36,10 @@ const Badge = /* @__PURE__ */ React.forwardRef((props, ref) => {
     onClick,
     children,
     content,
-    color,
+    color = "primary",
     maxCount,
-    variant,
-    type
+    variant = "contained",
+    type = "standard"
   } = _a, others = __objRest(_a, [
     "className",
     "onClick",
@@ -75,11 +75,6 @@ const Badge = /* @__PURE__ */ React.forwardRef((props, ref) => {
   );
 });
 Badge.displayName = "BuiBadge";
-Badge.defaultProps = {
-  color: "primary",
-  variant: "contained",
-  type: "standard"
-};
 var Badge_default = Badge;
 export {
   Badge_default as default