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

package/es/Radio/Radio.js

@@ -29,9 +29,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { isAlipay, useValue } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { forwardRef, useContext } from "react";
+import { forwardRef, useContext } from "react";
 import RadioButtonIcon from "./RadioButtonIcon";
 import RadioContext from "./RadioContext";
 import "./index.css";
@@ -85,8 +86,8 @@ const Radio = forwardRef((props, ref) => {
   if (groupContext && !value) {
     console.error("RadioGroup\u6A21\u5F0F\u4E0BRadio\u987B\u4F20\u5165value\u5C5E\u6027");
   }
-  const radioCheckIcon = checkedIcon || /* @__PURE__ */ React.createElement(RadioButtonIcon, { checked: true });
-  const radioUncheckIcon = icon || /* @__PURE__ */ React.createElement(RadioButtonIcon, { checked: false });
+  const radioCheckIcon = checkedIcon || /* @__PURE__ */ jsx(RadioButtonIcon, { checked: true });
+  const radioUncheckIcon = icon || /* @__PURE__ */ jsx(RadioButtonIcon, { checked: false });
   const radioDisabled = disabled !== void 0 ? disabled : (groupContext == null ? void 0 : groupContext.disabled) || false;
   const changeAction = (e, isChecked) => {
     var _a2;
@@ -106,7 +107,7 @@ const Radio = forwardRef((props, ref) => {
     changeAction(e, true);
     (_a2 = inputProps == null ? void 0 : inputProps.onChange) == null ? void 0 : _a2.call(inputProps, e);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     __spreadProps(__spreadValues({
       ref,
@@ -127,24 +128,26 @@ const Radio = forwardRef((props, ref) => {
         if (isAlipay) {
           handleChange(e);
         }
-      }
-    }),
-    /* @__PURE__ */ React.createElement(
-      "input",
-      __spreadProps(__spreadValues(__spreadValues({
-        ref: inputRef,
-        type: "radio",
-        value,
-        name,
-        checked: radioChecked,
-        disabled: radioDisabled
-      }, ariaProps), inputProps), {
-        onChange: handleChange,
-        className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
-      })
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-icon` }, radioChecked ? radioCheckIcon : radioUncheckIcon),
-    children && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls}-label` }, children)
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          __spreadProps(__spreadValues(__spreadValues({
+            ref: inputRef,
+            type: "radio",
+            value,
+            name,
+            checked: radioChecked,
+            disabled: radioDisabled
+          }, ariaProps), inputProps), {
+            onChange: handleChange,
+            className: clsx(`${prefixCls}-input`, inputProps == null ? void 0 : inputProps.className)
+          })
+        ),
+        /* @__PURE__ */ jsx("div", { className: `${prefixCls}-icon`, children: radioChecked ? radioCheckIcon : radioUncheckIcon }),
+        children && /* @__PURE__ */ jsx("div", { className: `${prefixCls}-label`, children })
+      ]
+    })
   );
 });
 Radio.displayName = "BuiRadio";

package/es/Radio/RadioButtonIcon.d.ts

@@ -1,7 +1,6 @@
 import { ISvgIconProps } from '@bifrostui/icons';
-import * as React from 'react';
 export interface IRadioButtonIconProps extends ISvgIconProps {
     checked: boolean;
 }
-declare function RadioButtonIcon(props: IRadioButtonIconProps): React.JSX.Element;
+declare function RadioButtonIcon(props: IRadioButtonIconProps): import("react/jsx-runtime").JSX.Element;
 export default RadioButtonIcon;

package/es/Radio/RadioButtonIcon.js

@@ -1,9 +1,9 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   CircleOutlinedIcon as RadioButtonUncheckedIcon,
   RadioCheckedFilledIcon as RadioButtonCheckedIcon
 } from "@bifrostui/icons";
 import clsx from "clsx";
-import * as React from "react";
 const prefixCls = "bui-radio-btn-icon";
 function RadioButtonIcon(props) {
   const {
@@ -12,31 +12,33 @@ function RadioButtonIcon(props) {
     color,
     htmlColor = "var(--bui-color-fg-subtle)"
   } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "span",
     {
       className: clsx(prefixCls, {
         [`${prefixCls}-checked`]: checked
-      })
-    },
-    /* @__PURE__ */ React.createElement(
-      RadioButtonUncheckedIcon,
-      {
-        size,
-        color: checked ? "primary" : color,
-        htmlColor,
-        className: `${prefixCls}-outline`
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      RadioButtonCheckedIcon,
-      {
-        size,
-        color: checked ? "primary" : color,
-        htmlColor,
-        className: `${prefixCls}-contained`
-      }
-    )
+      }),
+      children: [
+        /* @__PURE__ */ jsx(
+          RadioButtonUncheckedIcon,
+          {
+            size,
+            color: checked ? "primary" : color,
+            htmlColor,
+            className: `${prefixCls}-outline`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RadioButtonCheckedIcon,
+          {
+            size,
+            color: checked ? "primary" : color,
+            htmlColor,
+            className: `${prefixCls}-contained`
+          }
+        )
+      ]
+    }
   );
 }
 var RadioButtonIcon_default = RadioButtonIcon;

package/es/Radio/RadioGroup.d.ts

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

package/es/Radio/RadioGroup.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,9 +29,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import { useValue } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import { RadioContextProvider } from "./RadioContext";
 import "./index.css";
 const prefixCls = "bui-radio-group";
@@ -56,7 +60,7 @@ const RadioGroup = forwardRef((props, ref) => {
   const select = (e, v) => {
     triggerChange(e, v);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     RadioContextProvider,
     {
       value: {
@@ -64,9 +68,9 @@ const RadioGroup = forwardRef((props, ref) => {
         value: groupValue,
         select,
         disabled
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: clsx(prefixCls, className) }, others), children)
+      },
+      children: /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({ ref, className: clsx(prefixCls, className) }, others), { children }))
+    }
   );
 });
 RadioGroup.displayName = "BuiRadioGroup";

package/es/Radio/__tests__/fixtures/A11yDemos.d.ts

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

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

@@ -1,13 +1,19 @@
-import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import Radio from "../../Radio";
 const basicRadioDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Radio, { checked: true }), "Radio"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    /* @__PURE__ */ jsx(Radio, { checked: true }),
+    "Radio"
+  ] }) });
 };
 const disabledRadioDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", null, /* @__PURE__ */ React.createElement(Radio, { disabled: true }), "Radio"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("label", { children: [
+    /* @__PURE__ */ jsx(Radio, { disabled: true }),
+    "Radio"
+  ] }) });
 };
 const ariaLabelRadioDemo = () => {
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Radio, { inputProps: { "aria-label": "\u5355\u9009\u6846" } }, "Radio"));
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Radio, { inputProps: { "aria-label": "\u5355\u9009\u6846" }, children: "Radio" }) });
 };
 var A11yDemos_default = {
   basicRadioDemo,

package/es/Rating/Rating.d.ts

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

package/es/Rating/Rating.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,10 +29,11 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx, jsxs } from "react/jsx-runtime";
 import { StarFilledIcon } from "@bifrostui/icons";
 import { useValue } from "@bifrostui/utils";
 import clsx from "clsx";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import "./index.css";
 const classes = {
   root: "bui-rating",
@@ -42,8 +46,8 @@ const Rating = forwardRef((props, ref) => {
     size = "medium",
     defaultValue,
     allowHalf = false,
-    icon = /* @__PURE__ */ React.createElement(StarFilledIcon, { color: "disabled" }),
-    checkedIcon = /* @__PURE__ */ React.createElement(StarFilledIcon, { color: "warning" }),
+    icon = /* @__PURE__ */ jsx(StarFilledIcon, { color: "disabled" }),
+    checkedIcon = /* @__PURE__ */ jsx(StarFilledIcon, { color: "warning" }),
     count = 5,
     readOnly = false,
     disabled = false,
@@ -83,7 +87,7 @@ const Rating = forwardRef((props, ref) => {
   };
   const renderItem = (v, half) => {
     const isActive = +rateValue >= v;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: clsx(classes.item, {
@@ -91,26 +95,28 @@ const Rating = forwardRef((props, ref) => {
           [`${classes.item}-half`]: half,
           [`${classes.item}-readonly`]: readOnly
         }),
-        onClick: (e) => handleChange(e, v)
-      },
-      !readOnly && /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          name,
-          type: "radio",
-          checked: rateValue === v,
-          disabled,
-          value: v,
-          onChange: (e) => handleChange(e, v),
-          className: `${classes.item}-input`
-        }
-      ),
-      isActive ? checkedIcon : icon
+        onClick: (e) => handleChange(e, v),
+        children: [
+          !readOnly && /* @__PURE__ */ jsx(
+            "input",
+            {
+              name,
+              type: "radio",
+              checked: rateValue === v,
+              disabled,
+              value: v,
+              onChange: (e) => handleChange(e, v),
+              className: `${classes.item}-input`
+            }
+          ),
+          isActive ? checkedIcon : icon
+        ]
+      }
     );
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
-    __spreadValues({
+    __spreadProps(__spreadValues({
       className: clsx(
         classes.root,
         {
@@ -119,18 +125,21 @@ const Rating = forwardRef((props, ref) => {
         className
       ),
       ref
-    }, others),
-    rateItemList.map((_, i) => /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        key: i,
-        className: clsx(classes.container, {
-          [`${classes.container}-${size}`]: size
-        })
-      },
-      allowHalf && renderItem(i + 0.5, allowHalf),
-      renderItem(i + 1)
-    ))
+    }, others), {
+      children: rateItemList.map((_, i) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx(classes.container, {
+            [`${classes.container}-${size}`]: size
+          }),
+          children: [
+            allowHalf && renderItem(i + 0.5, allowHalf),
+            renderItem(i + 1)
+          ]
+        },
+        i
+      ))
+    })
   );
 });
 Rating.displayName = "BuiRating";

package/es/ScrollView/ScrollView.d.ts

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

package/es/ScrollView/ScrollView.js

@@ -29,8 +29,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import "./index.css";
 import { useScrollView } from "./useScrollView";
 const classes = {
@@ -68,7 +69,7 @@ const ScrollView = forwardRef(
       style,
       className: cls
     });
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({}, rootProps), children);
+    return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, rootProps), { children }));
   }
 );
 ScrollView.displayName = "BuiScrollView";