@bifrostui/react 1.4.5 → 1.4.7-beta.0

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,
+      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/CitySelector/CitySelectorCore.js

@@ -144,12 +144,12 @@ const CitySelector = /* @__PURE__ */ React.forwardRef(
     const closeHandler = (e) => {
       onClose == null ? void 0 : onClose(e);
     };
-    const renderTitile = (title, titleCode) => {
+    const renderTitle = (title, titleCode) => {
       const parseTitle = (titleCode || title).toUpperCase();
       return /* @__PURE__ */ React.createElement("div", { className: "select-city-title", id: disableIndex ? "" : parseTitle }, title == null ? void 0 : title.toUpperCase());
     };
     const renderCity = (citys, title, titleCode) => {
-      return /* @__PURE__ */ React.createElement("div", null, renderTitile(title, titleCode), /* @__PURE__ */ React.createElement("div", { className: "select-city-buttons" }, citys.map((city, index) => {
+      return /* @__PURE__ */ React.createElement("div", null, renderTitle(title, titleCode), /* @__PURE__ */ React.createElement("div", { className: "select-city-buttons" }, citys.map((city, index) => {
         return /* @__PURE__ */ React.createElement(Selector, { key: index, city, onSelect: selectHandler });
       })));
     };
@@ -170,7 +170,7 @@ const CitySelector = /* @__PURE__ */ React.forwardRef(
       ) : null, currentCity ? renderCity([currentCity], currentCityGroupName, GPS_TYPE.code) : null, (hotCities == null ? void 0 : hotCities.length) > 0 ? renderCity(hotCities, hotCitiesGroupName, HOT_CITY_TYPE.code) : null, (cities == null ? void 0 : cities.length) > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-list-container` }, cities.map((item, cityGroupIndex) => {
         if (!(item == null ? void 0 : item.groupName))
           return null;
-        return /* @__PURE__ */ React.createElement("div", { key: cityGroupIndex }, renderTitile(item.groupName, item.groupName), /* @__PURE__ */ React.createElement("ul", { className: `${prefixCls}-list` }, item.cities.map((city, cityIndex) => {
+        return /* @__PURE__ */ React.createElement("div", { key: cityGroupIndex }, renderTitle(item.groupName, item.groupName), /* @__PURE__ */ React.createElement("ul", { className: `${prefixCls}-list` }, item.cities.map((city, cityIndex) => {
           return /* @__PURE__ */ React.createElement(
             "li",
             {

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;

package/es/Collapse/Collapse.js

@@ -37,12 +37,14 @@ import {
   getTransitionProps,
   createTransitions
 } from "@bifrostui/utils";
+import clsx from "clsx";
 import { Transition } from "../Transition";
 import "./Collapse.css";
 const defaultEasing = {
   enter: easing.easeOut,
   exit: easing.sharp
 };
+const FIT_CONTENT = "fit-content";
 const defaultTimeout = {
   enter: duration.enteringScreen,
   exit: duration.leavingScreen
@@ -71,7 +73,6 @@ const Collapse = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "className",
     "children"
   ]);
-  const nodeRef = useForkRef(ref);
   const wrapperRef = useRef(null);
   const collapseRef = useForkRef(wrapperRef, ref);
   const transitions = createTransitions();
@@ -79,11 +80,11 @@ const Collapse = /* @__PURE__ */ React.forwardRef((props, ref) => {
   const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
   const size = isHorizontal ? "width" : "height";
   const getCollapseWrapperSize = (reactNode) => {
-    return reactNode ? `${reactNode[isHorizontal ? "clientWidth" : "clientHeight"]}px` : "fit-content";
+    return reactNode ? `${reactNode[isHorizontal ? "clientWidth" : "clientHeight"]}px` : FIT_CONTENT;
   };
   useEffect(() => {
     var _a2, _b, _c, _d;
-    if (appear === false && inProp === true && ((_b = (_a2 = wrapperRef.current) == null ? void 0 : _a2.style) == null ? void 0 : _b[size]) === "fit-content") {
+    if (appear === false && inProp === true && ((_b = (_a2 = wrapperRef.current) == null ? void 0 : _a2.style) == null ? void 0 : _b[size]) === FIT_CONTENT) {
       wrapperRef.current.style[size] = getCollapseWrapperSize(
         (_d = (_c = wrapperRef.current) == null ? void 0 : _c.children) == null ? void 0 : _d[0]
       );
@@ -94,7 +95,6 @@ const Collapse = /* @__PURE__ */ React.forwardRef((props, ref) => {
   return /* @__PURE__ */ React.createElement(
     Transition,
     __spreadProps(__spreadValues({}, other), {
-      ref: nodeRef,
       in: inProp,
       timeout,
       delay,
@@ -122,14 +122,17 @@ const Collapse = /* @__PURE__ */ React.forwardRef((props, ref) => {
       };
       return React.createElement(
         "div",
-        {
-          className: `bui-collapse ${className}`,
+        __spreadProps(__spreadValues({
+          className: clsx("bui-collapse", {
+            className
+          }),
           style: __spreadValues(__spreadProps(__spreadValues({}, style), {
             transition,
             WebkitTransition: transition
-          }), wrapperSize()),
+          }), wrapperSize())
+        }, childProps), {
           ref: collapseRef
-        },
+        }),
         React.cloneElement(children, __spreadValues({
           style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
         }, childProps))

package/es/Collapse/Collapse.miniapp.d.ts

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

package/es/Collapse/Collapse.miniapp.js

@@ -0,0 +1,157 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import React, { useEffect, useRef, useState } from "react";
+import {
+  useForkRef,
+  duration,
+  easing,
+  getTransitionProps,
+  createTransitions,
+  getBoundingClientRect
+} from "@bifrostui/utils";
+import { Transition } from "../Transition";
+import "./Collapse.css";
+const defaultEasing = {
+  enter: easing.easeOut,
+  exit: easing.sharp
+};
+const defaultTimeout = {
+  enter: duration.enteringScreen,
+  exit: duration.leavingScreen
+};
+const FIT_CONTENT = "fit-content";
+const Collapse = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const _a = props, {
+    appear = false,
+    in: inProp,
+    easing: easingProp = defaultEasing,
+    direction = "vertical",
+    timeout = defaultTimeout,
+    delay = 0,
+    collapsedSize: collapsedSizeProp = 0,
+    style,
+    className,
+    children
+  } = _a, other = __objRest(_a, [
+    "appear",
+    "in",
+    "easing",
+    "direction",
+    "timeout",
+    "delay",
+    "collapsedSize",
+    "style",
+    "className",
+    "children"
+  ]);
+  const wrapperRef = useRef(null);
+  const collapseRef = useForkRef(wrapperRef, ref);
+  const [wrapperSize, setWrapperSize] = useState("");
+  const transitions = createTransitions();
+  const isHorizontal = direction === "horizontal";
+  const collapsedSize = typeof collapsedSizeProp === "number" ? `${collapsedSizeProp}px` : collapsedSizeProp;
+  const size = isHorizontal ? "width" : "height";
+  const getCollapseWrapperSize = (reactNode) => {
+    return new Promise((resolve) => {
+      var _a2;
+      const reactNodeChild = (_a2 = reactNode == null ? void 0 : reactNode.children) == null ? void 0 : _a2[0];
+      if (!reactNodeChild) {
+        resolve(FIT_CONTENT);
+      }
+      getBoundingClientRect(reactNodeChild).then((res) => {
+        if (!res) {
+          resolve(FIT_CONTENT);
+          setWrapperSize(FIT_CONTENT);
+        } else {
+          setWrapperSize(isHorizontal ? `${res == null ? void 0 : res.width}px` : `${res == null ? void 0 : res.height}px`);
+        }
+      });
+    });
+  };
+  useEffect(() => {
+    if (appear === false && inProp === true && wrapperSize === FIT_CONTENT) {
+      getCollapseWrapperSize(wrapperRef.current).then((res) => {
+        setWrapperSize(res);
+      });
+    }
+  }, [appear, inProp]);
+  if (!children)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    Transition,
+    __spreadProps(__spreadValues({}, other), {
+      in: inProp,
+      timeout,
+      delay,
+      appear
+    }),
+    (state, childProps) => {
+      var _a2;
+      const transition = transitions.create(
+        size,
+        getTransitionProps(
+          { timeout, style, easing: easingProp, delay },
+          { mode: state }
+        )
+      );
+      if (state === "entering" || state === "entered") {
+        getCollapseWrapperSize(wrapperRef.current).then(
+          (res = FIT_CONTENT) => {
+            setWrapperSize(res);
+          }
+        );
+      } else {
+        setWrapperSize(collapsedSize);
+      }
+      return React.createElement(
+        "div",
+        __spreadProps(__spreadValues({
+          className: `bui-collapse ${className || ""}`,
+          style: __spreadValues(__spreadProps(__spreadValues({}, style), {
+            transition,
+            WebkitTransition: transition
+          }), isHorizontal ? { width: wrapperSize, WebKitWidth: wrapperSize } : { height: wrapperSize, WebKitHeight: wrapperSize })
+        }, childProps), {
+          ref: collapseRef
+        }),
+        React.cloneElement(children, {
+          style: __spreadValues({}, (_a2 = children.props) == null ? void 0 : _a2.style)
+        })
+      );
+    }
+  );
+});
+Collapse.displayName = "BuiCollapse";
+var Collapse_miniapp_default = Collapse;
+export {
+  Collapse_miniapp_default as default
+};

package/es/CollapsePanel/CollapsePanel.css

@@ -2,6 +2,8 @@
   --width: var(--bui-collapse-panel-width, 100%);
   --header-padding: var(--bui-collapse-panel-header-padding, var(--bui-spacing-lg) 0);
   --content-padding: var(--bui-collapse-panel-content-padding, var(--bui-spacing-lg) 0);
+  --title-font-size: var(--bui-collapse-panel-title-font-size, var(--bui-title-size-3));
+  --content-font-size: var(--bui-collapse-panel-content-font-size, var(--bui-text-size-1));
   width: var(--width);
   background-color: var(--bui-color-bg-view);
   color: var(--bui-color-fg-default);
@@ -15,7 +17,7 @@
 }
 .bui-collapse-panel-item-header-label {
   padding: var(--header-padding);
-  font-size: var(--bui-title-size-2);
+  font-size: var(--title-font-size);
 }
 .bui-collapse-panel-item-header-icon-arrow {
   transform: rotate(0deg);
@@ -26,7 +28,7 @@
 }
 .bui-collapse-panel-item-content {
   padding: var(--content-padding);
-  font-size: var(--bui-text-size-1);
+  font-size: var(--content-font-size);
   transition: height 0.5s ease;
   overflow: hidden;
 }

package/es/DatePicker/DatePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DatePickerProps } from './DatePicker.types';
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps<"div", Omit<import("../Picker").PickerProps<"div", import("..").DrawerProps>, "value" | "defaultValue" | "onChange" | "onClose" | "onConfirm">>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default DatePicker;