@agentscope-ai/design 1.0.6 → 1.0.7

package/llms/components/commonComponents/Alert/index.zh-CN.llms.txt

@@ -0,0 +1,74 @@
+
+
+<DemoTitle title="Alert" desc="向用户突出显示的重要提示信息。"></DemoTitle>
+
+
+
+
+
+示例
+
+
+
+<Install>Alert</Install>
+
+
+
+#### 全局提示示例
+
+以下是全局提示组件的示例和变体
+
+
+
+
+不同状态
+
+
+
+
+仅文字描述
+
+
+
+
+支持关闭
+
+
+
+
+提供自定义操作
+
+
+
+
+是否用于顶部公告
+
+#### API
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd alert](https://ant.design/components/alert-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| action | 自定义操作项 | ReactNode | - | 4.9.0 | 
+| afterClose | 关闭动画结束后触发的回调函数 | () => void | - |  | 
+| banner | 是否用作顶部公告 | boolean | false |  | 
+| closable | 可关闭配置，>=5.15.0: 支持  | boolean | ({ closeIcon?: React.ReactNode } & React.AriaAttributes) | false |  | 
+| description | 警告提示的辅助性文字介绍 | ReactNode | - |  | 
+| icon | 自定义图标， | ReactNode | - |  | 
+| message | 警告提示内容 | ReactNode | - |  | 
+| showIcon | 是否显示辅助图标 | boolean | false， |  | 
+| type | 指定警告提示的样式，有四种选择  | string | info |  | 
+| onClose | 关闭时触发的回调函数 | (e: MouseEvent) => void | - |  | 
+
+
+### Alert.ErrorBoundary
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| description | 自定义错误内容，如果未指定会展示报错堆栈 | ReactNode | {{ error stack }} |  | 
+| message | 自定义错误标题，如果未指定会展示原生报错信息 | ReactNode | {{ error }} |  | 

package/llms/components/commonComponents/Anchor/index.zh-CN.llms.txt

@@ -0,0 +1,71 @@
+
+
+<DemoTitle title="Anchor" desc="用于跳转到页面指定位置。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Anchor</Install>
+
+#### 锚点示例
+
+以下是此组件的示例和变体
+
+
+
+
+
+水平方向锚点
+
+#### API
+
+ApiParser解析结果为空
+本组件完全兼容 antd 同名组件，详情可访问 [antd anchor](https://ant.design/components/anchor-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Anchor Props
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| affix | 固定模式 | boolean | Omit<AffixProps, 'offsetTop' | 'target' | 'children'> | true | object: 5.19.0 | 
+| bounds | 锚点区域边界 | number | 5 |  | 
+| getContainer | 指定滚动的容器 | () => HTMLElement | () => window |  | 
+| getCurrentAnchor | 自定义高亮的锚点 | (activeLink: string) => string | - |  | 
+| offsetTop | 距离窗口顶部达到指定偏移量后触发 | number |  |  | 
+| showInkInFixed | affix={false} | boolean | false |  | 
+| targetOffset | 锚点滚动偏移量，默认与 offsetTop 相同， | number | - |  | 
+| onChange | 监听锚点链接改变 | (currentActiveLink: string) => void | - |  | 
+| onClick | click | (e: MouseEvent, link: object) => void | - |  | 
+| items | 数据化配置选项内容，支持通过 children 嵌套 | { key, href, title, target, children }[]  | - | 5.1.0 | 
+| direction | 设置导航方向 | vertical | vertical | 5.2.0 | 
+| replace | 替换浏览器历史记录中项目的 href 而不是推送它 | boolean | false | 5.7.0 | 
+
+
+### AnchorItem
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| key | 唯一标志 | string | number | - |  | 
+| href | 锚点链接 | string | - |  | 
+| target | 该属性指定在何处显示链接的资源 | string | - |  | 
+| title | 文字内容 | ReactNode | - |  | 
+| children | 嵌套的 Anchor Link， |  | - |  | 
+| replace | 替换浏览器历史记录中的项目 href 而不是推送它 | boolean | false | 5.7.0 | 
+
+
+### Link Props
+
+建议使用 items 形式。
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| href | 锚点链接 | string | - |  | 
+| target | 该属性指定在何处显示链接的资源 | string | - |  | 
+| title | 文字内容 | ReactNode | - |  | 

package/llms/components/commonComponents/Avatar/index.zh-CN.llms.txt

@@ -0,0 +1,61 @@
+
+
+<DemoTitle title="Avatar" desc="用来代表用户或事物，支持图片、图标或字符展示。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Avatar</Install>
+
+#### 头像示例
+
+以下是此头像组件的示例和变体
+
+
+
+
+
+文字头像
+
+
+
+
+自定义图片
+
+#### API
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd avatar](https://ant.design/components/avatar-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Avatar
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| alt | 图像无法显示时的替代文本 | string | - |  | 
+| gap | 字符类型距离左右两侧边界单位像素 | number | 4 | 4.3.0 | 
+| icon | 设置头像的自定义图标 | ReactNode | - |  | 
+| shape | 指定头像的形状 | circle | circle |  | 
+| size | 设置头像的大小 | number |  | default | 4.7.0 | 
+| src | 图片类头像的资源地址或者图片元素 | string | ReactNode | - | ReactNode: 4.8.0 | 
+| srcSet | 设置图片类头像响应式资源地址 | string | - |  | 
+| draggable | 图片是否允许拖动 | boolean |  | true |  | 
+| crossOrigin | CORS 属性设置 | 'anonymous' | - | 4.17.0 | 
+| onError | 图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为 | () => boolean | - |  | 
+
+
+Tip：你可以设置 `icon` 或 `children` 作为图片加载失败的默认 fallback 行为，优先级为 `icon` > `children`
+
+### Avatar.Group <Badge>4.5.0+</Badge>
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| max | 设置最多显示相关配置， | { count?: number; style?: CSSProperties; popover?: PopoverProps } | - | 5.18.0 | 
+| size | 设置头像的大小 | number |  | default | 4.8.0 | 
+| shape | 设置头像的形状 | circle | circle | 5.8.0 | 

package/llms/components/commonComponents/Breadcrumb/index.zh-CN.llms.txt

@@ -0,0 +1,89 @@
+
+
+<DemoTitle title="Breadcrumb" desc="显示当前页面在系统层级结构中的位置，并能向上返回。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Breadcrumb</Install>
+
+#### 面包屑示例
+
+以下是此组件的示例和变体
+
+
+
+
+
+带头像和下拉菜单
+
+#### API
+
+#### BreadcrumbItems 配置
+
+| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> | 
+|--------|--------|--------|--------|
+| title | <div><span class="lang-en">Breadcrumb Item Title</span><span class="lang-cn">面包屑项标题</span></div> | string | React.ReactNode | <div><span class="lang-en">(Required)</span><span class="lang-cn">(必填)</span></div> | 
+| IconUrl | <div><span class="lang-en">Icon URL</span><span class="lang-cn">图标地址</span></div> | string | '' | 
+| dropdown | <div><span class="lang-en">Dropdown Menu Configuration</span><span class="lang-cn">下拉菜单配置</span></div> | {
+    items: Array<{
+      key: string;
+      label: React.ReactNode;
+    }>;
+  } |  | 
+
+
+本组件完全兼容 antd 同名组件，详情可访问[antd breadcrumb](https://ant.design/components/breadcrumb-cn/)查看更多 API。
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Breadcrumb
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| itemRender | 自定义链接函数，和 react-router 配置使用 | (route, params, routes, paths) => ReactNode | - |  | 
+| params | 路由的参数 | object | - |  | 
+| separator | 分隔符自定义 | ReactNode | / |  | 
+
+
+### ItemType
+
+type ItemType = Omit<[RouteItemType](#routeitemtype), 'title' | 'path'> | [SeparatorType](#separatortype)
+
+### RouteItemType
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| className | 自定义类名 | string | - |  | 
+| dropdownProps | 弹出下拉菜单的自定义配置 |  | - |  | 
+| href | 链接的目的地，不能和  | string | - |  | 
+| path | 拼接路径，每一层都会拼接前一个  | string | - |  | 
+| menu | 菜单配置项 |  | - | 4.24.0 | 
+| onClick | 单击事件 | (e:MouseEvent) => void | - |  | 
+| title | 名称 | ReactNode | - | 5.3.0 | 
+
+
+### SeparatorType
+
+
+
+
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| type | 标记为分隔符 | separator |  | 5.3.0 | 
+| separator | 要显示的分隔符 | ReactNode | / | 5.3.0 | 
+
+
+### 和 browserHistory 配合
+
+和 react-router 一起使用时，默认生成的 url 路径是带有 `#` 的，如果和 browserHistory 一起使用的话，你可以使用 `itemRender` 属性定义面包屑链接。
+
+
+

package/llms/components/commonComponents/Button/index.zh-CN.llms.txt

@@ -0,0 +1,99 @@
+
+
+<DemoTitle title="Button" desc="按钮用于开始一个即时操作。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Button</Install>
+
+#### 按钮示例
+
+以下是此按钮组件的示例和变体
+
+
+
+
+
+主按钮
+
+
+
+
+次要按钮
+
+
+
+
+文字按钮
+
+
+
+
+紧凑型文字按钮
+
+#### 图标按钮
+
+推荐方式：直接使用 antd 提供的 icon 属性，从@agentscope-ai/icons 中获取对应的 React 组件，或是您的自定义 JSX。
+<br/>
+便捷方式：我们的按钮组件接受 iconType 属性，如果在 ConfigProvider 中设置了 iconfont 属性，您可以在 iconType 中直接传入图标的 Symbol
+
+
+
+
+图标前置按钮
+
+#### API
+
+| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> | 
+|--------|--------|--------|--------|
+| size | <div><span class="lang-en">size of the button</span><span class="lang-cn">按钮大小</span></div> | 'small' | 'middle' | 'large' | 'middle' | 
+| type | <div><span class="lang-en">type of the button</span><span class="lang-cn">类型</span></div> | | 'primary'
+    | 'dashed'
+    | 'link'
+    | 'text'
+    | 'default'
+    | 'primaryLess'
+    | 'textCompact' | 'deafult' | 
+| tooltipContent | <div><span class="lang-en">content of the tooltip</span><span class="lang-cn">hover上去Popover的内容</span></div> | string | ReactNode |  | 
+| iconType | <div><span class="lang-en">key of the iconfont, depends on the iconfont of the ConfigProvider, such as bl-icon-add</span><span class="lang-cn">百炼图标iconfont的key，依赖ConfigProvider传入的iconfont，例如bl-icon-add</span></div> | string |  | 
+| iconSize | <div><span class="lang-en">size of the icon</span><span class="lang-cn">图标大小</span></div> | SparkIconFontProps['size'] |  | 
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd button](https://ant.design/components/button-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+通过设置 Button 的属性来产生不同的按钮样式，推荐顺序为：`type` -> `shape` -> `size` -> `loading` -> `disabled`。
+
+按钮的属性说明如下：
+
+| 属性 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoInsertSpace | 我们默认提供两个汉字之间的空格，可以设置  | boolean | true | 5.17.0 | 
+| block | 将按钮宽度调整为其父宽度的选项 | boolean | false |  | 
+| classNames | 语义化结构 class |  | - | 5.4.0 | 
+| color | 设置按钮的颜色 | default | - | default | 
+| danger | 语法糖，设置危险按钮。当设置  | boolean | false |  | 
+| disabled | 设置按钮失效状态 | boolean | false |  | 
+| ghost | 幽灵属性，使按钮背景透明 | boolean | false |  | 
+| href | 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 | string | - |  | 
+| htmlType | 设置  | submit | button |  | 
+| iconPosition | 设置按钮图标组件的位置 | start | start | 5.17.0 | 
+| loading | 设置按钮载入状态 | boolean | { delay: number, icon: ReactNode } | false | icon: 5.23.0 | 
+| styles | 语义化结构 style |  | - | 5.4.0 | 
+| target | 相当于 a 链接的 target 属性，href 存在时生效 | string | - |  | 
+| onClick | 点击按钮时的回调 | (event: React.MouseEvent<HTMLElement, MouseEvent>) => void | - |  | 
+| variant | 设置按钮的变体 | outlined | - | 5.21.0 | 
+
+
+支持原生 button 的其他所有属性。
+
+### PresetColors
+
+type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';

package/llms/components/commonComponents/Card/index.zh-CN.llms.txt

@@ -0,0 +1,79 @@
+
+
+<DemoTitle title="Card" desc="通用卡片容器"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Card</Install>
+
+#### 卡片示例
+
+以下是此卡片组件的示例和变体
+
+
+
+
+
+仅展示 Content
+
+#### API
+
+| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> | 
+|--------|--------|--------|--------|
+| info | <div><span class="lang-en">subtitle</span><span class="lang-cn">副标题</span></div> | ReactNode |  | 
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd card](https://ant.design/components/card-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+
+
+
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| actions | 卡片操作组，位置在卡片底部 | Array<ReactNode> | - |  | 
+| activeTabKey | 当前激活页签的 key | string | - |  | 
+|  | 是否有边框, 请使用  | boolean | true |  | 
+| variant | 形态变体 | outlined | outlined | 5.24.0 | 
+| cover | 卡片封面 | ReactNode | - |  | 
+| defaultActiveTabKey | 初始化选中页签的 key，如果没有设置 activeTabKey | string | 第一个页签的 key |  | 
+| extra | 卡片右上角的操作区域 | ReactNode | - |  | 
+| hoverable | 鼠标移过时可浮起 | boolean | false |  | 
+| loading | 当卡片内容还在加载中时，可以用 loading 展示一个占位 | boolean | false |  | 
+| size | card 的尺寸 | default | default |  | 
+| tabBarExtraContent | tab bar 上额外的元素 | ReactNode | - |  | 
+| tabList | 页签标题列表 |  | - |  | 
+| tabProps |  | - | - |  | 
+| title | 卡片标题 | ReactNode | - |  | 
+| type | 卡片类型，可设置为  | string | - |  | 
+| classNames | 配置卡片内置模块的 className |  | - | 5.14.0 | 
+| styles | 配置卡片内置模块的 style |  | - | 5.14.0 | 
+| onTabChange | 页签切换的回调 | (key) => void | - |  | 
+
+
+### Card.Grid
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| className | 网格容器类名 | string | - |  | 
+| hoverable | 鼠标移过时可浮起 | boolean | true |  | 
+| style | 定义网格容器类名的样式 | CSSProperties | - |  | 
+
+
+### Card.Meta
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| avatar | 头像/图标 | ReactNode | - |  | 
+| className | 容器类名 | string | - |  | 
+| description | 描述内容 | ReactNode | - |  | 
+| style | 定义容器类名的样式 | CSSProperties | - |  | 
+| title | 标题内容 | ReactNode | - |  | 

package/llms/components/commonComponents/Checkbox/index.zh-CN.llms.txt

@@ -0,0 +1,88 @@
+
+
+<DemoTitle title="Checkbox" desc="收集用户的多项选择。"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Checkbox</Install>
+
+#### 多选框示例
+
+以下是此组件的示例和变体
+
+
+
+
+
+附带描述
+
+
+
+
+
+部分选择
+
+#### API
+
+| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> | 
+|--------|--------|--------|--------|
+| description | <div><span class="lang-en">Description Text</span><span class="lang-cn">描述文本</span></div> | string |  | 
+| descriptionClassName | <div><span class="lang-en">Description Text Style Class Name</span><span class="lang-cn">描述文本的样式类名</span></div> | string |  | 
+| descriptionStyle | <div><span class="lang-en">Description Text Inline Style</span><span class="lang-cn">描述文本的内联样式</span></div> | React.CSSProperties |  | 
+
+
+本组件完全兼容 antd 同名组件，详情可访问[antd checkbox](https://ant.design/components/checkbox-cn/)查看更多 API。
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+#### Checkbox
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| autoFocus | 自动获取焦点 | boolean | false |  | 
+| checked | 指定当前是否选中 | boolean | false |  | 
+| defaultChecked | 初始是否选中 | boolean | false |  | 
+| disabled | 失效状态 | boolean | false |  | 
+| indeterminate | 设置 indeterminate 状态，只负责样式控制 | boolean | false |  | 
+| onChange | 变化时的回调函数 | (e: CheckboxChangeEvent) => void | - |  | 
+| onBlur | 失去焦点时的回调 | function() | - |  | 
+| onFocus | 获得焦点时的回调 | function() | - |  | 
+
+
+#### Checkbox.Group
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| defaultValue | 默认选中的选项 | (string | number)[] | [] |  | 
+| disabled | 整组失效 | boolean | false |  | 
+| name | CheckboxGroup 下所有  | string | - |  | 
+| options | 指定可选项 | string[] | number[] | Option[] | [] |  | 
+| value | 指定选中的选项 | (string | number | boolean)[] | [] |  | 
+| title | 选项的 title | string | - |  | 
+| className | 选项的类名 | string | - | 5.25.0 | 
+| style | 选项的样式 | React.CSSProperties | - |  | 
+| onChange | 变化时的回调函数 | (checkedValue: T[]) => void | - |  | 
+
+
+##### Option
+
+
+
+
+
+### 方法
+
+#### Checkbox
+
+| 名称 | 描述 | 版本 | 
+|--------|--------|--------|
+| blur() | 移除焦点 |  | 
+| focus() | 获取焦点 |  | 
+| nativeElement | 返回 Checkbox 的 DOM 节点 | 5.17.3 | 

package/llms/components/commonComponents/CodeBlock/index.zh-CN.llms.txt

@@ -0,0 +1,34 @@
+
+
+<DemoTitle title="CodeBlock" desc="代码块"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>CodeBlock</Install>
+
+
+
+
+
+纯代码展示
+
+
+
+
+
+限制高度下的展示
+
+#### API
+
+| <div><span class="lang-en">Attribute</span><span class="lang-cn">属性名</span></div> | <div><span class="lang-en">Description</span><span class="lang-cn">描述</span></div> | <div><span class="lang-en">Type</span><span class="lang-cn">类型</span></div> | <div><span class="lang-en">Default</span><span class="lang-cn">默认值</span></div> | 
+|--------|--------|--------|--------|
+| language | <div><span class="lang-en">Language</span><span class="lang-cn">语言</span></div> | string | string[] | <div><span class="lang-en">(Required)</span><span class="lang-cn">(必填)</span></div> | 
+| value | <div><span class="lang-en">Value</span><span class="lang-cn">值</span></div> | string | <div><span class="lang-en">(Required)</span><span class="lang-cn">(必填)</span></div> | 
+| className | <div><span class="lang-en">Class name</span><span class="lang-cn">类名</span></div> | string |  | 
+| theme | <div><span class="lang-en"></span><span class="lang-cn">主题</span></div> | 'dark' | 'light' |  | 
+| readOnly | <div><span class="lang-en">Read only</span><span class="lang-cn">只读</span></div> | boolean |  | 
+| onChange | <div><span class="lang-en"></span><span class="lang-cn"></span></div> | (value: string) => void |  | 

package/llms/components/commonComponents/Collapse/index.zh-CN.llms.txt

@@ -0,0 +1,76 @@
+
+
+<DemoTitle title="Collapse" desc="可以折叠/展开的内容区域"></DemoTitle>
+
+
+
+
+
+示例
+
+<Install>Collapse</Install>
+
+#### 折叠面板示例
+
+以下是此组件的示例和变体
+
+
+
+
+
+支持操作配置
+
+#### API
+
+本组件完全兼容 antd 同名组件，详情可访问 [antd collapse](https://ant.design/components/collapse-cn) 查看更多 API
+
+
+## antd API
+
+通用属性参考：[通用属性](/docs/react/common-props)
+
+### Collapse
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| accordion | 手风琴模式 | boolean | false |  | 
+| activeKey | 当前激活 tab 面板的 key | string[] | string  |  |  | 
+| bordered | 带边框风格的折叠面板 | boolean | true |  | 
+| collapsible | 所有子面板是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 | 
+| defaultActiveKey | 初始化选中面板的 key | string[] | string | - |  | 
+|  | 销毁折叠隐藏的面板 | boolean | false |  | 
+| destroyOnHidden | 销毁折叠隐藏的面板 | boolean | false | 5.25.0 | 
+| expandIcon | 自定义切换图标 | (panelProps) => ReactNode | - |  | 
+| expandIconPosition | 设置图标位置 | start | - | 4.21.0 | 
+| ghost | 使折叠面板透明且无边框 | boolean | false | 4.4.0 | 
+| size | 设置折叠面板大小 | large | middle | 5.2.0 | 
+| onChange | 切换面板的回调 | function | - |  | 
+| items | 折叠项目内容 |  | - | 5.6.0 | 
+
+
+### ItemType
+
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| classNames | 语义化结构 className |  | - | 5.21.0 | 
+| collapsible | 是否可折叠或指定可折叠触发区域 | header | - |  | 
+| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
+| key | 对应 activeKey | string | number | - |  | 
+| label | 面板标题 | ReactNode | - | - | 
+| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  | 
+| styles | 语义化结构 style |  | - | 5.21.0 | 
+
+
+### Collapse.Panel
+
+<!-- prettier-ignore -->
+<Container type="warning" title="已废弃">
+版本 >= 5.6.0 时请使用 items 方式配置面板。
+</Container>
+| 参数 | 说明 | 类型 | 默认值 | 版本 | 
+|--------|--------|--------|--------|--------|
+| collapsible | 是否可折叠或指定可折叠触发区域 | header | - | 4.9.0 (icon: 4.24.0) | 
+| forceRender | 被隐藏时是否渲染 body 区域 DOM 结构 | boolean | false |  | 
+| header | 面板标题 | ReactNode | - |  | 
+| key | 对应 activeKey | string | number | - |  | 
+| showArrow | 是否展示当前面板上的箭头（为 false 时，collapsible 不能设为 icon） | boolean | true |  |