cnd-components-mcp
Version:
An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务，包含系统提示词、组件文档、API 文档、代码示例和更新日志查询
27 lines • 4.56 kB
Markdown
---
group:
title: 云原生业务组件
---
https://code.alibaba-inc.com/cn-lowcode/cnd-stat-card
> #### 控制 count，countDivider 实现一些常规自定义内容;
>
> count 为 [] 或不传则展示 - ，如果 count 只传入一个值，则不展示 countDivider<br />
> countDivider 默认为 / , 可自定义
| 属性 | 说明 | 类型 | 默认值 |
| ---------- | ------------------------------------------------------------ | ----------------- | ------ |
| title | card 标题 | string | - |
| extra | 标题区域的用户自定义内容 | ReactNode | null |
| extraAlign | 标题区域的用户自定义内容展示区域 <br />**样式：**左 / 右 | 'l' \| 'r' | 'l' |
| align | 子内容的布局方式<br />**样式：**左对齐 / 居中 | 'l' \| 'c' | 'l' |
| items | card 内容 | ICardItemsProps[] | [] |
| footer | 底部自定义内容 | ReactNode | null |
| className | 透传给容器的 className <br />**使用场景：** 组件内容样式调整 | string | null |
| 属性 | 说明 | 类型 | 默认值 |
| ------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ | ------ |
| title | 子内容标题 | string | - |
| extra | 子内容标题区域的用户自定义内容 | ReactNode | null |
| count | 子内容区域配额(其他)展示<br /> **说明：** 数据类型为元组<br />**设计：**count 是纯粹的配额（数字）展示接口，适用于大部分业务需求，不支持大幅度自定义，<br />第二个值可拼接单位等元素，大幅度自定义请使用 render。<br />不传展示 - | [number \| string, number \| string] <br /> [number \| string] <br /> [] | null |
| countDivider | count 的分割符，如果 count 只传一个值，则不展示，false 也不展示 | boolean \| string | '/' |
| onClick | count 第一个值的 click 事件 | Function | null |
| render | 自定义子内容，覆盖 count、countDivider、countDivider 属性 | ReactNode \| () => ReactNode | null |
| footer | 子卡片底部自定义内容 | ReactNode | null |