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

package/dist/DesktopTimePicker/DesktopTimePickerList.js

@@ -47,6 +47,7 @@ __export(DesktopTimePickerList_exports, {
   default: () => DesktopTimePickerList_default
 });
 module.exports = __toCommonJS(DesktopTimePickerList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_clsx = __toESM(require("clsx"));
@@ -77,34 +78,34 @@ const DesktopTimePickerList = /* @__PURE__ */ import_react.default.forwardRef((p
       (0, import_scrollUtil.default)(elementName, setScrollTop, index);
     }
   }, [timeValue]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_ScrollView.ScrollView,
     {
       scrollY: true,
       scrollWithAnimation: true,
       className: (0, import_clsx.default)(`${prefixCls}-${type}-ul`),
-      key: type,
       scrollTop,
       scrollAnimationDuration: 300,
-      ref: ulRef
+      ref: ulRef,
+      children: dataList.map((item, index) => {
+        const { value, label, disabled } = item;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: (0, import_clsx.default)(`${prefixCls}-${type}-li`, {
+              [`${prefixCls}-${type}-active`]: value === selectedValue,
+              [`${prefixCls}-${type}-disabled`]: disabled
+            }),
+            onClick: (e) => {
+              handleClick(e, disabled, item);
+            },
+            children: (timeRender == null ? void 0 : timeRender(__spreadProps(__spreadValues({}, item), { disabled }))) || label
+          },
+          index
+        );
+      })
     },
-    dataList.map((item, index) => {
-      const { value, label, disabled } = item;
-      return /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          key: index,
-          className: (0, import_clsx.default)(`${prefixCls}-${type}-li`, {
-            [`${prefixCls}-${type}-active`]: value === selectedValue,
-            [`${prefixCls}-${type}-disabled`]: disabled
-          }),
-          onClick: (e) => {
-            handleClick(e, disabled, item);
-          }
-        },
-        (timeRender == null ? void 0 : timeRender(__spreadProps(__spreadValues({}, item), { disabled }))) || label
-      );
-    })
+    type
   );
 });
 DesktopTimePickerList.displayName = "BuiDesktopTimePickerList";

package/dist/DesktopTimePicker/useGetTimePickerContent.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { TimePickerContentProps } from './DesktopTimePicker.types';
 declare const useGetTimePickerContent: (props: TimePickerContentProps) => {
-    desktopTimePanel: () => React.JSX.Element;
+    desktopTimePanel: () => import("react/jsx-runtime").JSX.Element;
 };
 export default useGetTimePickerContent;

package/dist/DesktopTimePicker/useGetTimePickerContent.js

@@ -47,8 +47,9 @@ __export(useGetTimePickerContent_exports, {
   default: () => useGetTimePickerContent_default
 });
 module.exports = __toCommonJS(useGetTimePickerContent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_DesktopTimePickerList = __toESM(require("./DesktopTimePickerList"));
 var import_utils = require("./utils/utils");
 const prefixCls = "bui-d-time-picker";
@@ -215,7 +216,7 @@ const useGetTimePickerContent = (props) => {
           setIsOpen(false);
         }
       };
-      return /* @__PURE__ */ import_react.default.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_DesktopTimePickerList.default,
         {
           timeValue,
@@ -224,22 +225,22 @@ const useGetTimePickerContent = (props) => {
           selectedValue,
           prefixCls,
           handleClick,
-          key: type,
           timeRender
-        }
+        },
+        type
       );
     });
   };
   const desktopTimePanel = () => {
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         className: (0, import_clsx.default)(`${prefixCls}-main`),
         onClick: (e) => {
           e.stopPropagation();
-        }
-      },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-table`) }, renderViewsFunc())
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-table`), children: renderViewsFunc() })
+      }
     );
   };
   return {

package/dist/Dialog/Dialog.js

@@ -59,6 +59,7 @@ __export(Dialog_exports, {
   default: () => Dialog_default
 });
 module.exports = __toCommonJS(Dialog_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");
@@ -120,28 +121,33 @@ const Dialog = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   const handleCancel = (event) => {
     onCancel == null ? void 0 : onCancel(event);
   };
-  const actionsNode = /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-actions` }, !isAlertMode && /* @__PURE__ */ import_react.default.createElement(
-    import_Button.Button,
-    __spreadValues({
-      variant: "subtle",
-      color: "primary",
-      size: "full",
-      onClick: handleCancel,
-      className: `${prefixCls}-actions-btn-cancel`
-    }, cancelButtonProps),
-    cancelText || cancel
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_Button.Button,
-    __spreadValues({
-      variant: "contained",
-      color: "primary",
-      size: "full",
-      onClick: handleOk,
-      className: `${prefixCls}-actions-btn-ok`
-    }, okButtonProps),
-    okText || ok
-  ));
-  const inputNode = isPromptMode && /* @__PURE__ */ import_react.default.createElement(
+  const actionsNode = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-actions`, children: [
+    !isAlertMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Button.Button,
+      __spreadProps(__spreadValues({
+        variant: "subtle",
+        color: "primary",
+        size: "full",
+        onClick: handleCancel,
+        className: `${prefixCls}-actions-btn-cancel`
+      }, cancelButtonProps), {
+        children: cancelText || cancel
+      })
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Button.Button,
+      __spreadProps(__spreadValues({
+        variant: "contained",
+        color: "primary",
+        size: "full",
+        onClick: handleOk,
+        className: `${prefixCls}-actions-btn-ok`
+      }, okButtonProps), {
+        children: okText || ok
+      })
+    )
+  ] });
+  const inputNode = isPromptMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Input.Input,
     __spreadProps(__spreadValues({}, InputProps), {
       inputRef,
@@ -153,28 +159,31 @@ const Dialog = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
   );
   const ariaLabelledBy = title ? titleId : void 0;
   const ariaDescribedBy = content ? contentId : void 0;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Modal.default,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       open,
       ref,
       className: (0, import_clsx.default)(prefixCls, `${prefixCls}-${type}`, className),
       onClose: handleCancel
-    }, others),
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      {
-        className: `${prefixCls}-container`,
-        role: type === "alert" ? "alertdialog" : "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": ariaLabelledBy,
-        "aria-describedby": ariaDescribedBy
-      },
-      title && /* @__PURE__ */ import_react.default.createElement("h1", { id: titleId, className: `${prefixCls}-title` }, title),
-      content && /* @__PURE__ */ import_react.default.createElement("div", { id: contentId, className: `${prefixCls}-content` }, content),
-      inputNode,
-      actionsNode
-    )
+    }, others), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "div",
+        {
+          className: `${prefixCls}-container`,
+          role: type === "alert" ? "alertdialog" : "dialog",
+          "aria-modal": "true",
+          "aria-labelledby": ariaLabelledBy,
+          "aria-describedby": ariaDescribedBy,
+          children: [
+            title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { id: titleId, className: `${prefixCls}-title`, children: title }),
+            content && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: contentId, className: `${prefixCls}-content`, children: content }),
+            inputNode,
+            actionsNode
+          ]
+        }
+      )
+    })
   );
 });
 Dialog.displayName = "BuiDialog";

package/dist/Dialog/FunctionalDialog.js

@@ -79,6 +79,7 @@ __export(FunctionalDialog_exports, {
   default: () => FunctionalDialog_default
 });
 module.exports = __toCommonJS(FunctionalDialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_utils = require("@bifrostui/utils");
 var import_Dialog = __toESM(require("./Dialog"));
@@ -111,7 +112,7 @@ const DialogGenerator = (options) => {
       }
       close();
     });
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Dialog.default,
       __spreadProps(__spreadValues({}, rest), {
         open: true,
@@ -120,7 +121,7 @@ const DialogGenerator = (options) => {
       })
     );
   };
-  return (0, import_utils.render)(/* @__PURE__ */ import_react.default.createElement(DialogWrapper, null), dialogFragment);
+  return (0, import_utils.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogWrapper, {}), dialogFragment);
 };
 const FunctionalDialog = (props) => {
   const options = formatProps(props);
@@ -185,15 +186,14 @@ const useDialog = () => {
           resolve(false);
         destroy();
       });
-      const dialogElement = /* @__PURE__ */ import_react.default.createElement(
+      const dialogElement = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_Dialog.default,
-        __spreadProps(__spreadValues({
-          key
-        }, config), {
+        __spreadProps(__spreadValues({}, config), {
           open: true,
           onOk: onInternalOk,
           onCancel: onInternalCancel
-        })
+        }),
+        key
       );
       setElements((prev) => [...prev, dialogElement]);
     });
@@ -223,7 +223,7 @@ const useDialog = () => {
     },
     [createDialog]
   );
-  const contextHolder = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, elements);
+  const contextHolder = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: elements });
   return [wrapAPI, contextHolder];
 };
 FunctionalDialog.confirm = confirm;

package/dist/Dialog/__tests__/fixtures/A11yDemos.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
 /**
  * 自定义 Dialog 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicDialogDemo: () => React.JSX.Element;
-export declare const promptDialogDemo: () => React.JSX.Element;
-export declare const alertDialogDemo: () => React.JSX.Element;
+export declare const basicDialogDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const promptDialogDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const alertDialogDemo: () => import("react/jsx-runtime").JSX.Element;

package/dist/Dialog/__tests__/fixtures/A11yDemos.js

@@ -32,10 +32,10 @@ __export(A11yDemos_exports, {
   promptDialogDemo: () => promptDialogDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Dialog = __toESM(require("../../Dialog"));
 const basicDialogDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Dialog.default,
     {
       open: true,
@@ -46,7 +46,7 @@ const basicDialogDemo = () => {
   );
 };
 const promptDialogDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Dialog.default,
     {
       open: true,
@@ -59,7 +59,7 @@ const promptDialogDemo = () => {
   );
 };
 const alertDialogDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Dialog.default,
     {
       open: true,

package/dist/Divider/Divider.d.ts

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

package/dist/Divider/Divider.js

@@ -44,6 +44,7 @@ __export(Divider_exports, {
   default: () => Divider_default
 });
 module.exports = __toCommonJS(Divider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = __toESM(require("react"));
 var import_index = require("./index.css");
@@ -68,7 +69,7 @@ const Divider = (0, import_react.forwardRef)((props, ref) => {
   } else if (size) {
     propsStyle = isVertical ? { height: size } : { width: size };
   }
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref,
@@ -77,9 +78,13 @@ const Divider = (0, import_react.forwardRef)((props, ref) => {
         [`${prefixCls}-content`]: !isVertical && hasChildren,
         [`${prefixCls}-${direction}-dashed`]: dashed
       }),
-      style: __spreadValues(__spreadValues({}, propsStyle), style)
-    },
-    !isVertical && hasChildren && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { style: contentStyle, className: `${prefixCls}-line` }), /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefixCls}-text` }, children), /* @__PURE__ */ import_react.default.createElement("span", { style: contentStyle, className: `${prefixCls}-line` }))
+      style: __spreadValues(__spreadValues({}, propsStyle), style),
+      children: !isVertical && hasChildren && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: contentStyle, className: `${prefixCls}-line` }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-text`, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: contentStyle, className: `${prefixCls}-line` })
+      ] })
+    }
   );
 });
 Divider.displayName = "BuiDivider";

package/dist/Drawer/Drawer.js

@@ -59,6 +59,7 @@ __export(Drawer_exports, {
   default: () => Drawer_default
 });
 module.exports = __toCommonJS(Drawer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_Modal = __toESM(require("../Modal"));
@@ -98,9 +99,9 @@ const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "transitionDuration"
   ]);
   const anchorInvariant = oppositeDirection[anchorProp];
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Modal.default,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       container,
       open,
       onClose,
@@ -108,30 +109,32 @@ const Drawer = /* @__PURE__ */ React.forwardRef((props, ref) => {
       ref,
       className: (0, import_clsx.default)(prefixCls, className),
       disablePortal
-    }, others),
-    /* @__PURE__ */ React.createElement(
-      import_Slide.default,
-      __spreadValues({
-        in: open,
-        direction: anchorInvariant,
-        timeout: transitionDuration
-      }, SlideProps),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        __spreadProps(__spreadValues({}, contentProps), {
-          className: (0, import_clsx.default)(
-            `${prefixCls}-content`,
-            `${prefixCls}-content-${anchorProp}`,
-            contentProps == null ? void 0 : contentProps.className
-          ),
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-label": (contentProps == null ? void 0 : contentProps["aria-label"]) || "Drawer",
-          tabIndex: -1
-        }),
-        children
+    }, others), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_Slide.default,
+        __spreadProps(__spreadValues({
+          in: open,
+          direction: anchorInvariant,
+          timeout: transitionDuration
+        }, SlideProps), {
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            __spreadProps(__spreadValues({}, contentProps), {
+              className: (0, import_clsx.default)(
+                `${prefixCls}-content`,
+                `${prefixCls}-content-${anchorProp}`,
+                contentProps == null ? void 0 : contentProps.className
+              ),
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": (contentProps == null ? void 0 : contentProps["aria-label"]) || "Drawer",
+              tabIndex: -1,
+              children
+            })
+          )
+        })
       )
-    )
+    })
   );
 });
 Drawer.displayName = "BuiDrawer";

package/dist/Drawer/__tests__/fixtures/A11yDemos.d.ts

@@ -1,21 +1,20 @@
-import React from 'react';
 /**
  * 自定义 Drawer 组件 Demo 集合
  * 这个文件包含多个测试 demo，展示如何使用 getCustomDemoCodesFromFile 进行无障碍测试
  * 文件名必须是 A11yDemos.tsx（固定约定）
  */
-export declare const basicDrawerDemo: () => React.JSX.Element;
-export declare const leftDrawerDemo: () => React.JSX.Element;
-export declare const rightDrawerDemo: () => React.JSX.Element;
-export declare const topDrawerDemo: () => React.JSX.Element;
-export declare const noBackdropDrawerDemo: () => React.JSX.Element;
-export declare const interactiveDrawerDemo: () => React.JSX.Element;
+export declare const basicDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const leftDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const rightDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const topDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const noBackdropDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+export declare const interactiveDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
 declare const _default: {
-    basicDrawerDemo: () => React.JSX.Element;
-    leftDrawerDemo: () => React.JSX.Element;
-    rightDrawerDemo: () => React.JSX.Element;
-    topDrawerDemo: () => React.JSX.Element;
-    noBackdropDrawerDemo: () => React.JSX.Element;
-    interactiveDrawerDemo: () => React.JSX.Element;
+    basicDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    leftDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    rightDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    topDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    noBackdropDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
+    interactiveDrawerDemo: () => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;