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

package/es/List/ListItemHeader.js

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,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)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import "./ListItemHeader.css";
@@ -41,7 +45,7 @@ const ListItemHeader = /* @__PURE__ */ React.forwardRef(
       "className",
       "component"
     ]);
-    return /* @__PURE__ */ React.createElement(Component, __spreadValues({ className: clsx(prefixCls, className), ref }, others), children);
+    return /* @__PURE__ */ jsx(Component, __spreadProps(__spreadValues({ className: clsx(prefixCls, className), ref }, others), { children }));
   }
 );
 ListItemHeader.displayName = "BuiListItemHeader";

package/es/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/es/Loading/Loading.js

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,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)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import clsx from "clsx";
 import { LoadingThreeQuartersOutlinedIcon } from "@bifrostui/icons";
@@ -46,21 +50,24 @@ const Loading = /* @__PURE__ */ React.forwardRef((props, ref) => {
     "direction"
   ]);
   const renderIcon = () => {
-    return icon != null ? icon : /* @__PURE__ */ React.createElement(
+    return icon != null ? icon : /* @__PURE__ */ jsx(
       LoadingThreeQuartersOutlinedIcon,
       __spreadValues({
         className: clsx(`${prefixCls}-icon`)
       }, IconProps)
     );
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       className: clsx(prefixCls, className, `${prefixCls}-${direction}`)
-    }, otherProps),
-    renderIcon(),
-    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-text` }, children)
+    }, otherProps), {
+      children: [
+        renderIcon(),
+        /* @__PURE__ */ jsx("div", { className: `${prefixCls}-text`, children })
+      ]
+    })
   );
 });
 Loading.displayName = "BuiLoading";

package/es/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/es/Modal/Modal.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import Backdrop from "../Backdrop";
@@ -103,7 +104,10 @@ const Modal = /* @__PURE__ */ React.forwardRef((props, ref) => {
     }
     return children;
   };
-  return /* @__PURE__ */ React.createElement(Portal, { container, disablePortal, ref: portalRef }, /* @__PURE__ */ React.createElement("div", __spreadValues({}, rootProps), !hideBackdrop && /* @__PURE__ */ React.createElement(Backdrop, __spreadValues({}, backdropProps)), renderChildren()));
+  return /* @__PURE__ */ jsx(Portal, { container, disablePortal, ref: portalRef, children: /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({}, rootProps), { children: [
+    !hideBackdrop && /* @__PURE__ */ jsx(Backdrop, __spreadValues({}, backdropProps)),
+    renderChildren()
+  ] })) });
 });
 Modal.displayName = "BuiModal";
 var Modal_default = Modal;

package/es/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>, "open" | "container" | keyof import("@bifrostui/types").ICommonProps | "disablePortal" | "hideBackdrop" | "BackdropProps" | "onClose" | "disableScrollLock" | "keepMounted">, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Modal;

package/es/Modal/Modal.miniapp.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import * as React from "react";
 import { View } from "@tarojs/components";
@@ -104,18 +105,20 @@ const Modal = /* @__PURE__ */ React.forwardRef(
       }
       return children;
     };
-    return /* @__PURE__ */ React.createElement(Portal, { container, disablePortal }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(Portal, { container, disablePortal, children: /* @__PURE__ */ jsxs(
       View,
       __spreadProps(__spreadValues({
         catchMove: !disableScrollLock
       }, rootProps), {
         onClick: (event) => {
           onClick == null ? void 0 : onClick(event);
-        }
-      }),
-      !hideBackdrop && /* @__PURE__ */ React.createElement(Backdrop, __spreadValues({}, backdropProps)),
-      renderChildren()
-    ));
+        },
+        children: [
+          !hideBackdrop && /* @__PURE__ */ jsx(Backdrop, __spreadValues({}, backdropProps)),
+          renderChildren()
+        ]
+      })
+    ) });
   }
 );
 Modal.displayName = "BuiModal";

package/es/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/es/Modal/__tests__/fixtures/A11yDemos.js

@@ -1,16 +1,16 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import Modal from "../../Modal";
 const basicModalDemo = () => {
-  return /* @__PURE__ */ React.createElement(Modal, { open: true, disablePortal: true }, "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B");
+  return /* @__PURE__ */ jsx(Modal, { open: true, disablePortal: true, children: "\u8FD9\u662F\u4E00\u4E2A\u57FA\u7840\u7684 Modal \u7EC4\u4EF6\u793A\u4F8B" });
 };
 const keepMountedDemo = () => {
-  return /* @__PURE__ */ React.createElement(Modal, { disablePortal: true, keepMounted: true }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(Modal, { disablePortal: true, keepMounted: true, children: /* @__PURE__ */ 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"
+    }
+  ) });
 };
 export {
   basicModalDemo,

package/es/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/es/NavBar/NavBar.js

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,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)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import clsx from "clsx";
 import { useForkRef, useSize } from "@bifrostui/utils";
@@ -62,35 +66,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__ */ jsx(
         ArrowBackwardLargeIcon,
         __spreadValues({
           className: clsx(`${prefixCls}-icon`)
         }, IconProps)
       );
     }
-    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-left`, onClick: onClickLeft }, icon, left);
+    return /* @__PURE__ */ jsxs("div", { className: `${prefixCls}-left`, onClick: onClickLeft, children: [
+      icon,
+      left
+    ] });
   };
   const renderRight = () => {
-    return /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-right` }, right);
+    return /* @__PURE__ */ jsx("div", { className: `${prefixCls}-right`, children: right });
   };
   const renderNavBar = () => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         ref: handleForkRef,
         className: clsx(className, prefixCls, {
           [`${prefixCls}-fixed`]: fixed
         })
-      }, otherProps),
-      renderLeft(),
-      /* @__PURE__ */ React.createElement("div", { className: clsx(`${prefixCls}-title`, "ellipsis") }, title),
-      renderRight()
+      }, otherProps), {
+        children: [
+          renderLeft(),
+          /* @__PURE__ */ jsx("div", { className: clsx(`${prefixCls}-title`, "ellipsis"), children: title }),
+          renderRight()
+        ]
+      })
     );
   };
   const renderPlaceholder = () => {
     if (fixed && placeholder) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         "div",
         {
           className: `${prefixCls}-placeholder`,
@@ -100,7 +110,10 @@ const NavBar = /* @__PURE__ */ React.forwardRef((props, ref) => {
     }
     return null;
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, renderNavBar(), renderPlaceholder());
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderNavBar(),
+    renderPlaceholder()
+  ] });
 });
 NavBar.displayName = "BuiNavBar";
 var NavBar_default = NavBar;

package/es/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/es/Picker/Picker.js

@@ -29,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef, useState, useCallback } from "react";
 import clsx from "clsx";
 import Drawer from "../Drawer";
@@ -198,9 +199,9 @@ const Picker = /* @__PURE__ */ React.forwardRef((props, ref) => {
     },
     []
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Drawer,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       open,
       className: clsx(prefixCls, className),
@@ -208,63 +209,68 @@ const Picker = /* @__PURE__ */ React.forwardRef((props, ref) => {
       role: "dialog",
       "aria-modal": "true",
       "aria-label": title || "Picker"
-    }, others),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      __spreadProps(__spreadValues({}, contentProps), {
-        className: clsx(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className)
-      }),
-      /* @__PURE__ */ React.createElement(
+    }, others), {
+      children: /* @__PURE__ */ jsxs(
         "div",
-        {
-          className: `${prefixCls}-header`,
-          role: "toolbar",
-          "aria-label": "Toolbar"
-        },
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: `${prefixCls}-cancel`,
-            onClick: cancel,
-            "aria-label": "Cancel"
-          },
-          propCancelText || cancelText
-        ),
-        title && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-title`, role: "heading", "aria-level": 2 }, title),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: clsx(`${prefixCls}-confirm`, {
-              [`${prefixCls}-confirm-disabled`]: disabled
-            }),
-            onClick: confirm,
-            "aria-label": "Confirm",
-            tabIndex: disabled ? -1 : 0
-          },
-          propConfirmText || confirmText
-        )
-      ),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: `${prefixCls}-container`,
-          role: "listbox",
-          "aria-label": "Options"
-        },
-        columns.map((column, index) => /* @__PURE__ */ React.createElement(
-          PickerPanel,
-          {
-            ref: setRefs(index),
-            key: index,
-            options: column,
-            columnIndex: index,
-            value: internalValue == null ? void 0 : internalValue[index],
-            onSelect: handleSelect,
-            open
-          }
-        ))
+        __spreadProps(__spreadValues({}, contentProps), {
+          className: clsx(`${prefixCls}-content`, contentProps == null ? void 0 : contentProps.className),
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `${prefixCls}-header`,
+                role: "toolbar",
+                "aria-label": "Toolbar",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: `${prefixCls}-cancel`,
+                      onClick: cancel,
+                      "aria-label": "Cancel",
+                      children: propCancelText || cancelText
+                    }
+                  ),
+                  title && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-title`, role: "heading", "aria-level": 2, children: title }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: clsx(`${prefixCls}-confirm`, {
+                        [`${prefixCls}-confirm-disabled`]: disabled
+                      }),
+                      onClick: confirm,
+                      "aria-label": "Confirm",
+                      tabIndex: disabled ? -1 : 0,
+                      children: propConfirmText || confirmText
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `${prefixCls}-container`,
+                role: "listbox",
+                "aria-label": "Options",
+                children: columns.map((column, index) => /* @__PURE__ */ jsx(
+                  PickerPanel,
+                  {
+                    ref: setRefs(index),
+                    options: column,
+                    columnIndex: index,
+                    value: internalValue == null ? void 0 : internalValue[index],
+                    onSelect: handleSelect,
+                    open
+                  },
+                  index
+                ))
+              }
+            )
+          ]
+        })
       )
-    )
+    })
   );
 });
 Picker.displayName = "BuiPicker";

package/es/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/es/Picker/PickerPanel.js

@@ -1,4 +1,6 @@
 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;
@@ -14,6 +16,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)
@@ -26,6 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import React, {
   useEffect,
   useState,
@@ -223,9 +227,9 @@ const PickerPanel = /* @__PURE__ */ React.forwardRef(
         isMoving: isVerticalMoving.current
       })
     );
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
-      __spreadValues({
+      __spreadProps(__spreadValues({
         className: prefixCls,
         ref: pickerPanelRef,
         onTouchStart: panelTouchStart,
@@ -235,41 +239,44 @@ const PickerPanel = /* @__PURE__ */ React.forwardRef(
         "aria-label": "options",
         "aria-orientation": "vertical",
         tabIndex: 0
-      }, others),
-      /* @__PURE__ */ React.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__ */ React.createElement(
-          "div",
-          {
-            ref: (el) => {
-              if (i === 0 && !fitstOptionRef.current)
-                fitstOptionRef.current = el;
-            },
-            className: clsx(`${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__ */ React.createElement("div", { className: `${prefixCls}-mask` }),
-      /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-indicator` })
+      }, others), {
+        children: [
+          /* @__PURE__ */ 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__ */ jsx(
+                "div",
+                {
+                  ref: (el) => {
+                    if (i === 0 && !fitstOptionRef.current)
+                      fitstOptionRef.current = el;
+                  },
+                  className: clsx(`${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__ */ jsx("div", { className: `${prefixCls}-mask` }),
+          /* @__PURE__ */ jsx("div", { className: `${prefixCls}-indicator` })
+        ]
+      })
     );
   }
 );

package/es/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;

package/es/Picker/__tests__/fixtures/A11yDemos.js

@@ -1,7 +1,7 @@
-import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import Picker from "../../Picker";
 const CalendarDemo = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Picker,
     {
       open: true,

package/es/Popover/Popover.d.ts

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