@bifrostui/react 2.0.0-alpha.31 → 2.0.0-alpha.33

package/dist/DesktopDatePicker/DesktopDatePicker.js

@@ -59,6 +59,7 @@ __export(DesktopDatePicker_exports, {
   default: () => DesktopDatePicker_default
 });
 module.exports = __toCommonJS(DesktopDatePicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_dayjs = __toESM(require("dayjs"));
 var import_clsx = __toESM(require("clsx"));
@@ -227,53 +228,57 @@ const DesktopDatePicker = /* @__PURE__ */ import_react.default.forwardRef((props
   (0, import_react.useEffect)(() => {
     setUseUserStr(false);
   }, [calendarValue]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadProps(__spreadValues({}, others), {
       className: (0, import_clsx.default)(prefixCls, className, {
         [`${prefixCls}-disabled`]: disabled,
         [`${prefixCls}-active`]: isOpen
       }),
-      ref
-    }),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_DesktopPicker.default,
-      __spreadValues({
-        open: open != null ? open : isOpen,
-        miniBackdropInvisible: open !== void 0,
-        onClose: (e, data) => {
-          setIsOpen(data == null ? void 0 : data.value);
-        },
-        onMount,
-        onUnmounted: unMounted,
-        content: desktopDatePicker()
-      }, DesktopPickerProps),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, /* @__PURE__ */ import_react.default.createElement(
-        "input",
-        __spreadProps(__spreadValues({}, inputProps), {
-          "aria-invalid": true,
-          autoComplete: "off",
-          placeholder: showPlaceholder,
-          type: "text",
-          inputMode: "text",
-          ref: inputRef,
-          className: (0, import_clsx.default)(`${prefixCls}-input`, {
-            [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
-          }),
-          onBlur: () => setUseUserStr(false),
-          onClick: handleDatePickerInputClick,
-          onChange: onInputChange,
-          value: renderValue
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DesktopPicker.default,
+        __spreadProps(__spreadValues({
+          open: open != null ? open : isOpen,
+          miniBackdropInvisible: open !== void 0,
+          onClose: (e, data) => {
+            setIsOpen(data == null ? void 0 : data.value);
+          },
+          onMount,
+          onUnmounted: unMounted,
+          content: desktopDatePicker()
+        }, DesktopPickerProps), {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-container`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              __spreadProps(__spreadValues({}, inputProps), {
+                "aria-invalid": true,
+                autoComplete: "off",
+                placeholder: showPlaceholder,
+                type: "text",
+                inputMode: "text",
+                ref: inputRef,
+                className: (0, import_clsx.default)(`${prefixCls}-input`, {
+                  [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
+                }),
+                onBlur: () => setUseUserStr(false),
+                onClick: handleDatePickerInputClick,
+                onChange: onInputChange,
+                value: renderValue
+              })
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                onClick: handleDatePickerIconClick,
+                className: `${prefixCls}-icon`,
+                children: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DateOutlinedIcon, { htmlColor: "var(--bui-color-neutral-3)" })
+              }
+            )
+          ] })
         })
-      ), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          onClick: handleDatePickerIconClick,
-          className: `${prefixCls}-icon`
-        },
-        icon || /* @__PURE__ */ import_react.default.createElement(import_icons.DateOutlinedIcon, { htmlColor: "var(--bui-color-neutral-3)" })
-      ))
-    )
+      )
+    })
   );
 });
 DesktopDatePicker.displayName = "BUIDatePicker";

package/dist/DesktopDatePicker/useGetDatePickerContent.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import './deskTopPickerContainer.less';
 declare const useGetDatePickerContent: (props: any) => {
-    desktopDatePicker: () => React.JSX.Element;
+    desktopDatePicker: () => import("react/jsx-runtime").JSX.Element;
 };
 export default useGetDatePickerContent;

package/dist/DesktopDatePicker/useGetDatePickerContent.js

@@ -59,10 +59,11 @@ __export(useGetDatePickerContent_exports, {
   default: () => useGetDatePickerContent_default
 });
 module.exports = __toCommonJS(useGetDatePickerContent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_clsx = __toESM(require("clsx"));
 var import_dayjs = __toESM(require("dayjs"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_Calendar = __toESM(require("../Calendar"));
 var import_deskTopPickerContainer = require("./deskTopPickerContainer.css");
 var import_locales = require("../locales");
@@ -215,17 +216,17 @@ const useGetDatePickerContent = (props) => {
   };
   const renderTd = (its, currentData) => {
     if (yearRender && selectType === "year") {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-col-content`) }, yearRender({ year: its, currentData }));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-col-content`), children: yearRender({ year: its, currentData }) });
     }
     if (monthRender && selectType === "month") {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-col-content`) }, monthRender({ month: its, currentData }));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-col-content`), children: monthRender({ month: its, currentData }) });
     }
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-col-content`) }, /* @__PURE__ */ import_react.default.createElement("span", { className: (0, import_clsx.default)(`${prefixCls}-col-text`) }, selectType === "month" ? monthMap[its] : its));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-col-content`), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: (0, import_clsx.default)(`${prefixCls}-col-text`), children: selectType === "month" ? monthMap[its] : its }) });
   };
   const renderTable = () => {
     const dataList = selectType === "year" ? yearList : mouthList;
     return dataList.map((item, index) => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { key: index + 1, className: (0, import_clsx.default)(`${prefixCls}-row`) }, item.map((its, idx) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-row`), children: item.map((its, idx) => {
         let disabledClick = false;
         if (selectType === "year") {
           const currentData = (0, import_dayjs.default)(calendarValue).set("year", its);
@@ -240,10 +241,9 @@ const useGetDatePickerContent = (props) => {
             disabledClick = disabledDate == null ? void 0 : disabledDate(currentData.toDate());
           }
         }
-        return /* @__PURE__ */ import_react.default.createElement(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
-            key: idx + 1,
             className: (0, import_clsx.default)(`${prefixCls}-col`, {
               [`${prefixCls}-col-active`]: (selectType === "year" ? (0, import_dayjs.default)(calendarValue).year() : (0, import_dayjs.default)(calendarValue).month() + 1) === its && !disabledClick,
               [`${prefixCls}-col-disabled`]: disabledClick
@@ -252,11 +252,12 @@ const useGetDatePickerContent = (props) => {
               if (!disabledClick) {
                 handleTdClick(e, its);
               }
-            }
+            },
+            children: renderTd(its, calendarValue)
           },
-          renderTd(its, calendarValue)
+          idx + 1
         );
-      }));
+      }) }, index + 1);
     });
   };
   const handleClickTitle = (e, data) => {
@@ -284,14 +285,14 @@ const useGetDatePickerContent = (props) => {
           str = "";
         }
         domArr.push(
-          /* @__PURE__ */ import_react.default.createElement(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "div",
             {
               className: (0, import_clsx.default)(`${prefixCls}-title-text`),
-              key: i,
-              onClick: (e) => handleClickTitle(e, matchArr[i])
+              onClick: (e) => handleClickTitle(e, matchArr[i]),
+              children: (0, import_dayjs.default)(value).format(matchArr[i])
             },
-            (0, import_dayjs.default)(value).format(matchArr[i])
+            i
           )
         );
       } else {
@@ -301,39 +302,45 @@ const useGetDatePickerContent = (props) => {
     return domArr;
   };
   const desktopDatePicker = () => {
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       __spreadProps(__spreadValues({
         className: (0, import_clsx.default)(`${prefixCls}-main`)
       }, others), {
         onClick: (e) => {
           e.stopPropagation();
-        }
-      }),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-handler` }, selectType !== "year" && /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickPrev, className: `${prefixCls}-handler-btn` }, headerBarLeftIcon ? headerBarLeftIcon({ isMinMonth }) : /* @__PURE__ */ import_react.default.createElement(
-        import_icons.CaretLeftIcon,
-        {
-          className: `${prefixCls}-handler-icon`,
-          htmlColor: isMinMonth && "var(--bui-color-white)"
-        }
-      )), /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title` }, calendarValue ? renderTitle(format, calendarValue) : format), selectType !== "year" && /* @__PURE__ */ import_react.default.createElement("div", { onClick: onClickNext, className: `${prefixCls}-handler-btn` }, headerBarRightIcon ? headerBarRightIcon({ isMaxMonth }) : /* @__PURE__ */ import_react.default.createElement(
-        import_icons.CaretRightIcon,
-        {
-          className: `${prefixCls}-handler-icon`,
-          htmlColor: isMaxMonth && "var(--bui-color-white)"
-        }
-      ))),
-      selectType === "day" ? /* @__PURE__ */ import_react.default.createElement(
-        import_Calendar.default,
-        __spreadValues({
-          headerVisible: true,
-          minDate,
-          maxDate,
-          disabledDate,
-          value: calendarValue,
-          onChange: calendarChange
-        }, CalendarProps)
-      ) : /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-list`) }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-box`) }, renderTable()))
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-handler`, children: [
+            selectType !== "year" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { onClick: onClickPrev, className: `${prefixCls}-handler-btn`, children: headerBarLeftIcon ? headerBarLeftIcon({ isMinMonth }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.CaretLeftIcon,
+              {
+                className: `${prefixCls}-handler-icon`,
+                htmlColor: isMinMonth && "var(--bui-color-white)"
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-title`, children: calendarValue ? renderTitle(format, calendarValue) : format }),
+            selectType !== "year" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { onClick: onClickNext, className: `${prefixCls}-handler-btn`, children: headerBarRightIcon ? headerBarRightIcon({ isMaxMonth }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_icons.CaretRightIcon,
+              {
+                className: `${prefixCls}-handler-icon`,
+                htmlColor: isMaxMonth && "var(--bui-color-white)"
+              }
+            ) })
+          ] }),
+          selectType === "day" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_Calendar.default,
+            __spreadValues({
+              headerVisible: true,
+              minDate,
+              maxDate,
+              disabledDate,
+              value: calendarValue,
+              onChange: calendarChange
+            }, CalendarProps)
+          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-list`), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-box`), children: renderTable() }) })
+        ]
+      })
     );
   };
   return {

package/dist/DesktopDateTimePicker/DesktopDateTimePicker.d.ts

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

package/dist/DesktopDateTimePicker/DesktopDateTimePicker.js

@@ -59,6 +59,7 @@ __export(DesktopDateTimePicker_exports, {
   default: () => DesktopDateTimePicker_default
 });
 module.exports = __toCommonJS(DesktopDateTimePicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_dayjs = __toESM(require("dayjs"));
 var import_clsx = __toESM(require("clsx"));
@@ -256,7 +257,7 @@ const DesktopDateTimePicker = /* @__PURE__ */ import_react.default.forwardRef((p
   (0, import_react.useEffect)(() => {
     setUseUserStr(false);
   }, [calendarValue]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     __spreadProps(__spreadValues({}, others), {
       className: (0, import_clsx.default)(prefixCls, className, {
@@ -264,58 +265,63 @@ const DesktopDateTimePicker = /* @__PURE__ */ import_react.default.forwardRef((p
         [`${prefixCls}-active`]: isOpen,
         [`${prefixCls}-invalid`]: isInvalid
       }),
-      ref
-    }),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_DesktopPicker.default,
-      __spreadProps(__spreadValues({
-        open: open != null ? open : isOpen,
-        miniBackdropInvisible: open !== void 0,
-        onClose: (e, data) => {
-          setIsOpen(data == null ? void 0 : data.value);
-        },
-        onMount: onmount,
-        onUnmounted: unMounted,
-        content: /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${prefixCls}-box`,
-            onClick: (e) => {
-              e.stopPropagation();
-            }
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_DesktopPicker.default,
+        __spreadProps(__spreadValues({
+          open: open != null ? open : isOpen,
+          miniBackdropInvisible: open !== void 0,
+          onClose: (e, data) => {
+            setIsOpen(data == null ? void 0 : data.value);
           },
-          desktopDatePicker(),
-          desktopTimePanel()
-        )
-      }, DesktopPickerProps), {
-        inheritWidth: false
-      }),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, /* @__PURE__ */ import_react.default.createElement(
-        "input",
-        __spreadProps(__spreadValues({}, inputProps), {
-          "aria-invalid": true,
-          autoComplete: "off",
-          placeholder: showPlaceholder,
-          type: "text",
-          inputMode: "text",
-          ref: inputRef,
-          className: (0, import_clsx.default)(`${prefixCls}-input`, {
-            [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
-          }),
-          onBlur: () => setUseUserStr(false),
-          onClick: handleDatePickerInputClick,
-          onChange: onInputChange,
-          value: renderValue
+          onMount: onmount,
+          onUnmounted: unMounted,
+          content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: `${prefixCls}-box`,
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              children: [
+                desktopDatePicker(),
+                desktopTimePanel()
+              ]
+            }
+          )
+        }, DesktopPickerProps), {
+          inheritWidth: false,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-container`, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              __spreadProps(__spreadValues({}, inputProps), {
+                "aria-invalid": true,
+                autoComplete: "off",
+                placeholder: showPlaceholder,
+                type: "text",
+                inputMode: "text",
+                ref: inputRef,
+                className: (0, import_clsx.default)(`${prefixCls}-input`, {
+                  [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
+                }),
+                onBlur: () => setUseUserStr(false),
+                onClick: handleDatePickerInputClick,
+                onChange: onInputChange,
+                value: renderValue
+              })
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                onClick: handleDatePickerIconClick,
+                className: `${prefixCls}-icon`,
+                children: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DateOutlinedIcon, { htmlColor: "var(--bui-color-neutral-3)" })
+              }
+            )
+          ] })
         })
-      ), /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          onClick: handleDatePickerIconClick,
-          className: `${prefixCls}-icon`
-        },
-        icon || /* @__PURE__ */ import_react.default.createElement(import_icons.DateOutlinedIcon, { htmlColor: "var(--bui-color-neutral-3)" })
-      ))
-    )
+      )
+    })
   );
 });
 DesktopDateTimePicker.displayName = "BUIDesktopDateTimePicker";

package/dist/DesktopPicker/DesktopPicker.d.ts

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

package/dist/DesktopPicker/DesktopPicker.js

@@ -79,6 +79,7 @@ __export(DesktopPicker_exports, {
   default: () => DesktopPicker_default
 });
 module.exports = __toCommonJS(DesktopPicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
@@ -183,7 +184,7 @@ const DesktopPicker = /* @__PURE__ */ import_react.default.forwardRef(
       }
     }, [container, open]);
     const renderContent = () => {
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: (0, import_clsx.default)(
@@ -193,23 +194,23 @@ const DesktopPicker = /* @__PURE__ */ import_react.default.forwardRef(
           style: {
             width: containerWidth
           },
-          ref: contentRef
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${prefixCls}-container-${transform && open ? "open" : "close"} ${prefixCls}-container-content`,
-            style: {
-              transformOrigin: `${directionMap[contentPosition]} center`
-            },
-            onTransitionEnd: () => {
-              if (!open) {
-                setTransform(false);
-              }
+          ref: contentRef,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: `${prefixCls}-container-${transform && open ? "open" : "close"} ${prefixCls}-container-content`,
+              style: {
+                transformOrigin: `${directionMap[contentPosition]} center`
+              },
+              onTransitionEnd: () => {
+                if (!open) {
+                  setTransform(false);
+                }
+              },
+              children: content
             }
-          },
-          content
-        )
+          )
+        }
       );
     };
     (0, import_react.useEffect)(() => {
@@ -229,14 +230,24 @@ const DesktopPicker = /* @__PURE__ */ import_react.default.forwardRef(
         onMount == null ? void 0 : onMount();
       }
     }, [renderContainer]);
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", __spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), prefix, renderChildren), !import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent()), import_utils.isMini && renderContainer && /* @__PURE__ */ import_react.default.createElement(import_Portal.default, null, renderContent(), !miniBackdropInvisible && /* @__PURE__ */ import_react.default.createElement(
-      import_Backdrop.default,
-      __spreadProps(__spreadValues({}, BackdropProps), {
-        invisible: true,
-        open,
-        onClick: (e) => onClose(e, { value: !open })
-      })
-    )));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", __spreadProps(__spreadValues({ ref, className: (0, import_clsx.default)(prefixCls, className) }, others), { children: [
+        prefix,
+        renderChildren
+      ] })),
+      !import_utils.isMini && renderContainer && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.default, { children: renderContent() }),
+      import_utils.isMini && renderContainer && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Portal.default, { children: [
+        renderContent(),
+        !miniBackdropInvisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_Backdrop.default,
+          __spreadProps(__spreadValues({}, BackdropProps), {
+            invisible: true,
+            open,
+            onClick: (e) => onClose(e, { value: !open })
+          })
+        )
+      ] })
+    ] });
   }
 );
 DesktopPicker.displayName = "BUIDesktopPicker";

package/dist/DesktopTimePicker/DesktopTimePicker.d.ts

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

package/dist/DesktopTimePicker/DesktopTimePicker.js

@@ -59,6 +59,7 @@ __export(DesktopTimePicker_exports, {
   default: () => DesktopTimePicker_default
 });
 module.exports = __toCommonJS(DesktopTimePicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_icons = require("@bifrostui/icons");
 var import_dayjs = __toESM(require("dayjs"));
 var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
@@ -232,7 +233,7 @@ const DesktopTimePicker = /* @__PURE__ */ import_react.default.forwardRef(
     (0, import_react.useEffect)(() => {
       setUseUserStr(false);
     }, [timeValue]);
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       __spreadProps(__spreadValues({}, others), {
         className: (0, import_clsx.default)(prefixCls, className, {
@@ -240,47 +241,51 @@ const DesktopTimePicker = /* @__PURE__ */ import_react.default.forwardRef(
           [`${prefixCls}-active`]: isOpen,
           [`${prefixCls}-invalid`]: isInvalid
         }),
-        ref
-      }),
-      /* @__PURE__ */ import_react.default.createElement(
-        import_DesktopPicker.default,
-        __spreadValues({
-          open: open != null ? open : isOpen,
-          miniBackdropInvisible: open !== void 0,
-          onClose: (e, data) => {
-            setIsOpen(data == null ? void 0 : data.value);
-          },
-          onMount,
-          onUnmounted: unMounted,
-          content: desktopTimePanel(),
-          inheritWidth: false
-        }, DesktopPickerProps),
-        /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-container` }, /* @__PURE__ */ import_react.default.createElement(
-          "input",
-          __spreadProps(__spreadValues({}, inputProps), {
-            "aria-invalid": true,
-            autoComplete: "off",
-            placeholder: showPlaceholder,
-            type: "text",
-            inputMode: "text",
-            ref: inputRef,
-            className: (0, import_clsx.default)(`${prefixCls}-content`, {
-              [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
-            }),
-            onBlur: () => setUseUserStr(false),
-            onClick: handleTimePickerInputClick,
-            onChange: onInputChange,
-            value: inputValue
+        ref,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_DesktopPicker.default,
+          __spreadProps(__spreadValues({
+            open: open != null ? open : isOpen,
+            miniBackdropInvisible: open !== void 0,
+            onClose: (e, data) => {
+              setIsOpen(data == null ? void 0 : data.value);
+            },
+            onMount,
+            onUnmounted: unMounted,
+            content: desktopTimePanel(),
+            inheritWidth: false
+          }, DesktopPickerProps), {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-container`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
+                __spreadProps(__spreadValues({}, inputProps), {
+                  "aria-invalid": true,
+                  autoComplete: "off",
+                  placeholder: showPlaceholder,
+                  type: "text",
+                  inputMode: "text",
+                  ref: inputRef,
+                  className: (0, import_clsx.default)(`${prefixCls}-content`, {
+                    [inputProps == null ? void 0 : inputProps.className]: inputProps == null ? void 0 : inputProps.className
+                  }),
+                  onBlur: () => setUseUserStr(false),
+                  onClick: handleTimePickerInputClick,
+                  onChange: onInputChange,
+                  value: inputValue
+                })
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  onClick: handleDatePickerIconClick,
+                  className: `${prefixCls}-icon`,
+                  children: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.AccessTimeCircleOutlinedIcon, { htmlColor: "#9c9ca5" })
+                }
+              )
+            ] })
           })
-        ), /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            onClick: handleDatePickerIconClick,
-            className: `${prefixCls}-icon`
-          },
-          icon || /* @__PURE__ */ import_react.default.createElement(import_icons.AccessTimeCircleOutlinedIcon, { htmlColor: "#9c9ca5" })
-        ))
-      )
+        )
+      })
     );
   }
 );