@agentscope-ai/design 1.0.4

package/dist/components/commonComponents/Popconfirm/index.js

@@ -0,0 +1,29 @@
+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 = ["icon"];
+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 { getCommonConfig } from "../../..";
+import { ExclamationCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { Popconfirm } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var SparkPopconfirm = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var commonConfig = getCommonConfig();
+  var antPrefix = commonConfig.antPrefix;
+  var icon = props.icon,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_jsx(Popconfirm, _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref,
+    icon: icon || /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-warning)")
+      }
+    })
+  }));
+});
+export default SparkPopconfirm;

package/dist/components/commonComponents/Popover/demo/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Popover/demo/demo1.js

@@ -0,0 +1,34 @@
+import { Button, Popover } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var content = /*#__PURE__*/_jsxs("div", {
+  children: [/*#__PURE__*/_jsx("p", {
+    children: "Content"
+  }), /*#__PURE__*/_jsx("p", {
+    children: "Content"
+  })]
+});
+var App = function App() {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DemoBlock, {
+      title: "\u666E\u901A\u7528\u6CD5",
+      children: /*#__PURE__*/_jsx(Popover, {
+        content: content,
+        title: "Title",
+        children: /*#__PURE__*/_jsx(Button, {
+          type: "primary",
+          children: "Hover me"
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "\u6CA1\u6709\u8BBE\u7F6Eopen\u7684 \u7A7APopover\u5E38\u95ED",
+      children: /*#__PURE__*/_jsx(Popover, {
+        children: "\u7A7APopover"
+      })
+    })]
+  });
+};
+export default App;

package/dist/components/commonComponents/Popover/demo/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Popover/demo/demo2.js

@@ -0,0 +1,183 @@
+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; }
+import { Button, ConfigProvider, Popover } from "../../../..";
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { Segmented } from 'antd';
+import React, { useMemo, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var text = /*#__PURE__*/_jsx("span", {
+  children: "Popover title"
+});
+var ButtonWidth = 80;
+var content = /*#__PURE__*/_jsx("div", {
+  children: /*#__PURE__*/_jsxs("p", {
+    children: ["Conveniently initiate viral synergy without multi functional platforms.", ' ']
+  })
+});
+var App = function App() {
+  var _useState = useState('Show'),
+    _useState2 = _slicedToArray(_useState, 2),
+    arrow = _useState2[0],
+    setArrow = _useState2[1];
+  var mergedArrow = useMemo(function () {
+    if (arrow === 'Hide') {
+      return false;
+    }
+    if (arrow === 'Show') {
+      return true;
+    }
+    return {
+      pointAtCenter: true
+    };
+  }, [arrow]);
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    button: {
+      style: {
+        width: ButtonWidth,
+        margin: 4
+      }
+    },
+    children: /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u7BAD\u5934\u5C55\u793A",
+      children: [/*#__PURE__*/_jsx(Segmented, {
+        options: ['Show', 'Hide', 'Center'],
+        onChange: function onChange(val) {
+          return setArrow(val);
+        },
+        style: {
+          marginBottom: 24
+        }
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "demo",
+        children: [/*#__PURE__*/_jsxs("div", {
+          style: {
+            marginInlineStart: ButtonWidth + 4,
+            whiteSpace: 'nowrap'
+          },
+          children: [/*#__PURE__*/_jsx(Popover, {
+            placement: "topLeft",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "TL"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "top",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "Top"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "topRight",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "TR"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          style: {
+            width: ButtonWidth,
+            float: 'inline-start'
+          },
+          children: [/*#__PURE__*/_jsx(Popover, {
+            placement: "leftTop",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "LT"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "left",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "Left"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "leftBottom",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "LB"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          style: {
+            width: ButtonWidth,
+            marginInlineStart: ButtonWidth * 4 + 24
+          },
+          children: [/*#__PURE__*/_jsx(Popover, {
+            placement: "rightTop",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "RT"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "right",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "Right"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "rightBottom",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "RB"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs("div", {
+          style: {
+            marginInlineStart: ButtonWidth,
+            clear: 'both',
+            whiteSpace: 'nowrap'
+          },
+          children: [/*#__PURE__*/_jsx(Popover, {
+            placement: "bottomLeft",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "BL"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "bottom",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "Bottom"
+            })
+          }), /*#__PURE__*/_jsx(Popover, {
+            placement: "bottomRight",
+            title: text,
+            content: content,
+            arrow: mergedArrow,
+            children: /*#__PURE__*/_jsx(Button, {
+              children: "BR"
+            })
+          })]
+        })]
+      })]
+    })
+  });
+};
+export default App;

package/dist/components/commonComponents/Popover/index.d.ts

@@ -0,0 +1,4 @@
+import { PopoverProps } from 'antd';
+import React from 'react';
+declare const SparkPopover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<any>>;
+export default SparkPopover;

package/dist/components/commonComponents/Popover/index.js

@@ -0,0 +1,27 @@
+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; }
+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 { getCommonConfig } from "../../../config";
+import { findClosestBySelector } from "../../../libs/dom";
+import { Popover } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var SparkPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var isContentEmpty = props.content === '' || props.content === undefined || props.content === null;
+  var isTitleEmpty = props.title === '' || props.title === undefined || props.title === null;
+  var open = props.open !== undefined && props.open !== null ? props.open : isContentEmpty && isTitleEmpty ? false : undefined;
+  var _getCommonConfig = getCommonConfig(),
+    antPrefix = _getCommonConfig.antPrefix;
+  return /*#__PURE__*/_jsx(Popover, _objectSpread(_objectSpread({}, props), {}, {
+    arrow: props.arrow || false,
+    open: open,
+    ref: ref,
+    getPopupContainer: props.getPopupContainer || function (triggerNode) {
+      return findClosestBySelector(triggerNode, ".".concat(antPrefix, "-app")); // 默认放到App组件下，获取自定义css变量
+    }
+  }));
+});
+export default SparkPopover;

package/dist/components/commonComponents/Progress/demo/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Progress/demo/demo1.js

@@ -0,0 +1,15 @@
+import { Progress } from "../../../..";
+import { Flex } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(Flex, {
+    gap: "small",
+    vertical: true,
+    children: /*#__PURE__*/_jsx(Progress, {
+      percent: 50,
+      showInfo: false
+    })
+  });
+};
+export default App;

package/dist/components/commonComponents/Radio/demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Radio/demo.js

@@ -0,0 +1,20 @@
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { Radio } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(DemoBlock, {
+      title: "\u57FA\u672C\u4F7F\u7528",
+      children: [/*#__PURE__*/_jsx(Radio, {
+        children: "Radio"
+      }), /*#__PURE__*/_jsx(Radio, {
+        disabled: true,
+        children: "Radio"
+      })]
+    })
+  });
+};
+export default App;

package/dist/components/commonComponents/Radio/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Radio/demo2.js

@@ -0,0 +1,115 @@
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { Flex, Radio } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("radio checked:".concat(e.target.value));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DemoBlock, {
+      title: "buttonStyle=\"solid\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsxs(Radio.Group, {
+          onChange: onChange,
+          defaultValue: "a",
+          buttonStyle: "solid",
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: "a",
+            children: "Hangzhou"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "b",
+            disabled: true,
+            children: "Shanghai"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "c",
+            children: "Beijing"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "d",
+            children: "Chengdu"
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "size=\"small\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsxs(Radio.Group, {
+          onChange: onChange,
+          defaultValue: "a",
+          size: "small",
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: "a",
+            children: "Hangzhou"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "b",
+            disabled: true,
+            children: "Shanghai"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "c",
+            children: "Beijing"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "d",
+            children: "Chengdu"
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "size=\"middle\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsxs(Radio.Group, {
+          onChange: onChange,
+          defaultValue: "a",
+          size: "middle",
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: "a",
+            children: "Hangzhou"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "b",
+            disabled: true,
+            children: "Shanghai"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "c",
+            children: "Beijing"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "d",
+            children: "Chengdu"
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "size=\"large\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsxs(Radio.Group, {
+          onChange: onChange,
+          defaultValue: "a",
+          size: "large",
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: "a",
+            children: "Hangzhou"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "b",
+            disabled: true,
+            children: "Shanghai"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "c",
+            children: "Beijing"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "d",
+            children: "Chengdu"
+          })]
+        })
+      })
+    })]
+  });
+};
+export default App;

package/dist/components/commonComponents/RadioButton/demo/demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/RadioButton/demo/demo.js

@@ -0,0 +1,166 @@
+import { DemoBlock } from ".dumi/theme/DemoComponents/DemoBlock";
+import { Flex, Radio } from 'antd';
+import React from 'react';
+import RadioButton from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("radio checked:".concat(e.target.value));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(DemoBlock, {
+      title: "default: ghost=\"true\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsx(RadioButton, {
+          onChange: onChange,
+          defaultValue: "a",
+          options: [{
+            value: 'a',
+            label: 'Hangzhou'
+          }, {
+            value: 'b',
+            label: 'Shanghai',
+            disabled: true
+          }, {
+            value: 'c',
+            label: 'Beijing'
+          }, {
+            value: 'd',
+            label: 'Chengdu'
+          }]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "buttonStyle=\"solid\" ghost=false",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsx(RadioButton, {
+          onChange: onChange,
+          defaultValue: "a",
+          buttonStyle: "solid",
+          ghost: false,
+          options: [{
+            value: 'a',
+            label: 'Hangzhou'
+          }, {
+            value: 'b',
+            label: 'Shanghai',
+            disabled: true
+          }, {
+            value: 'c',
+            label: 'Beijing'
+          }, {
+            value: 'd',
+            label: 'Chengdu'
+          }]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "bordered",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsx(RadioButton, {
+          onChange: onChange,
+          defaultValue: "a",
+          bordered: true,
+          options: [{
+            value: 'a',
+            label: 'Hangzhou'
+          }, {
+            value: 'b',
+            label: 'Shanghai',
+            disabled: true
+          }, {
+            value: 'c',
+            label: 'Beijing'
+          }, {
+            value: 'd',
+            label: 'Chengdu'
+          }]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "size=\"small\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsxs(RadioButton, {
+          onChange: onChange,
+          defaultValue: "a",
+          size: "small",
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: "a",
+            children: "Hangzhou"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "b",
+            disabled: true,
+            children: "Shanghai"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "c",
+            children: "Beijing"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "d",
+            children: "Chengdu"
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "size=\"middle\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsxs(RadioButton, {
+          onChange: onChange,
+          defaultValue: "a",
+          size: "middle",
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: "a",
+            children: "Hangzhou"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "b",
+            disabled: true,
+            children: "Shanghai"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "c",
+            children: "Beijing"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "d",
+            children: "Chengdu"
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx(DemoBlock, {
+      title: "size=\"large\"",
+      children: /*#__PURE__*/_jsx(Flex, {
+        vertical: true,
+        gap: "middle",
+        children: /*#__PURE__*/_jsxs(RadioButton, {
+          onChange: onChange,
+          defaultValue: "a",
+          size: "large",
+          children: [/*#__PURE__*/_jsx(Radio.Button, {
+            value: "a",
+            children: "Hangzhou"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "b",
+            disabled: true,
+            children: "Shanghai"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "c",
+            children: "Beijing"
+          }), /*#__PURE__*/_jsx(Radio.Button, {
+            value: "d",
+            children: "Chengdu"
+          })]
+        })
+      })
+    })]
+  });
+};
+export default App;

package/dist/components/commonComponents/RadioButton/index.d.ts

@@ -0,0 +1,21 @@
+import { RadioGroupProps } from 'antd';
+export interface SparkRadioButtonProps extends RadioGroupProps {
+    /**
+     * @description 边框
+     * @default false
+     */
+    bordered?: boolean;
+    /**
+     * @description 按钮背景色类型
+     * @default true
+  
+     */
+    ghost?: boolean;
+    /**
+     * @description 间距
+     * @default 12 px
+     */
+    gap?: number;
+}
+declare const _default: (props: SparkRadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;