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

package/dist/List/ListItemFooter.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,6 +59,7 @@ __export(ListItemFooter_exports, {
   default: () => ListItemFooter_default
 });
 module.exports = __toCommonJS(ListItemFooter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_ListItemFooter2 = require("./ListItemFooter.css");
@@ -71,7 +75,7 @@ const ListItemFooter = /* @__PURE__ */ React.forwardRef(
       "className",
       "component"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), { children }));
   }
 );
 ListItemFooter.displayName = "BuiListItemFooter";

package/dist/List/ListItemHeader.d.ts

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

package/dist/List/ListItemHeader.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,6 +59,7 @@ __export(ListItemHeader_exports, {
   default: () => ListItemHeader_default
 });
 module.exports = __toCommonJS(ListItemHeader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_ListItemHeader2 = require("./ListItemHeader.css");
@@ -71,7 +75,7 @@ const ListItemHeader = /* @__PURE__ */ React.forwardRef(
       "className",
       "component"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, __spreadProps(__spreadValues({ className: (0, import_clsx.default)(prefixCls, className), ref }, others), { children }));
   }
 );
 ListItemHeader.displayName = "BuiListItemHeader";

package/dist/Loading/Loading.d.ts

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

package/dist/Loading/Loading.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,6 +59,7 @@ __export(Loading_exports, {
   default: () => Loading_default
 });
 module.exports = __toCommonJS(Loading_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_icons = require("@bifrostui/icons");
@@ -76,21 +80,24 @@ const Loading = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "direction"
   ]);
   const renderIcon = () => {
-    return icon != null ? icon : /* @__PURE__ */ React.createElement(
+    return icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_icons.LoadingThreeQuartersOutlinedIcon,
       __spreadValues({
         className: (0, import_clsx.default)(`${prefixCls}-icon`)
       }, IconProps)
     );
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: (0, import_clsx.default)(prefixCls, className, `${prefixCls}-${direction}`)
-    }, otherProps),
-    renderIcon(),
-    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-text` }, children)
+    }, otherProps), {
+      children: [
+        renderIcon(),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-text`, children })
+      ]
+    })
   );
 });
 Loading.displayName = "BuiLoading";

package/dist/Modal/Modal.d.ts

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

package/dist/Modal/Modal.js

@@ -59,6 +59,7 @@ __export(Modal_exports, {
   default: () => Modal_default
 });
 module.exports = __toCommonJS(Modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_Backdrop = __toESM(require("../Backdrop"));
@@ -133,7 +134,10 @@ const Modal = /* @__PURE__ */ React.forwardRef((props, ref) => {
     }
     return children;
   };
-  return /* @__PURE__ */ React.createElement(import_Portal.default, { container, disablePortal, ref: portalRef }, /* @__PURE__ */ React.createElement("div", __spreadValues({}, rootProps), !hideBackdrop && /* @__PURE__ */ React.createElement(import_Backdrop.default, __spreadValues({}, backdropProps)), renderChildren()));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.default, { container, disablePortal, ref: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", __spreadProps(__spreadValues({}, rootProps), { children: [
+    !hideBackdrop && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Backdrop.default, __spreadValues({}, backdropProps)),
+    renderChildren()
+  ] })) });
 });
 Modal.displayName = "BuiModal";
 var Modal_default = Modal;

package/dist/Modal/Modal.miniapp.d.ts

@@ -5,12 +5,10 @@ declare const Modal: React.ForwardRefExoticComponent<Omit<ViewProps & {
     open?: boolean;
     container?: Element | (() => Element);
     hideBackdrop?: boolean;
-    BackdropProps?: Partial<import("../Backdrop").BackdropProps<"div", {}>>;
+    BackdropProps?: Partial<import("../Backdrop").BackdropProps>;
     onClose?: (e: React.SyntheticEvent<Element, Event>, detail?: import("./Modal.types").ModalCloseDetail) => void;
     disableScrollLock?: boolean;
     disablePortal?: boolean;
     keepMounted?: boolean;
-} & import("@bifrostui/types").ICommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: React.Ref<HTMLDivElement>;
-}, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+} & import("@bifrostui/types").ICommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@bifrostui/types").ICommonProps | "open" | "container" | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/Modal/Modal.miniapp.js

@@ -59,6 +59,7 @@ __export(Modal_miniapp_exports, {
   default: () => Modal_miniapp_default
 });
 module.exports = __toCommonJS(Modal_miniapp_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var React = __toESM(require("react"));
 var import_components = require("@tarojs/components");
@@ -134,18 +135,20 @@ const Modal = /* @__PURE__ */ React.forwardRef(
       }
       return children;
     };
-    return /* @__PURE__ */ React.createElement(import_Portal.default, { container, disablePortal }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.default, { container, disablePortal, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_components.View,
       __spreadProps(__spreadValues({
         catchMove: !disableScrollLock
       }, rootProps), {
         onClick: (event) => {
           onClick == null ? void 0 : onClick(event);
-        }
-      }),
-      !hideBackdrop && /* @__PURE__ */ React.createElement(import_Backdrop.default, __spreadValues({}, backdropProps)),
-      renderChildren()
-    ));
+        },
+        children: [
+          !hideBackdrop && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Backdrop.default, __spreadValues({}, backdropProps)),
+          renderChildren()
+        ]
+      })
+    ) });
   }
 );
 Modal.displayName = "BuiModal";

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

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

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

@@ -31,19 +31,19 @@ __export(A11yDemos_exports, {
   keepMountedDemo: () => keepMountedDemo
 });
 module.exports = __toCommonJS(A11yDemos_exports);
-var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Modal = __toESM(require("../../Modal"));
 const basicModalDemo = () => {
-  return /* @__PURE__ */ React.createElement(import_Modal.default, { open: true, disablePortal: true }, "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Modal.default, { open: true, disablePortal: true, children: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B" });
 };
 const keepMountedDemo = () => {
-  return /* @__PURE__ */ React.createElement(import_Modal.default, { disablePortal: true, keepMounted: true }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Modal.default, { disablePortal: true, keepMounted: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
-      style: { padding: "20px", background: "white", borderRadius: "8px" }
-    },
-    "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 keepMounted Modal \u7EC4\u4EF6\u793A\u4F8B"
-  ));
+      style: { padding: "20px", background: "white", borderRadius: "8px" },
+      children: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 keepMounted Modal \u7EC4\u4EF6\u793A\u4F8B"
+    }
+  ) });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/NavBar/NavBar.d.ts

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

package/dist/NavBar/NavBar.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,6 +59,7 @@ __export(NavBar_exports, {
   default: () => NavBar_default
 });
 module.exports = __toCommonJS(NavBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
@@ -92,35 +96,41 @@ const NavBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (leftIcon === false) {
       icon = null;
     } else {
-      icon = leftIcon != null ? leftIcon : /* @__PURE__ */ React.createElement(
+      icon = leftIcon != null ? leftIcon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         import_icons.ArrowBackwardLargeIcon,
         __spreadValues({
           className: (0, import_clsx.default)(`${prefixCls}-icon`)
         }, IconProps)
       );
     }
-    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-left`, onClick: onClickLeft }, icon, left);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `${prefixCls}-left`, onClick: onClickLeft, children: [
+      icon,
+      left
+    ] });
   };
   const renderRight = () => {
-    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-right` }, right);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-right`, children: right });
   };
   const renderNavBar = () => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref: handleForkRef,
         className: (0, import_clsx.default)(className, prefixCls, {
           [`${prefixCls}-fixed`]: fixed
         })
-      }, otherProps),
-      renderLeft(),
-      /* @__PURE__ */ React.createElement("div", { className: (0, import_clsx.default)(`${prefixCls}-title`, "ellipsis") }, title),
-      renderRight()
+      }, otherProps), {
+        children: [
+          renderLeft(),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(`${prefixCls}-title`, "ellipsis"), children: title }),
+          renderRight()
+        ]
+      })
     );
   };
   const renderPlaceholder = () => {
     if (fixed && placeholder) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           className: `${prefixCls}-placeholder`,
@@ -130,7 +140,10 @@ const NavBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     }
     return null;
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, renderNavBar(), renderPlaceholder());
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    renderNavBar(),
+    renderPlaceholder()
+  ] });
 });
 NavBar.displayName = "BuiNavBar";
 var NavBar_default = NavBar;

package/dist/Picker/Picker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { PickerProps } from './Picker.types';
 import './Picker.less';
-declare const Picker: React.ForwardRefExoticComponent<Omit<PickerProps<"div", import("../Drawer").DrawerProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Picker: React.ForwardRefExoticComponent<Omit<PickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Picker;

package/dist/Picker/Picker.js

@@ -59,6 +59,7 @@ __export(Picker_exports, {
   default: () => Picker_default
 });
 module.exports = __toCommonJS(Picker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_Drawer = __toESM(require("../Drawer"));
@@ -228,9 +229,9 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
     },
     []
   );
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_Drawer.default,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       open,
       className: (0, import_clsx.default)(prefixCls, className),
@@ -238,63 +239,68 @@ const Picker = /* @__PURE__ */ import_react.default.forwardRef((props, ref) => {
       role: "dialog",
       "aria-modal": "true",
       "aria-label": title || "Picker"
-    }, others),
-    /* @__PURE__ */ import_react.default.createElement(
-      "div",
-      __spreadProps(__spreadValues({}, contentProps), {
-        className: (0, import_clsx.default)(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className)
-      }),
-      /* @__PURE__ */ import_react.default.createElement(
+    }, others), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "div",
-        {
-          className: `${prefixCls}-header`,
-          role: "toolbar",
-          "aria-label": "Toolbar"
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: `${prefixCls}-cancel`,
-            onClick: cancel,
-            "aria-label": "Cancel"
-          },
-          propCancelText || cancelText
-        ),
-        title && /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-title`, role: "heading", "aria-level": 2 }, title),
-        /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            className: (0, import_clsx.default)(`${prefixCls}-confirm`, {
-              [`${prefixCls}-confirm-disabled`]: disabled
-            }),
-            onClick: confirm,
-            "aria-label": "Confirm",
-            tabIndex: disabled ? -1 : 0
-          },
-          propConfirmText || confirmText
-        )
-      ),
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: `${prefixCls}-container`,
-          role: "listbox",
-          "aria-label": "Options"
-        },
-        columns.map((column, index) => /* @__PURE__ */ import_react.default.createElement(
-          import_PickerPanel.default,
-          {
-            ref: setRefs(index),
-            key: index,
-            options: column,
-            columnIndex: index,
-            value: internalValue == null ? void 0 : internalValue[index],
-            onSelect: handleSelect,
-            open
-          }
-        ))
+        __spreadProps(__spreadValues({}, contentProps), {
+          className: (0, import_clsx.default)(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "div",
+              {
+                className: `${prefixCls}-header`,
+                role: "toolbar",
+                "aria-label": "Toolbar",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      className: `${prefixCls}-cancel`,
+                      onClick: cancel,
+                      "aria-label": "Cancel",
+                      children: propCancelText || cancelText
+                    }
+                  ),
+                  title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-title`, role: "heading", "aria-level": 2, children: title }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "div",
+                    {
+                      className: (0, import_clsx.default)(`${prefixCls}-confirm`, {
+                        [`${prefixCls}-confirm-disabled`]: disabled
+                      }),
+                      onClick: confirm,
+                      "aria-label": "Confirm",
+                      tabIndex: disabled ? -1 : 0,
+                      children: propConfirmText || confirmText
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                className: `${prefixCls}-container`,
+                role: "listbox",
+                "aria-label": "Options",
+                children: columns.map((column, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_PickerPanel.default,
+                  {
+                    ref: setRefs(index),
+                    options: column,
+                    columnIndex: index,
+                    value: internalValue == null ? void 0 : internalValue[index],
+                    onSelect: handleSelect,
+                    open
+                  },
+                  index
+                ))
+              }
+            )
+          ]
+        })
       )
-    )
+    })
   );
 });
 Picker.displayName = "BuiPicker";

package/dist/Picker/PickerPanel.d.ts

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

package/dist/Picker/PickerPanel.js

@@ -1,6 +1,8 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -18,6 +20,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -56,6 +59,7 @@ __export(PickerPanel_exports, {
   default: () => PickerPanel_default
 });
 module.exports = __toCommonJS(PickerPanel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_clsx = __toESM(require("clsx"));
 var import_utils = require("@bifrostui/utils");
@@ -242,9 +246,9 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
         isMoving: isVerticalMoving.current
       })
     );
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: prefixCls,
         ref: pickerPanelRef,
         onTouchStart: panelTouchStart,
@@ -254,41 +258,44 @@ const PickerPanel = /* @__PURE__ */ import_react.default.forwardRef(
         "aria-label": "options",
         "aria-orientation": "vertical",
         tabIndex: 0
-      }, others),
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: `${prefixCls}-roller`,
-          style: {
-            transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
-            transform: `rotate3d(1, 0, 0, ${touchDeg})`
-          },
-          onTransitionEnd
-        },
-        options.map((item, i) => /* @__PURE__ */ import_react.default.createElement(
-          "div",
-          {
-            ref: (el) => {
-              if (i === 0 && !fitstOptionRef.current)
-                fitstOptionRef.current = el;
-            },
-            className: (0, import_clsx.default)(`${prefixCls}-option`, {
-              [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8,
-              [`${prefixCls}-option-disabled`]: item == null ? void 0 : item.disabled
-            }),
-            key: `${item == null ? void 0 : item.value}-${i}`,
-            style: {
-              transform: `rotate3d(1, 0, 0, ${-ROTATION * (i + 1)}deg) translate3d(0px, 0px, ${indicatorOffset}px)`
-            },
-            role: "option",
-            "aria-selected": item.value === value,
-            "aria-disabled": !!(item == null ? void 0 : item.disabled)
-          },
-          item == null ? void 0 : item.label
-        ))
-      ),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-mask` }),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefixCls}-indicator` })
+      }, others), {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: `${prefixCls}-roller`,
+              style: {
+                transition: `transform ${touchTime}ms cubic-bezier(0.17, 0.89, 0.45, 1)`,
+                transform: `rotate3d(1, 0, 0, ${touchDeg})`
+              },
+              onTransitionEnd,
+              children: options.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  ref: (el) => {
+                    if (i === 0 && !fitstOptionRef.current)
+                      fitstOptionRef.current = el;
+                  },
+                  className: (0, import_clsx.default)(`${prefixCls}-option`, {
+                    [`${prefixCls}-option-hidden`]: i + 1 <= currIndex - 8 || i + 1 >= currIndex + 8,
+                    [`${prefixCls}-option-disabled`]: item == null ? void 0 : item.disabled
+                  }),
+                  style: {
+                    transform: `rotate3d(1, 0, 0, ${-ROTATION * (i + 1)}deg) translate3d(0px, 0px, ${indicatorOffset}px)`
+                  },
+                  role: "option",
+                  "aria-selected": item.value === value,
+                  "aria-disabled": !!(item == null ? void 0 : item.disabled),
+                  children: item == null ? void 0 : item.label
+                },
+                `${item == null ? void 0 : item.value}-${i}`
+              ))
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-mask` }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${prefixCls}-indicator` })
+        ]
+      })
     );
   }
 );

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

@@ -1,2 +1 @@
-import * as React from 'react';
-export declare const CalendarDemo: () => React.JSX.Element;
+export declare const CalendarDemo: () => import("react/jsx-runtime").JSX.Element;