@agentscope-ai/design 1.0.6 → 1.0.8

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

@@ -0,0 +1,34 @@
+import { ButtonProps } from 'antd';
+import React, { ReactNode } from 'react';
+import { SparkIconFontProps } from '../IconFont';
+export interface SparkButtonProps extends ButtonProps {
+    /**
+     * @description 按钮大小
+     * @descriptionEn size of the button
+     * @default 'middle'
+     */
+    size?: 'small' | 'middle' | 'large';
+    /**
+     * @description 类型
+     * @descriptionEn type of the button
+     * @default 'deafult'
+     */
+    type?: 'primary' | 'dashed' | 'link' | 'text' | 'default' | 'primaryLess' | 'textCompact';
+    /**
+     * @description hover上去Popover的内容
+     * @descriptionEn content of the tooltip
+     */
+    tooltipContent?: string | ReactNode;
+    /**
+     * @description 百炼图标iconfont的key，依赖ConfigProvider传入的iconfont，例如bl-icon-add
+     * @descriptionEn key of the iconfont, depends on the iconfont of the ConfigProvider, such as bl-icon-add
+     */
+    iconType?: string;
+    /**
+     * @description 图标大小
+     * @descriptionEn size of the icon
+     */
+    iconSize?: SparkIconFontProps['size'];
+}
+declare const Button: React.ForwardRefExoticComponent<SparkButtonProps & React.RefAttributes<any>>;
+export default Button;

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

@@ -0,0 +1,116 @@
+var _excluded = ["iconSize", "loading"];
+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 _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; }
+import { SparkLoadingLine } from '@agentscope-ai/icons';
+import { Button as AntdButton, ConfigProvider, theme } from 'antd';
+import classNames from 'classnames';
+import React, { forwardRef, useMemo } from 'react';
+import IconFont from "../IconFont";
+import Popover from "../Popover";
+
+// @ts-ignore
+import { jsx as _jsx } from "react/jsx-runtime";
+var Button = /*#__PURE__*/forwardRef(function (props, ref) {
+  var token = theme.useToken();
+  var iconSize = props.iconSize,
+    loading = props.loading,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var buttonType = React.useMemo(function () {
+    // @ts-ignore
+    if (restProps.type === 'primaryLess') return 'primary';
+    // @ts-ignore
+    if (restProps.type === 'textCompact') return 'link';
+    return restProps.type;
+  }, [restProps.type]);
+  var mergedLoading = useMemo(function () {
+    // 更改默认 loading icon 为 SparkLoadingLine
+    if (loading) {
+      if (typeof loading === 'boolean') {
+        return {
+          icon: /*#__PURE__*/_jsx(SparkLoadingLine, {
+            spin: true
+          })
+        };
+      }
+      if (_typeof(loading) === 'object') {
+        return _objectSpread({
+          icon: /*#__PURE__*/_jsx(SparkLoadingLine, {
+            spin: true
+          })
+        }, loading);
+      }
+    }
+    return loading;
+  }, [loading]);
+  var icon = React.useMemo(function () {
+    if (loading && _typeof(loading) === 'object' && loading.icon) {
+      return loading === null || loading === void 0 ? void 0 : loading.icon;
+    }
+    if (restProps.iconType) return /*#__PURE__*/_jsx(IconFont, {
+      type: restProps.iconType,
+      size: iconSize !== null && iconSize !== void 0 ? iconSize : restProps.size
+    }); // 注意 size 也需要传入下去
+    if (restProps.icon) return /*#__PURE__*/React.cloneElement(restProps.icon, {
+      size: iconSize !== null && iconSize !== void 0 ? iconSize : restProps.size // 注意 size 也需要传入下去
+    });
+    return null;
+  }, [restProps.iconType, restProps.icon]);
+  var button = /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
+    loading: mergedLoading,
+    ref: ref,
+    type: buttonType,
+    icon: icon,
+    style: _objectSpread({
+      fontWeight: 500,
+      lineHeight: 1
+    }, restProps.style),
+    className: classNames(restProps.className, 'spark-button')
+  }));
+
+  // @ts-ignore
+  if (restProps.type === 'primaryLess') {
+    return /*#__PURE__*/_jsx(ConfigProvider, {
+      theme: {
+        token: {
+          colorPrimary: token.token.colorText,
+          colorPrimaryHover: token.token.colorTextSecondary,
+          colorPrimaryActive: token.token.colorTextBase
+        }
+      },
+      children: /*#__PURE__*/_jsx(Popover, {
+        content: restProps.tooltipContent,
+        children: button
+      })
+    });
+    // @ts-ignore
+  } else if (restProps.type === 'textCompact') {
+    return /*#__PURE__*/_jsx(Popover, {
+      content: restProps.tooltipContent,
+      children: /*#__PURE__*/_jsx(AntdButton, _objectSpread(_objectSpread({}, restProps), {}, {
+        ref: ref,
+        icon: icon,
+        color: "default",
+        variant: "link",
+        style: _objectSpread({
+          fontWeight: 500,
+          paddingLeft: 0,
+          paddingRight: 0,
+          lineHeight: 1
+        }, restProps.style),
+        className: classNames(restProps.className, 'spark-button')
+      }))
+    });
+  } else {
+    return /*#__PURE__*/_jsx(Popover, {
+      content: restProps.tooltipContent,
+      children: button
+    });
+  }
+});
+export default Button;

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

@@ -0,0 +1,27 @@
+import { Card } from "../../../..";
+import { theme } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  return /*#__PURE__*/_jsx(Card, {
+    title: "Card title",
+    info: "info here",
+    style: {
+      width: 240
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        height: 117,
+        fontSize: 16,
+        color: token.colorTextSecondary,
+        background: token.colorFillTertiary,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: "Content"
+    })
+  });
+});

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

@@ -0,0 +1,25 @@
+import { Card } from "../../../..";
+import { theme } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
+  return /*#__PURE__*/_jsx(Card, {
+    style: {
+      width: 240
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%',
+        height: 170,
+        fontSize: 16,
+        color: token.colorTextSecondary,
+        background: token.colorFillTertiary,
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+      },
+      children: "Content"
+    })
+  });
+});

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { CardProps } from 'antd';
+export interface SparkCardProps extends CardProps {
+    /**
+     * @description 副标题
+     * @descriptionEn subtitle
+     */
+    info?: ReactNode;
+}
+declare const _default: (props: SparkCardProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,43 @@
+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 = ["title", "info", "children", "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 _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 "../../../config";
+import { Card } from 'antd';
+import classNames from 'classnames';
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (props) {
+  var title = props.title,
+    info = props.info,
+    children = props.children,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  useIndexStyle();
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix;
+  return /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({
+    className: classNames("".concat(sparkPrefix, "-card"), className)
+  }, restProps), {}, {
+    title: null,
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-card-wrapper"),
+      children: [title && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-title"),
+        children: title
+      }), info && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-info"),
+        children: info
+      }), children && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-content"),
+        children: children
+      })]
+    })
+  }));
+});

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

@@ -0,0 +1,71 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        borderRadius: string;
+        backgroundColor: string;
+        border: string;
+        transition?: undefined;
+        '&:hover'?: undefined;
+        cursor?: undefined;
+        display?: undefined;
+        flexDirection?: undefined;
+        padding?: undefined;
+        gap?: undefined;
+        "> *:only-child"?: undefined;
+    } | {
+        [x: string]: string | {
+            padding: number;
+            boxShadow?: undefined;
+        } | {
+            boxShadow: string;
+            padding?: undefined;
+        };
+        transition: string;
+        '&:hover': {
+            boxShadow: string;
+        };
+        cursor: string;
+        borderRadius?: undefined;
+        backgroundColor?: undefined;
+        border?: undefined;
+        display?: undefined;
+        flexDirection?: undefined;
+        padding?: undefined;
+        gap?: undefined;
+        "> *:only-child"?: undefined;
+    } | {
+        [x: string]: string | {
+            gap: number;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            lineHeight?: undefined;
+            color?: undefined;
+        } | {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            color: string;
+            gap?: undefined;
+        } | {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            color: string;
+            gap?: undefined;
+        };
+        display: string;
+        flexDirection: string;
+        padding: string;
+        gap: string;
+        "> *:only-child": {
+            gap: number;
+        };
+        borderRadius?: undefined;
+        backgroundColor?: undefined;
+        border?: undefined;
+        transition?: undefined;
+        '&:hover'?: undefined;
+        cursor?: undefined;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

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

@@ -0,0 +1,46 @@
+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 sparkPrefix = params.sparkPrefix,
+    antPrefix = params.antPrefix;
+  return _defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-card"), {
+    borderRadius: '6px',
+    backgroundColor: "var(--".concat(antPrefix, "-color-bg-base)"),
+    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
+  }), ".".concat(sparkPrefix, "-card"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "transition", 'box-shadow 0.4s ease'), ".".concat(antPrefix, "-card-body"), {
+    padding: 0
+  }), '&:hover', {
+    boxShadow: '0px 4px 6px 0px rgba(0, 0, 0, 0.08)'
+  }), "cursor", 'pointer')), ".".concat(sparkPrefix, "-card-wrapper"), _defineProperty(_defineProperty(_defineProperty({
+    display: 'flex',
+    flexDirection: 'column',
+    padding: '12px 16px',
+    gap: '4px'
+  }, "> *:only-child", {
+    gap: 0
+  }), ".".concat(sparkPrefix, "-title"), {
+    fontSize: '14px',
+    fontWeight: 500,
+    lineHeight: '24px',
+    /* 中性色/color-text */
+    color: "var(--".concat(antPrefix, "-color-text)")
+  }), ".".concat(sparkPrefix, "-info"), {
+    fontSize: '12px',
+    fontWeight: 'normal',
+    lineHeight: '18px',
+    color: "var(--".concat(antPrefix, "-color-text-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/Checkbox/demo/demo1.js

@@ -0,0 +1,30 @@
+import { Checkbox } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("checked = ".concat(e.target.checked));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 16
+    },
+    children: [/*#__PURE__*/_jsx(Checkbox, {
+      onChange: onChange,
+      children: "Checkbox normal"
+    }), /*#__PURE__*/_jsx(Checkbox, {
+      onChange: onChange,
+      checked: true,
+      disabled: true,
+      children: "Checkbox checked disabled"
+    }), /*#__PURE__*/_jsx(Checkbox, {
+      onChange: onChange,
+      disabled: true,
+      children: "Checkbox unchecked disabled"
+    })]
+  });
+};
+export default App;

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

@@ -0,0 +1,14 @@
+import { Checkbox } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("checked = ".concat(e.target.checked));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsx(Checkbox, {
+    onChange: onChange,
+    description: "You agree to our Terms of Service and Privacy Policy.",
+    children: "Accept terms and conditions"
+  });
+};
+export default App;

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

@@ -0,0 +1,26 @@
+import { Checkbox } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var onChange = function onChange(e) {
+  console.log("checked = ".concat(e.target.checked));
+};
+var App = function App() {
+  return /*#__PURE__*/_jsxs("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '16px'
+    },
+    children: [/*#__PURE__*/_jsx(Checkbox, {
+      indeterminate: true,
+      onChange: onChange,
+      children: "Checkbox partial checked"
+    }), /*#__PURE__*/_jsx(Checkbox, {
+      indeterminate: true,
+      disabled: true,
+      children: "Checkbox partial checked disabled"
+    })]
+  });
+};
+export default App;

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

@@ -0,0 +1,28 @@
+import { CheckboxProps } from 'antd';
+import { CheckboxGroupProps } from 'antd/es/checkbox';
+import React from 'react';
+export interface SparkCheckboxProps extends CheckboxProps {
+    /**
+     * @description 描述文本
+     * @descriptionEn Description Text
+     * @default
+     */
+    description?: string;
+    /**
+     * @description 描述文本的样式类名
+     * @descriptionEn Description Text Style Class Name
+     * @default
+     */
+    descriptionClassName?: string;
+    /**
+     * @description 描述文本的内联样式
+     * @descriptionEn Description Text Inline Style
+     * @default
+     */
+    descriptionStyle?: React.CSSProperties;
+}
+type CompoundedComponent = React.FC<SparkCheckboxProps> & {
+    Group: React.FC<CheckboxGroupProps>;
+};
+declare const Checkbox: CompoundedComponent;
+export default Checkbox;

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

@@ -0,0 +1,44 @@
+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 = ["description", "descriptionClassName", "descriptionStyle", "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 { Checkbox as AntCheckbox } from 'antd';
+import React from 'react';
+import { getCommonConfig } from "../../../config";
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Checkbox = function Checkbox(_ref) {
+  var description = _ref.description,
+    descriptionClassName = _ref.descriptionClassName,
+    descriptionStyle = _ref.descriptionStyle,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _getCommonConfig = getCommonConfig(),
+    antPrefix = _getCommonConfig.antPrefix,
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  useIndexStyle();
+  var defaultDescriptionStyle = {
+    marginLeft: '24px',
+    marginTop: '6px',
+    fontSize: '12px',
+    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(sparkPrefix, "-checkbox"),
+    children: [/*#__PURE__*/_jsx(AntCheckbox, _objectSpread(_objectSpread({}, restProps), {}, {
+      children: children
+    })), description && /*#__PURE__*/_jsx("div", {
+      className: descriptionClassName,
+      style: _objectSpread(_objectSpread({}, defaultDescriptionStyle), descriptionStyle),
+      children: description
+    })]
+  });
+};
+Checkbox.Group = AntCheckbox.Group;
+export default Checkbox;

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

@@ -0,0 +1,34 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        [x: string]: {
+            [x: string]: {
+                color: string;
+            };
+            border?: undefined;
+        } | {
+            border: string;
+        } | {
+            [x: string]: {
+                borderColor: string;
+            };
+            border?: undefined;
+        } | {
+            [x: string]: {
+                borderColor: string;
+                backgroundColor: string;
+            };
+            border?: undefined;
+        } | {
+            [x: string]: {
+                backgroundColor: string;
+                borderColor: string;
+                '&::after': {
+                    borderColor: string;
+                };
+            };
+            border?: undefined;
+        };
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

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

@@ -0,0 +1,38 @@
+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 sparkPrefix = params.sparkPrefix,
+    antPrefix = params.antPrefix;
+  return _defineProperty({}, ".".concat(sparkPrefix, "-checkbox"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-checkbox-wrapper-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-label"), {
+    color: "var(--".concat(antPrefix, "-color-text)")
+  })), ".".concat(antPrefix, "-checkbox-inner"), {
+    border: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
+  }), ".".concat(antPrefix, "-checkbox-wrapper:hover"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
+    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
+  })), ".".concat(antPrefix, "-checkbox-checked"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
+    borderColor: "var(--".concat(antPrefix, "-color-primary)"),
+    backgroundColor: "var(--".concat(antPrefix, "-color-primary)")
+  })), ".".concat(antPrefix, "-checkbox-checked.").concat(antPrefix, "-checkbox-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
+    backgroundColor: "var(--".concat(antPrefix, "-color-fill-disable)"),
+    borderColor: "var(--".concat(antPrefix, "-color-fill-disable)"),
+    '&::after': {
+      borderColor: "var(--".concat(antPrefix, "-color-text-white)")
+    }
+  })), ".".concat(antPrefix, "-checkbox-disabled"), _defineProperty({}, ".".concat(antPrefix, "-checkbox-inner"), {
+    backgroundColor: "var(--".concat(antPrefix, "-color-fill-secondary)"),
+    borderColor: "var(--".concat(antPrefix, "-color-fill-secondary)")
+  })));
+}
+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/CodeBlock/demo/demo1.js

@@ -0,0 +1,49 @@
+import { CodeBlock, CollapsePanel, message } from "../../../..";
+import { SparkCode01Line, SparkCopyLine } from '@agentscope-ai/icons';
+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() {
+  var value = "function main(params) {    \n  const ret = {        \n    \"result\": {           \n      \"key0\": params.city + params.date,            \n      \"key1\": [\"hello\", \"world\"],               \n    },    \n  };\n  return ret;\n}";
+  return /*#__PURE__*/_jsx(Flex, {
+    vertical: true,
+    gap: 16,
+    style: {
+      width: 720
+    },
+    align: "center",
+    justify: "center",
+    children: /*#__PURE__*/_jsx(CollapsePanel, {
+      title: /*#__PURE__*/_jsxs(Flex, {
+        align: "center",
+        gap: 8,
+        children: [/*#__PURE__*/_jsx(SparkCode01Line, {
+          style: {
+            fontSize: '20px'
+          }
+        }), /*#__PURE__*/_jsx("span", {
+          style: {
+            fontSize: '14px'
+          },
+          children: "Code demo"
+        })]
+      }),
+      expandOnPanelClick: true,
+      extra: /*#__PURE__*/_jsx(SparkCopyLine, {
+        style: {
+          fontSize: '18px'
+        },
+        onClick: function onClick() {
+          navigator.clipboard.writeText(value);
+          message.success('复制成功!');
+        }
+      }),
+      children: /*#__PURE__*/_jsx(CodeBlock, {
+        language: 'javascript',
+        value: value
+      })
+    })
+  });
+};
+export default App;