@agentscope-ai/design 1.0.4

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

@@ -0,0 +1,58 @@
+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;
+    } | {
+        [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;
+    } | {
+        [x: string]: string | {
+            fontSize: string;
+            fontWeight: number;
+            lineHeight: string;
+            color: string;
+        } | {
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+            color: string;
+        };
+        display: string;
+        flexDirection: string;
+        padding: string;
+        gap: string;
+        borderRadius?: undefined;
+        backgroundColor?: undefined;
+        border?: undefined;
+        transition?: undefined;
+        '&:hover'?: undefined;
+        cursor?: undefined;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

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

@@ -0,0 +1,44 @@
+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({
+    display: 'flex',
+    flexDirection: 'column',
+    padding: '12px 16px',
+    gap: '4px'
+  }, ".".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/dist/components/commonComponents/Checkbox/demo/demo1.d.ts

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

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

@@ -0,0 +1,21 @@
+import { Checkbox } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } 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(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Checkbox, {
+      onChange: onChange,
+      children: "Accept terms and conditions"
+    }), /*#__PURE__*/_jsx(Checkbox, {
+      onChange: onChange,
+      disabled: true,
+      children: "Accept terms and conditions"
+    })]
+  });
+};
+export default App;

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

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

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

@@ -0,0 +1,25 @@
+import { Checkbox, getCommonConfig } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } 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() {
+  var _getCommonConfig = getCommonConfig(),
+    antPrefix = _getCommonConfig.antPrefix;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Checkbox, {
+      onChange: onChange,
+      children: "Accept terms and conditions"
+    }), /*#__PURE__*/_jsx("div", {
+      className: "ml-6 text-xs font-normal leading-5",
+      style: {
+        color: "var(--".concat(antPrefix, "-color-text-tertiary)")
+      },
+      children: "You agree to our Terms of Service and Privacy Policy."
+    })]
+  });
+};
+export default App;

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

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

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

@@ -0,0 +1,34 @@
+import { CodeBlock, CollapsePanel, IconFont, message } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var App = function App() {
+  var value = "function main() {    \n    ret = {        \n      \"result\": {           \n        \"key0\": params.city + params.date,            \n        \"key1\": [\"hello\", \"world\"],            \n        \"key2\": {      \n          // json_string\u662Fjson\u683C\u5F0F\u7684\u5B57\u7B26\u4E32          \n          \"key21\": JSON.parse(params.json_string)          \n        },        \n      },    \n    }    \n    return ret\n  }";
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(CollapsePanel, {
+      title: "\u4EE3\u7801\u5757",
+      collapsedHeight: 64,
+      expandedHeight: 200,
+      expandOnPanelClick: true,
+      extra: /*#__PURE__*/_jsx(IconFont, {
+        type: "spark-copy-line",
+        style: {
+          fontSize: '16px'
+        },
+        onClick: function onClick() {
+          navigator.clipboard.writeText(value);
+          message.success('复制成功!');
+        }
+      }),
+      children: /*#__PURE__*/_jsx(CodeBlock, {
+        language: 'javascript',
+        value: value
+      })
+    }), /*#__PURE__*/_jsx(CodeBlock, {
+      language: 'json',
+      value: '{"key0": "value0", "key1": "value1"}'
+    })]
+  });
+};
+export default App;

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

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

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

@@ -0,0 +1,14 @@
+import { CodeBlock } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  var value = "function main() {    \n    ret = {        \n      \"result\": {           \n        \"key0\": params.city + params.date,            \n        \"key1\": [\"hello\", \"world\"],            \n        \"key2\": {      \n          // json_string\u662Fjson\u683C\u5F0F\u7684\u5B57\u7B26\u4E32          \n          \"key21\": JSON.parse(params.json_string)          \n        },        \n      },    \n    }    \n    return ret\n  }";
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(CodeBlock, {
+      language: 'javascript',
+      value: value
+    })
+  });
+};
+export default App;

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

@@ -0,0 +1,11 @@
+export interface CodeBlockProps {
+    language: string | string[];
+    value: string;
+    className?: string;
+    theme?: 'dark' | 'light';
+    readOnly?: boolean;
+}
+export declare const langExtensionsMap: Record<string, any[]>;
+export declare const beautifulJson: (val?: string, count?: number) => string;
+declare const CodeMirrorWrapper: (props: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
+export default CodeMirrorWrapper;

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

@@ -0,0 +1,88 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 _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 _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 _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; }
+import { getCommonConfig } from "../../..";
+import { cpp } from '@codemirror/lang-cpp';
+import { css } from '@codemirror/lang-css';
+import { go } from '@codemirror/lang-go';
+import { html } from '@codemirror/lang-html';
+import { java } from '@codemirror/lang-java';
+import { javascript } from '@codemirror/lang-javascript';
+import { json, jsonParseLinter } from '@codemirror/lang-json';
+import { php } from '@codemirror/lang-php';
+import { python } from '@codemirror/lang-python';
+import { yaml } from '@codemirror/lang-yaml';
+import { linter, lintGutter } from '@codemirror/lint';
+import { vscodeDark, vscodeLight } from '@uiw/codemirror-theme-vscode';
+import CodeMirror from '@uiw/react-codemirror';
+import cls from 'classnames';
+import { omit } from 'lodash-es';
+import { useMemo } from 'react';
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var langExtensionsMap = {
+  javascript: [javascript()],
+  jsx: [javascript()],
+  python: [python()],
+  json: [json()],
+  java: [java()],
+  yaml: [yaml()],
+  php: [php()],
+  go: [go()],
+  csharp: [cpp()],
+  css: [css()],
+  html: [html()],
+  curl: []
+};
+var lintExtensionsMap = {
+  javascript: [lintGutter()],
+  // @ts-ignore
+  json: [lintGutter(), linter(jsonParseLinter())]
+};
+export var beautifulJson = function beautifulJson() {
+  var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '{}';
+  var count = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var finalVal = val;
+  try {
+    finalVal = JSON.stringify(JSON.parse(val), null, count);
+  } catch (_unused) {}
+  return finalVal;
+};
+var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix,
+    antPrefix = commonConfig.antPrefix,
+    isDarkMode = commonConfig.isDarkMode;
+  useIndexStyle({
+    sparkPrefix: sparkPrefix,
+    antPrefix: antPrefix
+  });
+  var getTheme = useMemo(function () {
+    if (props.theme === undefined) {
+      if (isDarkMode) {
+        return vscodeDark;
+      }
+      return vscodeLight;
+    }
+    return props.theme === 'dark' ? vscodeDark : vscodeLight;
+  }, [isDarkMode]);
+  var extensions = typeof props.language === 'string' ? [].concat(_toConsumableArray(langExtensionsMap[props.language] || []), _toConsumableArray(props.value && props.language in lintExtensionsMap ? lintExtensionsMap[props.language] : [])) : props.language.reduce(function (ext, lang) {
+    return [].concat(_toConsumableArray(ext), [langExtensionsMap[lang]]);
+  }, []);
+  return /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
+    className: cls("".concat(sparkPrefix, "-code-block"), props.className),
+    extensions: extensions,
+    value: props.language === 'json' ? beautifulJson(props.value) : props.value,
+    theme: getTheme
+  }, omit(props, ['language', 'theme', 'extensions', 'value'])));
+};
+export default CodeMirrorWrapper;

package/dist/components/commonComponents/CodeBlock/index.style.d.ts

@@ -0,0 +1,46 @@
+export declare function getIndexStyleData(params: any): {
+    '.cm-theme': {
+        border: string;
+        borderRadius: string;
+    };
+    '.cm-gutters': {
+        borderRight: string;
+    };
+    '.cm-gutterElement': {
+        color: string;
+    };
+    '.cm-button': {
+        backgroundImage: string;
+        background: string;
+        border: string;
+        borderRadius: string;
+        '&:hover': {
+            color: string;
+            cursor: string;
+        };
+    };
+    '.cm-search': {
+        background: string;
+    };
+    '.cm-panel.cm-search label': {
+        display: string;
+        alignItems: string;
+    };
+    '.cm-panel.cm-search [name=close]': {
+        right: string;
+        background: string;
+        fontSize: string;
+        color: string;
+    };
+    '.cm-textfield': {
+        borderRadius: string;
+    };
+    '.cm-panel.cm-search input[type=checkbox]': {
+        border: string;
+    };
+    '.cm-focused': {
+        outline: string;
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

package/dist/components/commonComponents/CodeBlock/index.style.js

@@ -0,0 +1,59 @@
+var _excluded = ["css"];
+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 createStyle from "../../../libs/createStyle";
+export function getIndexStyleData(params) {
+  var antPrefix = params.antPrefix,
+    sparkPrefix = params.sparkPrefix;
+  return {
+    '.cm-theme': {
+      border: 'none !important',
+      borderRadius: '0 !important'
+    },
+    '.cm-gutters': {
+      borderRight: 'none !important'
+    },
+    '.cm-gutterElement': {
+      color: "var(--".concat(antPrefix, "-color-text-tertiary)")
+    },
+    '.cm-button': {
+      backgroundImage: 'none !important',
+      background: "var(--".concat(antPrefix, "-color-bg-base) !important"),
+      border: "1px solid var(--".concat(antPrefix, "-color-border-secondary) !important"),
+      borderRadius: '4px !important',
+      '&:hover': {
+        color: "var(--".concat(antPrefix, "-color-text-secondary)"),
+        cursor: 'pointer'
+      }
+    },
+    '.cm-search': {
+      background: "var(--".concat(antPrefix, "-color-fill-secondary) !important")
+    },
+    '.cm-panel.cm-search label': {
+      display: 'inline-flex',
+      alignItems: 'center'
+    },
+    '.cm-panel.cm-search [name=close]': {
+      right: '8px !important',
+      background: 'none !important',
+      fontSize: '16px !important',
+      color: "var(--".concat(antPrefix, "-color-text-tertiary) !important")
+    },
+    '.cm-textfield': {
+      borderRadius: '4px'
+    },
+    '.cm-panel.cm-search input[type=checkbox]': {
+      border: "1px solid var(--".concat(antPrefix, "-color-border-secondary) !important")
+    },
+    '.cm-focused': {
+      outline: 'none !important'
+    }
+  };
+}
+var useIndexStyle = createStyle(function (_ref) {
+  var css = _ref.css,
+    params = _objectWithoutProperties(_ref, _excluded);
+  var result = css(getIndexStyleData(params));
+  return result;
+});
+export default useIndexStyle;

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

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

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

@@ -0,0 +1,27 @@
+import { CollapsePanel, IconFont } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(CollapsePanel, {
+      collapsedHeight: 80,
+      expandedHeight: 300,
+      title: "\u4EE3\u7801\u5757",
+      expandOnPanelClick: true,
+      extra: /*#__PURE__*/_jsx(IconFont, {
+        type: "spark-copy-line",
+        style: {
+          fontSize: '16px'
+        }
+      }),
+      children: /*#__PURE__*/_jsx("pre", {
+        style: {
+          padding: '12px 16px'
+        },
+        children: "\u676D\u5DDE\uFF1A\u4EBA\u95F4\u5929\u5802\u7684\u8BD7\u610F\u6816\u5C45\n\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u4F4D\u4E8E\u4E2D\u56FD\u4E1C\u5357\u6CBF\u6D77\u7684\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4EE5\u5176\u79C0\u7F8E\u7684\u81EA\u7136\u98CE\u5149\u548C\u6DF1\u539A\u7684\u4EBA\u6587\u5E95\u8574\uFF0C\u88AB\u8A89\u4E3A\u201C\u4EBA\u95F4\u5929\u5802\u201D\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u8FD8\u662F\u7075\u9690\u5BFA\u7684\u949F\u58F0\u60A0\u626C\uFF0C\u4EA6\u6216\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u65E0\u6570\u6E38\u5BA2\u548C\u6587\u4EBA\u58A8\u5BA2\u3002\u5728\u8FD9\u91CC\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u4EA4\u76F8\u8F89\u6620\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u548C\u8C10\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002\n\n\u897F\u6E56\uFF1A\u676D\u5DDE\u7684\u7075\u9B42\n\u63D0\u5230\u676D\u5DDE\uFF0C\u4EBA\u4EEC\u9996\u5148\u60F3\u5230\u7684\u4FBF\u662F\u897F\u6E56\u3002\u897F\u6E56\u662F\u676D\u5DDE\u7684\u7075\u9B42\uFF0C\u4E5F\u662F\u4E2D\u56FD\u6700\u8457\u540D\u7684\u6E56\u6CCA\u4E4B\u4E00\u3002\u5B83\u4EE5\u5176\u201C\u6DE1\u5986\u6D53\u62B9\u603B\u76F8\u5B9C\u201D\u7684\u7F8E\u666F\uFF0C\u6210\u4E3A\u4E2D\u56FD\u53E4\u5178\u56ED\u6797\u827A\u672F\u7684\u5178\u8303\u3002\u65E0\u8BBA\u662F\u6625\u5929\u7684\u82CF\u5824\u6625\u6653\uFF0C\u590F\u5929\u7684\u66F2\u9662\u98CE\u8377\uFF0C\u79CB\u5929\u7684\u5E73\u6E56\u79CB\u6708\uFF0C\u8FD8\u662F\u51AC\u5929\u7684\u65AD\u6865\u6B8B\u96EA\uFF0C\u897F\u6E56\u56DB\u5B63\u7686\u6709\u4E0D\u540C\u7684\u97F5\u5473\u3002\n\n\u6F2B\u6B65\u5728\u897F\u6E56\u8FB9\uFF0C\u6E56\u6C34\u6CE2\u5149\u7CBC\u7CBC\uFF0C\u8FDC\u5C71\u5982\u9EDB\uFF0C\u6E56\u4E2D\u7684\u4E09\u6F6D\u5370\u6708\u3001\u96F7\u5CF0\u5854\u3001\u65AD\u6865\u7B49\u666F\u70B9\uFF0C\u65E0\u4E0D\u8BC9\u8BF4\u7740\u4E00\u4E2A\u4E2A\u52A8\u4EBA\u7684\u6545\u4E8B\u3002\u897F\u6E56\u7684\u7F8E\uFF0C\u4E0D\u4EC5\u5728\u4E8E\u5B83\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u66F4\u5728\u4E8E\u5B83\u627F\u8F7D\u7684\u6DF1\u539A\u6587\u5316\u3002\u4ECE\u767D\u5C45\u6613\u7684\u300A\u94B1\u5858\u6E56\u6625\u884C\u300B\u5230\u82CF\u8F7C\u7684\u300A\u996E\u6E56\u4E0A\u521D\u6674\u540E\u96E8\u300B\uFF0C\u5386\u4EE3\u6587\u4EBA\u58A8\u5BA2\u4E3A\u897F\u6E56\u7559\u4E0B\u4E86\u65E0\u6570\u810D\u7099\u4EBA\u53E3\u7684\u8BD7\u7BC7\uFF0C\u4F7F\u5176\u6210\u4E3A\u4E2D\u56FD\u6587\u5316\u7684\u91CD\u8981\u8C61\u5F81\u3002\n\n\u7075\u9690\u5BFA\uFF1A\u7985\u610F\u7684\u6816\u606F\u5730\n\u676D\u5DDE\u4E0D\u4EC5\u4EE5\u81EA\u7136\u98CE\u5149\u95FB\u540D\uFF0C\u8FD8\u4EE5\u5176\u6DF1\u539A\u7684\u4F5B\u6559\u6587\u5316\u8457\u79F0\u3002\u7075\u9690\u5BFA\uFF0C\u8FD9\u5EA7\u59CB\u5EFA\u4E8E\u4E1C\u664B\u7684\u5343\u5E74\u53E4\u5239\uFF0C\u662F\u4E2D\u56FD\u4F5B\u6559\u7985\u5B97\u7684\u91CD\u8981\u5723\u5730\u4E4B\u4E00\u3002\u5BFA\u5E99\u4F9D\u5C71\u800C\u5EFA\uFF0C\u63A9\u6620\u5728\u82CD\u7FE0\u7684\u6797\u6728\u4E4B\u4E2D\uFF0C\u663E\u5F97\u683C\u5916\u5E7D\u9759\u5E84\u4E25\u3002\u8D70\u8FDB\u7075\u9690\u5BFA\uFF0C\u8885\u8885\u7684\u9999\u706B\u548C\u60A0\u626C\u7684\u949F\u58F0\u8BA9\u4EBA\u611F\u53D7\u5230\u4E00\u79CD\u5FC3\u7075\u7684\u5B81\u9759\u3002\n\n\u7075\u9690\u5BFA\u4E0D\u4EC5\u662F\u4F5B\u6559\u4FE1\u5F92\u7684\u671D\u5723\u4E4B\u5730\uFF0C\u4E5F\u662F\u6E38\u5BA2\u611F\u53D7\u7985\u610F\u7684\u597D\u53BB\u5904\u3002\u5BFA\u5185\u7684\u98DE\u6765\u5CF0\u77F3\u523B\uFF0C\u96D5\u523B\u7CBE\u7F8E\uFF0C\u6829\u6829\u5982\u751F\uFF0C\u5C55\u73B0\u4E86\u53E4\u4EE3\u5DE5\u5320\u7684\u9AD8\u8D85\u6280\u827A\u3002\u5728\u8FD9\u91CC\uFF0C\u4EBA\u4EEC\u53EF\u4EE5\u6682\u65F6\u8FDC\u79BB\u5C18\u4E16\u7684\u55A7\u56A3\uFF0C\u5BFB\u627E\u5230\u5185\u5FC3\u7684\u5E73\u548C\u4E0E\u5B89\u5B81\u3002\n\n\u9F99\u4E95\u8336\uFF1A\u676D\u5DDE\u7684\u5473\u9053\n\u676D\u5DDE\u7684\u9F99\u4E95\u8336\uFF0C\u662F\u4E2D\u56FD\u5341\u5927\u540D\u8336\u4E4B\u4E00\uFF0C\u4E5F\u662F\u676D\u5DDE\u6587\u5316\u7684\u91CD\u8981\u7EC4\u6210\u90E8\u5206\u3002\u9F99\u4E95\u8336\u4EE5\u5176\u201C\u8272\u7EFF\u3001\u9999\u90C1\u3001\u5473\u7518\u3001\u5F62\u7F8E\u201D\u56DB\u7EDD\u800C\u95FB\u540D\u4E8E\u4E16\u3002\u6BCF\u5E74\u6625\u5929\uFF0C\u676D\u5DDE\u7684\u8336\u519C\u4EEC\u4FBF\u5F00\u59CB\u5FD9\u788C\u8D77\u6765\uFF0C\u91C7\u6458\u65B0\u9C9C\u7684\u8336\u53F6\uFF0C\u7ECF\u8FC7\u7CBE\u5FC3\u7092\u5236\uFF0C\u5236\u6210\u6E05\u9999\u6251\u9F3B\u7684\u9F99\u4E95\u8336\u3002\n\n\u5728\u676D\u5DDE\uFF0C\u54C1\u8336\u4E0D\u4EC5\u662F\u4E00\u79CD\u751F\u6D3B\u4E60\u60EF\uFF0C\u66F4\u662F\u4E00\u79CD\u6587\u5316\u4F53\u9A8C\u3002\u5728\u9F99\u4E95\u6751\uFF0C\u6E38\u5BA2\u53EF\u4EE5\u4EB2\u81EA\u4F53\u9A8C\u91C7\u8336\u3001\u7092\u8336\u7684\u8FC7\u7A0B\uFF0C\u611F\u53D7\u8336\u6587\u5316\u7684\u9B45\u529B\u3002\u5750\u5728\u8336\u56ED\u4E2D\uFF0C\u54C1\u4E00\u676F\u6E05\u9999\u56DB\u6EA2\u7684\u9F99\u4E95\u8336\uFF0C\u8FDC\u773A\u9752\u5C71\u7EFF\u6C34\uFF0C\u4EFF\u4F5B\u65F6\u95F4\u90FD\u6162\u4E86\u4E0B\u6765\u3002\n\n\u4EAC\u676D\u5927\u8FD0\u6CB3\uFF1A\u5386\u53F2\u7684\u89C1\u8BC1\n\u4EAC\u676D\u5927\u8FD0\u6CB3\uFF0C\u8FD9\u6761\u4E16\u754C\u4E0A\u6700\u957F\u7684\u4EBA\u5DE5\u6CB3\u6D41\uFF0C\u89C1\u8BC1\u4E86\u676D\u5DDE\u7684\u7E41\u8363\u4E0E\u53D1\u5C55\u3002\u4F5C\u4E3A\u5927\u8FD0\u6CB3\u7684\u5357\u7AEF\u8D77\u70B9\uFF0C\u676D\u5DDE\u5728\u53E4\u4EE3\u662F\u91CD\u8981\u7684\u5546\u8D38\u4E2D\u5FC3\uFF0C\u5357\u6765\u5317\u5F80\u7684\u5546\u8239\u5728\u8FD9\u91CC\u6C47\u805A\uFF0C\u5E26\u6765\u4E86\u4E30\u5BCC\u7684\u7269\u8D44\u548C\u6587\u5316\u4EA4\u6D41\u3002\u5982\u4ECA\uFF0C\u5927\u8FD0\u6CB3\u4F9D\u7136\u662F\u676D\u5DDE\u7684\u91CD\u8981\u6C34\u9053\uFF0C\u6CBF\u6CB3\u7684\u53E4\u8001\u8857\u533A\u548C\u5C0F\u6865\u6D41\u6C34\uFF0C\u4FDD\u7559\u4E86\u6D53\u539A\u7684\u5386\u53F2\u6C14\u606F\u3002\n\n\u6F2B\u6B65\u5728\u5927\u8FD0\u6CB3\u8FB9\uFF0C\u53EF\u4EE5\u770B\u5230\u53E4\u8001\u7684\u62F1\u5BB8\u6865\u3001\u5BCC\u4E49\u4ED3\u7B49\u5386\u53F2\u9057\u8FF9\uFF0C\u611F\u53D7\u5230\u53E4\u4EE3\u676D\u5DDE\u7684\u7E41\u534E\u4E0E\u8F89\u714C\u3002\u5927\u8FD0\u6CB3\u4E0D\u4EC5\u662F\u4E00\u6761\u7ECF\u6D4E\u547D\u8109\uFF0C\u66F4\u662F\u4E00\u6761\u6587\u5316\u7684\u7EBD\u5E26\uFF0C\u5C06\u676D\u5DDE\u4E0E\u4E2D\u56FD\u7684\u5176\u4ED6\u5730\u533A\u7D27\u5BC6\u8054\u7CFB\u5728\u4E00\u8D77\u3002\n\n\u73B0\u4EE3\u676D\u5DDE\uFF1A\u4F20\u7EDF\u4E0E\u521B\u65B0\u7684\u878D\u5408\n\u4ECA\u5929\u7684\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4E5F\u662F\u4E2D\u56FD\u79D1\u6280\u521B\u65B0\u7684\u91CD\u8981\u4E2D\u5FC3\u3002\u4F5C\u4E3A\u963F\u91CC\u5DF4\u5DF4\u7684\u603B\u90E8\u6240\u5728\u5730\uFF0C\u676D\u5DDE\u88AB\u8A89\u4E3A\u201C\u4E2D\u56FD\u7845\u8C37\u201D\uFF0C\u5438\u5F15\u4E86\u65E0\u6570\u521B\u4E1A\u8005\u548C\u79D1\u6280\u4EBA\u624D\u3002\u5728\u8FD9\u91CC\uFF0C\u53E4\u8001\u7684\u4F20\u7EDF\u6587\u5316\u4E0E\u73B0\u4EE3\u79D1\u6280\u5B8C\u7F8E\u878D\u5408\uFF0C\u5C55\u73B0\u51FA\u4E00\u79CD\u72EC\u7279\u7684\u57CE\u5E02\u6C14\u8D28\u3002\n\n\u676D\u5DDE\u7684\u73B0\u4EE3\u5316\u53D1\u5C55\u5E76\u672A\u63A9\u76D6\u5176\u4F20\u7EDF\u6587\u5316\u7684\u9B45\u529B\u3002\u76F8\u53CD\uFF0C\u73B0\u4EE3\u79D1\u6280\u4E3A\u4F20\u7EDF\u6587\u5316\u7684\u4F20\u627F\u4E0E\u521B\u65B0\u63D0\u4F9B\u4E86\u65B0\u7684\u5E73\u53F0\u3002\u4F8B\u5982\uFF0C\u897F\u6E56\u7684\u591C\u666F\u901A\u8FC7\u706F\u5149\u79C0\u7115\u53D1\u51FA\u65B0\u7684\u751F\u673A\uFF0C\u9F99\u4E95\u8336\u7684\u9500\u552E\u4E5F\u501F\u52A9\u7535\u5546\u5E73\u53F0\u8D70\u5411\u5168\u7403\u3002\u676D\u5DDE\u4EE5\u5176\u5305\u5BB9\u4E0E\u521B\u65B0\u7684\u7CBE\u795E\uFF0C\u6B63\u5728\u4E66\u5199\u7740\u65B0\u7684\u7BC7\u7AE0\u3002\n\n\u7ED3\u8BED\n\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u517C\u5177\u81EA\u7136\u4E4B\u7F8E\u4E0E\u4EBA\u6587\u4E4B\u97F5\u7684\u57CE\u5E02\uFF0C\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u4E16\u754C\u5404\u5730\u7684\u6E38\u5BA2\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u7075\u9690\u5BFA\u7684\u7985\u610F\u60A0\u8FDC\uFF0C\u8FD8\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u6DF1\u539A\u7684\u6587\u5316\u5E95\u8574\u548C\u7F8E\u4E3D\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u6210\u4E3A\u4EBA\u4EEC\u5FC3\u4E2D\u7684\u201C\u4EBA\u95F4\u5929\u5802\u201D\u3002\u5728\u8FD9\u91CC\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u4EA4\u7EC7\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u8BD7\u610F\u7684\u6816\u5C45\u5730\uFF0C\u66F4\u662F\u68A6\u60F3\u4E0E\u5E0C\u671B\u7684\u8D77\u70B9\u3002"
+      })
+    })
+  });
+};
+export default App;

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+export interface CollapsePanelProps {
+    /**
+     * @description 收起状态下显示的内容高度
+     * @default 0
+     */
+    collapsedHeight?: number;
+    /**
+     * @description 展开状态下的内容高度，设置后内容超出时可滚动，不设置则自适应内容高度
+     * @default 300
+     */
+    expandedHeight?: number;
+    /**
+     * @description 面板标题
+     * @default ""
+     */
+    title?: string;
+    /**
+     * @description 是否允许点击整个面板进行展开
+     * @default false
+     */
+    expandOnPanelClick?: boolean;
+    /**
+     * @description 面板右侧内容
+     */
+    extra?: React.ReactNode;
+    /**
+     * @description 面板内容
+     */
+    children?: React.ReactNode;
+    /**
+     * @description 是否默认展开
+     * @default false
+     */
+    defaultExpanded?: boolean;
+}
+declare const CollapsePanel: (props: CollapsePanelProps) => import("react/jsx-runtime").JSX.Element;
+export default CollapsePanel;

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

@@ -0,0 +1,116 @@
+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, IconFont } from "../../..";
+import { useEffect, useRef, useState } from 'react';
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var CollapsePanel = function CollapsePanel(props) {
+  var collapsedHeight = props.collapsedHeight,
+    expandedHeight = props.expandedHeight,
+    _props$title = props.title,
+    title = _props$title === void 0 ? '' : _props$title,
+    expandOnPanelClick = props.expandOnPanelClick,
+    extra = props.extra,
+    children = props.children,
+    defaultExpanded = props.defaultExpanded;
+  var _useState = useState(defaultExpanded),
+    _useState2 = _slicedToArray(_useState, 2),
+    isExpanded = _useState2[0],
+    setIsExpanded = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isHovered = _useState4[0],
+    setIsHovered = _useState4[1];
+  var _useState5 = useState(collapsedHeight),
+    _useState6 = _slicedToArray(_useState5, 2),
+    contentHeight = _useState6[0],
+    setContentHeight = _useState6[1];
+  var contentRef = useRef(null);
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix,
+    antPrefix = commonConfig.antPrefix;
+  useIndexStyle({
+    sparkPrefix: sparkPrefix,
+    antPrefix: antPrefix
+  });
+  useEffect(function () {
+    if (contentRef.current) {
+      if (isExpanded && expandedHeight) {
+        setContentHeight(expandedHeight);
+      } else if (isExpanded) {
+        setContentHeight(contentRef.current.scrollHeight);
+      } else {
+        setContentHeight(collapsedHeight);
+      }
+    }
+  }, [isExpanded, collapsedHeight, expandedHeight, children]);
+  var handleHeaderClick = function handleHeaderClick(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    setIsExpanded(function (prev) {
+      return !prev;
+    });
+  };
+  var handlePanelClick = function handlePanelClick(e) {
+    e.stopPropagation();
+    e.preventDefault();
+    if (!expandedHeight) return;
+    if (!isExpanded) {
+      setIsExpanded(true);
+    }
+  };
+  var handleMouseEnter = function handleMouseEnter() {
+    setIsHovered(true);
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    setIsHovered(false);
+  };
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(sparkPrefix, "-collapse-panel ").concat(!isExpanded && expandOnPanelClick ? 'collapsible' : ''),
+    onClick: expandOnPanelClick ? handlePanelClick : undefined,
+    onMouseEnter: expandOnPanelClick ? handleMouseEnter : undefined,
+    onMouseLeave: expandOnPanelClick ? handleMouseLeave : undefined,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-collapse-panel-header"),
+      onClick: handleHeaderClick,
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "".concat(sparkPrefix, "-collapse-panel-title"),
+        children: title
+      }), expandedHeight && /*#__PURE__*/_jsxs("div", {
+        className: "".concat(sparkPrefix, "-collapse-panel-icon-wrapper"),
+        children: [!isExpanded && isHovered && expandOnPanelClick && /*#__PURE__*/_jsx(IconFont, {
+          type: "spark-down-line",
+          size: "small"
+        }), isExpanded && isHovered && expandOnPanelClick && /*#__PURE__*/_jsx(IconFont, {
+          type: "spark-up-line",
+          size: "small"
+        })]
+      }), extra && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-collapse-panel-extra"),
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          e.preventDefault();
+        },
+        children: extra
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "".concat("".concat(sparkPrefix, "-collapse-panel-content"), " ", isExpanded ? "".concat(sparkPrefix, "-collapse-panel-expanded") : ''),
+      style: {
+        height: contentHeight
+      },
+      children: [/*#__PURE__*/_jsx("div", {
+        ref: contentRef,
+        className: "".concat("".concat(sparkPrefix, "-collapse-panel-contentWrapper"), " ", isExpanded && expandedHeight ? 'scrollable' : ''),
+        children: children
+      }), !isExpanded && expandedHeight && /*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-collapse-panel-mask")
+      })]
+    })]
+  });
+};
+export default CollapsePanel;