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

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;

package/es/DatePicker/DatePicker.js

@@ -0,0 +1,308 @@
+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, { forwardRef, useEffect, useState } from "react";
+import clsx from "clsx";
+import { useValue } from "@bifrostui/utils";
+import Picker from "../Picker";
+import { useLocaleText } from "../locales";
+import { DatePickerType } from "./constants";
+const MIN_DATE = new Date((/* @__PURE__ */ new Date()).getFullYear() - 10, 0, 1);
+const MAX_DATE = new Date((/* @__PURE__ */ new Date()).getFullYear() + 10, 11, 31);
+const DEFAULT_PICKER = [
+  DatePickerType.YEAR,
+  DatePickerType.MONTH,
+  DatePickerType.DAY
+];
+function isValidDate(value) {
+  return value instanceof Date && !Number.isNaN(value.getTime());
+}
+const padZero = (num, targetLength = 2) => {
+  let str = `${num}`;
+  while (str.length < targetLength) {
+    str = `0${str}`;
+  }
+  return str;
+};
+const getMaxDay = (year, monthIndex) => {
+  return new Date(year, monthIndex + 1, 0).getDate();
+};
+const getDateTypeValue = (date, type) => {
+  switch (type) {
+    case DatePickerType.YEAR:
+      return date.getFullYear();
+    case DatePickerType.MONTH:
+      return date.getMonth() + 1;
+    case DatePickerType.DAY:
+      return date.getDate();
+    case DatePickerType.HOUR:
+      return date.getHours();
+    case DatePickerType.MINUTE:
+      return date.getMinutes();
+    case DatePickerType.SECOND:
+      return date.getSeconds();
+    default:
+      throw new Error(`\u9519\u8BEF\u7684picker\u7C7B\u578B\uFF1A${type}`);
+  }
+};
+const DatePicker = forwardRef((props, ref) => {
+  const _a = props, {
+    className,
+    value: propValue,
+    defaultValue,
+    views = DEFAULT_PICKER,
+    minDate: propMinDate = MIN_DATE,
+    maxDate: propMaxDate = MAX_DATE,
+    showUnit = false,
+    formatter,
+    filter,
+    disableDateTimeView,
+    dateTimeStep,
+    onConfirm,
+    onClose,
+    onChange
+  } = _a, others = __objRest(_a, [
+    "className",
+    "value",
+    "defaultValue",
+    "views",
+    "minDate",
+    "maxDate",
+    "showUnit",
+    "formatter",
+    "filter",
+    "disableDateTimeView",
+    "dateTimeStep",
+    "onConfirm",
+    "onClose",
+    "onChange"
+  ]);
+  const [options, setOptions] = useState([]);
+  const [pickerValue, setPickerValue] = useState([]);
+  const datePickerText = useLocaleText("datePicker");
+  const formatDate = (date) => {
+    let formattedDate = date;
+    if (!formattedDate || !isValidDate(date) || formattedDate.getTime() < propMinDate.getTime()) {
+      formattedDate = propMinDate;
+    }
+    if (formattedDate.getTime() > propMaxDate.getTime()) {
+      formattedDate = propMaxDate;
+    }
+    return formattedDate;
+  };
+  const [currentDate, triggerChange] = useValue({
+    value: propValue && formatDate(propValue),
+    defaultValue: formatDate(defaultValue)
+  });
+  const handleConfirm = (e) => {
+    onConfirm == null ? void 0 : onConfirm(e, { value: currentDate });
+  };
+  const handleClose = (e) => {
+    onClose == null ? void 0 : onClose(e, { value: currentDate });
+  };
+  const handleChange = (e, { value, columnIndex }) => {
+    if (value[columnIndex] === null)
+      return;
+    const current = new Date(currentDate);
+    switch (views[columnIndex]) {
+      case DatePickerType.YEAR:
+        current.setFullYear(value[columnIndex]);
+        break;
+      case DatePickerType.MONTH: {
+        const selectedMaxDay = getMaxDay(
+          current.getFullYear(),
+          Number(value[columnIndex]) - 1
+        );
+        if (current.getDate() > selectedMaxDay) {
+          current.setDate(selectedMaxDay);
+        }
+        current.setMonth(value[columnIndex] - 1);
+        break;
+      }
+      case DatePickerType.DAY:
+        current.setDate(value[columnIndex]);
+        break;
+      case DatePickerType.HOUR:
+        current.setHours(value[columnIndex]);
+        break;
+      case DatePickerType.MINUTE:
+        current.setMinutes(value[columnIndex]);
+        break;
+      case DatePickerType.SECOND:
+        current.setSeconds(value[columnIndex]);
+        break;
+      default:
+        throw new Error(`\u9519\u8BEF\u7684picker\u7C7B\u578B\uFF1A${views[columnIndex]}`);
+    }
+    triggerChange(e, formatDate(current));
+    onChange == null ? void 0 : onChange(e, { type: views[columnIndex], value: current });
+  };
+  const formatOption = (type, value) => {
+    let label = padZero(value);
+    if (formatter) {
+      return formatter(type, {
+        value,
+        label
+      });
+    }
+    if (showUnit) {
+      label += datePickerText[type];
+    }
+    return { value, label };
+  };
+  const generateOptions = (min, max, type, columnIndex) => {
+    const step = (dateTimeStep == null ? void 0 : dateTimeStep[type]) || 1;
+    let valueIndex = 0;
+    const optionsArray = Array.from(
+      { length: (max - min + 1) / step || 1 },
+      (_, index) => {
+        const value = index * step + min;
+        if (value <= getDateTypeValue(currentDate, type)) {
+          valueIndex = index;
+        }
+        return formatOption(type, value);
+      }
+    );
+    pickerValue[columnIndex] = optionsArray[valueIndex].value;
+    setPickerValue([...pickerValue]);
+    if ((disableDateTimeView == null ? void 0 : disableDateTimeView[type]) && typeof disableDateTimeView[type] === "function") {
+      const disabledOptionsValue = disableDateTimeView[type](
+        optionsArray.map((i) => i.value)
+      );
+      return optionsArray.map((option) => {
+        if (disabledOptionsValue.includes(option.value)) {
+          return __spreadProps(__spreadValues({}, option), {
+            disabled: true
+          });
+        }
+        return option;
+      });
+    }
+    if (filter) {
+      return filter(type, optionsArray);
+    }
+    return optionsArray;
+  };
+  const getBoundary = (type, value) => {
+    const boundary = type === "min" ? propMinDate : propMaxDate;
+    const year = boundary.getFullYear();
+    let month = 1;
+    let date = 1;
+    let hour = 0;
+    let minute = 0;
+    let seconds = 0;
+    if (type === "max") {
+      month = 12;
+      date = getMaxDay(value.getFullYear(), value.getMonth());
+      hour = 23;
+      minute = 59;
+      seconds = 59;
+    }
+    if (value.getFullYear() === year) {
+      month = boundary.getMonth() + 1;
+      if (value.getMonth() + 1 === month) {
+        date = boundary.getDate();
+        if (value.getDate() === date) {
+          hour = boundary.getHours();
+          if (value.getHours() === hour) {
+            minute = boundary.getMinutes();
+            if (value.getMinutes() === minute) {
+              seconds = boundary.getSeconds();
+            }
+          }
+        }
+      }
+    }
+    return {
+      [`${type}Year`]: year,
+      [`${type}Month`]: month,
+      [`${type}Date`]: date,
+      [`${type}Hour`]: hour,
+      [`${type}Minute`]: minute,
+      [`${type}Seconds`]: seconds
+    };
+  };
+  const generateRanges = () => {
+    const ranges = [];
+    const { minYear, minMonth, minDate, minHour, minMinute, minSeconds } = getBoundary("min", currentDate);
+    const { maxYear, maxMonth, maxDate, maxHour, maxMinute, maxSeconds } = getBoundary("max", currentDate);
+    for (let i = 0; i < views.length; i += 1) {
+      const type = views[i];
+      switch (type) {
+        case DatePickerType.YEAR:
+          ranges.push([minYear, maxYear]);
+          break;
+        case DatePickerType.MONTH:
+          ranges.push([minMonth, maxMonth]);
+          break;
+        case DatePickerType.DAY:
+          ranges.push([minDate, maxDate]);
+          break;
+        case DatePickerType.HOUR:
+          ranges.push([minHour, maxHour]);
+          break;
+        case DatePickerType.MINUTE:
+          ranges.push([minMinute, maxMinute]);
+          break;
+        case DatePickerType.SECOND:
+          ranges.push([minSeconds, maxSeconds]);
+          break;
+        default:
+          throw new Error(`\u9519\u8BEF\u7684picker\u7C7B\u578B\uFF1A${type}`);
+      }
+    }
+    return ranges;
+  };
+  const generateRangeOptions = () => generateRanges().map(
+    (range, index) => generateOptions(range[0], range[1], views[index], index)
+  );
+  useEffect(() => {
+    setOptions(generateRangeOptions());
+  }, [currentDate, views, propMinDate, propMaxDate]);
+  return /* @__PURE__ */ React.createElement(
+    Picker,
+    __spreadProps(__spreadValues({}, others), {
+      "data-selected": currentDate ? currentDate.getTime() : "",
+      className: clsx("bui-date-picker", className),
+      ref,
+      options,
+      value: pickerValue,
+      onConfirm: handleConfirm,
+      onClose: handleClose,
+      onOptionChange: handleChange
+    })
+  );
+});
+DatePicker.displayName = "BuiDatePicker";
+var DatePicker_default = DatePicker;
+export {
+  DatePicker_default as default
+};

package/es/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { OverrideProps } from '@bifrostui/types';
+import { PickerProps, IPickerOptionItem } from '../Picker';
+import { DatePickerType } from './constants';
+export type DatePickerOption = IPickerOptionItem & {
+    value: number;
+};
+export type DatePickerProps<D extends React.ElementType = 'div', P = Omit<PickerProps, 'value' | 'defaultValue' | 'onChange' | 'onConfirm' | 'onClose'>> = OverrideProps<{
+    props: P & {
+        defaultValue?: Date;
+        value?: Date;
+        views?: DatePickerType[];
+        minDate?: Date;
+        maxDate?: Date;
+        showUnit?: boolean;
+        disableDateTimeView?: Partial<{
+            [key in DatePickerType]: (options: number[]) => number[];
+        }>;
+        dateTimeStep?: Partial<{
+            [key in DatePickerType]: number;
+        }>;
+        formatter?: (type: DatePickerType, option: DatePickerOption) => DatePickerOption;
+        filter?: (type: DatePickerType, options: DatePickerOption[]) => DatePickerOption[];
+        onConfirm?: (e: React.SyntheticEvent, { value }: {
+            value: Date;
+        }) => void;
+        onClose?: (e: React.SyntheticEvent, { value }: {
+            value: Date;
+        }) => void;
+        onChange?: (e: React.SyntheticEvent, { value }: {
+            type: DatePickerType;
+            value: Date;
+        }) => void;
+    };
+    defaultComponent: D;
+}, D>;

package/es/DatePicker/DatePicker.types.js

@@ -0,0 +1 @@
+export {};

package/es/DatePicker/constants.d.ts

@@ -0,0 +1,9 @@
+export declare enum DatePickerType {
+    YEAR = "year",
+    MONTH = "month",
+    DAY = "day",
+    HOUR = "hour",
+    MINUTE = "minute",
+    SECOND = "second"
+}
+export default DatePickerType;

package/es/DatePicker/constants.js

@@ -0,0 +1,14 @@
+var DatePickerType = /* @__PURE__ */ ((DatePickerType2) => {
+  DatePickerType2["YEAR"] = "year";
+  DatePickerType2["MONTH"] = "month";
+  DatePickerType2["DAY"] = "day";
+  DatePickerType2["HOUR"] = "hour";
+  DatePickerType2["MINUTE"] = "minute";
+  DatePickerType2["SECOND"] = "second";
+  return DatePickerType2;
+})(DatePickerType || {});
+var constants_default = DatePickerType;
+export {
+  DatePickerType,
+  constants_default as default
+};

package/es/DatePicker/index.d.ts

@@ -0,0 +1,3 @@
+export { default, default as DatePicker } from './DatePicker';
+export * from './DatePicker.types';
+export { DatePickerType } from './constants';

package/es/DatePicker/index.js

@@ -0,0 +1,8 @@
+import { default as default2, default as default3 } from "./DatePicker";
+export * from "./DatePicker.types";
+import { DatePickerType } from "./constants";
+export {
+  default3 as DatePicker,
+  DatePickerType,
+  default2 as default
+};

package/es/DesktopDatePicker/DesktopDatePicker.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DesktopDatePickerProps } from './DesktopDatePicker.types';
+import './index.less';
+declare const DesktopDatePicker: React.ForwardRefExoticComponent<Omit<DesktopDatePickerProps<"div", {}>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default DesktopDatePicker;