cnd-components-mcp
Version:
An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务,包含系统提示词、组件文档、API 文档、代码示例和更新日志查询
47 lines • 9.63 kB
Markdown
---
group:
title: 云原生业务组件
---
https://code.alibaba-inc.com/cn-lowcode/cnd-instance
> title 修改默认编辑标题
> truncateProps 传入会触发截断效果 <br />
> link、text 中单独书写 truncateProps 属性可覆盖 Instance 中的 truncateProps
> onChange 不传则没有编辑功能; <br />
> 自定义 rules 会覆盖内置校验和提示语(helpMessage);
| 属性 | 说明 | 类型 | 默认值 |
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | --------- |
| link | props 同下方 Instance.Link props | object | - |
| text | props 同下方 Instance.Text props | object | - |
| showIcon | 是否默认显示按钮,支持 '' \| true \| false <br />设置为空字符串时按钮不展示 | boolean \| string | false |
| disabled | 全局 disabeld,透传给子属性 | boolean | false |
| status | 实例状态,可传自定义 color 值, 支持 'succeeded' \| 'failed' \| 'warning' \| 'info' \| '自定义 color',详见自定义 footer | string | undefined |
| truncateProps | 默认没有截断效果,传入则显示截断<br /> 属性透传给 Truncate 文本截断组件 | object | - |
| footer | 自定义底部 | ReactNode | - |
| showIconTooltip | 是否展示图标 tooltip | boolean|string | false |
> link、text 属性中传入 showIcon 会覆盖 showIcon 属性;<br />
> link、text 属性中传入 truncateProps 会覆盖 truncateProps 属性;
| 属性 | 说明 | 类型 | 默认值 |
| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------ |
| value | 当前值 | string | '-' |
| href | a 标签 href 属性,传入 value 自动高亮 | string | null |
| onClick | 鼠标点击事件, 传入 value 自动高亮 | Function | null |
| disabled | 内容不可点击 | boolean | false |
| hasLinkStyle | 是否展示带下划线样式 | boolean | false |
| showIcon | 是否默认显示按钮,支持 '' \| true \| false <br />设置为空字符串时按钮不展示 | boolean \| string | false |
| truncateProps | 默认没有截断效果,传入则显示截断<br /> 属性透传给 Truncate 文本截断组件 | object | - |
| 属性 | 说明 | 类型 | 默认值 |
| -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | ---------------------------------------------------------------------------------------- |
| value | 当前值 | string | '-' |
| onChange | 修改内容后回调,不传则不显示编辑按钮 <br /><br /> **签名:**<br /> Function(value: string) => void <br /> **参数:**<br />value: 修改后的值 | Function | null |
| showCopy | 是否支持复制功能 | boolean | false |
| disabled | 修改按钮不可点击 | boolean | false |
| beforeText | text 值前添加内容。 | string \| ReactNode | undefined |
| afterText | 标签,默认只支持一个,其他场景需要自定义 render,详见 affterText。 | string \| ReactNode | undefined |
| afterTextColor | 标签样式,支持"high" \| "middle" \| "warning" \| "safe" \| "info" | string | "info" |
| title | 修改框标题 | string | '编辑' |
| helpMessage | 修改框底部提示语 | string | 只能输入 1 ~ 63 个含小写字母、-、.、数字的字符,<br />以小写字母开始、小写字母或数字结尾 |
| rules | 自定义校验,传入则覆盖内置校验规则<br /><br /> **内置校验规则:** <br />· 必填项<br />· 1 ~ 63 个字符<br />· 以小写字母开始、小写字母或数字结尾,且不能出现 -. , .- , ..<br /><br /> 规则同 Field options.rules | Array< Rule > | - |
| showIcon | 是否默认显示按钮,支持 '' \| true \| false <br />设置为空字符串时按钮不展示 | boolean \| string | false |
| truncateProps | 默认没有截断效果,传入则显示截断<br /> 属性透传给 Truncate 文本截断组件 | object | - |
> rules:[{ required: true, message: '必填项' }]
> rules:[{required:true,trigger:'onBlur'},{pattern:/abcd/,message:'abcd 不能缺'},{validator:(rule, value, callback)=>{callback('出错了')}}]