弹窗配置项
# 通用配置
# isOpen
boolean
弹窗是否打开。
默认值: false
# position
object | string
弹窗的位置。
对象属性说明:
top: number | string
: 距离顶部的偏移left: number | string
: 距离左侧的偏移
字符串属性说明:
'center'
: 居中显示
# footer
booter
是否显示底部。
默认值: true
# fullscreen
boolean
是否全屏显示。
默认值: false
# title
string
弹窗标题。
# hideFullscreenIcon
boolean
是否隐藏全屏图标。
默认值: false
# loading
boolean
是否显示弹窗加载中状态。
默认值: false
# type
string
弹窗类型。
可选值:
'form'
: 单个表单弹窗'collapseForm'
: 折叠表单弹窗'groupForm'
: 分组表单弹窗'grid'
: 单个表格弹窗'moreGrid'
: 多个表格弹窗'formgrid'
: 上表单下表格弹窗'upload'
: 普通上传弹窗'groupUpload'
: 分组上传弹窗'transfer'
: 穿梭框弹窗'monaco'
: 代码编辑器弹窗'editor'
: JSON编辑器弹窗'choose'
: 人员选择弹窗
注意
当配置 component 后,此属性将会失效。
# formList
array
表单配置项列表。
提示
只有 type 为 'form'
、'collapseForm'
、'groupForm'
时有效。
# editType
string
编辑类型,用于区分当前操作。
默认值: 'default'
可选值: 'default'
、'add'
、'update'
# 自定义弹窗
# component
component
指定自定义组件位置。
# params
object
自定义组件接收的属性。
# 单个表单弹窗
提示
- type 属性需指定为
'form'
- 因底层使用的 BasicForm,理论上支持其所有属性。【若发现暂不支持的属性,请及时反馈!!!】
- 底层认为 formList[0] 为表单配置项 mainGrid,所以必须配置。
- labelAlign 默认值为
'right'
- labelCol 默认值为
{ lg: { span: 9 }, sm: { span: 10 } }
- wrapperCol 默认值为
{ lg: { span: 15 }, sm: { span: 14 } }
# 折叠表单弹窗
提示
- type 属性需指定为
'collapseForm'
- 因底层使用的 BasicForm,理论上支持其所有属性。【若发现暂不支持的属性,请及时反馈!!!】
- 底层认为 formList 为各个表单的配置项 mainGrid,所以必须配置
可以为每个配置项配置disabled
禁用属性,禁用后的面板展开与否将无法通过用户交互改变,优先于 disabled - labelAlign 默认值为
'right'
- labelCol 默认值为
{ lg: { span: 9 }, sm: { span: 10 } }
- wrapperCol 默认值为
{ lg: { span: 15 }, sm: { span: 14 } }
# activeKey
array<string>
默认展开的面板。
# title
string
面板标题文本。
# disabled
boolean
禁用后的面板展开与否将无法通过用户交互改变。
默认值: false
# 分组表单弹窗
提示
- type 属性需指定为
'groupForm'
- 因底层使用的 BasicForm,理论上支持其所有属性。【若发现暂不支持的属性,请及时反馈!!!】
- 底层认为 formList 为各个表单的配置项 mainGrid,所以必须配置
- labelAlign 默认值为
'right'
- labelCol 默认值为
{ lg: { span: 9 }, sm: { span: 10 } }
- wrapperCol 默认值为
{ lg: { span: 15 }, sm: { span: 14 } }
# title
string
面板标题文本。
# 单个表格弹窗
# 多个表格弹窗
# gridList
array
表格配置项列表。
# 上表单下表格弹窗
提示
# formDataList
array
表单数据列表。当需要进行切换上一条/下一条时使用。
提示
一般不用,底层已处理。
# formDataIndex
number
当前表单数据索引。当需要进行切换上一条/下一条时使用。
提示
一般不用,底层已处理。
# prevBtnText
string
修改上一条文本。
# nextBtnText
string
修改下一条文本。
# 普通上传弹窗 废弃,依然可用,与分组上传一致
注意
标准版底层使用的 AppGroupUpload,理论上支持其所有属性。【若发现暂不支持的属性,请及时反馈!!!】
# 分组上传弹窗
提示
- type 属性需指定为
'groupUpload'
- 因底层使用的 AppGroupUpload,理论上支持其所有属性。【若发现暂不支持的属性,请及时反馈!!!】
# 穿梭框弹窗
提示
- type 属性需指定为
'transfer'
- 因底层使用的 AppTransfer,理论上支持其所有属性。【若发现暂不支持的属性,请及时反馈!!!】
# 代码编辑器弹窗
提示
type 属性需指定为 'monaco'
theme: 'vs-dark', // 主题
value: '', // 默认显示的值
language: 'javascript',
folding: true, // 是否折叠
foldingHighlight: true, // 折叠等高线
contextmenu: true, // 启用上下文菜单
foldingStrategy: 'auto', // 折叠方式 auto | indentation
showFoldingControls: 'always', // 是否一直显示折叠 always | mouseover
disableLayerHinting: true, // 等宽优化
emptySelectionClipboard: false, // 空选择剪切板
selectionClipboard: false, // 选择剪切板
originalEditable: false, // 代码对比
automaticLayout: true, // 自动布局
codeLens: false, // 代码镜头
scrollBeyondLastLine: false, // 滚动完最后一行后再滚动一屏幕
colorDecorators: true, // 颜色装饰器
wordWrap: 'on', // 自动换行
accessibilitySupport: 'off', // 辅助功能支持 "auto" | "off" | "on"
lineNumbers: 'on', // 行号 取值: "on" | "off" | "relative" | "interval" | function
lineNumbersMinChars: 2, // 行号最小字符 number
enableSplitViewResizing: false,
readOnly: false, // 是否只读 取值 true | false
minimap: {
enabled: false // 是否启用预览图
},
acceptSuggestionOnCommitCharacter: true, // 接受关于提交字符的建议
acceptSuggestionOnEnter: 'on', // 接受输入建议 "on" | "off" | "smart"
autoClosingBrackets: 'always', // 是否自动添加结束括号(包括中括号) "always" | "languageDefined" | "beforeWhitespace" | "never"
autoClosingDelete: 'always', // 是否自动删除结束括号(包括中括号) "always" | "never" | "auto"
autoClosingOvertype: 'always', // 是否关闭改写 即使用insert模式时是覆盖后面的文字还是不覆盖后面的文字 "always" | "never" | "auto"
autoClosingQuotes: 'always', // 是否自动添加结束的单引号 双引号 "always" | "languageDefined" | "beforeWhitespace" | "never"
autoIndent: 'None', // 控制编辑器在用户键入、粘贴、移动或缩进行时是否应自动调整缩进
codeLensFontFamily: '', // codeLens的字体样式
codeLensFontSize: 14, // codeLens的字体大小
comments: {
ignoreEmptyLines: true, // 插入行注释时忽略空行。默认为真。
insertSpace: true // 在行注释标记之后和块注释标记内插入一个空格。默认为真。
}, // 注释配置
columnSelection: false, // 启用列编辑 按下shift键位然后按↑↓键位可以实现列选择 然后实现列编辑
autoSurround: 'never', // 是否应自动环绕选择
copyWithSyntaxHighlighting: true, // 是否应将语法突出显示复制到剪贴板中 即 当你复制到word中是否保持文字高亮颜色
cursorBlinking: 'Solid', // 光标动画样式
cursorSmoothCaretAnimation: false, // 是否启用光标平滑插入动画 当你在快速输入文字的时候 光标是直接平滑的移动还是直接"闪现"到当前文字所处位置
cursorStyle: 'UnderlineThin', // "Block"|"BlockOutline"|"Line"|"LineThin"|"Underline"|"UnderlineThin" 光标样式
cursorSurroundingLines: 0, // 光标环绕行数 当文字输入超过屏幕时 可以看见右侧滚动条中光标所处位置是在滚动条中间还是顶部还是底部 即光标环绕行数 环绕行数越大 光标在滚动条中位置越居中
cursorSurroundingLinesStyle: 'all', // "default" | "all" 光标环绕样式
cursorWidth: 2, // <=25 光标宽度
links: true, // 是否点击链接
overviewRulerBorder: false, // 是否应围绕概览标尺绘制边框
// renderLineHighlight: 'gutter', // 当前行突出显示方式
roundedSelection: false // 选区是否有圆角
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
# JSON编辑器弹窗
提示
type 属性需指定为 'editor'
# jsonResult
string
待显示的 json 数据。