简体中文
fs-dialog-m
约 415 字大约 1 分钟
简介
fs-dialog-m 提供了对 fs-dialog 组件的模块化调用能力，支持通过 DialogCenter 统一管理弹窗。适用于全局/页面级弹窗、确认、输入、反馈等多种场景，API 友好，支持 Promise 风格回调。
使用方法
局部引入，在需要引入的页面或组件的 index.json 中配置：
"usingComponents": {
"dialog-center": "ava-ui/fxui/DialogCenter/DialogCenter"
}代码演示
API
参数
| 参数 | 说明 | 类型 | 可选值/格式 | 默认值 |
|---|---|---|---|---|
| title | 标题 | string | — | — |
| content | 内容区文本 | string | — | — |
| contentAlign | 内容对齐方式 | string | left/center/right | left |
| iconType | icon类型 | string | success/warning/error | — |
| customIcon | 自定义icon | string | — | — |
| actions | 操作按钮组 | array | [{text, type, style,onClick}] | [] |
| confirmButton | 主操作按钮 | object | — | |
| cancelButton | 辅助操作按钮 | object | — | |
| inputMode | 是否为输入型 | boolean | true/false | false |
| inputValue | 输入框内容 | string | — | '' |
| inputPlaceholder | 输入框占位符 | string | — | '' |
| inputMaxlength | 最大输入长度 | number | — | 2000 |
| zIndex | 层级 | number | — | 10000 |
| extStyle | 外部样式 | string | — | '' |
| mask | 遮罩 | boolean | true/false | true |
| onMaskClose | mask点击的回调 | Function | - | - |
| richData | 富文本数据 | array | 富文本节点数组 | null |
| richDataStyle | 富文本样式 | string | CSS 样式字符串 | '' |
| overlay | 遮罩层配置 | object | 遮罩层配置对象 | null |
confirmButton 参数
| 参数 | 说明 | 类型 | 可选值/格式 | 默认值 |
|---|---|---|---|---|
| text | 按钮文字 | string | — | — |
| type | 按钮类型 | string | primary/warning/default | default |
| style | 自定义样式 | string | CSS 样式字符串 | '' |
| onClick | 点击回调函数 | Function | function(res) | — |
| validator | 校验函数(仅输入模式) | Function | function(value) | — |