@agentscope-ai/design 1.0.6 → 1.0.8

package/lib/components/commonComponents/PromptsEditor/demo/basic.js

@@ -0,0 +1,30 @@
+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 { PromptsEditor } from "../../../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Basic() {
+  var _useState = useState("# \u89D2\u8272\n\u4F60\u662F\u4E00\u4E2A\u4E13\u4E1A\u7684Prompt\u7F16\u5199\u5DE5\u7A0B\u5E08\uFF0C\u64C5\u957F\u7F16\u5199\u5404\u79CD\u7C7B\u578B\u7684Prompt\u3002\n\n# \u6280\u80FD\n1. \u4F60\u64C5\u957F\u7F16\u5199\u5404\u79CD\u7C7B\u578B\u7684Prompt\u3002\n2. \u4F60\u64C5\u957F\u7F16\u5199\u5404\u79CD\u7C7B\u578B\u7684Prompt\u3002\n3. \u4F60\u64C5\u957F\u7F16\u5199\u5404\u79CD\u7C7B\u578B\u7684Prompt\u3002\n\n\n# \u4EFB\u52A1\n\u6839\u636E\u8F93\u5165\u7684Prompt\u6A21\u677F\uFF0C\u751F\u6210\u7B26\u5408\u8981\u6C42\u7684Prompt\u3002\n\n# \u8F93\u5165\n- Prompt\u6A21\u677F\uFF1A\u4F60\u662F\u4E00\u4E2A\u4E13\u4E1A\u7684Prompt\u7F16\u5199\u5DE5\u7A0B\u5E08\uFF0C\u64C5\u957F\u7F16\u5199\u5404\u79CD\u7C7B\u578B\u7684Prompt\u3002\n\n# \u8F93\u51FA\n- Prompt\uFF1A\u7B26\u5408\u8981\u6C42\u7684Prompt\u3002"),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(PromptsEditor, {
+    onCreate: function onCreate() {
+      return alert(1);
+    },
+    value: value,
+    onChange: setValue,
+    maxLength: 5000,
+    variables: [{
+      code: 'city'
+    }, {
+      code: 'foo'
+    }, {
+      code: 'user'
+    }]
+  });
+}

package/lib/components/commonComponents/PromptsEditor/index.d.ts

@@ -0,0 +1,42 @@
+export interface PromptsEditorProps {
+    /**
+     * @description 可以输入内容的最大长度
+     * @descriptionEn Maximum length of input content
+     */
+    maxLength?: number;
+    /**
+     * @description 输入的内容
+     * @descriptionEn Input content value
+     */
+    value: string;
+    /**
+     * @description 输入内容的类名
+     * @descriptionEn CSS class name for the input content
+     */
+    className?: string;
+    /**
+     * @description 输入内容的回调
+     * @descriptionEn Callback function when input value changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * @description 可以插入的变量列表
+     * @descriptionEn Available variables for insertion
+     */
+    variables?: Array<{
+        code: string;
+    }>;
+    /**
+     * @description 新增变量的触发回调
+     * @descriptionEn Callback function to create new variable
+     */
+    onCreate?: () => void;
+    /**
+     * @description 新增变量的按钮文本
+     * @descriptionEn Text of the create variable button
+     */
+    createBtnText?: string;
+}
+export declare const langExtensionsMap: Record<string, any[]>;
+declare const CodeMirrorWrapper: (props: PromptsEditorProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeMirrorWrapper;

package/lib/components/commonComponents/PromptsEditor/index.js

@@ -0,0 +1,134 @@
+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 _templateObject, _templateObject2;
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+// @ts-nocheck
+import { SparkEnterLine } from '@agentscope-ai/icons';
+import { markdown } from '@codemirror/lang-markdown';
+import { vscodeDark, vscodeLight } from '@uiw/codemirror-theme-vscode';
+import CodeMirror from '@uiw/react-codemirror';
+import { ConfigProvider, theme } from 'antd';
+import { createStyles } from 'antd-style';
+import classNames from 'classnames';
+import React, { useEffect, useMemo, useState } from 'react';
+import VarRender from "./VarRender";
+import VarSelectInput from "./VarSelectInput";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    onCreate: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .\u037C2 .cm-tooltip li:last-of-type,\n    .\u037C3 .cm-tooltip li:last-of-type {\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      height: 40px;\n      border-top: 1px solid ", ";\n      border-radius: 0 !important;\n      background-color: ", " !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 !important;\n    }\n\n    .\u037C2 .cm-tooltip ul,\n    .\u037C3 .cm-tooltip ul {\n      margin-bottom: 40px !important;\n    }\n\n    .\u037C2 .cm-tooltip li:first-of-type,\n    .\u037C3 .cm-tooltip li:first-of-type {\n      border-top: none !important;\n    }\n  "])), token.colorBorderSecondary, token.colorBgContainer),
+    cm: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .\u037Cs \u037Cy,\n    .\u037Cs,\n    .\u037Cy {\n      color: ", " !important;\n    }\n\n    .\u037Co {\n      color: ", " !important;\n    }\n\n    .\u037C16 {\n      background-color: transparent !important;\n    }\n\n    .cm-editor {\n      position: absolute !important;\n      top: 0;\n      left: 8px;\n      right: 0;\n      bottom: 30px;\n    }\n    .cm-focused {\n      outline: none;\n    }\n\n    .\u037C1 .cm-content {\n      width: 100%;\n      padding: 8px 0;\n      white-space: break-spaces;\n    }\n\n    .cm-line {\n      line-height: 24px;\n    }\n\n    .cm-prompt-var {\n      font-size: inherit;\n      color: ", ";\n      background-color: ", ";\n      line-height: 1.7;\n      font-weight: 500;\n      margin: 0 2px;\n      height: 24px;\n      display: inline-flex;\n      padding: 0 4px;\n      border-radius: 4px;\n    }\n\n    .\u037C2 .cm-tooltip,\n    .\u037C3 .cm-tooltip {\n      position: relative;\n      background-color: ", ";\n      border: 0;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0px 3px 12px 0px rgba(47, 49, 51, 0.12);\n    }\n\n    .\u037C2 .cm-tooltip ul,\n    .\u037C3 .cm-tooltip ul {\n      max-height: 17em !important;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .\u037C2 .cm-tooltip li,\n    .\u037C3 .cm-tooltip li {\n      margin: 4px 8px;\n      height: 32px;\n      padding: 0 12px !important;\n      flex: 0 0 32px;\n      display: flex;\n      align-items: center;\n    }\n\n    .\u037C2 .cm-tooltip-autocomplete ul li[aria-selected],\n    .\u037C3 .cm-tooltip-autocomplete ul li[aria-selected] {\n      border-radius: 6px;\n      font-weight: 600;\n      color: ", ";\n      background-color: ", ";\n    }\n\n    .cm-completionInfo-right {\n      display: none;\n    }\n\n    .\u037C1 .cm-completionIcon {\n      display: none;\n    }\n  "])), token.colorBlue, token.colorTextSecondary, token.colorPurple, token.colorPurpleBg, token.colorBgContainer, token.colorText, token.colorFillSecondary),
+    root: {
+      position: 'relative',
+      minHeight: 300,
+      backgroundColor: token.colorBgBase,
+      border: "1px solid ".concat(token.colorBorderSecondary),
+      borderRadius: 6,
+      overflow: 'hidden',
+      padding: '4px 12px',
+      resize: 'vertical'
+    },
+    footer: {
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      right: 0,
+      padding: '0 12px',
+      height: 30,
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      fontSize: 12,
+      color: token.colorTextTertiary,
+      backgroundColor: token.colorBgBase
+    },
+    tips: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 4
+    }
+  };
+});
+export var langExtensionsMap = {
+  markdown: [markdown()]
+};
+var empty = [];
+var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var variables = props.variables || empty;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    ready = _useState2[0],
+    setReady = _useState2[1];
+  var onCreate = props.onCreate;
+  var context = React.useContext(ConfigProvider.ConfigContext);
+  var isDarkMode = context.theme.algorithm === theme.darkAlgorithm;
+  var createBtnText = props.createBtnText || '+ 新增变量';
+  var getTheme = useMemo(function () {
+    if (isDarkMode) {
+      return vscodeDark;
+    }
+    return vscodeLight;
+  }, [isDarkMode]);
+  var extensions = useMemo(function () {
+    return [].concat(_toConsumableArray(langExtensionsMap['markdown']), _toConsumableArray(VarRender), [VarSelectInput(_toConsumableArray(variables).map(function (item) {
+      return {
+        label: "/".concat(item.code),
+        info: item.label
+      };
+    }) || [], {
+      onCreate: onCreate,
+      createBtnText: createBtnText
+    })]);
+  }, [variables]);
+  useEffect(function () {
+    setReady(true);
+    return function () {
+      setReady(false);
+    };
+  }, []);
+  if (!ready) return null;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.root,
+    children: [/*#__PURE__*/_jsx(CodeMirror, {
+      className: classNames(styles.cm, _defineProperty({}, styles.onCreate, onCreate)),
+      extensions: extensions,
+      value: props.value,
+      theme: getTheme,
+      lang: "markdown",
+      onChange: props.onChange,
+      basicSetup: {
+        lineNumbers: false,
+        foldGutter: false,
+        highlightActiveLine: false
+      }
+    }, getTheme), /*#__PURE__*/_jsxs("div", {
+      className: styles.footer,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.tips,
+        children: ["\u8F93\u5165\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
+          size: 16
+        }), " \u56DE\u8F66\u65B0\u589E"]
+      }), props.maxLength ? /*#__PURE__*/_jsxs("div", {
+        children: [props.value.length, "/", props.maxLength]
+      }) : null]
+    })]
+  });
+};
+export default CodeMirrorWrapper;

package/lib/components/commonComponents/Radio/demo/demo1.js

@@ -0,0 +1,25 @@
+import { Radio } from "../../../..";
+import { Flex } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: "middle",
+    children: [/*#__PURE__*/_jsx(Radio, {
+      children: "unselected"
+    }), /*#__PURE__*/_jsx(Radio, {
+      disabled: true,
+      children: "unselected disabled"
+    }), /*#__PURE__*/_jsx(Radio, {
+      checked: true,
+      children: "selected"
+    }), /*#__PURE__*/_jsx(Radio, {
+      disabled: true,
+      checked: true,
+      children: "selected disabled"
+    })]
+  });
+};
+export default App;

package/lib/components/commonComponents/RadioButton/demo/demo1.js

@@ -0,0 +1,28 @@
+import { Flex } from 'antd';
+import React from 'react';
+import RadioButton from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("radio checked:".concat(e.target.value));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsx(Flex, {
+    vertical: true,
+    gap: "middle",
+    children: /*#__PURE__*/_jsx(RadioButton, {
+      onChange: onChange,
+      defaultValue: "max",
+      options: [{
+        value: 'max',
+        label: 'Qwen-Max'
+      }, {
+        value: 'plus',
+        label: 'Qwen-Plus'
+      }, {
+        value: 'turbo',
+        label: 'Qwen-Turbo'
+      }]
+    })
+  });
+};
+export default App;

package/lib/components/commonComponents/RadioButton/demo/demo2.js

@@ -0,0 +1,58 @@
+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";
+var onChange = function onChange(e) {
+  console.log("radio checked:".concat(e.target.value));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: "16px",
+    children: [/*#__PURE__*/_jsxs(RadioButton, {
+      onChange: onChange,
+      defaultValue: "a",
+      size: "large",
+      children: [/*#__PURE__*/_jsx(Radio.Button, {
+        value: "a",
+        children: "Qwen-Max"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "b",
+        children: "Qwen-Plus"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "c",
+        children: "Qwen-Turbo"
+      })]
+    }), /*#__PURE__*/_jsxs(RadioButton, {
+      onChange: onChange,
+      defaultValue: "a",
+      size: "middle",
+      children: [/*#__PURE__*/_jsx(Radio.Button, {
+        value: "a",
+        children: "Qwen-Max"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "b",
+        children: "Qwen-Plus"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "c",
+        children: "Qwen-Turbo"
+      })]
+    }), /*#__PURE__*/_jsxs(RadioButton, {
+      onChange: onChange,
+      defaultValue: "a",
+      size: "small",
+      children: [/*#__PURE__*/_jsx(Radio.Button, {
+        value: "a",
+        children: "Qwen-Max"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "b",
+        children: "Qwen-Plus"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "c",
+        children: "Qwen-Turbo"
+      })]
+    })]
+  });
+};
+export default App;

package/lib/components/commonComponents/RadioButton/demo/demo3.js

@@ -0,0 +1,31 @@
+import { Flex } from 'antd';
+import React from 'react';
+import RadioButton from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("radio checked:".concat(e.target.value));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsx(Flex, {
+    vertical: true,
+    gap: "middle",
+    children: /*#__PURE__*/_jsx(RadioButton, {
+      onChange: onChange,
+      defaultValue: "a",
+      options: [{
+        value: 'a',
+        label: 'Qwen-Max',
+        disabled: true
+      }, {
+        value: 'b',
+        label: 'Qwen-Plus',
+        disabled: true
+      }, {
+        value: 'c',
+        label: 'Qwen-Turbo',
+        disabled: true
+      }]
+    })
+  });
+};
+export default App;

package/lib/components/commonComponents/RadioButton/demo/demo4.js

@@ -0,0 +1,30 @@
+import { Flex } from 'antd';
+import React from 'react';
+import RadioButton from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("radio checked:".concat(e.target.value));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsx(Flex, {
+    vertical: true,
+    gap: "middle",
+    children: /*#__PURE__*/_jsx(RadioButton, {
+      onChange: onChange,
+      defaultValue: "a",
+      buttonStyle: "solid",
+      ghost: false,
+      options: [{
+        value: 'a',
+        label: 'Qwen-Max'
+      }, {
+        value: 'c',
+        label: 'Qwen-Plus'
+      }, {
+        value: 'd',
+        label: 'Qwen-Turbo'
+      }]
+    })
+  });
+};
+export default App;

package/lib/components/commonComponents/RadioButton/demo/demo5.js

@@ -0,0 +1,30 @@
+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";
+var onChange = function onChange(e) {
+  console.log("radio checked:".concat(e.target.value));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsx(Flex, {
+    vertical: true,
+    gap: "middle",
+    children: /*#__PURE__*/_jsxs(RadioButton, {
+      onChange: onChange,
+      defaultValue: "a",
+      bordered: true,
+      children: [/*#__PURE__*/_jsx(Radio.Button, {
+        value: "a",
+        children: "Qwen-Max"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "b",
+        children: "Qwen-Plus"
+      }), /*#__PURE__*/_jsx(Radio.Button, {
+        value: "c",
+        children: "Qwen-Turbo"
+      })]
+    })
+  });
+};
+export default App;

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

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

package/lib/components/commonComponents/RadioButton/index.style.d.ts

@@ -0,0 +1,72 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        border: string;
+        backgroundColor: string;
+        '&:first-child': {
+            'border-inline-start': string;
+        };
+        borderRadius: string;
+        '&::before': {
+            display: string;
+        };
+        '&:not(:last-child)': {
+            marginRight: string;
+        };
+        color?: undefined;
+        '&:hover'?: undefined;
+    } | {
+        [x: string]: {
+            [x: string]: {
+                [x: string]: string | {
+                    backgroundColor: string;
+                };
+                color: string;
+                backgroundColor: string;
+                '&:hover'?: undefined;
+            } | {
+                '&:hover': {
+                    backgroundColor: string;
+                };
+                color?: undefined;
+                backgroundColor?: undefined;
+            };
+        };
+        border?: undefined;
+        backgroundColor?: undefined;
+        '&:first-child'?: undefined;
+        borderRadius?: undefined;
+        '&::before'?: undefined;
+        '&:not(:last-child)'?: undefined;
+        color?: undefined;
+        '&:hover'?: undefined;
+    } | {
+        [x: string]: {
+            border: string;
+            '&:not(:first-child)': {
+                'border-inline-start-width': string;
+            };
+        };
+        border?: undefined;
+        backgroundColor?: undefined;
+        '&:first-child'?: undefined;
+        borderRadius?: undefined;
+        '&::before'?: undefined;
+        '&:not(:last-child)'?: undefined;
+        color?: undefined;
+        '&:hover'?: undefined;
+    } | {
+        color: string;
+        backgroundColor: string;
+        '&:hover': {
+            color: string;
+            backgroundColor: string;
+        };
+        border?: undefined;
+        '&:first-child'?: undefined;
+        borderRadius?: undefined;
+        '&::before'?: undefined;
+        '&:not(:last-child)'?: undefined;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

package/lib/components/commonComponents/RadioButton/index.style.js

@@ -0,0 +1,63 @@
+var _excluded = ["css"];
+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 _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; }
+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 createStyle from "../../../libs/createStyle";
+export function getIndexStyleData(params) {
+  var antPrefix = params.antPrefix,
+    _params$gap = params.gap,
+    gap = _params$gap === void 0 ? 12 : _params$gap,
+    sparkPrefix = params.sparkPrefix;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-radio-button-wrapper"), {
+    border: 'none',
+    backgroundColor: 'transparent',
+    '&:first-child': {
+      'border-inline-start': 'initial'
+    },
+    borderRadius: '6px',
+    '&::before': {
+      display: 'none !important'
+    },
+    '&:not(:last-child)': {
+      marginRight: "".concat(gap, "px")
+    }
+  }), ".".concat(antPrefix, "-radio-group-ghost"), _defineProperty({}, ".".concat(antPrefix, "-radio-button-wrapper-checked"), _defineProperty(_defineProperty({}, "&:not(.".concat(antPrefix, "-radio-button-wrapper-disabled)"), _defineProperty({
+    color: "var(--".concat(antPrefix, "-color-primary)"),
+    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)")
+  }, ".".concat(antPrefix, "-radio-button-wrapper-checked"), {
+    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)")
+  })), "&.".concat(antPrefix, "-radio-button-wrapper-disabled"), {
+    '&:hover': {
+      backgroundColor: "var(--".concat(antPrefix, "-color-fill-tertiary)")
+    }
+  }))), ".".concat(sparkPrefix, "-radio-group-bordered"), _defineProperty({}, ".".concat(antPrefix, "-radio-button-wrapper"), {
+    border: "var(--".concat(antPrefix, "-line-width) var(--").concat(antPrefix, "-line-type) var(--").concat(antPrefix, "-color-border)"),
+    '&:not(:first-child)': {
+      'border-inline-start-width': '1px'
+    }
+  })), ".".concat(antPrefix, "-radio-button-wrapper-disabled"), {
+    color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
+    backgroundColor: 'transparent',
+    '&:hover': {
+      color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
+      backgroundColor: 'transparent'
+    }
+  }), ".".concat(antPrefix, "-radio-button-wrapper-checked.").concat(antPrefix, "-radio-button-wrapper-disabled"), {
+    color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
+    backgroundColor: "var(--".concat(antPrefix, "-color-fill-tertiary)"),
+    '&:hover': {
+      color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
+      backgroundColor: "var(--".concat(antPrefix, "-color-fill-tertiary)")
+    }
+  });
+}
+var useIndexStyle = createStyle(function (_ref2) {
+  var css = _ref2.css,
+    params = _objectWithoutProperties(_ref2, _excluded);
+  var result = css(getIndexStyleData(params));
+  return result;
+});
+export default useIndexStyle;

package/lib/components/commonComponents/Result/demo/demo1.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/commonComponents/Result/demo/demo1.js

@@ -0,0 +1,10 @@
+import { Result } from "../../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Result, {
+    type: "success",
+    title: "Sucess",
+    description: "Please try later...",
+    okText: "Try now"
+  });
+});

package/lib/components/commonComponents/Result/demo/demo2.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/commonComponents/Result/demo/demo2.js

@@ -0,0 +1,10 @@
+import { Result } from "../../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Result, {
+    type: "failed",
+    title: "Failed",
+    description: "Please try later...",
+    okText: "Retry"
+  });
+});

package/lib/components/commonComponents/Result/demo/demo3.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/commonComponents/Result/demo/demo3.js

@@ -0,0 +1,10 @@
+import { Result } from "../../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Result, {
+    type: "error",
+    title: "Error",
+    description: "Please try again later",
+    okText: "Retry"
+  });
+});

package/lib/components/commonComponents/Result/demo/demo4.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/components/commonComponents/Result/demo/demo4.js

@@ -0,0 +1,10 @@
+import { Result } from "../../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(Result, {
+    type: "inProgress",
+    title: "In Progress",
+    description: "Please try later...",
+    okText: "Retry"
+  });
+});

package/lib/components/commonComponents/Result/demo/demo5.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;