@bifrostui/react 2.0.0-beta.10 → 2.0.0-beta.12

package/dist/SwipeAction/index.js

@@ -0,0 +1,50 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SwipeAction_exports = {};
+__export(SwipeAction_exports, {
+  DragPhaseEnum: () => import_constants.DragPhaseEnum,
+  SideTypeEnum: () => import_constants.SideTypeEnum,
+  SwipeAction: () => import_SwipeAction2.default,
+  SwipeActionItem: () => import_SwipeActionItem.default,
+  default: () => import_SwipeAction.default
+});
+module.exports = __toCommonJS(SwipeAction_exports);
+__reExport(SwipeAction_exports, require("./SwipeAction.types"), module.exports);
+var import_SwipeAction = __toESM(require("./SwipeAction"));
+var import_SwipeAction2 = __toESM(require("./SwipeAction"));
+var import_SwipeActionItem = __toESM(require("./SwipeActionItem"));
+var import_constants = require("./constants");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DragPhaseEnum,
+  SideTypeEnum,
+  SwipeAction,
+  SwipeActionItem,
+  ...require("./SwipeAction.types")
+});

package/dist/TabBar/TabBarItem.js

@@ -57,8 +57,8 @@ __export(TabBarItem_exports, {
 });
 module.exports = __toCommonJS(TabBarItem_exports);
 var import_react = __toESM(require("react"));
-var import_react2 = require("@bifrostui/react");
 var import_clsx = __toESM(require("clsx"));
+var import_Badge = __toESM(require("../Badge"));
 var import_TabBarItem = require("./TabBarItem.css");
 var import_TabBarContext = __toESM(require("./TabBarContext"));
 const prefixCls = "bui-tab-bar-item";
@@ -102,7 +102,7 @@ const TabBarItem = /* @__PURE__ */ import_react.default.forwardRef(
         ref,
         onClick: handleClick
       }, others),
-      children || ((_b = Object.values(BadgeProps || {})) == null ? void 0 : _b.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_react2.Badge, __spreadValues({}, BadgeProps), currentIndex === index && activeIcon ? activeIcon : icon, /* @__PURE__ */ import_react.default.createElement(
+      children || ((_b = Object.values(BadgeProps || {})) == null ? void 0 : _b.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(import_Badge.default, __spreadValues({}, BadgeProps), currentIndex === index && activeIcon ? activeIcon : icon, /* @__PURE__ */ import_react.default.createElement(
         "div",
         {
           className: (0, import_clsx.default)(`${prefixCls}-title`, {

package/dist/Tabs/Tabs.js

@@ -61,9 +61,10 @@ var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_Tab = __toESM(require("./Tab"));
 var import_TabsContext = require("./TabsContext");
-var import_bound = __toESM(require("./utils/bound"));
+var import_scroll = __toESM(require("./utils/scroll"));
 var import_Tabs2 = require("./Tabs.css");
 const prefixCls = "bui-tabs";
+const duration = 300;
 const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const _a = props, { children, className, value, tabs = [], onChange } = _a, others = __objRest(_a, ["children", "className", "value", "tabs", "onChange"]);
   const tabsRef = (0, import_react.useRef)(null);
@@ -76,14 +77,11 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     leftMaskOpacity: 0,
     rightMaskOpacity: 0
   });
-  const animate = (0, import_utils.useEventCallback)(() => {
+  const getActiveTabElement = () => {
     const container = tabsRef.current;
     if (!container)
-      return;
+      return void 0;
     const activeIndex = !!tabs.length && tabs.findIndex((item) => item.index === value);
-    const activeLine = activeLineRef.current;
-    if (!activeLine)
-      return;
     let activeTab;
     if (tabs.length) {
       activeTab = activeIndex > -1 ? container.childNodes[activeIndex + 1] : void 0;
@@ -97,6 +95,25 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
         return [...child.classList].includes("bui-tab-active");
       });
     }
+    return activeTab;
+  };
+  const scrollIntoView = () => {
+    const tabsContainer = tabsRef.current;
+    const activeTab = getActiveTabElement();
+    if (!tabsContainer || !activeTab) {
+      return;
+    }
+    const to = activeTab.offsetLeft - (tabsContainer.offsetWidth - activeTab.offsetWidth) / 2;
+    (0, import_scroll.default)(tabsContainer, to, duration);
+  };
+  const animate = (0, import_utils.useEventCallback)(() => {
+    const container = tabsRef.current;
+    if (!container)
+      return;
+    const activeLine = activeLineRef.current;
+    if (!activeLine)
+      return;
+    const activeTab = getActiveTabElement();
     let activeTabLeft = 0;
     let activeTabWidth = 0;
     let containerWidth = 0;
@@ -118,13 +135,8 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     const maxScrollDistance = containerScrollWidth - containerWidth;
     if (maxScrollDistance <= 0 || !activeTab)
       return;
-    const nextScrollLeft = (0, import_bound.default)(
-      activeTabLeft - (containerWidth - activeTabWidth) / 2,
-      0,
-      containerScrollWidth - containerWidth
-    );
-    if (tabsRef.current) {
-      tabsRef.current.scrollLeft = nextScrollLeft;
+    if (!import_utils.isMini) {
+      scrollIntoView();
     }
   });
   const updateMask = (0, import_react.useMemo)(
@@ -135,7 +147,10 @@ const Tabs = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
           return;
         const scrollLeft = container == null ? void 0 : container.scrollLeft;
         const showLeftMask = scrollLeft > 0;
-        const showRightMask = scrollLeft + container.offsetWidth < container.scrollWidth;
+        const rightRange = Math.abs(
+          container.scrollWidth - (scrollLeft + container.offsetWidth)
+        );
+        const showRightMask = rightRange > 1;
         setMaskData({
           leftMaskOpacity: showLeftMask ? 1 : 0,
           rightMaskOpacity: showRightMask ? 1 : 0

package/dist/Tabs/utils/scroll.d.ts

@@ -0,0 +1,2 @@
+declare const scrollLeftTo: (scroller: HTMLElement, to: number, duration: number) => void;
+export default scrollLeftTo;

package/dist/Tabs/utils/scroll.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var scroll_exports = {};
+__export(scroll_exports, {
+  default: () => scroll_default
+});
+module.exports = __toCommonJS(scroll_exports);
+const root = window || global;
+let rafId;
+let prev = Date.now();
+const rafPolyfill = (fn) => {
+  const curr = Date.now();
+  const ms = Math.max(0, 16 - (curr - prev));
+  const id = setTimeout(fn, ms);
+  prev = curr + ms;
+  return id;
+};
+const cancelRaf = (id) => {
+  const cancelAnimationFrame = (root == null ? void 0 : root.cancelAnimationFrame) || (root == null ? void 0 : root.clearTimeout) || clearTimeout;
+  cancelAnimationFrame.call(root, id);
+};
+const raf = (fn) => {
+  const requestAnimationFrame = (root == null ? void 0 : root.requestAnimationFrame) || rafPolyfill;
+  return requestAnimationFrame.call(root, fn);
+};
+const scrollLeftTo = (scroller, to, duration) => {
+  cancelRaf(rafId);
+  let count = 0;
+  const from = scroller.scrollLeft;
+  const frames = duration === 0 ? 1 : Math.round(duration / 16);
+  function animate() {
+    scroller.scrollLeft += (to - from) / frames;
+    count += 1;
+    if (count < frames) {
+      rafId = raf(animate);
+    }
+  }
+  animate();
+};
+var scroll_default = scrollLeftTo;

package/dist/Toast/FunctionalToast.js

@@ -100,10 +100,21 @@ const functionalToast = (props) => {
       rootWrapper.style[property] = styles[property];
     });
   }
-  const rootElement = (0, import_utils.getRootElement)();
+  const rootElement = (0, import_utils.getRootContainer)(options == null ? void 0 : options.container);
   rootElement.appendChild(rootWrapper);
   const ToastComponent = () => {
-    const _a = options, { duration, allowMultiple, onClose } = _a, others = __objRest(_a, ["duration", "allowMultiple", "onClose"]);
+    const _a = options, {
+      duration,
+      allowMultiple,
+      onClose,
+      container: container
+    } = _a, others = __objRest(_a, [
+      "duration",
+      "allowMultiple",
+      "onClose",
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      "container"
+    ]);
     const [open, setOpen] = (0, import_react.useState)(false);
     let timer;
     const fadeTimeout = {

package/dist/Toast/Toast.css

@@ -13,7 +13,6 @@
   position: fixed;
   left: 50%;
   z-index: var(--bui-z-index-toast);
-  width: fit-content;
   min-width: var(--min-width);
   max-width: var(--max-width);
   padding: var(--padding);

package/dist/Toast/Toast.types.d.ts

@@ -49,6 +49,11 @@ export interface ToastProps extends FadeProps {
      * @default false
      */
     disableClick?: boolean;
+    /**
+     * 渲染Toast的根容器
+     * @default document.body
+     */
+    container?: HTMLElement | (() => HTMLElement);
     /**
      * 关闭时的回调函数
      */

package/dist/Tooltip/Tooltip.js

@@ -51,6 +51,26 @@ 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
@@ -72,8 +92,8 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     offsetSpacing = 0,
     placement = "top",
     trigger = "click",
-    onOpenChange,
-    open
+    open,
+    onOpenChange
   } = _a, others = __objRest(_a, [
     "className",
     "style",
@@ -83,8 +103,8 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     "offsetSpacing",
     "placement",
     "trigger",
-    "onOpenChange",
-    "open"
+    "open",
+    "onOpenChange"
   ]);
   const controlByUser = typeof open !== "undefined";
   const { direction, location = "center" } = (0, import_utils.parsePlacement)(placement);
@@ -92,11 +112,18 @@ 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 [tooltyles, setTooltyles] = (0, import_react.useState)({});
-  const ttId = (0, import_utils.useUniqueId)();
+  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 changeOpenStatus = (event, status) => {
     if (controlByUser)
       return;
+    clearRef(status);
     setOpenStatus(status);
     onOpenChange == null ? void 0 : onOpenChange(event, { open: status });
   };
@@ -115,23 +142,33 @@ 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)(() => {
+  const onRootElementMouted = (0, import_utils.throttle)(() => __async(void 0, null, function* () {
+    if (!tipRef.current)
+      return;
     const {
       direction: newParsedDirection,
       location: newParsedLocation = "center"
     } = (0, import_utils.parsePlacement)(placement);
-    const result = (0, import_utils.getStylesAndLocation)({
+    const result = yield (0, import_utils.getStylesAndLocation)({
       childrenRef,
       arrowDirection: newParsedDirection,
       arrowLocation: newParsedLocation,
       offsetSpacing,
-      selector: `[data-id="tt_${ttId}"]`
+      tipRef
     });
     if (!result)
       return;
@@ -142,26 +179,32 @@ const Tooltip = /* @__PURE__ */ import_react.default.forwardRef((props, ref) =>
     if (newArrowLocation !== arrowLocation) {
       setArrowLocation(newArrowLocation);
     }
-    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);
-  };
+    setToolStyles(styles);
+  }), 100);
   (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)({
@@ -174,12 +217,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, ref }, /* @__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 }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     __spreadValues({
       className: (0, import_clsx.default)(prefixCls, className, `tooltip-${arrowDirection}`),
-      style: __spreadValues(__spreadValues({}, style), tooltyles),
-      "data-id": `tt_${ttId}`
+      style: __spreadValues(__spreadValues({}, style), toolStyles),
+      ref: nodeRef
     }, others),
     /* @__PURE__ */ import_react.default.createElement(
       "div",

package/dist/index.d.ts

@@ -8,6 +8,11 @@ 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';
@@ -48,3 +53,4 @@ export * from './Toast';
 export * from './Dialog';
 export * from './ThemeProvider';
 export * from './locales';
+export * from './SwipeAction';

package/dist/index.js

@@ -24,6 +24,11 @@ __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);
@@ -64,6 +69,7 @@ __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"),
@@ -76,6 +82,11 @@ __reExport(src_exports, require("./locales"), module.exports);
   ...require("./Card"),
   ...require("./Checkbox"),
   ...require("./Collapse"),
+  ...require("./DatePicker"),
+  ...require("./DesktopDatePicker"),
+  ...require("./DesktopTimePicker"),
+  ...require("./DesktopDateTimePicker"),
+  ...require("./DesktopPicker"),
   ...require("./Divider"),
   ...require("./Drawer"),
   ...require("./Fade"),
@@ -115,5 +126,6 @@ __reExport(src_exports, require("./locales"), module.exports);
   ...require("./Toast"),
   ...require("./Dialog"),
   ...require("./ThemeProvider"),
-  ...require("./locales")
+  ...require("./locales"),
+  ...require("./SwipeAction")
 });

package/dist/locales/base.d.ts

@@ -37,4 +37,15 @@ 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,6 +64,30 @@ 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,6 +46,30 @@ 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,6 +46,30 @@ 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/Calendar/Calendar.js

@@ -34,11 +34,13 @@ import { useDidMountEffect, useValue } from "@bifrostui/utils";
 import clsx from "clsx";
 import dayjs from "dayjs";
 import isoWeek from "dayjs/plugin/isoWeek";
+import customParseFormat from "dayjs/plugin/customParseFormat";
 import React, { useMemo, useState } from "react";
 import { formatDate, isRange, isSame } from "./utils";
 import { useLocaleText } from "../locales";
 import "./Calendar.css";
 dayjs.extend(isoWeek);
+dayjs.extend(customParseFormat);
 const classes = {
   root: "bui-calendar",
   handler: "bui-calendar-handler",
@@ -61,6 +63,7 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
       headerBarRightIcon,
       disabledDate,
       highlightDate = "today",
+      headerVisible = false,
       dateRender,
       weekRender,
       onMonthChange,
@@ -78,6 +81,7 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
       "headerBarRightIcon",
       "disabledDate",
       "highlightDate",
+      "headerVisible",
       "dateRender",
       "weekRender",
       "onMonthChange",
@@ -292,7 +296,7 @@ const Calendar = /* @__PURE__ */ React.forwardRef(
       }, others), {
         "data-mode": mode
       }), data),
-      /* @__PURE__ */ React.createElement("div", { className: classes.handler }, /* @__PURE__ */ React.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, headerBarIcon.left), /* @__PURE__ */ React.createElement("div", { className: `${classes.handler}-text` }, dayjs(renderMonth).format(headerBarFormat)), /* @__PURE__ */ React.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, headerBarIcon.right)),
+      !headerVisible && /* @__PURE__ */ React.createElement("div", { className: classes.handler }, /* @__PURE__ */ React.createElement("div", { onClick: onClickPrev, className: `${classes.handler}-btn` }, headerBarIcon.left), /* @__PURE__ */ React.createElement("div", { className: `${classes.handler}-text` }, dayjs(renderMonth).format(headerBarFormat)), /* @__PURE__ */ React.createElement("div", { onClick: onClickNext, className: `${classes.handler}-btn` }, headerBarIcon.right)),
       /* @__PURE__ */ React.createElement("div", { className: classes.week }, SUNDAY_WEEK_DATA == null ? void 0 : SUNDAY_WEEK_DATA.map((w) => {
         return weekRender ? weekRender(w) : /* @__PURE__ */ React.createElement("div", { key: w, className: `${classes.week}-item` }, w);
       })),

package/es/Calendar/Calendar.types.d.ts

@@ -74,6 +74,11 @@ export type CalendarProps<D extends React.ElementType = 'div', P = {}> = Overrid
          * weekend 可选的周末高亮显示
          */
         highlightDate?: 'today' | 'weekend';
+        /**
+         * 是否隐藏头部
+         * default: false
+         */
+        headerVisible?: boolean;
         /**
          * 自定义日期单元格的内容
          */

package/es/Collapse/Collapse.css

@@ -1,6 +1,5 @@
 .bui-collapse {
   overflow: hidden;
-  white-space: nowrap;
   height: fit-content;
   width: fit-content;
 }

package/es/Collapse/Collapse.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CollapseProps } from './Collapse.types';
 import './Collapse.less';
-declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<unknown>>;
+declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLElement>>;
 export default Collapse;