@yuntijs/ui 1.0.0-beta.6 → 1.0.0-beta.60

package/es/Page/style.js

@@ -0,0 +1,12 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        width: inherit;\n        height: 100%;\n        min-height: inherit;\n        padding: ", "px ", "px ", "px;\n      "])), token.padding, token.paddingLG, token.paddingXL)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/ProCard/Card/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface ProCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    bordered?: boolean;
+    hoverable?: boolean;
+}
+export declare const ProCard: React.FC<ProCardProps>;

package/es/ProCard/Card/index.js

@@ -0,0 +1,25 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "bordered", "hoverable", "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; }
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ProCard = function ProCard(_ref) {
+  var className = _ref.className,
+    _ref$bordered = _ref.bordered,
+    bordered = _ref$bordered === void 0 ? false : _ref$bordered,
+    _ref$hoverable = _ref.hoverable,
+    hoverable = _ref$hoverable === void 0 ? true : _ref$hoverable,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.root, bordered && styles.bordered, hoverable && styles.hoverable, className)
+  }, otherProps), {}, {
+    children: children
+  }));
+};

package/es/ProCard/Card/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    bordered: import("antd-style").SerializedStyles;
+    hoverable: import("antd-style").SerializedStyles;
+    text: import("antd-style").SerializedStyles;
+    error: import("antd-style").SerializedStyles;
+}>;

package/es/ProCard/Card/style.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      overflow: hidden;\n\n      margin: 0;\n      padding: 0;\n\n      font-family: ", ";\n      color: ", ";\n\n      background: ", ";\n      border-radius: ", "px;\n      box-shadow: ", ";\n    "])), token.fontFamily, token.colorText, token.colorBgContainer, token.borderRadius * 2, token.boxShadowTertiary),
+    bordered: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      border: 1px solid ", ";\n      box-shadow: none;\n    "])), token.colorBorder),
+    hoverable: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      transition:\n        box-shadow ", ",\n        border-color ", ";\n      &:hover {\n        border-color: transparent;\n        box-shadow: ", ";\n      }\n    "])), token.motionDurationMid, token.motionDurationMid, token.boxShadow),
+    text: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      overflow: hidden;\n      display: inline-block;\n\n      max-width: 200px;\n\n      color: ", ";\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])), token.colorTextSecondary),
+    error: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), token.colorErrorText)
+  };
+});

package/es/ProCard/Content/index.d.ts

@@ -0,0 +1,4 @@
+import type { FlexProps } from 'antd';
+import React from 'react';
+export type ProCardContentProps = FlexProps;
+export declare const ProCardContent: React.FC<ProCardContentProps>;

package/es/ProCard/Content/index.js

@@ -0,0 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "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; }
+import { Flex } from 'antd';
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ProCardContent = function ProCardContent(props) {
+  var className = props.className,
+    children = props.children,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(Flex, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    gap: 20,
+    vertical: true
+  }, otherProps), {}, {
+    children: children
+  }));
+};

package/es/ProCard/Content/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+}>;

package/es/ProCard/Content/style.js

@@ -0,0 +1,12 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: 12px 24px 20px;\n      "])))
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/ProCard/Descriptions/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DescriptionsProps } from "../../Descriptions";
+export type ProCardDescriptionsProps = Omit<DescriptionsProps, 'title' | 'bordered' | 'layout'>;
+export declare const ProCardDescriptions: React.FC<ProCardDescriptionsProps>;

package/es/ProCard/Descriptions/index.js

@@ -0,0 +1,28 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "colon", "column", "size"];
+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; }
+import React from 'react';
+import Descriptions from "../../Descriptions";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ProCardDescriptions = function ProCardDescriptions(_ref) {
+  var className = _ref.className,
+    _ref$colon = _ref.colon,
+    colon = _ref$colon === void 0 ? false : _ref$colon,
+    _ref$column = _ref.column,
+    column = _ref$column === void 0 ? 2 : _ref$column,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'small' : _ref$size,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx(Descriptions, _objectSpread({
+    className: cx(styles.root, className),
+    colon: colon,
+    column: column,
+    size: size
+  }, otherProps));
+};

package/es/ProCard/Descriptions/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+}>;

package/es/ProCard/Descriptions/style.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var lableWidth = 70;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        &.", "-descriptions {\n          .", "-descriptions-row {\n            & > td {\n              padding-top: 4px !important;\n              padding-bottom: 4px !important;\n            }\n            .", "-descriptions-item {\n              &-container {\n                .", "-descriptions-item-label {\n                  overflow: hidden;\n                  width: ", "px;\n                  white-space: nowrap;\n                }\n                .", "-descriptions-item-content {\n                  overflow: hidden;\n                  display: inline-block;\n\n                  width: calc(100% - ", "px);\n\n                  text-overflow: ellipsis;\n                  white-space: nowrap;\n                }\n              }\n            }\n          }\n        }\n      "])), prefixCls, prefixCls, prefixCls, prefixCls, lableWidth, prefixCls, lableWidth)
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/ProCard/Header/index.d.ts

@@ -0,0 +1,15 @@
+import type { AvatarProps, DropDownProps } from 'antd';
+import React from 'react';
+export interface ProCardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** 图标 src 路径或者详细配置 */
+    icon?: AvatarProps;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 右侧扩展区域 */
+    extra?: DropDownProps;
+    /** 控制 header 与 content 的分割线 */
+    divider?: boolean;
+}
+export declare const ProCardHeader: React.FC<ProCardHeaderProps>;

package/es/ProCard/Header/index.js

@@ -0,0 +1,86 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "icon", "title", "description", "extra", "divider"],
+  _excluded2 = ["className", "shape", "size"],
+  _excluded3 = ["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; }
+import { Icon } from '@lobehub/ui';
+import { Avatar, Button, Dropdown, Flex } from 'antd';
+import { EllipsisVertical } from 'lucide-react';
+import React from 'react';
+import Typography from "../../Typography";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Paragraph = Typography.Paragraph;
+export var ProCardHeader = function ProCardHeader(props) {
+  var className = props.className,
+    icon = props.icon,
+    title = props.title,
+    description = props.description,
+    extra = props.extra,
+    divider = props.divider,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useStyles = useStyles({
+      divider: divider,
+      iconBg: !(icon !== null && icon !== void 0 && icon.src)
+    }),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _ref = icon || {},
+    iconClassName = _ref.className,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'square' : _ref$shape,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 72 : _ref$size,
+    otherIconProps = _objectWithoutProperties(_ref, _excluded2);
+  var _ref2 = extra || {},
+    extraChildren = _ref2.children,
+    otherExtraProps = _objectWithoutProperties(_ref2, _excluded3);
+  return /*#__PURE__*/_jsxs(Flex, _objectSpread(_objectSpread({
+    className: cx(styles.root, className),
+    gap: 20
+  }, otherProps), {}, {
+    children: [icon && /*#__PURE__*/_jsx(Flex, {
+      children: /*#__PURE__*/_jsx(Avatar, _objectSpread({
+        className: cx(styles.icon, iconClassName),
+        shape: shape,
+        size: size
+      }, otherIconProps))
+    }), /*#__PURE__*/_jsxs(Flex, {
+      flex: "1",
+      vertical: true,
+      children: [/*#__PURE__*/_jsxs(Flex, {
+        className: styles.titleBox,
+        gap: 4,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: styles.title,
+          children: title
+        }), extra && /*#__PURE__*/_jsx(Flex, {
+          align: "flex-start",
+          className: styles.extra,
+          justify: "flex-end",
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          },
+          children: /*#__PURE__*/_jsx(Dropdown, _objectSpread(_objectSpread({}, otherExtraProps), {}, {
+            children: extraChildren || /*#__PURE__*/_jsx(Button, {
+              icon: /*#__PURE__*/_jsx(Icon, {
+                icon: EllipsisVertical
+              }),
+              size: "small",
+              type: "text"
+            })
+          }))
+        })]
+      }), description && /*#__PURE__*/_jsx(Paragraph, {
+        className: styles.description,
+        ellipsis: {
+          rows: 2
+        },
+        children: description
+      })]
+    })]
+  }));
+};

package/es/ProCard/Header/style.d.ts

@@ -0,0 +1,12 @@
+export declare const useStyles: (props?: {
+    divider?: boolean | undefined;
+    iconBg?: boolean | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
+    root: import("antd-style").SerializedStyles;
+    icon: import("antd-style").SerializedStyles;
+    titleBox: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
+    description: import("antd-style").SerializedStyles;
+    extra: import("antd-style").SerializedStyles;
+    rightButtons: import("antd-style").SerializedStyles;
+}>;

package/es/ProCard/Header/style.js

@@ -0,0 +1,23 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var _ref2$divider = _ref2.divider,
+    divider = _ref2$divider === void 0 ? true : _ref2$divider,
+    _ref2$iconBg = _ref2.iconBg,
+    iconBg = _ref2$iconBg === void 0 ? true : _ref2$iconBg;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: 24px 20px ", "px 24px;\n        ", "\n      "])), divider ? 20 : 0, divider && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          border-bottom: 1px solid ", ";\n        "])), token.colorSplit)),
+    icon: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        &.", "-avatar {\n          color: ", ";\n          ", "\n          &.", "-avatar-square {\n            border-radius: 10px;\n          }\n          .anticon {\n            font-size: 40px;\n          }\n        }\n      "])), prefixCls, token.colorPrimary, iconBg && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            background-color: ", ";\n          "])), token.colorBgLayout), prefixCls),
+    titleBox: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        margin-right: 4px;\n        margin-bottom: ", "px;\n      "])), token.marginXXS),
+    title: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        overflow: hidden;\n        display: inline-block;\n        flex: 1;\n\n        width: 100px;\n\n        font-size: 16px;\n        font-weight: ", ";\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      "])), token.fontWeightStrong),
+    description: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        margin-right: 4px;\n        &.", "-typography {\n          margin-bottom: 0 !important;\n          font-size: 12px;\n          color: ", ";\n        }\n      "])), prefixCls, token.colorTextSecondary),
+    extra: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        margin-top: -4px;\n      "]))),
+    rightButtons: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        justify-content: flex-end;\n      "])))
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/ProCard/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ProCardContent } from './Content';
+import { ProCardDescriptions } from './Descriptions';
+import { ProCardHeader } from './Header';
+export type { ProCardProps } from './Card';
+export type { ProCardContentProps } from './Content';
+export type { ProCardDescriptionsProps } from './Descriptions';
+export type { ProCardHeaderProps } from './Header';
+export declare const ProCard: import("react").FC<import("./Card").ProCardProps> & {
+    Header: typeof ProCardHeader;
+    Descriptions: typeof ProCardDescriptions;
+    Content: typeof ProCardContent;
+};

package/es/ProCard/index.js

@@ -0,0 +1,8 @@
+import { ProCard as InternalProCard } from "./Card";
+import { ProCardContent } from "./Content";
+import { ProCardDescriptions } from "./Descriptions";
+import { ProCardHeader } from "./Header";
+export var ProCard = InternalProCard;
+ProCard.Header = ProCardHeader;
+ProCard.Content = ProCardContent;
+ProCard.Descriptions = ProCardDescriptions;

package/es/Radio/index.d.ts

@@ -0,0 +1,36 @@
+import { Radio as AntdRadio, type RadioGroupProps as AntdRadioGroupProps, RadioProps } from 'antd';
+import type { RadioRef } from 'antd/es/radio/interface';
+import React from 'react';
+export interface CustomRadioProps {
+    /**
+     * @description Set the button style is similar to the Segmented component
+     * @default 'false'
+     */
+    segmented?: {
+        /**
+         * @description Set the spacing between buttons
+         * @default 'true'
+         */
+        gap?: 'small' | 'middle' | 'large' | number | boolean;
+        /**
+         * @description Set border-radius of buttons
+         * @default 'true'
+         */
+        borderRadius?: number | boolean;
+        /**
+         * @description Sets whether the button's border is displayed
+         * @default 'false'
+         */
+        bordered?: boolean;
+    } | boolean;
+}
+export interface RadioGroupProps extends AntdRadioGroupProps, CustomRadioProps {
+}
+type RadioType = React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<RadioRef>> & {
+    Group: typeof Group;
+    Button: typeof AntdRadio.Button;
+};
+export declare const Radio: RadioType;
+declare const Group: React.FC<RadioGroupProps>;
+export default Radio;
+export { type RadioChangeEvent, type RadioProps } from 'antd';

package/es/Radio/index.js

@@ -0,0 +1,26 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["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; }
+import { Radio as AntdRadio } from 'antd';
+import AntdGroup from 'antd/es/radio/group';
+import React from 'react';
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Radio = AntdRadio;
+var Group = function Group(props) {
+  var className = props.className,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  if (otherProps.segmented) {
+    otherProps.optionType = 'button';
+  }
+  var _useStyles = useStyles(otherProps),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsx(AntdGroup, _objectSpread(_objectSpread({}, otherProps), {}, {
+    className: cx(styles.custom, className)
+  }));
+};
+Radio.Group = Group;
+export default Radio;

package/es/Radio/style.d.ts

@@ -0,0 +1,4 @@
+import { RadioGroupProps } from './index';
+export declare const useStyles: (props?: RadioGroupProps | undefined) => import("antd-style").ReturnStyles<{
+    custom: import("antd-style").SerializedStyles;
+}>;

package/es/Radio/style.js

@@ -0,0 +1,66 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  var size = _ref2.size,
+    segmented = _ref2.segmented;
+  var gap = function () {
+    if (!segmented) {
+      return 0;
+    }
+    if (segmented !== true) {
+      return segmented.gap;
+    }
+    return true;
+  }();
+  var borderRadius = function () {
+    if (!segmented) {
+      return;
+    }
+    if (segmented !== true) {
+      return segmented.borderRadius;
+    }
+    return true;
+  }();
+  var getGapSize = function getGapSize() {
+    var gapSizeMap = {
+      small: token.sizeSM,
+      middle: token.size,
+      large: token.sizeLG
+    };
+    if (typeof gap === 'string') {
+      return gapSizeMap[gap];
+    }
+    if (gap === true) {
+      return size ? gapSizeMap[size] : gapSizeMap['middle'];
+    }
+    if (!gap) {
+      return 0;
+    }
+    return gap;
+  };
+  var getBorderRadius = function getBorderRadius() {
+    var borderRadiusSizeMap = {
+      small: token.controlHeightSM,
+      middle: token.controlHeight,
+      large: token.controlHeightLG
+    };
+    if (borderRadius === true) {
+      return size ? borderRadiusSizeMap[size] : borderRadiusSizeMap['middle'];
+    }
+    if (borderRadius || borderRadius === 0) {
+      return borderRadius;
+    }
+  };
+  var borderRadiusStyle = getBorderRadius() && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        label {\n          border-inline-start-width: 1px !important;\n          border-radius: ", "px !important;\n        }\n        label::before {\n          display: none !important;\n        }\n      "])), getBorderRadius());
+  var gapStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      label {\n        margin-right: ", "px !important;\n      }\n      label:last-child {\n        margin-right: 0 !important;\n      }\n    "])), getGapSize());
+  var noBorderd = segmented === true || segmented && !segmented.bordered;
+  return {
+    custom: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        ", "\n        ", "\n        ", "\n      "])), borderRadiusStyle, gapStyle, noBorderd && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          .", "-radio-button-wrapper {\n            border: none !important;\n          }\n          .", "-radio-button-wrapper-checked {\n            border: 1px solid ", " !important;\n          }\n        "])), prefixCls, prefixCls, token.colorPrimary))
+  };
+}, {
+  hashPriority: 'low'
+});

package/es/SliderInput/index.d.ts

@@ -0,0 +1,54 @@
+import { ColProps } from 'antd';
+import type { InputNumberProps, SliderSingleProps } from 'antd';
+import React from 'react';
+export interface SliderInputProps {
+    /** The current value */
+    value?: number;
+    /** The initial value */
+    defaultValue?: number;
+    /** The min value */
+    min?: number;
+    /** The max value */
+    max?: number;
+    /** The number to which the current value is increased or decreased. It can be an integer or decimal */
+    step?: number;
+    /** Spacing between grids, could be a number or a object like { xs: 8, sm: 16, md: 24}. Or you can use array to make horizontal and vertical spacing work at the same time [horizontal, vertical] */
+    gutter?: number;
+    /**
+     * @description Slider layout, like <Col> component. Set span offset value like {span: 3, offset: 12} or sm: {span: 3, offset: 12}
+     * @type ColProps
+     * @default { span: 12 }
+     */
+    sliderCol?: ColProps;
+    /**
+     * @description The layout for input controls, same as sliderCol, see https://ant.design/components/grid#row for detail
+     * @type ColProps
+     * @default { span: 5 }
+     */
+    inputCol?: ColProps;
+    /** The label text displayed before (on the left side of) the input field */
+    addonAfter?: React.ReactNode;
+    /** The label text displayed before (on the left side of) the input field */
+    addonBefore?: React.ReactNode;
+    /** placeholder  */
+    placeholder?: string;
+    /** The callback triggered when the value is changed */
+    onChange?: (value: number) => void;
+    /** style */
+    style?: React.CSSProperties;
+    /** className */
+    className?: string;
+    /**
+     * @description the props of slider, see https://ant.design/components/slider#api for detail
+     * @type SliderSingleProps
+     * @default {}
+     */
+    sliderProps?: SliderSingleProps;
+    /**
+     * @description the props of input, see https://ant.design/components/input-number#api for detail
+     * @type InputNumberProps
+     * @default {}
+     */
+    inputProps?: InputNumberProps;
+}
+export declare const SliderInput: React.FC<SliderInputProps>;

package/es/SliderInput/index.js

@@ -0,0 +1,74 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+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; }
+import { Col, InputNumber, Row, Slider } from 'antd';
+import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var SliderInput = function SliderInput(_ref) {
+  var value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    max = _ref.max,
+    step = _ref.step,
+    _ref$gutter = _ref.gutter,
+    gutter = _ref$gutter === void 0 ? 16 : _ref$gutter,
+    _ref$sliderCol = _ref.sliderCol,
+    sliderCol = _ref$sliderCol === void 0 ? {
+      span: 12
+    } : _ref$sliderCol,
+    _ref$inputCol = _ref.inputCol,
+    inputCol = _ref$inputCol === void 0 ? {
+      span: 5
+    } : _ref$inputCol,
+    addonAfter = _ref.addonAfter,
+    addonBefore = _ref.addonBefore,
+    placeholder = _ref.placeholder,
+    onChange = _ref.onChange,
+    style = _ref.style,
+    className = _ref.className,
+    _ref$sliderProps = _ref.sliderProps,
+    sliderProps = _ref$sliderProps === void 0 ? {} : _ref$sliderProps,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps;
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    number = _useState2[0],
+    setNumber = _useState2[1];
+  var onNumberChange = function onNumberChange(newNumber) {
+    if (Number.isNaN(newNumber)) {
+      return;
+    }
+    setNumber(newNumber);
+    onChange === null || onChange === void 0 || onChange(newNumber);
+  };
+  return /*#__PURE__*/_jsxs(Row, {
+    className: className,
+    gutter: gutter,
+    style: style,
+    children: [/*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, sliderCol), {}, {
+      children: /*#__PURE__*/_jsx(Slider, _objectSpread(_objectSpread({}, sliderProps), {}, {
+        defaultValue: defaultValue,
+        max: max,
+        min: min,
+        onChange: onNumberChange,
+        step: step,
+        value: value !== null && value !== void 0 ? value : number
+      }))
+    })), /*#__PURE__*/_jsx(Col, _objectSpread(_objectSpread({}, inputCol), {}, {
+      children: /*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({}, inputProps), {}, {
+        addonAfter: addonAfter,
+        addonBefore: addonBefore,
+        defaultValue: defaultValue,
+        max: max,
+        min: min,
+        onChange: onNumberChange,
+        placeholder: placeholder,
+        step: step,
+        value: value !== null && value !== void 0 ? value : number
+      }))
+    }))]
+  });
+};

package/es/Status/index.d.ts

@@ -0,0 +1,7 @@
+import { BadgeProps } from 'antd';
+import React from 'react';
+export interface StatusProps extends Pick<BadgeProps, 'className' | 'color' | 'status' | 'style' | 'text'> {
+    tooltip?: React.ReactNode;
+    title?: string;
+}
+export declare const Status: React.FC<StatusProps>;