mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-01-14 18:28:13 +00:00
1112 lines
51 KiB
TypeScript
1112 lines
51 KiB
TypeScript
export default {
|
||
schemaType: 'superform',
|
||
schemaVersion: '5.0',
|
||
pages: [
|
||
{
|
||
componentsMap: [
|
||
{
|
||
componentName: 'Text',
|
||
package: '@ali/vc-text',
|
||
},
|
||
{
|
||
componentName: 'Slot',
|
||
package: '@ali/vc-slot',
|
||
},
|
||
{
|
||
componentName: 'PageHeader',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'RootHeader',
|
||
package: '@ali/vc-page',
|
||
},
|
||
{
|
||
componentName: 'TextField',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'Column',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'SelectField',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'ColumnsLayout',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'CardContent',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'Card',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'Button',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'Div',
|
||
package: '@ali/vc-div',
|
||
},
|
||
{
|
||
componentName: 'Form',
|
||
package: '@ali/vc-deep',
|
||
},
|
||
{
|
||
componentName: 'RootContent',
|
||
package: '@ali/vc-page',
|
||
},
|
||
{
|
||
componentName: 'RootFooter',
|
||
package: '@ali/vc-page',
|
||
},
|
||
{
|
||
componentName: 'Page',
|
||
package: '@ali/vc-page',
|
||
},
|
||
],
|
||
componentsTree: [
|
||
{
|
||
componentName: 'Page',
|
||
id: 'node_k1ow3cb9',
|
||
props: {
|
||
extensions: {
|
||
启用页头: true,
|
||
},
|
||
pageStyle: {
|
||
backgroundColor: '#f2f3f5',
|
||
},
|
||
containerStyle: {},
|
||
className: 'page_kh05zf9c',
|
||
templateVersion: '1.0.0',
|
||
},
|
||
lifeCycles: {
|
||
constructor: {
|
||
type: 'js',
|
||
compiled:
|
||
"function constructor() {\nvar module = { exports: {} };\nvar _this = this;\nthis.__initMethods__(module.exports, module);\nObject.keys(module.exports).forEach(function(item) {\n if(typeof module.exports[item] === 'function'){\n _this[item] = module.exports[item];\n }\n});\n\n}",
|
||
source:
|
||
"function constructor() {\nvar module = { exports: {} };\nvar _this = this;\nthis.__initMethods__(module.exports, module);\nObject.keys(module.exports).forEach(function(item) {\n if(typeof module.exports[item] === 'function'){\n _this[item] = module.exports[item];\n }\n});\n\n}",
|
||
},
|
||
},
|
||
condition: true,
|
||
css:
|
||
'body{background-color:#f2f3f5}.card_kh05zf9d {\n margin-bottom: 12px;\n}.card_kh05zf9e {\n margin-bottom: 12px;\n}.button_kh05zf9f {\n margin-right: 16px;\n width: 80px\n}.button_kh05zf9g {\n width: 80px;\n}.div_kh05zf9h {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n background: #fff;\n padding: 20px 0;\n}',
|
||
methods: {
|
||
__initMethods__: {
|
||
type: 'js',
|
||
source: 'function (exports, module) { /*set actions code here*/ }',
|
||
compiled: 'function (exports, module) { /*set actions code here*/ }',
|
||
},
|
||
},
|
||
dataSource: {
|
||
offline: [],
|
||
globalConfig: {
|
||
fit: {
|
||
compiled: '',
|
||
source: '',
|
||
type: 'js',
|
||
error: {},
|
||
},
|
||
},
|
||
online: [],
|
||
sync: true,
|
||
list: [],
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'RootHeader',
|
||
id: 'node_k1ow3cba',
|
||
props: {},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'PageHeader',
|
||
id: 'node_k1ow3cbd',
|
||
props: {
|
||
extraContent: '',
|
||
__slot__extraContent: false,
|
||
__slot__action: false,
|
||
title: {
|
||
type: 'JSBlock',
|
||
value: {
|
||
componentName: 'Slot',
|
||
children: [
|
||
{
|
||
componentName: 'Text',
|
||
id: 'node_k1ow3cbf',
|
||
props: {
|
||
showTitle: false,
|
||
behavior: 'NORMAL',
|
||
content: {
|
||
type: 'variable',
|
||
value: {
|
||
use: 'zh_CN',
|
||
en_US: 'Title',
|
||
zh_CN: '个人信息',
|
||
type: 'i18n',
|
||
},
|
||
variable: 'state.title',
|
||
},
|
||
__style__: {},
|
||
fieldId: 'text_k1ow3h1j',
|
||
maxLine: 0,
|
||
},
|
||
condition: true,
|
||
},
|
||
],
|
||
props: {
|
||
slotTitle: '标题区域',
|
||
slotName: 'title',
|
||
},
|
||
},
|
||
},
|
||
content: '',
|
||
__slot__logo: false,
|
||
__slot__crumb: false,
|
||
crumb: '',
|
||
tab: '',
|
||
logo: '',
|
||
action: '',
|
||
__slot__tab: false,
|
||
__style__: {},
|
||
__slot__content: false,
|
||
fieldId: 'pageHeader_k1ow3h1i',
|
||
subTitle: {
|
||
type: 'JSBlock',
|
||
value: {
|
||
componentName: 'Slot',
|
||
children: [
|
||
{
|
||
componentName: 'Text',
|
||
id: 'node_ockh05zr7j3',
|
||
props: {
|
||
content: {
|
||
type: 'i18n',
|
||
en_US: 'Title',
|
||
zh_CN: '副标题',
|
||
},
|
||
showTitle: false,
|
||
behavior: 'NORMAL',
|
||
maxLine: 0,
|
||
__style__: {},
|
||
fieldId: 'text_kh06n1mc',
|
||
},
|
||
},
|
||
],
|
||
props: {
|
||
slotTitle: '副标题',
|
||
slotName: 'subTitle',
|
||
},
|
||
},
|
||
},
|
||
},
|
||
condition: true,
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'RootContent',
|
||
id: 'node_k1ow3cbb',
|
||
props: {
|
||
contentBgColor: 'transparent',
|
||
contentPadding: '0',
|
||
contentMargin: '20',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'Form',
|
||
id: 'node_k1ow3cbq',
|
||
props: {
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
autoValidate: true,
|
||
scrollToFirstError: true,
|
||
autoUnmount: true,
|
||
behavior: 'NORMAL',
|
||
dataSource: {
|
||
type: 'variable',
|
||
variable: 'state.formData',
|
||
},
|
||
__style__: {},
|
||
fieldId: 'form',
|
||
fieldOptions: {},
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'Card',
|
||
id: 'node_k1ow3cbj',
|
||
props: {
|
||
__slot__title: false,
|
||
subTitle: {
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
__slot__subTitle: false,
|
||
extra: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
className: 'card_kh05zf9d',
|
||
title: {
|
||
use: 'zh_CN',
|
||
en_US: 'Title',
|
||
zh_CN: '基本信息',
|
||
type: 'i18n',
|
||
},
|
||
__slot__extra: false,
|
||
showHeadDivider: true,
|
||
__style__: ':root {\n margin-bottom: 12px;\n}',
|
||
showTitleBullet: true,
|
||
contentHeight: '',
|
||
fieldId: 'card_k1ow3h1l',
|
||
dividerNoInset: false,
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'CardContent',
|
||
id: 'node_k1ow3cbk',
|
||
props: {},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'ColumnsLayout',
|
||
id: 'node_k1ow3cbw',
|
||
props: {
|
||
layout: '4:8',
|
||
columnGap: '20',
|
||
rowGap: 0,
|
||
__style__: {},
|
||
fieldId: 'columns_k1ow3h1v',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'Column',
|
||
id: 'node_k1ow3cbx',
|
||
props: {
|
||
colSpan: '',
|
||
__style__: {},
|
||
fieldId: 'column_k1p1bnjm',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'TextField',
|
||
id: 'node_k1ow3cbz',
|
||
props: {
|
||
fieldName: 'name',
|
||
hasClear: false,
|
||
autoFocus: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
trim: false,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please input',
|
||
zh_CN: '请输入',
|
||
type: 'i18n',
|
||
},
|
||
state: '',
|
||
behavior: 'NORMAL',
|
||
value: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
addonBefore: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
validation: [
|
||
{
|
||
type: 'required',
|
||
},
|
||
],
|
||
hasLimitHint: false,
|
||
cutString: false,
|
||
__style__: {},
|
||
fieldId: 'textField_k1ow3h1w',
|
||
htmlType: 'input',
|
||
autoHeight: false,
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'TextField',
|
||
zh_CN: '姓名',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
rows: 4,
|
||
addonAfter: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
wrapperColOffset: 0,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
maxLength: 200,
|
||
},
|
||
condition: true,
|
||
},
|
||
{
|
||
componentName: 'TextField',
|
||
id: 'node_k1ow3cc1',
|
||
props: {
|
||
fieldName: 'englishName',
|
||
hasClear: false,
|
||
autoFocus: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
trim: false,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please input',
|
||
zh_CN: '请输入',
|
||
type: 'i18n',
|
||
},
|
||
state: '',
|
||
behavior: 'NORMAL',
|
||
value: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
addonBefore: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
validation: [],
|
||
hasLimitHint: false,
|
||
cutString: false,
|
||
__style__: {},
|
||
fieldId: 'textField_k1ow3h1y',
|
||
htmlType: 'input',
|
||
autoHeight: false,
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'TextField',
|
||
zh_CN: '英文名',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
rows: 4,
|
||
addonAfter: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
wrapperColOffset: 0,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
maxLength: 200,
|
||
},
|
||
condition: true,
|
||
},
|
||
{
|
||
componentName: 'TextField',
|
||
id: 'node_k1ow3cc3',
|
||
props: {
|
||
fieldName: 'jobTitle',
|
||
hasClear: false,
|
||
autoFocus: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
trim: false,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please input',
|
||
zh_CN: '请输入',
|
||
type: 'i18n',
|
||
},
|
||
state: '',
|
||
behavior: 'NORMAL',
|
||
value: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
addonBefore: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
validation: [],
|
||
hasLimitHint: false,
|
||
cutString: false,
|
||
__style__: {},
|
||
fieldId: 'textField_k1ow3h20',
|
||
htmlType: 'input',
|
||
autoHeight: false,
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'TextField',
|
||
zh_CN: '职位',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
rows: 4,
|
||
addonAfter: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
wrapperColOffset: 0,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
maxLength: 200,
|
||
},
|
||
condition: true,
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Column',
|
||
id: 'node_k1ow3cby',
|
||
props: {
|
||
colSpan: '',
|
||
__style__: {},
|
||
fieldId: 'column_k1p1bnjn',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'TextField',
|
||
id: 'node_k1ow3cc2',
|
||
props: {
|
||
fieldName: 'nickName',
|
||
hasClear: false,
|
||
autoFocus: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
trim: false,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please input',
|
||
zh_CN: '请输入',
|
||
type: 'i18n',
|
||
},
|
||
state: '',
|
||
behavior: 'NORMAL',
|
||
value: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
addonBefore: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
validation: [],
|
||
hasLimitHint: false,
|
||
cutString: false,
|
||
__style__: {},
|
||
fieldId: 'textField_k1ow3h1z',
|
||
htmlType: 'input',
|
||
autoHeight: false,
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'TextField',
|
||
zh_CN: '花名',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
rows: 4,
|
||
addonAfter: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
wrapperColOffset: 0,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
maxLength: 200,
|
||
},
|
||
condition: true,
|
||
},
|
||
{
|
||
componentName: 'SelectField',
|
||
id: 'node_k1ow3cc0',
|
||
props: {
|
||
fieldName: 'gender',
|
||
hasClear: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
mode: 'single',
|
||
showSearch: false,
|
||
autoWidth: true,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please select',
|
||
zh_CN: '请选择',
|
||
type: 'i18n',
|
||
},
|
||
hasBorder: true,
|
||
behavior: 'NORMAL',
|
||
value: '',
|
||
validation: [
|
||
{
|
||
type: 'required',
|
||
},
|
||
],
|
||
__style__: {},
|
||
fieldId: 'select_k1ow3h1x',
|
||
notFoundContent: {
|
||
use: 'zh_CN',
|
||
type: 'i18n',
|
||
},
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'SelectField',
|
||
zh_CN: '性别',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
wrapperColOffset: 0,
|
||
hasSelectAll: false,
|
||
hasArrow: true,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
filterLocal: true,
|
||
dataSource: [
|
||
{
|
||
defaultChecked: false,
|
||
text: {
|
||
en_US: 'Option 1',
|
||
zh_CN: '男',
|
||
type: 'i18n',
|
||
__sid__: 'param_k1owc4tb',
|
||
},
|
||
__sid__: 'serial_k1owc4t1',
|
||
value: 'M',
|
||
sid: 'opt_k1owc4t2',
|
||
},
|
||
{
|
||
defaultChecked: false,
|
||
text: {
|
||
en_US: 'Option 2',
|
||
zh_CN: '女',
|
||
type: 'i18n',
|
||
__sid__: 'param_k1owc4tf',
|
||
},
|
||
__sid__: 'serial_k1owc4t2',
|
||
value: 'F',
|
||
sid: 'opt_k1owc4t3',
|
||
},
|
||
],
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
useDetailValue: false,
|
||
searchDelay: 300,
|
||
},
|
||
condition: true,
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Card',
|
||
id: 'node_k1ow3cbl',
|
||
props: {
|
||
__slot__title: false,
|
||
subTitle: {
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
__slot__subTitle: false,
|
||
extra: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
className: 'card_kh05zf9e',
|
||
title: {
|
||
use: 'zh_CN',
|
||
en_US: 'Title',
|
||
zh_CN: '部门信息',
|
||
type: 'i18n',
|
||
},
|
||
__slot__extra: false,
|
||
showHeadDivider: true,
|
||
__style__: ':root {\n margin-bottom: 12px;\n}',
|
||
showTitleBullet: true,
|
||
contentHeight: '',
|
||
fieldId: 'card_k1ow3h1m',
|
||
dividerNoInset: false,
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'CardContent',
|
||
id: 'node_k1ow3cbm',
|
||
props: {},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'TextField',
|
||
id: 'node_k1ow3cc4',
|
||
props: {
|
||
fieldName: 'department',
|
||
hasClear: false,
|
||
autoFocus: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
trim: false,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please input',
|
||
zh_CN: '请输入',
|
||
type: 'i18n',
|
||
},
|
||
state: '',
|
||
behavior: 'NORMAL',
|
||
value: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
addonBefore: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
validation: [],
|
||
hasLimitHint: false,
|
||
cutString: false,
|
||
__style__: {},
|
||
fieldId: 'textField_k1ow3h21',
|
||
htmlType: 'input',
|
||
autoHeight: false,
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'TextField',
|
||
zh_CN: '所属部门',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
rows: 4,
|
||
addonAfter: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
wrapperColOffset: 0,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
maxLength: 200,
|
||
},
|
||
condition: true,
|
||
},
|
||
{
|
||
componentName: 'ColumnsLayout',
|
||
id: 'node_k1ow3cc5',
|
||
props: {
|
||
layout: '6:6',
|
||
columnGap: '20',
|
||
rowGap: 0,
|
||
__style__: {},
|
||
fieldId: 'columns_k1ow3h22',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'Column',
|
||
id: 'node_k1ow3cc6',
|
||
props: {
|
||
colSpan: '',
|
||
__style__: {},
|
||
fieldId: 'column_k1p1bnjo',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'TextField',
|
||
id: 'node_k1ow3cc8',
|
||
props: {
|
||
fieldName: 'leader',
|
||
hasClear: false,
|
||
autoFocus: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
trim: false,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please input',
|
||
zh_CN: '请输入',
|
||
type: 'i18n',
|
||
},
|
||
state: '',
|
||
behavior: 'NORMAL',
|
||
value: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
addonBefore: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
validation: [],
|
||
hasLimitHint: false,
|
||
cutString: false,
|
||
__style__: {},
|
||
fieldId: 'textField_k1ow3h23',
|
||
htmlType: 'input',
|
||
autoHeight: false,
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'TextField',
|
||
zh_CN: '主管',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
rows: 4,
|
||
addonAfter: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
wrapperColOffset: 0,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
maxLength: 200,
|
||
},
|
||
condition: true,
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Column',
|
||
id: 'node_k1ow3cc7',
|
||
props: {
|
||
colSpan: '',
|
||
__style__: {},
|
||
fieldId: 'column_k1p1bnjp',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'TextField',
|
||
id: 'node_k1ow3cc9',
|
||
props: {
|
||
fieldName: 'hrg',
|
||
hasClear: false,
|
||
autoFocus: false,
|
||
tips: {
|
||
en_US: '',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
trim: false,
|
||
labelTextAlign: 'right',
|
||
placeholder: {
|
||
use: 'zh_CN',
|
||
en_US: 'please input',
|
||
zh_CN: '请输入',
|
||
type: 'i18n',
|
||
},
|
||
state: '',
|
||
behavior: 'NORMAL',
|
||
value: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
addonBefore: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
validation: [],
|
||
hasLimitHint: false,
|
||
cutString: false,
|
||
__style__: {},
|
||
fieldId: 'textField_k1ow3h24',
|
||
htmlType: 'input',
|
||
autoHeight: false,
|
||
labelColOffset: 0,
|
||
label: {
|
||
use: 'zh_CN',
|
||
en_US: 'TextField',
|
||
zh_CN: 'HRG',
|
||
type: 'i18n',
|
||
},
|
||
__category__: 'form',
|
||
labelColSpan: 4,
|
||
wrapperColSpan: 0,
|
||
rows: 4,
|
||
addonAfter: {
|
||
use: 'zh_CN',
|
||
zh_CN: '',
|
||
type: 'i18n',
|
||
},
|
||
wrapperColOffset: 0,
|
||
size: 'medium',
|
||
labelAlign: 'top',
|
||
__useMediator: 'value',
|
||
labelTipsTypes: 'none',
|
||
labelTipsIcon: '',
|
||
labelTipsText: {
|
||
type: 'i18n',
|
||
use: 'zh_CN',
|
||
en_US: '',
|
||
zh_CN: '',
|
||
},
|
||
maxLength: 200,
|
||
},
|
||
condition: true,
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Div',
|
||
id: 'node_k1ow3cbo',
|
||
props: {
|
||
className: 'div_kh05zf9h',
|
||
behavior: 'NORMAL',
|
||
__style__:
|
||
':root {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n background: #fff;\n padding: 20px 0;\n}',
|
||
events: {},
|
||
fieldId: 'div_k1ow3h1o',
|
||
useFieldIdAsDomId: false,
|
||
customClassName: '',
|
||
},
|
||
condition: true,
|
||
children: [
|
||
{
|
||
componentName: 'Button',
|
||
id: 'node_k1ow3cbn',
|
||
props: {
|
||
triggerEventsWhenLoading: false,
|
||
onClick: {
|
||
rawType: 'events',
|
||
type: 'JSExpression',
|
||
value:
|
||
'this.utils.legaoBuiltin.execEventFlow.bind(this, [this.submit])',
|
||
events: [
|
||
{
|
||
name: 'submit',
|
||
id: 'submit',
|
||
params: {},
|
||
type: 'actionRef',
|
||
uuid: '1570966253282_0',
|
||
},
|
||
],
|
||
},
|
||
size: 'medium',
|
||
baseIcon: '',
|
||
otherIcon: '',
|
||
className: 'button_kh05zf9f',
|
||
type: 'primary',
|
||
behavior: 'NORMAL',
|
||
loading: false,
|
||
content: {
|
||
use: 'zh_CN',
|
||
en_US: 'Button',
|
||
zh_CN: '提交',
|
||
type: 'i18n',
|
||
},
|
||
__style__: ':root {\n margin-right: 16px;\n width: 80px\n}',
|
||
fieldId: 'button_k1ow3h1n',
|
||
},
|
||
condition: true,
|
||
},
|
||
{
|
||
componentName: 'Button',
|
||
id: 'node_k1ow3cbp',
|
||
props: {
|
||
triggerEventsWhenLoading: false,
|
||
size: 'medium',
|
||
baseIcon: '',
|
||
otherIcon: '',
|
||
className: 'button_kh05zf9g',
|
||
type: 'normal',
|
||
behavior: 'NORMAL',
|
||
loading: false,
|
||
content: {
|
||
use: 'zh_CN',
|
||
en_US: 'Button',
|
||
zh_CN: '取消',
|
||
type: 'i18n',
|
||
},
|
||
__style__: ':root {\n width: 80px;\n}',
|
||
fieldId: 'button_k1ow3h1p',
|
||
},
|
||
condition: true,
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'RootFooter',
|
||
id: 'node_k1ow3cbc',
|
||
props: {},
|
||
condition: true,
|
||
},
|
||
],
|
||
},
|
||
],
|
||
id: 'FORM-MV766X71QI5KCL6T4CXKF9DJUME73BD0FQAGKE',
|
||
},
|
||
],
|
||
actions: {
|
||
module: {
|
||
compiled:
|
||
"'use strict';\n\nexports.__esModule = true;\nexports.helloPage = helloPage;\nexports.submit = submit;\n/**\n * 私有函数，只能JS面板内部调用\n * 动作面板帮助文档：\n * @see https://lark.alipay.com/legao/help/design-tool-logic\n */\nfunction printLog(obj) {\n console.info(obj);\n}\n\n/**\n * 页面内的函数，可以被页面内任何位置调用\n */\nfunction helloPage() {\n console.log('hello page');\n}\n\n/**\n* button onClick\n*/\nfunction submit() {\n var _this = this;\n\n this.$('form').submit(function (data, error) {\n if (data) {\n console.log(data); // 这是表单提交的数据\n _this.utils.toast({\n type: 'success',\n title: '提交成功'\n });\n }\n });\n}",
|
||
source:
|
||
"/**\n * 私有函数，只能JS面板内部调用\n * 动作面板帮助文档：\n * @see https://lark.alipay.com/legao/help/design-tool-logic\n */\nfunction printLog(obj) {\n console.info(obj);\n}\n\n/**\n * 页面内的函数，可以被页面内任何位置调用\n */\nexport function helloPage() {\n console.log('hello page');\n}\n\n\n/**\n* button onClick\n*/\nexport function submit(){\n this.$('form').submit((data, error) => {\n if (data) {\n console.log(data); // 这是表单提交的数据\n this.utils.toast({\n type: 'success',\n title: '提交成功'\n });\n }\n });\n}",
|
||
},
|
||
type: 'FUNCTION',
|
||
list: [
|
||
{
|
||
id: 'helloPage',
|
||
title: 'helloPage',
|
||
},
|
||
{
|
||
id: 'submit',
|
||
title: 'submit',
|
||
},
|
||
],
|
||
},
|
||
};
|