@winner-fed/winner-deploy
Version:
Generate a publication deployed by the See platform
250 lines (217 loc) • 7.24 kB
Markdown
目前,模板变量控件支持以下类型
- input - 普通文本输入框。
- select - 单选下拉框。
- switch - 开关组件。
- smallfile - 文件上传控件,仅支持小于 2M 的文件,文件内容以 base64 转码后的字符串存储。
- switchForm - 开关表单,通过控件 switch 控制下面表单的显示
- complexSelect - 复杂单选框,通过控件 select 控制下面显示哪个表单
- table - 表格控件,table 类型的模板配置目前只支持 Array<Object> 类型配置项,比如 APPS。
- division - 分栏折叠控件,division 分栏组件将界面上众多的组件分栏并给出每一栏目的标头。该控件仅用于界面展示控制由于其不具有 name 属性故其子元素取值方式保持原有不变,举例 division 包含子控件 b 其取值变量为 b)。分区组件,用于界面控制,作为分栏使用,对参数使用没意义。
- password - 密码输入框,密码框输入值将被加密保存,数据加密处理。
- hidden - 隐藏输入框,默认值输入框,不显示给用户,用于存储系统级别的配置参数。
配置如下所示
```js
variables: [
{
type: 'input', // 控件类型,这里是 input 控件
label: 'input', // 左侧的 label 标签
tooltip: ' Input 输入框 测试 ', // 控件下面的提示框
name: 'INPUT', // 变量绑定,跟 sysconfig.js 或者 config.local.js 文件下的 window.LOCAL_CONFIG 属性字段的 key 相对应
default: '输入框的默认值' // input 的默认值
}
];
```
配置如下所示
```js
variables: [
{
type: 'select', // 控件类型 这里是 单选框
label: 'select', // 左侧的 label 标签
options: 'A:A;B:B;C:C', // 单选框选项, 值:标签 为一组,标签和值用 ":" 分开,每一组选项用 ";" 分开
tooltip: 'select 单选框 测试', // 控件下面的提示框
name: 'SELECT', // 变量绑定,跟 sysconfig.js 或者 config.local.js 文件下的 window.LOCAL_CONFIG 属性字段的 key 相对应
default: 'A' // 默认值,这里默认选项值为 A
}
];
```
配置如下所示
```js
variables: [
{
type: 'switch', // 控件类型 这里是开关
label: 'switch', // 左侧的 label 标签
tooltip: 'switch 开关 测试', // 控件下面的提示框
name: 'SWITCH', // 变量绑定,跟 sysconfig.js 或者 config.local.js 文件下的 window.LOCAL_CONFIG 属性字段的 key 相对应
options: 'true:是;false:否', // 开关选项选项, 值:标签为一组,标签和值用 ":" 分开,只有两者,true和 false
default: 'true' // 默认值
}
];
```
配置如下所示
```js
variables: [
{
type: 'switchForm', // 控件类型
label: 'switchForm', // 左侧的 label 标签
tooltip: 'switchForm 开关表单 测试', // 控件下面的提示框
name: 'SWITCH_FORM', // 变量绑定,跟 sysconfig.js 或者 config.local.js 文件下的 window.LOCAL_CONFIG 属性字段的 key 相对应
children: [
//!!! 开关表单下面的表单元素
{
type: 'mselect',
label: 'switchForm mselect',
options: 'A:A;B:B;C:C;D:D',
tooltip: 'switchForm mselect 开关表单 多选框 测试',
name: 'SWITCH_FORM_MSELECT',
default: 'A,B'
}
]
}
];
```
配置如下所示
```js
variables: [
{
type: 'complexSelect',
label: 'complexSelect',
tooltip: '复杂选择器 测试 注意,一次只能一个表单填写的值有效,当保存一个表单填写的值后其他的值会 “制空”',
options: 'A:第一个表单;B:第二个表单', // 单选框选项
name: 'ComplexSelect',
children: [
{
type: 'form',
name: 'A', // 下拉框对应选项的值,如果单选框选择的值为 A,则会显示这表单
children: [
// ...
]
},
{
type: 'form',
name: 'B', // 下拉框对应选项的值,如果单选框选择的值为 B,则会显示这表单
children: [
// ...
]
}
]
}
];
```
配置如下所示
```js
variables: [
{
type: 'table', // 控件类型
label: 'table', // 左侧 标签名
tooltip: 'table 表格 测试 使用 frameLayout - app', // 下面控件的提示语
name: 'TABLES',
columns: [
{
type: 'input', // 类型
label: '应用名称', // 标签名
name: 'name', // 模板变量绑定名
default: 'foo' // 默认值
},
{
type: 'input',
label: '应用入口',
name: 'entry',
default: '//192.168.194.101:8010/omc/index.html'
},
{
type: 'input',
label: '挂载容器',
name: 'container',
default: '#subapp-container'
},
{
type: 'input',
label: '激活条件',
name: 'activeWhen',
default: ''
},
{
type: 'input',
label: '路由前缀',
name: 'urlPrefix',
default: '/foo/#'
}
]
}
];
```
配置如下所示
```js
variables: [
{
type: 'division',
label: '中银证券分享页配置参数',
name: 'bocichiaShareSetting',
fold: false,
children: [
{
type: 'input',
label: '用户中心',
name: 'API_BIND',
default: 'https://zygjdev.winner123.cn/g/hsxone.uic/v'
},
{
type: 'input',
label: '用户中心(boc)',
name: 'API_BIND_BOC',
default: 'https://zygjdev.winner123.cn/g/hsxone.uic.boc/v'
},
{
type: 'input',
label: '权益中心',
name: 'API_HOME',
default: 'https://zygjdev.winner123.cn/g/hsxone.ric.member/v'
},
{
type: 'input',
label: '是否启用调试工具',
name: 'IS_OPEN_VCONSOLE',
default: 'false'
}
]
}
];
```
配置如下所示
```js
variables: [
{
type: 'password', // 控件类型,这里是密码输入框
label: '数据库密码', // 左侧的 label 标签
tooltip: '数据库连接密码', // 控件下面的提示框
name: 'DB_PASSWORD', // 变量绑定,跟 sysconfig.js 或者 config.local.js 文件下的 window.LOCAL_CONFIG 属性字段的 key 相对应
required: true, // 是否必填
default: '' // 默认值
}
];
```
配置如下所示
```js
variables: [
{
type: 'hidden', // 控件类型,这里是隐藏输入框
label: '应用版本号', // 左侧的 label 标签(虽然隐藏,但仍需要设置)
tooltip: '应用内部版本号,用于系统识别', // 控件下面的提示框
name: 'APP_VERSION', // 变量绑定,跟 sysconfig.js 或者 config.local.js 文件下的 window.LOCAL_CONFIG 属性字段的 key 相对应
default: '1.0.0' // 默认值
}
];
```
更多内容可参考 see 平台的 [Deploy 帮助手册](http://rdcdocs.hundsun.com/pages/viewpage.action?pageId=39243038)