export const appSchemaDemo01 = {
dataSource: {
list: [
{
id: 132,
name: 'getAllComponent',
data: {
data: [],
type: 'array'
},
tpl: null,
app: '918',
desc: null,
created_at: '2022-06-28T06:26:26.000Z',
updated_at: '2022-06-28T07:02:30.000Z'
},
{
id: 133,
name: 'getAllList',
data: {
columns: [
{
name: 'test',
title: '测试',
field: 'test',
type: 'string',
format: {}
},
{
name: 'test1',
title: '测试1',
field: 'test1',
type: 'string',
format: {}
}
],
type: 'array',
data: [
{
test: 'test1',
test1: 'test1',
_id: '341efc48'
},
{
test: 'test2',
test1: 'test1',
_id: 'b86b516c'
},
{
test: 'test3',
test1: 'test1',
_id: 'f680cd78'
}
],
options: {
uri: '',
method: 'GET'
},
dataHandler: {
type: 'JSFunction',
value: 'function dataHandler(data) { \n return data \n}'
},
willFetch: {
type: 'JSFunction',
value: 'function willFetch(option) {\n return option \n}'
},
shouldFetch: {
type: 'JSFunction',
value: 'function shouldFetch(option) {\n return true \n}'
},
errorHandler: {
type: 'JSFunction',
value: 'function errorHandler(err) {}'
}
},
tpl: null,
app: '918',
desc: null,
created_at: '2022-06-28T07:32:16.000Z',
updated_at: '2023-01-19T03:29:11.000Z'
},
{
id: 135,
name: 'getAllMaterialList',
data: {
columns: [
{
name: 'id',
title: 'id',
field: 'id',
type: 'string',
format: {}
},
{
name: 'name',
title: 'name',
field: 'name',
type: 'string',
format: {}
},
{
name: 'framework',
title: 'framework',
field: 'framework',
type: 'string',
format: {
required: true
}
},
{
name: 'components',
title: 'components',
field: 'components',
type: 'string',
format: {}
},
{
name: 'content',
title: 'content',
field: 'content',
type: 'string',
format: {}
},
{
name: 'url',
title: 'url',
field: 'url',
type: 'string',
format: {}
},
{
name: 'published_at',
title: 'published_at',
field: 'published_at',
type: 'string',
format: {}
},
{
name: 'created_at',
title: 'created_at',
field: 'created_at',
type: 'string',
format: {}
},
{
name: 'updated_at',
title: 'updated_at',
field: 'updated_at',
type: 'string',
format: {}
},
{
name: 'published',
title: 'published',
field: 'published',
type: 'string',
format: {}
},
{
name: 'last_build_info',
title: 'last_build_info',
field: 'last_build_info',
type: 'string',
format: {}
},
{
name: 'tenant',
title: 'tenant',
field: 'tenant',
type: 'string',
format: {}
},
{
name: 'version',
title: 'version',
field: 'version',
type: 'string',
format: {}
},
{
name: 'description',
title: 'description',
field: 'description',
type: 'string',
format: {}
}
],
type: 'array',
data: [
{
id: 'f37123ec',
url: '',
name: 'ng-material',
tenant: '',
content: '',
version: '1.0.0',
framework: 'Angular',
published: '',
components: '',
created_at: '2021-11-02T11:32:22.000Z',
updated_at: '2021-11-02T11:32:22.000Z',
description: 'angular组件库物料',
published_at: '2021-11-02T11:32:22.000Z',
last_build_info: '',
_id: '2a23e653'
},
{
id: 'f37123ec',
url: '',
name: 'ng-material',
tenant: '',
content: '',
version: '1.0.0',
framework: 'Angular',
published: '',
components: '',
created_at: '2021-11-02T11:32:22.000Z',
updated_at: '2021-11-02T11:32:22.000Z',
description: 'angular组件库物料',
published_at: '2021-11-02T11:32:22.000Z',
last_build_info: '',
_id: '06b253be'
},
{
id: 'f37123ec',
url: '',
name: 'ng-material',
tenant: '',
content: '',
version: '1.0.0',
framework: 'Angular',
published: '',
components: '',
created_at: '2021-11-02T11:32:22.000Z',
updated_at: '2021-11-02T11:32:22.000Z',
description: 'angular组件库物料',
published_at: '2021-11-02T11:32:22.000Z',
last_build_info: '',
_id: 'c55a41ed'
},
{
id: 'f37123ec',
url: '',
name: 'ng-material',
tenant: '',
content: '',
version: '1.0.0',
framework: 'Angular',
published: '',
components: '',
created_at: '2021-11-02T11:32:22.000Z',
updated_at: '2021-11-02T11:32:22.000Z',
description: 'angular组件库物料',
published_at: '2021-11-02T11:32:22.000Z',
last_build_info: '',
_id: 'f37123ec'
},
{
id: '7a63c1a2',
url: '',
name: 'tiny-vue',
tenant: '',
content: 'Tiny Vue物料',
version: '1.0.0',
framework: 'Vue',
published: '',
components: '',
created_at: '',
updated_at: '',
description: 'Tiny Vue物料',
published_at: '',
last_build_info: '',
_id: '7a63c1a2'
}
],
options: {
uri: '',
method: 'GET'
},
willFetch: {
type: 'JSFunction',
value: 'function willFetch(option) {\n return option \n}'
},
dataHandler: {
type: 'JSFunction',
value: 'function dataHandler(data) { \n return data \n}'
},
shouldFetch: {
type: 'JSFunction',
value: 'function shouldFetch(option) {\n return true \n}'
},
errorHandler: {
type: 'JSFunction',
value: 'function errorHandler(err) {}'
}
},
tpl: null,
app: '918',
desc: null,
created_at: '2022-06-29T00:57:50.000Z',
updated_at: '2023-05-15T02:37:12.000Z'
},
{
id: 139,
name: 'treedata',
data: {
data: [
{
label: 'level111',
value: '111',
id: 'f6609643',
pid: '',
_RID: 'row_4'
},
{
label: 'level1-son',
value: '111-1',
id: 'af1f937f',
pid: 'f6609643',
_RID: 'row_5'
},
{
label: 'level222',
value: '222',
id: '28e3709c',
pid: '',
_RID: 'row_6'
},
{
label: 'level2-son',
value: '222-1',
id: '6b571bef',
pid: '28e3709c',
_RID: 'row_5'
},
{
id: '6317c2cc',
pid: 'fdfa',
label: 'fsdfaa',
value: 'fsadf',
_RID: 'row_6'
},
{
id: '9cce369f',
pid: 'test',
label: 'test1',
value: '001'
}
],
type: 'tree'
},
tpl: null,
app: '918',
desc: null,
created_at: '2022-06-30T06:13:57.000Z',
updated_at: '2022-07-29T03:14:55.000Z'
},
{
id: 150,
name: 'componentList',
data: {
data: [
{
_RID: 'row_1',
name: '表单',
isSelected: 'true',
description: '由按钮、输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据'
},
{
name: '按钮',
isSelected: 'false',
description: '常用的操作按钮，提供包括默认按钮、图标按钮、图片按钮、下拉按钮等类型'
},
{
id: '490f8a00',
_RID: 'row_3',
name: '表单项',
framework: '',
materials: '',
description: 'Form 组件下的 FormItem 配置'
},
{
id: 'c259b8b3',
_RID: 'row_4',
name: '开关',
framework: '',
materials: '',
description: '关闭或打开'
},
{
id: '083ed9c7',
_RID: 'row_5',
name: '互斥按钮组',
framework: '',
materials: '',
description: '以按钮组的方式出现，常用于多项类似操作'
},
{
id: '09136cea',
_RID: 'row_6',
name: '提示框',
framework: '',
materials: '',
description: 'Popover可通过对一个触发源操作触发弹出框,支持自定义弹出内容，延迟触发和渐变动画'
},
{
id: 'a63b57d5',
_RID: 'row_7',
name: '文字提示框',
framework: '',
materials: '',
description:
'动态显示提示信息，一般通过鼠标事件进行响应；提供 warning、error、info、success 四种类型显示不同类别的信'
},
{
id: 'a0f6e8a3',
_RID: 'row_8',
name: '树',
framework: '',
materials: '',
description:
'可进行展示有父子层级的数据，支持选择，异步加载等功能。但不推荐用它来展示菜单，展示菜单推荐使用树菜单'
},
{
id: 'd1aa18fc',
_RID: 'row_9',
name: '分页',
framework: '',
materials: '',
description: '当数据量过多时，使用分页分解数据，常用于 Grid 和 Repeater 组件'
},
{
id: 'ca49cc52',
_RID: 'row_10',
name: '表格',
framework: '',
materials: '',
description: '提供了非常强大数据表格功能，可以展示数据列表，可以对数据列表进行选择、编辑等'
},
{
id: '4e20ecc9',
name: '搜索框',
framework: '',
materials: '',
description: '指定条件对象进行搜索数据'
},
{
id: '6b093ee5',
name: '折叠面板',
framework: '',
materials: '',
description: '内容区可指定动态页面或自定义 html 等，支持展开收起操作'
},
{
id: '0a09abc0',
name: '对话框',
framework: '',
materials: '',
description: '模态对话框，在浮层中显示，引导用户进行相关操作'
},
{
id: 'f814b901',
name: '标签页签项',
framework: '',
materials: '',
description: 'tab页签'
},
{
id: 'c5ae797c',
name: '单选',
framework: '',
materials: '',
description: '用于配置不同场景的选项，在一组备选项中进行单选'
},
{
id: '33d0c590',
_RID: 'row_13',
name: '弹出编辑',
framework: '',
materials: '',
description:
'该组件只能在弹出的面板中选择数据，不能手动输入数据；弹出面板中显示为 Tree 组件或者 Grid 组件'
},
{
id: '16711dfa',
_RID: 'row_14',
name: '下拉框',
framework: '',
materials: '',
description: 'Select 选择器是一种通过点击弹出下拉列表展示数据并进行选择的 UI 组件'
},
{
id: 'a9fd190a',
_RID: 'row_15',
name: '折叠面板项',
framework: '',
materials: '',
description: '内容区可指定动态页面或自定义 html 等，支持展开收起操作'
},
{
id: 'a7dfa9ec',
_RID: 'row_16',
name: '复选框',
framework: '',
materials: '',
description: '用于配置不同场景的选项，提供用户可在一组选项中进行多选'
},
{
id: 'd4bb8330',
name: '输入框',
framework: '',
materials: '',
description: '通过鼠标或键盘输入字符'
},
{
id: 'ced3dc83',
name: '时间线',
framework: '',
materials: '',
description: '时间线'
}
],
type: 'array',
columns: [
{
name: 'name',
type: 'string',
field: 'name',
title: 'name',
format: {
max: 0,
min: 0,
dateTime: false,
required: false,
stringType: ''
}
},
{
name: 'description',
type: 'string',
field: 'description',
title: 'description',
format: {
max: 0,
min: 0,
dateTime: false,
required: false,
stringType: ''
}
},
{
name: 'isSelected',
type: 'string',
field: 'isSelected',
title: 'isSelected',
format: {
max: 0,
min: 0,
dateTime: false,
required: false,
stringType: ''
}
}
],
options: {
uri: 'http://localhost:9090/assets/json/bundle.json',
method: 'GET'
},
willFetch: {
type: 'JSFunction',
value: 'function willFetch(option) {\n return option \n}'
},
dataHandler: {
type: 'JSFunction',
value: 'function dataHandler(data) { \n return data \n}'
},
shouldFetch: {
type: 'JSFunction',
value: 'function shouldFetch(option) {\n return true \n}'
},
errorHandler: {
type: 'JSFunction',
value: 'function errorHandler(err) {}'
}
},
tpl: null,
app: '918',
desc: null,
created_at: '2022-07-04T02:20:07.000Z',
updated_at: '2022-07-04T06:25:29.000Z'
},
{
id: 151,
name: 'selectedComponents',
data: {
columns: [
{
name: 'name',
title: 'name',
field: 'name',
type: 'string',
format: {
required: false,
stringType: '',
min: 0,
max: 0,
dateTime: false
}
},
{
name: 'description',
title: 'description',
field: 'description',
type: 'string',
format: {
required: false,
stringType: '',
min: 0,
max: 0,
dateTime: false
}
},
{
name: 'isSelected',
title: 'isSelected',
field: 'isSelected',
type: 'string',
format: {
required: false,
stringType: '',
min: 0,
max: 0,
dateTime: false
}
}
],
type: 'array',
data: [
{
name: '标签页',
description: '分隔内容上有关联但属于不同类别的数据集合',
isSelected: 'true',
_RID: 'row_2'
},
{
name: '布局列',
description: '列配置信息',
isSelected: 'true',
id: '76a7080a',
_RID: 'row_4'
},
{
name: '日期选择器',
description: '用于设置/选择日期，包括年月/年月日/年月日时分/年月日时分秒日期格式',
isSelected: 'true',
id: '76b20d73',
_RID: 'row_1'
},
{
name: '走马灯',
description: '常用于一组图片或卡片轮播，当内容空间不足时，可以用走马灯的形式进行收纳，进行轮播展现',
isSelected: 'true',
id: '4c884c3d'
}
]
},
tpl: null,
app: '918',
desc: null,
created_at: '2022-07-04T03:04:05.000Z',
updated_at: '2022-07-04T03:43:40.000Z'
}
],
dataHandler: {
type: 'JSFunction',
value: 'function dataHanlder(res){\n return res;\n}'
}
},
globalState: [
{
id: 'testState',
state: {
name: 'testName',
license: '',
age: 18,
food: ['apple', 'orange', 'banana', 19],
desc: {
description: 'hello world',
money: 100,
other: '',
rest: ['a', 'b', 'c', 20]
}
},
getters: {
getAge: {
type: 'JSFunction',
value: 'function getAge() {\n return this.age \n}'
},
getName: {
type: 'JSFunction',
value: 'function getName() {\n return this.name \n}'
}
},
actions: {
setAge: {
type: 'JSFunction',
value: 'function setAge(age) {\n this.age = age; \n}'
},
setName: {
type: 'JSFunction',
value: 'function setName(name) {\n this.name = name; \n}'
}
}
}
],
utils: [
{
name: 'axios',
type: 'npm',
content: {
type: 'JSFunction',
value: '',
package: 'axios',
destructuring: false,
exportName: 'axios'
}
},
{
name: 'Button',
type: 'npm',
content: {
package: '@opentiny/vue',
version: '',
exportName: 'Button',
subName: '',
destructuring: true,
main: ''
}
},
{
name: 'Menu',
type: 'npm',
content: {
type: 'JSFunction',
value: '',
package: '@opentiny/vue',
exportName: 'NavMenu',
destructuring: true
}
},
{
name: 'Modal ',
type: 'npm',
content: {
package: '@opentiny/vue',
version: '',
exportName: 'Modal ',
subName: '',
destructuring: true,
main: ''
}
},
{
name: 'npm',
type: 'function',
content: {
type: 'JSFunction',
value: "''"
}
},
{
name: 'Pager',
type: 'npm',
content: {
package: '@opentiny/vue',
version: '',
exportName: 'Pager',
subName: '',
destructuring: true,
main: ''
}
},
{
name: 'test',
type: 'function',
content: {
type: 'JSFunction',
value: "function test() {\r\n return 'test'\r\n}"
}
},
{
name: 'util',
type: 'function',
content: {
type: 'JSFunction',
value: 'function util () {\r\n console.log(321)\r\n}'
}
}
],
i18n: {
en_US: {
'lowcode.c257d5e8': 'search',
'lowcode.61c8ac8c': 'dsdsa',
'lowcode.f53187a0': 'test',
'lowcode.97ad00dd': 'createMaterial',
'lowcode.61dcef52': 'sadasda',
'lowcode.45f4c42a': 'gfdgfd',
'lowcode.c6f5a652': 'fsdafds',
'lowcode.34923432': 'fdsafds',
'lowcode.6534943e': 'fdsafdsa',
'lowcode.44252642': 'aaaa',
'lowcode.2a743651': 'fdsaf',
'lowcode.24315357': 'fsdafds',
'lowcode.44621691': 'sd',
'lowcode.65636226': 'fdsfsd',
'lowcode.6426a4e2': 'fdsafsd',
'lowcode.e41c6636': 'aa',
'lowcode.51c23164': 'aa',
'lowcode.17245b46': 'aa',
'lowcode.4573143c': 'a',
'lowcode.56432442': 'aa',
'lowcode.33566643': 'aa',
'lowcode.565128f3': 'aa',
'lowcode.56643835': 'aa'
},
zh_CN: {
'lowcode.c257d5e8': '查询',
'lowcode.61c8ac8c': '地方',
'lowcode.f53187a0': '测试',
'lowcode.97ad00dd': '创建物料资产包',
'lowcode.61dcef52': 'terterere',
'lowcode.45f4c42a': 'gdfgdf',
'lowcode.c6f5a652': 'fsdaf',
'lowcode.34923432': 'fdsafdsa',
'lowcode.48521e45': 'fdsfds',
'lowcode.6534943e': 'fdsafds',
'lowcode.44252642': 'fdsafds',
'lowcode.2a743651': 'sda',
'lowcode.24315357': 'fdsafds',
'lowcode.44621691': 'fdsafsd',
'lowcode.65636226': 'fdsaf',
'lowcode.6426a4e2': 'sd',
'lowcode.e41c6636': 'aa',
'lowcode.51c23164': 'aa',
'lowcode.17245b46': 'aa',
'lowcode.4573143c': 'aa',
'lowcode.56432442': 'aa',
'lowcode.33566643': 'aa',
'lowcode.565128f3': 'aa',
'lowcode.56643835': 'aa'
}
},
pageSchema: [
{
state: {},
methods: {},
componentName: 'Page',
css: '',
props: {},
lifeCycles: {},
children: [
{
componentName: 'div',
props: {},
id: '85375559',
children: [
{
componentName: 'TinySwitch',
props: {
modelValue: ''
},
id: '33433546'
}
]
}
],
dataSource: {
list: []
},
utils: [],
bridge: [],
inputs: [],
outputs: [],
fileName: 'DemoPage',
meta: {
name: 'DemoPage',
id: '5bhD7p5FUsUOTFRN',
app: '918',
router: 'demopage',
tenant: 1,
isBody: false,
parentId: '0',
group: 'staticPages',
depth: 0,
isPage: true,
isDefault: false,
occupier: {
id: 86,
username: '开发者',
email: 'developer@lowcode.com',
confirmationToken: 'dfb2c162-351f-4f44-ad5f-8998',
is_admin: true
},
isHome: false,
message: 'Page auto save',
_id: '5bhD7p5FUsUOTFRN'
}
},
{
state: {
dataDisk: [1, 2, 3]
},
methods: {},
componentName: 'Page',
css: 'body {\r\n background-color:#eef0f5 ;\r\n margin-bottom: 80px;\r\n}',
props: {},
children: [
{
componentName: 'div',
props: {
style: 'padding-bottom: 10px; padding-top: 10px;'
},
id: '2b2cabf0',
children: [
{
componentName: 'TinyTimeLine',
props: {
active: '2',
data: [
{
name: '基础配置'
},
{
name: '网络配置'
},
{
name: '高级配置'
},
{
name: '确认配置'
}
],
horizontal: true,
style: 'border-radius: 0px;'
},
id: 'dd764b17'
}
]
},
{
componentName: 'div',
props: {
style:
'border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;'
},
id: '30c94cc8',
children: [
{
componentName: 'TinyForm',
props: {
labelWidth: '80px',
labelPosition: 'top',
inline: false,
'label-position': 'left ',
'label-width': '150px',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyFormItem',
props: {
label: '计费模式'
},
children: [
{
componentName: 'TinyButtonGroup',
props: {
data: [
{
text: '包年/包月',
value: '1'
},
{
text: '按需计费',
value: '2'
}
],
modelValue: '1'
},
id: 'a8d84361'
}
],
id: '9f39f3e7'
},
{
componentName: 'TinyFormItem',
props: {
label: '区域'
},
children: [
{
componentName: 'TinyButtonGroup',
props: {
data: [
{
text: '乌兰察布二零一',
value: '1'
}
],
modelValue: '1',
style: 'border-radius: 0px; margin-right: 10px;'
},
id: 'c97ccd99'
},
{
componentName: 'Text',
props: {
text: '温馨提示：页面左上角切换区域',
style: 'background-color: [object Event]; color: #8a8e99; font-size: 12px;'
},
id: '20923497'
},
{
componentName: 'Text',
props: {
text: '不同区域的云服务产品之间内网互不相通；请就近选择靠近您业务的区域，可减少网络时延，提高访问速度',
style: 'display: block; color: #8a8e99; border-radius: 0px; font-size: 12px;'
},
id: '54780a26'
}
],
id: '4966384d'
},
{
componentName: 'TinyFormItem',
props: {
label: '可用区',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyButtonGroup',
props: {
data: [
{
text: '可用区1',
value: '1'
},
{
text: '可用区2',
value: '2'
},
{
text: '可用区3',
value: '3'
}
],
modelValue: '1'
},
id: '6184481b'
}
],
id: '690837bf'
}
],
id: 'b6a425d4'
}
]
},
{
componentName: 'div',
props: {
style:
'border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;'
},
children: [
{
componentName: 'TinyForm',
props: {
labelWidth: '80px',
labelPosition: 'top',
inline: false,
'label-position': 'left ',
'label-width': '150px',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyFormItem',
props: {
label: 'CPU架构'
},
children: [
{
componentName: 'TinyButtonGroup',
props: {
data: [
{
text: 'x86计算',
value: '1'
},
{
text: '鲲鹏计算',
value: '2'
}
],
modelValue: '1'
},
id: '7d33ced7'
}
],
id: '05ed5a79'
},
{
componentName: 'TinyFormItem',
props: {
label: '区域'
},
children: [
{
componentName: 'div',
props: {
style: 'display: flex; justify-content: flex-start; align-items: center;'
},
id: '606edf78',
children: [
{
componentName: 'div',
props: {
style: 'display: flex; align-items: center; margin-right: 10px;'
},
id: 'f3f98246',
children: [
{
componentName: 'Text',
props: {
text: 'vCPUs',
style: 'width: 80px;'
},
id: 'c287437e'
},
{
componentName: 'TinySelect',
props: {
modelValue: '',
placeholder: '请选择',
options: [
{
value: '1',
label: '黄金糕'
},
{
value: '2',
label: '双皮奶'
}
]
},
id: '4c43286b'
}
]
},
{
componentName: 'div',
props: {
style: 'display: flex; align-items: center; margin-right: 10px;'
},
children: [
{
componentName: 'Text',
props: {
text: '内存',
style: 'width: 80px; border-radius: 0px;'
},
id: '38b8fa1f'
},
{
componentName: 'TinySelect',
props: {
modelValue: '',
placeholder: '请选择',
options: [
{
value: '1',
label: '黄金糕'
},
{
value: '2',
label: '双皮奶'
}
]
},
id: 'cd33328e'
}
],
id: '2b2c678f'
},
{
componentName: 'div',
props: {
style: 'display: flex; align-items: center;'
},
children: [
{
componentName: 'Text',
props: {
text: '规格名称',
style: 'width: 80px;'
},
id: 'd3eb6352'
},
{
componentName: 'TinySearch',
props: {
modelValue: '',
placeholder: '输入关键词'
},
id: '21cb9282'
}
],
id: 'b8e0f35c'
}
]
},
{
componentName: 'div',
props: {
style: 'border-radius: 0px;'
},
id: '5000c83e',
children: [
{
componentName: 'TinyButtonGroup',
props: {
data: [
{
text: '通用计算型',
value: '1'
},
{
text: '通用计算增强型',
value: '2'
},
{
text: '内存优化型',
value: '3'
},
{
text: '内存优化型',
value: '4'
},
{
text: '磁盘增强型',
value: '5'
},
{
text: '超高I/O型',
value: '6'
},
{
text: 'GPU加速型',
value: '7'
}
],
modelValue: '1',
style: 'border-radius: 0px; margin-top: 12px;'
},
id: 'b8724703'
},
{
componentName: 'TinyGrid',
props: {
editConfig: {
trigger: 'click',
mode: 'cell',
showStatus: true
},
columns: [
{
type: 'radio',
width: 60
},
{
field: 'employees',
title: '规格名称'
},
{
field: 'created_date',
title: 'vCPUs | 内存(GiB)',
sortable: true
},
{
field: 'city',
title: 'CPU',
sortable: true
},
{
title: '基准 / 最大带宽\t',
sortable: true
},
{
title: '内网收发包',
sortable: true
}
],
data: [
{
id: '1',
name: 'GFD科技有限公司',
city: '福州',
employees: 800,
created_date: '2014-04-30 00:56:00',
boole: false
},
{
id: '2',
name: 'WWW科技有限公司',
city: '深圳',
employees: 300,
created_date: '2016-07-08 12:36:22',
boole: true
}
],
style: 'margin-top: 12px; border-radius: 0px;',
'auto-resize': true
},
id: '77701c25'
},
{
componentName: 'div',
props: {
style: 'margin-top: 12px; border-radius: 0px;'
},
id: '3339838b',
children: [
{
componentName: 'Text',
props: {
text: '当前规格',
style: 'width: 150px; display: inline-block;'
},
id: '203b012b'
},
{
componentName: 'Text',
props: {
text: '通用计算型 | Si2.large.2 | 2vCPUs | 4 GiB',
style: 'font-weight: 700;'
},
id: '87723f52'
}
]
}
]
}
],
id: '657fb2fc'
}
],
id: 'd19b15cf'
}
],
id: '9991228b'
},
{
componentName: 'div',
props: {
style:
'border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;'
},
children: [
{
componentName: 'TinyForm',
props: {
labelWidth: '80px',
labelPosition: 'top',
inline: false,
'label-position': 'left ',
'label-width': '150px',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyFormItem',
props: {
label: '镜像',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyButtonGroup',
props: {
data: [
{
text: '公共镜像',
value: '1'
},
{
text: '私有镜像',
value: '2'
},
{
text: '共享镜像',
value: '3'
}
],
modelValue: '1'
},
id: '922b14cb'
},
{
componentName: 'div',
props: {
style: 'display: flex; margin-top: 12px; border-radius: 0px;'
},
id: '6b679524',
children: [
{
componentName: 'TinySelect',
props: {
modelValue: '',
placeholder: '请选择',
options: [
{
value: '1',
label: '黄金糕'
},
{
value: '2',
label: '双皮奶'
}
],
style: 'width: 170px; margin-right: 10px;'
},
id: '4851fff7'
},
{
componentName: 'TinySelect',
props: {
modelValue: '',
placeholder: '请选择',
options: [
{
value: '1',
label: '黄金糕'
},
{
value: '2',
label: '双皮奶'
}
],
style: 'width: 340px;'
},
id: 'a7183eb7'
}
]
},
{
componentName: 'div',
props: {
style: 'margin-top: 12px;'
},
id: '57aee314',
children: [
{
componentName: 'Text',
props: {
text: '请注意操作系统的语言类型。',
style: 'color: #e37d29;'
},
id: '56d36c27'
}
]
}
],
id: 'e3b02436'
}
],
id: '59aebf2b'
}
],
id: '87ff7b99'
},
{
componentName: 'div',
props: {
style:
'border-width: 1px; border-style: solid; border-radius: 4px; border-color: #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; margin-bottom: 10px;'
},
children: [
{
componentName: 'TinyForm',
props: {
labelWidth: '80px',
labelPosition: 'top',
inline: false,
'label-position': 'left ',
'label-width': '150px',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyFormItem',
props: {
label: '系统盘',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'div',
props: {
style: 'display: flex;'
},
id: 'cddba5b8',
children: [
{
componentName: 'TinySelect',
props: {
modelValue: '',
placeholder: '请选择',
options: [
{
value: '1',
label: '黄金糕'
},
{
value: '2',
label: '双皮奶'
}
],
style: 'width: 200px; margin-right: 10px;'
},
id: 'a97fbe15'
},
{
componentName: 'TinyInput',
props: {
placeholder: '请输入',
modelValue: '',
style: 'width: 120px; margin-right: 10px;'
},
id: '1cde4c0f'
},
{
componentName: 'Text',
props: {
text: 'GiB \nIOPS上限240，IOPS突发上限5,000',
style: 'color: #575d6c; font-size: 12px;'
},
id: '2815d82d'
}
]
}
],
id: '50239a3a'
}
],
id: 'e8582986'
},
{
componentName: 'TinyForm',
props: {
labelWidth: '80px',
labelPosition: 'top',
inline: false,
'label-position': 'left ',
'label-width': '150px',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyFormItem',
props: {
label: '数据盘',
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'div',
props: {
style: 'margin-top: 12px; display: flex;'
},
id: '728c9825',
children: [
{
componentName: 'Icon',
props: {
style: 'margin-right: 10px; width: 16px; height: 16px;',
name: 'IconPanelMini'
},
id: 'fded6930'
},
{
componentName: 'TinySelect',
props: {
modelValue: '',
placeholder: '请选择',
options: [
{
value: '1',
label: '黄金糕'
},
{
value: '2',
label: '双皮奶'
}
],
style: 'width: 200px; margin-right: 10px;'
},
id: '62734e3f'
},
{
componentName: 'TinyInput',
props: {
placeholder: '请输入',
modelValue: '',
style: 'width: 120px; margin-right: 10px;'
},
id: '667c7926'
},
{
componentName: 'Text',
props: {
text: 'GiB \nIOPS上限600，IOPS突发上限5,000',
style: 'color: #575d6c; font-size: 12px; margin-right: 10px;'
},
id: 'e7bc36d6'
},
{
componentName: 'TinyInput',
props: {
placeholder: '请输入',
modelValue: '',
style: 'width: 120px;'
},
id: '1bd56dc0'
}
],
loop: {
type: 'JSExpression',
value: 'this.state.dataDisk'
}
},
{
componentName: 'div',
props: {
style: 'display: flex; margin-top: 12px; border-radius: 0px;'
},
children: [
{
componentName: 'Icon',
props: {
name: 'IconPlus',
style: 'width: 16px; height: 16px; margin-right: 10px;'
},
id: '65c89f2b'
},
{
componentName: 'Text',
props: {
text: '增加一块数据盘',
style: 'font-size: 12px; border-radius: 0px; margin-right: 10px;'
},
id: 'cb344071'
},
{
componentName: 'Text',
props: {
text: '您还可以挂载 21 块磁盘（云硬盘）',
style: 'color: #8a8e99; font-size: 12px;'
},
id: '80eea996'
}
],
id: 'e9e530ab'
}
],
id: '078e03ef'
}
],
id: 'ccef886e'
}
],
id: '0fb7bd74'
},
{
componentName: 'div',
props: {
style:
'border-width: 1px; border-style: solid; border-color: #ffffff; padding-top: 10px; padding-left: 10px; padding-right: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; background-color: #fff; position: fixed; inset: auto 0% 0% 0%; height: 80px; line-height: 80px; border-radius: 0px;'
},
children: [
{
componentName: 'TinyForm',
props: {
labelWidth: '80px',
labelPosition: 'top',
inline: false,
'label-position': 'left ',
'label-width': '150px',
style: 'border-radius: 0px;'
},
children: [],
id: '21ed4475'
},
{
componentName: 'TinyRow',
props: {
style: 'border-radius: 0px; height: 100%;'
},
children: [
{
componentName: 'TinyCol',
props: {
span: '8'
},
id: 'b9d051a5',
children: [
{
componentName: 'TinyRow',
props: {
style: 'border-radius: 0px;'
},
children: [
{
componentName: 'TinyCol',
props: {
span: '5',
style: 'display: flex;'
},
id: '02352776',
children: [
{
componentName: 'Text',
props: {
text: '购买量',
style: 'margin-right: 10px;'
},
id: '0cd9ed5c'
},
{
componentName: 'TinyInput',
props: {
placeholder: '请输入',
modelValue: '',
style: 'width: 120px; margin-right: 10px;'
},
id: '2f9cf442'
},
{
componentName: 'Text',
props: {
text: '台'
},
id: 'facd4481'
}
]
},
{
componentName: 'TinyCol',
props: {
span: '7'
},
id: '82b6c659',
children: [
{
componentName: 'div',
props: {},
id: '9cd65874',
children: [
{
componentName: 'Text',
props: {
text: '配置费用',
style: 'font-size: 12px;'
},
id: 'b5a0a0da'
},
{
componentName: 'Text',
props: {
text: '¥1.5776',
style: 'padding-left: 10px; padding-right: 10px; color: #de504e;'
},
id: 'd9464214'
},
{
componentName: 'Text',
props: {
text: '/小时',
style: 'font-size: 12px;'
},
id: 'af7cc5e6'
}
]
},
{
componentName: 'div',
props: {},
id: '89063830',
children: [
{
componentName: 'Text',
props: {
text: '参考价格，具体扣费请以账单为准。',
style: 'font-size: 12px; border-radius: 0px;'
},
id: 'd8995fbc'
},
{
componentName: 'Text',
props: {
text: '了解计费详情',
style: 'font-size: 12px; color: #344899;'
},
id: 'b383c3e2'
}
]
}
]
}
],
id: '94fc0e43'
}
]
},
{
componentName: 'TinyCol',
props: {
span: '4',
style:
'display: flex; flex-direction: row-reverse; border-radius: 0px; height: 100%; justify-content: flex-start; align-items: center;'
},
id: '10b73009',
children: [
{
componentName: 'TinyButton',
props: {
text: '下一步: 网络配置',
type: 'danger',
style: 'max-width: unset;'
},
id: '0b584011'
}
]
}
],
id: 'd414a473'
}
],
id: 'e8ec029b'
}
],
fileName: 'createVm',
meta: {
name: 'createVm',
id: '1',
app: '918',
router: 'createVm',
tenant: 1,
isBody: false,
parentId: '0',
group: 'staticPages',
depth: 0,
isPage: true,
isDefault: false,
occupier: {
id: 86,
username: '开发者',
email: 'developer@lowcode.com',
confirmationToken: 'dfb2c162-351f-4f44-ad5f-8998',
is_admin: true
},
isHome: true,
_id: '1'
}
},
{
state: {
dataDisk: [1, 2, 3]
},
methods: {},
componentName: 'Page',
css: 'body {\r\n background-color:#eef0f5 ;\r\n margin-bottom: 80px;\r\n}',
props: {},
children: [
{
componentName: 'CanvasRowColContainer',
props: {
rowGap: '20px'
},
children: [
{
componentName: 'CanvasRow',
props: {
rowGap: '20px',
colGap: '20px'
},
children: [
{
componentName: 'CanvasCol',
props: {
rowGap: '20px',
colGap: '20px',
grow: true,
shrink: true,
widthType: 'auto'
},
id: '4514b344'
},
{
componentName: 'CanvasCol',
props: {
rowGap: '20px',
colGap: '20px',
grow: true,
shrink: true,
widthType: 'auto'
},
children: [],
id: '3664a254'
}
],
id: '63553246'
},
{
componentName: 'CanvasRow',
props: {
rowGap: '20px',
colGap: '20px'
},
children: [
{
componentName: 'CanvasCol',
props: {
rowGap: '20px',
colGap: '20px',
grow: true,
shrink: true,
widthType: 'auto'
},
id: '2c13444f',
children: [
{
componentName: 'CanvasRow',
props: {
rowGap: '20px',
colGap: '20px'
},
children: [
{
componentName: 'CanvasCol',
props: {
rowGap: '20px',
colGap: '20px',
grow: true,
shrink: true,
widthType: 'auto'
},
children: [],
id: '24256327'
}
],
id: '56453426'
},
{
componentName: 'CanvasRow',
props: {
rowGap: '20px',
colGap: '20px'
},
children: [
{
componentName: 'CanvasCol',
props: {
rowGap: '20px',
colGap: '20px',
grow: true,
shrink: true,
widthType: 'auto'
},
id: '5451f224'
}
],
id: '26364626'
},
{
componentName: 'CanvasRow',
props: {
rowGap: '20px',
colGap: '20px'
},
children: [
{
componentName: 'CanvasCol',
props: {
rowGap: '20px',
colGap: '20px',
grow: true,
shrink: true,
widthType: 'auto'
},
children: [],
id: '26232436'
}
],
id: '52555445'
}
]
},
{
componentName: 'CanvasCol',
props: {
rowGap: '20px',
colGap: '20px',
grow: true,
shrink: true,
widthType: 'auto'
},
children: [],
id: '53553563'
}
],
id: '53b5fe13'
}
],
id: '25452c43'
}
],
fileName: 'testCanvasRowCol',
meta: {
name: 'testCanvasRowCol',
id: 1737797330916,
app: '918',
router: 'testCanvasRowCol',
tenant: 1,
isBody: false,
parentId: '0',
group: 'staticPages',
depth: 0,
isPage: true,
isDefault: false,
occupier: {
id: 86,
username: '开发者'
},
isHome: false
}
},
{
componentName: 'Page',
css: '.page-base-style {\n padding: 24px;background: #FFFFFF;\n}\n\n.block-base-style {\n margin: 16px;\n}\n\n.component-base-style {\n margin: 8px;\n}\n',
props: {
className: 'page-base-style'
},
lifeCycles: {},
children: [],
dataSource: {
list: []
},
state: {},
methods: {},
utils: [],
bridge: [],
inputs: [],
outputs: [],
fileName: 'UntitledA',
meta: {
name: 'UntitledA',
id: '3sV9KkvL3SuQIufS',
app: '918',
route: 'UntitledA',
tenant: 1,
isBody: false,
parentId: 'ZaF79dsWf6HPwNfX',
depth: 0,
isPage: true,
isDefault: true,
group: 'staticPages',
occupier: {
id: 86,
username: '开发者',
email: 'developer@lowcode.com',
confirmationToken: 'dfb2c162-351f-4f44-ad5f-8998',
is_admin: true
},
isHome: false,
message: 'Page auto save',
_id: '3sV9KkvL3SuQIufS',
router: 'createVm/untitledFA/UntitledA'
},
path: 'createVm/untitledFA'
}
],
componentsMap: [
{
componentName: 'TinyCarouselItem',
package: '@opentiny/vue',
exportName: 'CarouselItem',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyCheckboxButton',
package: '@opentiny/vue',
exportName: 'CheckboxButton',
destructuring: true,
version: '0.1.17'
},
{
componentName: 'TinyTree',
package: '@opentiny/vue',
exportName: 'Tree',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyPopover',
package: '@opentiny/vue',
exportName: 'Popover',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyTooltip',
package: '@opentiny/vue',
exportName: 'Tooltip',
destructuring: true,
version: '3.2.0'
},
{
componentName: 'TinyCol',
package: '@opentiny/vue',
exportName: 'Col',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyDropdownItem',
package: '@opentiny/vue',
exportName: 'DropdownItem',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyPager',
package: '@opentiny/vue',
exportName: 'Pager',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyPlusAccessdeclined',
package: '@opentiny/vue',
exportName: 'AccessDeclined',
destructuring: true,
version: '3.4.1'
},
{
componentName: 'TinyPlusFrozenPage',
package: '@opentiny/vue',
exportName: 'FrozenPage',
destructuring: true,
version: '3.4.1'
},
{
componentName: 'TinyPlusNonSupportRegion',
package: '@opentiny/vue',
exportName: 'NonSupportRegion',
destructuring: true,
version: '3.4.1'
},
{
componentName: 'TinyPlusBeta',
package: '@opentiny/vue',
exportName: 'Beta',
destructuring: true,
version: '3.4.1'
},
{
componentName: 'TinySearch',
package: '@opentiny/vue',
exportName: 'Search',
destructuring: true,
version: '0.1.13'
},
{
componentName: 'TinyRow',
package: '@opentiny/vue',
exportName: 'Row',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyFormItem',
package: '@opentiny/vue',
exportName: 'FormItem',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyAlert',
package: '@opentiny/vue',
exportName: 'Alert',
destructuring: true,
version: '3.2.0'
},
{
componentName: 'TinyInput',
package: '@opentiny/vue',
exportName: 'Input',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyTabs',
package: '@opentiny/vue',
exportName: 'Tabs',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyDropdownMenu',
package: '@opentiny/vue',
exportName: 'DropdownMenu',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyDialogBox',
package: '@opentiny/vue',
exportName: 'DialogBox',
destructuring: true,
version: '3.2.0'
},
{
componentName: 'TinySwitch',
package: '@opentiny/vue',
exportName: 'Switch',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyTimeLine',
package: '@opentiny/vue',
exportName: 'TimeLine',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyTabItem',
package: '@opentiny/vue',
exportName: 'TabItem',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyRadio',
package: '@opentiny/vue',
exportName: 'Radio',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyForm',
package: '@opentiny/vue',
exportName: 'Form',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyGrid',
package: '@opentiny/vue',
exportName: 'Grid',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyNumeric',
package: '@opentiny/vue',
exportName: 'Numeric',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyCheckboxGroup',
package: '@opentiny/vue',
exportName: 'CheckboxGroup',
destructuring: true,
version: '0.1.17'
},
{
componentName: 'TinySelect',
package: '@opentiny/vue',
exportName: 'Select',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyButtonGroup',
package: '@opentiny/vue',
exportName: 'ButtonGroup',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyCarousel',
package: '@opentiny/vue',
exportName: 'Carousel',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyPopeditor',
package: '@opentiny/vue',
exportName: 'Popeditor',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyDatePicker',
package: '@opentiny/vue',
exportName: 'DatePicker',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'TinyDropdown',
package: '@opentiny/vue',
exportName: 'Dropdown',
destructuring: true,
version: '0.1.20'
},
{
componentName: 'TinyChartHistogram',
package: '@opentiny/vue',
exportName: 'ChartHistogram',
destructuring: true,
version: '0.1.16'
},
{
componentName: 'PortalHome',
main: 'common/components/home',
destructuring: false,
version: '1.0.0'
},
{
componentName: 'PreviewBlock1',
main: 'preview',
destructuring: false,
version: '1.0.0'
},
{
componentName: 'PortalHeader',
main: 'common',
destructuring: false,
version: '1.0.0'
},
{
componentName: 'PortalBlock',
main: 'portal',
destructuring: false,
version: '1.0.0'
},
{
componentName: 'PortalPermissionBlock',
main: '',
destructuring: false,
version: '1.0.0'
}
],
meta: {
name: 'portal-app',
tenant: 1,
git_group: '',
project_name: '',
description: 'demo应用',
branch: 'develop',
is_demo: null,
global_state: [],
appId: '918',
creator: '',
gmt_create: '2022-06-08 03:19:01',
gmt_modified: '2023-08-23 10:22:28'
}
}