@oceanbase/design 1.0.0-alpha.2 → 1.0.0-alpha.21

package/es/modal/Modal.js

@@ -1,35 +1,77 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["extra", "footer", "prefixCls", "className"];
+var _excluded = ["title", "extra", "footer", "document", "prefixCls", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Modal as AntModal } from 'antd';
+import { ExclamationCircleOutlined, CloseCircleOutlined, CheckCircleOutlined, InfoCircleOutlined } from '@oceanbase/icons';
 import classNames from 'classnames';
-import React, { useContext } from 'react';
+import React, { useContext, useMemo } from 'react';
 import ConfigProvider from "../config-provider";
 import Space from "../space";
 import { modal } from "../static-function";
+import { Document } from "../_util";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Modal = function Modal(_ref) {
-  var extra = _ref.extra,
+  var _contextLocale$global;
+  var title = _ref.title,
+    extra = _ref.extra,
     footer = _ref.footer,
+    document = _ref.document,
     customizePrefixCls = _ref.prefixCls,
     className = _ref.className,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useContext = useContext(ConfigProvider.ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
+    getPrefixCls = _useContext.getPrefixCls,
+    contextLocale = _useContext.locale;
   var prefixCls = getPrefixCls('modal', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
-  var modalCls = classNames(className);
-  return wrapSSR( /*#__PURE__*/_jsx(AntModal, _objectSpread({
-    destroyOnClose: true
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
+  var viewDocument = contextLocale === null || contextLocale === void 0 || (_contextLocale$global = contextLocale.global) === null || _contextLocale$global === void 0 ? void 0 : _contextLocale$global.viewDocument;
+  var modalTitle = useMemo(function () {
+    if (!title && !document) {
+      return title;
+    }
+    if (!title) {
+      return null;
+    }
+    if (!document) {
+      return title;
+    }
+    return /*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefixCls, "-title-wrapper"),
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "".concat(prefixCls, "-title-content"),
+        children: title
+      }), /*#__PURE__*/_jsx(Document, {
+        document: document,
+        prefixCls: prefixCls,
+        viewDocument: viewDocument
+      })]
+    });
+  }, [title, document, prefixCls, viewDocument]);
+  var modalCls = classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-no-title"), !title && !document), "".concat(prefixCls, "-no-footer"), footer === false || footer === null), className);
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntModal, _objectSpread({
+    destroyOnClose: true,
+    title: modalTitle
     // convert false to null to hide .ant-modal-footer dom
     // ref: https://github.com/ant-design/ant-design/blob/master/components/modal/Modal.tsx#L105
     ,
@@ -52,22 +94,35 @@ var Modal = function Modal(_ref) {
 // 替换 Modal 上的静态方法，支持消费 ConfigProvider 配置
 // 注意: 不能使用 Modal.info = modal.info 进行属性赋值，需要新建函数赋值，否则仍然无法消费 ConfigProvider 配置
 Modal.info = function (props) {
-  return modal.info(props);
+  return modal.info(_objectSpread({
+    // use outlined icon
+    icon: /*#__PURE__*/_jsx(InfoCircleOutlined, {})
+  }, props));
 };
 Modal.success = function (props) {
-  return modal.success(props);
+  return modal.success(_objectSpread({
+    icon: /*#__PURE__*/_jsx(CheckCircleOutlined, {})
+  }, props));
 };
 Modal.error = function (props) {
-  return modal.error(props);
+  return modal.error(_objectSpread({
+    icon: /*#__PURE__*/_jsx(CloseCircleOutlined, {})
+  }, props));
 };
 Modal.warning = function (props) {
-  return modal.warning(props);
+  return modal.warning(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.warn = function (props) {
-  return modal.warning(props);
+  return modal.warning(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.confirm = function (props) {
-  return modal.confirm(props);
+  return modal.confirm(_objectSpread({
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {})
+  }, props));
 };
 Modal.useModal = AntModal.useModal;
 Modal.destroyAll = AntModal.destroyAll;

package/es/modal/Progress.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["prefixCls", "className", "width", "maskClosable", "loading", "progress", "description", "footer"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/es/modal/index.js

@@ -1,3 +1,4 @@
+"use client";
 import Progress from "./Progress";
 import OriginModal from "./Modal";
 export * from 'antd/es/modal';

package/es/modal/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type ModalToken = FullToken<'Modal'>;
 export declare const genModalStyle: GenerateStyle<ModalToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/es/modal/style/index.js

@@ -2,25 +2,78 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genStyleHooks } from "../../_util/genComponentStyleHook";
 export var genModalStyle = function genModalStyle(token) {
   var antCls = token.antCls,
+    iconCls = token.iconCls,
     componentCls = token.componentCls,
-    marginXXS = token.marginXXS,
     marginLG = token.marginLG,
-    paddingMD = token.paddingMD,
-    borderRadius = token.borderRadius,
-    controlHeight = token.controlHeight,
     fontSizeHeading5 = token.fontSizeHeading5,
-    lineHeightHeading5 = token.lineHeightHeading5;
+    lineHeightHeading5 = token.lineHeightHeading5,
+    fontSizeHeading3 = token.fontSizeHeading3,
+    colorSplit = token.colorSplit,
+    calc = token.calc;
   var top = 100;
   var bottom = 100;
-  var titleHeight = fontSizeHeading5 * lineHeightHeading5;
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-confirm)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), {
-    marginBottom: marginLG
-  }), "".concat(componentCls, "-footer"), _defineProperty({
-    marginTop: marginLG
-  }, "".concat(componentCls, "-footer-content"), _defineProperty({
+  var titleHeight = calc(fontSizeHeading5).mul(lineHeightHeading5).equal();
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, ":not(").concat(componentCls, "-confirm):not(").concat(componentCls, "-progress)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
+    paddingBlock: token.padding
+  }, "".concat(componentCls, "-close"), {
+    marginTop: token.marginXXS,
+    marginRight: token.marginXXS
+  }), "".concat(componentCls, "-header"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    marginBottom: 0,
+    paddingBottom: token.padding
+  }, "".concat(componentCls, "-title"), _defineProperty({
+    fontSize: fontSizeHeading3
+  }, iconCls, {
+    fontSize: token.fontSizeLG
+  })), "".concat(componentCls, "-title-wrapper"), {
+    display: 'flex',
+    alignItems: 'center'
+  }), "".concat(componentCls, "-title-content"), {
+    lineHeight: token.lineHeightLG,
+    marginInlineEnd: token.marginXS
+  }), "".concat(componentCls, "-document-divider"), {
+    marginInline: 0,
+    height: token.size
+  }), "".concat(componentCls, "-document-icon"), {
+    display: 'inline-block',
+    color: token.colorIcon,
+    fontSize: token.fontSizeLG,
+    cursor: 'pointer',
+    '&:hover': {
+      color: token.colorLinkHover
+    },
+    '&:active': {
+      color: token.colorLinkActive
+    }
+  }), "".concat(componentCls, "-document-default-icon"), {
+    marginBottom: -2
+  }), '&::after', {
+    content: '""',
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: '1px',
+    backgroundColor: colorSplit,
+    // antd Modal content默认padding通常是24px，使用负margin让分割线贯通
+    // 如果antd使用其他padding值，可能需要调整
+    marginLeft: calc(token.paddingLG).mul(-1).equal(),
+    marginRight: calc(token.paddingLG).mul(-1).equal()
+  })), "".concat(componentCls, "-body"), {
+    marginInline: calc(token.marginLG).mul(-1).equal(),
+    paddingInline: token.paddingLG,
+    paddingBlock: token.paddingLG
+  })), "".concat(componentCls, "-footer"), _defineProperty(_defineProperty({
+    paddingTop: token.padding,
+    marginTop: 0
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  }), "".concat(componentCls, "-footer-content"), _defineProperty({
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center'
@@ -28,13 +81,20 @@ export var genModalStyle = function genModalStyle(token) {
     marginInlineEnd: token.margin,
     // make extra align to start
     textAlign: 'start'
-  })))), "".concat(componentCls).concat(componentCls, "-progress"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty({
-    padding: "".concat(token.paddingXL + token.padding, "px ").concat(token.paddingLG + token.padding, "px")
-  }, "".concat(componentCls, "-header"), _defineProperty({
+  }))), "&".concat(componentCls, "-no-title"), _defineProperty({}, "".concat(componentCls, "-content"), {
+    paddingBlockStart: 0
+  })), "&".concat(componentCls).concat(componentCls, "-no-footer"), _defineProperty({}, "".concat(componentCls, "-content"), {
+    paddingBlockEnd: 0
+  }))), "".concat(componentCls).concat(componentCls, "-progress"), _defineProperty({}, "".concat(componentCls, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    padding: token.paddingLG
+  }, "".concat(componentCls, "-close"), {
+    marginTop: token.marginSM,
+    marginRight: token.marginXXS
+  }), "".concat(componentCls, "-header"), _defineProperty({
     textAlign: 'center',
     marginBottom: token.marginXXL
   }, "".concat(componentCls, "-title"), {
-    fontSize: token.fontSizeHeading4
+    fontSize: fontSizeHeading3
   })), "".concat(componentCls, "-body"), _defineProperty(_defineProperty(_defineProperty({
     textAlign: 'center'
   }, "".concat(componentCls, "-progress-loading"), {
@@ -45,18 +105,28 @@ export var genModalStyle = function genModalStyle(token) {
     color: token.colorTextTertiary
   }), "".concat(antCls, "-alert"), {
     textAlign: 'left'
-  })), "".concat(componentCls, "-footer"), {
+  })), "".concat(componentCls, "-footer"), _defineProperty({
     textAlign: 'center'
-  }))), "".concat(componentCls, "-confirm"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body ").concat(componentCls, "-confirm-title +").concat(componentCls, "-confirm-content"), {
-    marginBlockStart: marginXXS,
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  })))), "".concat(componentCls, "-confirm"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-content"), {
+    padding: token.paddingLG
+  }), "".concat(componentCls, "-body"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-confirm-title"), {
+    fontSize: fontSizeHeading3
+  }), "".concat(componentCls, "-confirm-body > ").concat(token.iconCls), {
+    height: calc(token.fontSizeHeading3).mul(token.lineHeight).equal()
+  }), "".concat(componentCls, "-confirm-paragraph"), {
+    rowGap: token.marginSM
+  }), "".concat(componentCls, "-confirm-content"), {
     color: token.colorTextSecondary
-  }), "".concat(componentCls, "-confirm-btns"), {
+  }), "".concat(componentCls, "-confirm-btns"), _defineProperty({
     marginTop: marginLG
-  }));
+  }, "".concat(antCls, "-btn"), {
+    height: 28,
+    minHeight: 28
+  }))));
 };
-export default (function (prefixCls) {
-  var useStyle = genComponentStyleHook('Modal', function (token) {
-    return [genModalStyle(token)];
-  });
-  return useStyle(prefixCls);
+export default genStyleHooks('Modal', function (token) {
+  return [genModalStyle(token)];
 });

package/es/notification/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/notification';

package/es/pagination/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/pagination';

package/es/popconfirm/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/popconfirm';

package/es/popover/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/popover';

package/es/progress/index.js

@@ -1,2 +1,3 @@
+"use client";
 export * from 'antd/es/progress/progress';
 export * from 'antd/es/progress';

package/es/qrcode/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/qrcode';

package/es/radio/RadioButton.d.ts

@@ -0,0 +1,8 @@
+import type { RadioButtonProps as AntRadioButtonProps } from 'antd/es/radio/radioButton';
+import type { RadioRef } from 'antd/es/radio';
+import React from 'react';
+export interface RadioButtonProps extends AntRadioButtonProps {
+    icon?: React.ReactNode;
+}
+declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioRef>>;
+export default RadioButton;

package/es/radio/RadioButton.js

@@ -0,0 +1,42 @@
+"use client";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["prefixCls", "className", "icon", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Radio as AntRadio } from 'antd';
+import classNames from 'classnames';
+import React, { useContext } from 'react';
+import ConfigProvider from "../config-provider";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var RadioButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    icon = _ref.icon,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('radio', customizePrefixCls);
+  var hasChildren = React.Children.count(children) > 0;
+  var isIconOnly = icon && !hasChildren;
+  var buttonPrefixCls = "".concat(prefixCls, "-button");
+  var buttonCls = classNames(_defineProperty(_defineProperty({}, "".concat(buttonPrefixCls, "-wrapper-with-icon"), !!icon), "".concat(buttonPrefixCls, "-wrapper-icon-only"), isIconOnly), className);
+  return /*#__PURE__*/_jsx(AntRadio.Button, _objectSpread(_objectSpread({
+    ref: ref,
+    prefixCls: customizePrefixCls,
+    className: buttonCls
+  }, restProps), {}, {
+    children: icon ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [icon, children]
+    }) : children
+  }));
+});
+RadioButton.displayName = 'Radio.Button';
+export default RadioButton;

package/es/radio/index.d.ts

@@ -1,8 +1,12 @@
 import type { RadioProps as AntRadioProps, RadioRef } from 'antd/es/radio';
 import React from 'react';
+import RadioButton from './RadioButton';
 export * from 'antd/es/radio';
+export type { RadioButtonProps } from './RadioButton';
 declare const Radio: React.ForwardRefExoticComponent<AntRadioProps & React.RefAttributes<RadioRef>> & {
     Group: React.NamedExoticComponent<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
     Button: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<RadioRef>>;
+} & {
+    Button: typeof RadioButton;
 };
 export default Radio;

package/es/radio/index.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["prefixCls", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -5,12 +6,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { Radio as AntRadio } from 'antd';
 import classNames from 'classnames';
 import React, { useContext } from 'react';
 import ConfigProvider from "../config-provider";
+import RadioButton from "./RadioButton";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export * from 'antd/es/radio';
@@ -22,16 +30,17 @@ var InternalRadio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     getPrefixCls = _useContext.getPrefixCls;
   var prefixCls = getPrefixCls('radio', customizePrefixCls);
   var _useStyle = useStyle(prefixCls),
-    wrapSSR = _useStyle.wrapSSR;
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   var radioCls = classNames(className);
-  return wrapSSR( /*#__PURE__*/_jsx(AntRadio, _objectSpread({
+  return wrapCSSVar( /*#__PURE__*/_jsx(AntRadio, _objectSpread({
     ref: ref,
     prefixCls: customizePrefixCls,
     className: radioCls
   }, restProps)));
 });
 var Radio = InternalRadio;
-Radio.Button = AntRadio.Button;
+Radio.Button = RadioButton;
 Radio.Group = AntRadio.Group;
 // @ts-ignore
 Radio.__ANT_RADIO = AntRadio.__ANT_RADIO;

package/es/radio/style/index.d.ts

@@ -1,9 +1,6 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from 'antd/es/theme/internal';
+import type { FullToken, GenerateStyle } from '../../theme/interface';
 export type RadioToken = FullToken<'Radio'>;
 export declare const genRadioStyle: GenerateStyle<RadioToken>;
-declare const _default: (prefixCls: string) => {
-    wrapSSR: (node: import("react").ReactNode) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    hashId: string;
-};
+declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, string, string];
 export default _default;

package/es/radio/style/index.js

@@ -2,22 +2,42 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genStyleHooks } from "../../_util/genComponentStyleHook";
 export var genRadioStyle = function genRadioStyle(token) {
-  var componentCls = token.componentCls,
+  var iconCls = token.iconCls,
+    componentCls = token.componentCls,
     radioSize = token.radioSize,
     fontSize = token.fontSize,
     fontSizeLG = token.fontSizeLG,
-    lineHeight = token.lineHeight;
-  return _defineProperty({}, "".concat(componentCls, "-wrapper"), _defineProperty({}, "".concat(componentCls), _defineProperty({
+    lineHeight = token.lineHeight,
+    calc = token.calc;
+  var marginBottom = calc(calc(fontSize).mul(lineHeight).equal()).sub(radioSize || fontSizeLG).div(-2).sub(1).equal();
+  return _defineProperty(_defineProperty({}, "".concat(componentCls, "-wrapper"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({
     alignSelf: 'baseline'
   }, "".concat(componentCls, "-inner"), {
-    marginBottom: -(fontSize * lineHeight - (radioSize || fontSizeLG)) / 2
+    marginBottom: marginBottom
+  })), "&:hover ".concat(componentCls, ":not(").concat(componentCls, "-disabled):not(").concat(componentCls, "-checked) ").concat(componentCls, "-inner"), {
+    borderColor: token.gray7
+  }), "&:hover ".concat(componentCls).concat(componentCls, "-checked:not(").concat(componentCls, "-disabled) ").concat(componentCls, "-inner"), {
+    borderColor: token.colorPrimaryHover,
+    backgroundColor: token.colorPrimaryHover
+  })), "".concat(componentCls, "-group"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-button-wrapper:not(").concat(componentCls, "-button-wrapper-disabled):not(").concat(componentCls, "-button-wrapper-checked):hover"), {
+    // set zIndex to 1 for hover effect to cover checked effect
+    zIndex: 1,
+    borderColor: token.gray7,
+    color: token.colorText
+  }), "".concat(componentCls, "-button-wrapper"), _defineProperty(_defineProperty({}, "&".concat(componentCls, "-button-wrapper-with-icon"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-button-label"), {
+    gap: token.sizeXXS,
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: '100%'
+  }), "&:not(".concat(componentCls, "-button-wrapper-checked):not(").concat(componentCls, "-button-wrapper-disabled)"), _defineProperty({}, "".concat(componentCls, "-button-label"), _defineProperty({}, iconCls, {
+    color: token.colorIcon
+  })))), "&".concat(componentCls, "-button-wrapper-icon-only"), {
+    paddingInline: token.paddingXS
   })));
 };
-export default (function (prefixCls) {
-  var useStyle = genComponentStyleHook('Radio', function (token) {
-    return [genRadioStyle(token)];
-  });
-  return useStyle(prefixCls);
+export default genStyleHooks('Radio', function (token) {
+  return [genRadioStyle(token)];
 });

package/es/rate/index.js

@@ -1 +1,2 @@
+"use client";
 export * from 'antd/es/rate';

package/es/result/403.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/result/404.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/result/500.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/result/Error.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/result/Processing.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/result/Success.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/result/Warning.js

@@ -1,3 +1,4 @@
+"use client";
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/es/result/index.d.ts

@@ -8,10 +8,10 @@ export type ResultStatusType = AntResultStatusType | 'processing';
 export interface ResultProps extends Omit<AntResultProps, 'status'> {
     status?: ResultStatusType;
 }
-export interface ResultType extends React.FC<ResultProps> {
+export type ResultType = React.FC<ResultProps> & {
     PRESENTED_IMAGE_403: typeof Image403;
     PRESENTED_IMAGE_404: typeof Image404;
     PRESENTED_IMAGE_500: typeof Image500;
-}
+};
 declare const Result: ResultType;
 export default Result;