@agentscope-ai/design 1.0.6 → 1.0.7

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

@@ -0,0 +1,162 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        [x: string]: {
+            display: string;
+            flexDirection: string;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            alignItems?: undefined;
+            justifyContent?: undefined;
+            backgroundColor?: undefined;
+            paddingInlineEnd?: undefined;
+            lineHeight?: undefined;
+            color?: undefined;
+            '&::after'?: undefined;
+        } | {
+            [x: string]: {
+                '&:hover': {
+                    [x: string]: {
+                        borderColor: string;
+                    };
+                };
+            };
+            display?: undefined;
+            flexDirection?: undefined;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            alignItems?: undefined;
+            justifyContent?: undefined;
+            backgroundColor?: undefined;
+            paddingInlineEnd?: undefined;
+            lineHeight?: undefined;
+            color?: undefined;
+            '&::after'?: undefined;
+        } | {
+            fontSize: string;
+            fontWeight: number;
+            display: string;
+            alignItems: string;
+            justifyContent: string;
+            backgroundColor: string;
+            flexDirection?: undefined;
+            paddingInlineEnd?: undefined;
+            lineHeight?: undefined;
+            color?: undefined;
+            '&::after'?: undefined;
+        } | {
+            [x: string]: {
+                height: string;
+                maxWidth?: undefined;
+                maxHeight?: undefined;
+                fontSize?: undefined;
+                lineHeight?: undefined;
+                top?: undefined;
+            } | {
+                [x: string]: string | {
+                    backgroundColor: string;
+                    borderRadius: string;
+                    fontSize: string;
+                    width: string;
+                    height: string;
+                    color: string;
+                };
+                maxWidth: string;
+                maxHeight: string;
+                fontSize: string;
+                lineHeight: string;
+                top: string;
+                height?: undefined;
+            };
+            display?: undefined;
+            flexDirection?: undefined;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            alignItems?: undefined;
+            justifyContent?: undefined;
+            backgroundColor?: undefined;
+            paddingInlineEnd?: undefined;
+            lineHeight?: undefined;
+            color?: undefined;
+            '&::after'?: undefined;
+        } | {
+            paddingInlineEnd: string;
+            lineHeight: string;
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            '&::after': {
+                backgroundColor: string;
+                height: string;
+                background: string;
+            };
+            display?: undefined;
+            flexDirection?: undefined;
+            alignItems?: undefined;
+            justifyContent?: undefined;
+            backgroundColor?: undefined;
+        } | {
+            fontSize: string;
+            lineHeight: string;
+            color: string;
+            display?: undefined;
+            flexDirection?: undefined;
+            fontWeight?: undefined;
+            alignItems?: undefined;
+            justifyContent?: undefined;
+            backgroundColor?: undefined;
+            paddingInlineEnd?: undefined;
+            '&::after'?: undefined;
+        } | {
+            [x: string]: {
+                backgroundColor: string;
+            };
+            display?: undefined;
+            flexDirection?: undefined;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            alignItems?: undefined;
+            justifyContent?: undefined;
+            backgroundColor?: undefined;
+            paddingInlineEnd?: undefined;
+            lineHeight?: undefined;
+            color?: undefined;
+            '&::after'?: undefined;
+        } | {
+            [x: string]: {
+                paddingInlineStart: string;
+            };
+            display?: undefined;
+            flexDirection?: undefined;
+            fontSize?: undefined;
+            fontWeight?: undefined;
+            alignItems?: undefined;
+            justifyContent?: undefined;
+            backgroundColor?: undefined;
+            paddingInlineEnd?: undefined;
+            lineHeight?: undefined;
+            color?: undefined;
+            '&::after'?: undefined;
+        };
+        display?: undefined;
+        minHeight?: undefined;
+        alignItems?: undefined;
+        justifyContent?: undefined;
+    } | {
+        [x: string]: string | {
+            [x: string]: {
+                marginInlineEnd: string;
+            };
+            width?: undefined;
+            backgroundColor?: undefined;
+        } | {
+            width: string;
+            backgroundColor: string;
+        };
+        display: string;
+        minHeight: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

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

@@ -0,0 +1,78 @@
+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({}, ".".concat(sparkPrefix, "-steps"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-steps-item-container"), {
+    display: 'flex',
+    flexDirection: 'row'
+  }), ".".concat(antPrefix, "-steps-item:not(.").concat(antPrefix, "-steps-item-active):not(.").concat(antPrefix, "-steps-item-process)"), _defineProperty({}, ".".concat(antPrefix, "-steps-item-container"), {
+    '&:hover': _defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
+      borderColor: 'transparent !important'
+    })
+  })), ".".concat(antPrefix, "-steps-item-icon"), {
+    fontSize: '14px',
+    fontWeight: 600,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: "var(--".concat(antPrefix, "-color-border-secondary)")
+  }), ".".concat(antPrefix, "-steps-item-finish"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
+    height: '20px !important'
+  }), ".".concat(antPrefix, "-steps-icon"), _defineProperty({
+    maxWidth: '20px',
+    maxHeight: '20px',
+    fontSize: '16px !important',
+    lineHeight: '20px !important',
+    top: '-0.5px !important'
+  }, ".".concat(sparkPrefix, "-finish-icon"), {
+    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)"),
+    borderRadius: '50%',
+    fontSize: '16px !important',
+    width: '20px',
+    height: '20px',
+    color: "var(--".concat(antPrefix, "-color-primary)")
+  }))), ".".concat(antPrefix, "-steps-item-title"), {
+    paddingInlineEnd: '8px',
+    lineHeight: '20px',
+    color: "var(--".concat(antPrefix, "-color-text) !important"),
+    fontSize: '14px',
+    fontWeight: 500,
+    '&::after': {
+      backgroundColor: "var(--".concat(antPrefix, "-color-border-secondary) !important"),
+      height: '1px',
+      background: "var(--".concat(antPrefix, "-color-border-secondary)")
+    }
+  }), ".".concat(antPrefix, "-steps-item-description"), {
+    fontSize: '12px',
+    lineHeight: '20px',
+    color: "var(--".concat(antPrefix, "-color-text-tertiary) !important")
+  }), ".".concat(antPrefix, "-steps-item-wait"), _defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
+    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)")
+  })), "&.".concat(antPrefix, "-steps-horizontal:not(.").concat(antPrefix, "-steps-label-vertical)"), _defineProperty({}, ".".concat(antPrefix, "-steps-item"), {
+    paddingInlineStart: '8px'
+  }))), ".".concat(antPrefix, "-steps-vertical"), _defineProperty(_defineProperty({
+    display: 'flex',
+    minHeight: '182px',
+    alignItems: 'center',
+    justifyContent: 'center'
+  }, ".".concat(antPrefix, "-steps-item"), _defineProperty({}, ".".concat(antPrefix, "-steps-item-icon"), {
+    marginInlineEnd: '9px !important'
+  })), ".".concat(antPrefix, "-steps-item-tail::after"), {
+    width: '1px !important',
+    backgroundColor: "var(--".concat(antPrefix, "-color-border-secondary) !important")
+  }));
+}
+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/Switch/demo/demo1.d.ts

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

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

@@ -0,0 +1,35 @@
+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 { Switch } from "../../../..";
+import { Flex } from 'antd';
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: 16,
+    children: [/*#__PURE__*/_jsx(Switch, {
+      checked: checked,
+      onChange: function onChange(checked) {
+        return setChecked(checked);
+      },
+      label: "Switch MD"
+    }), /*#__PURE__*/_jsx(Switch, {
+      disabled: true,
+      label: "Switch MD Closed disable"
+    }), /*#__PURE__*/_jsx(Switch, {
+      checked: true,
+      disabled: true,
+      label: "Switch MD Opening disable"
+    })]
+  });
+});

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

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

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

@@ -0,0 +1,35 @@
+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 { Switch } from "../../../..";
+import { Flex } from 'antd';
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  return /*#__PURE__*/_jsxs(Flex, {
+    vertical: true,
+    gap: 16,
+    children: [/*#__PURE__*/_jsx(Switch, {
+      checked: checked,
+      onChange: function onChange(checked) {
+        return setChecked(checked);
+      },
+      label: "Switch MD"
+    }), /*#__PURE__*/_jsx(Switch, {
+      size: "small",
+      checked: checked,
+      onChange: function onChange(checked) {
+        return setChecked(checked);
+      },
+      label: "Switch SM"
+    })]
+  });
+});

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

@@ -0,0 +1,11 @@
+import { SwitchProps } from 'antd/lib';
+import { ReactNode } from 'react';
+export interface SparkSwitchProps extends SwitchProps {
+    /**
+     * @description Switch后的内容
+     * @descriptionEn content after the switch
+     */
+    label?: ReactNode;
+}
+declare const _default: (props: SparkSwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,33 @@
+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 = ["label", "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 { Flex, Switch } from 'antd';
+import classNames from 'classnames';
+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";
+export default (function (props) {
+  useIndexStyle();
+  var label = props.label,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  return /*#__PURE__*/_jsxs(Flex, {
+    align: "center",
+    gap: 8,
+    children: [/*#__PURE__*/_jsx(Switch, _objectSpread(_objectSpread({}, restProps), {}, {
+      className: classNames("".concat(sparkPrefix, "-switch"), className)
+    })), /*#__PURE__*/_jsx("span", {
+      className: "".concat(sparkPrefix, "-switch-label"),
+      children: label
+    })]
+  });
+});

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

@@ -0,0 +1,25 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        [x: string]: string | {
+            background: string;
+            opacity?: undefined;
+        } | {
+            [x: string]: string | number | {
+                background: string;
+            };
+            opacity: number;
+            background: string;
+        };
+        background: string;
+        backgroundImage: string;
+        fontSize?: undefined;
+        fontWeight?: undefined;
+    } | {
+        fontSize: string;
+        fontWeight: number;
+        background?: undefined;
+        backgroundImage?: undefined;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

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

@@ -0,0 +1,33 @@
+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({}, ".".concat(sparkPrefix, "-switch"), _defineProperty(_defineProperty({
+    background: "var(--".concat(antPrefix, "-color-primary-bg)"),
+    backgroundImage: 'none !important'
+  }, "&.".concat(antPrefix, "-switch-checked"), {
+    background: "var(--".concat(antPrefix, "-color-primary)")
+  }), "&.".concat(antPrefix, "-switch-disabled"), _defineProperty({
+    opacity: 1,
+    background: "var(--".concat(antPrefix, "-color-fill-disable)")
+  }, "&.".concat(antPrefix, "-switch-checked"), {
+    background: "var(--".concat(antPrefix, "-color-primary-border-hover)")
+  }))), ".".concat(sparkPrefix, "-switch-label"), {
+    fontSize: '14px',
+    fontWeight: 500
+  });
+}
+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/Table/demo/demo1.js

@@ -0,0 +1,133 @@
+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; }
+import { getCommonConfig, Switch, Table, Tag } from "../../../..";
+import { SparkCheckCircleFill } from '@agentscope-ai/icons';
+import { Flex, Space } from 'antd';
+import React, { useState } 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() {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    checkedList = _useState2[0],
+    setCheckedList = _useState2[1];
+  var commonConfig = getCommonConfig();
+  var antPrefix = commonConfig.antPrefix;
+  var columns = [{
+    title: 'Title',
+    dataIndex: 'title',
+    key: 'title',
+    render: function render(text) {
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          fontWeight: 500
+        },
+        children: text
+      });
+    }
+  }, {
+    title: 'Content',
+    dataIndex: 'content',
+    key: 'content'
+  }, {
+    title: 'Switch',
+    dataIndex: 'switch',
+    key: 'switch',
+    render: function render(_, _ref) {
+      var key = _ref.key;
+      return /*#__PURE__*/_jsx(Switch, {
+        size: "small",
+        checked: !checkedList[key],
+        onChange: function onChange() {
+          var newCheckedList = _toConsumableArray(checkedList);
+          newCheckedList[key] = !newCheckedList[key];
+          setCheckedList(newCheckedList);
+        },
+        label: checkedList[key] ? 'Closed' : 'Opening'
+      });
+    }
+  }, {
+    title: 'Status',
+    dataIndex: 'status',
+    key: 'status',
+    render: function render(_, _ref2) {
+      var status = _ref2.status;
+      return /*#__PURE__*/_jsxs(Flex, {
+        align: "center",
+        gap: 4,
+        children: [/*#__PURE__*/_jsx(SparkCheckCircleFill, {
+          style: {
+            color: "var(--".concat(antPrefix, "-color-success)"),
+            fontSize: 18
+          }
+        }), /*#__PURE__*/_jsx("span", {
+          children: status
+        })]
+      });
+    }
+  }, {
+    title: 'Tags',
+    key: 'tags',
+    dataIndex: 'tags',
+    render: function render(_, _ref3) {
+      var tags = _ref3.tags;
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: tags.map(function (tag) {
+          return /*#__PURE__*/_jsx(Tag, {
+            color: "purple",
+            bordered: false,
+            children: tag.toUpperCase()
+          }, tag);
+        })
+      });
+    }
+  }, {
+    title: 'Operate',
+    key: 'operate',
+    render: function render(_) {
+      return /*#__PURE__*/_jsx(Space, {
+        size: "middle",
+        children: /*#__PURE__*/_jsx("a", {
+          children: "Operate"
+        })
+      });
+    }
+  }];
+  var data = [{
+    key: '1',
+    title: 'First Column Row 1',
+    content: 'Content Row 1',
+    switch: 'Switch Row 1',
+    status: 'Status Row 1',
+    tags: ['Tag1']
+  }, {
+    key: '2',
+    title: 'First Column Row 2',
+    content: 'Content Row 2',
+    switch: 'Switch Row 2',
+    status: 'Status Row 2',
+    tags: ['Tag2']
+  }, {
+    key: '3',
+    title: 'First Column Row 3',
+    content: 'Content Row 3',
+    switch: 'Switch Row 3',
+    status: 'Status Row 3',
+    tags: ['Tag3']
+  }];
+  return /*#__PURE__*/_jsx(Table, {
+    columns: columns,
+    dataSource: data,
+    pagination: false
+  });
+};
+export default App;