mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2025-12-12 11:20:11 +00:00
568 lines
16 KiB
TypeScript
568 lines
16 KiB
TypeScript
export default {
|
||
componentName: 'Page',
|
||
id: 'node_dockcviv8fo1',
|
||
props: {
|
||
ref: 'outterView',
|
||
autoLoading: true,
|
||
style: {
|
||
padding: '0 5px 0 5px',
|
||
},
|
||
},
|
||
fileName: 'test',
|
||
dataSource: {
|
||
list: [],
|
||
},
|
||
state: {
|
||
text: 'outter',
|
||
isShowDialog: false,
|
||
},
|
||
css: 'body {font-size: 12px;} .botton{width:100px;color:#ff00ff}',
|
||
lifeCycles: {
|
||
componentDidMount: {
|
||
type: 'JSFunction',
|
||
value: "function() {\n console.log('did mount');\n }",
|
||
},
|
||
componentWillUnmount: {
|
||
type: 'JSFunction',
|
||
value: "function() {\n console.log('will umount');\n }",
|
||
},
|
||
},
|
||
methods: {
|
||
testFunc: {
|
||
type: 'JSFunction',
|
||
value: "function() {\n console.log('test func');\n }",
|
||
},
|
||
onClick: {
|
||
type: 'JSFunction',
|
||
value: 'function() {\n this.setState({\n isShowDialog: true\n })\n }',
|
||
},
|
||
closeDialog: {
|
||
type: 'JSFunction',
|
||
value: 'function() {\n this.setState({\n isShowDialog: false\n })\n }',
|
||
},
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Box',
|
||
id: 'node_dockcy8n9xed',
|
||
props: {
|
||
style: {
|
||
backgroundColor: 'rgba(31,56,88,0.1)',
|
||
padding: '12px 12px 12px 12px',
|
||
},
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Box',
|
||
id: 'node_dockcy8n9xee',
|
||
props: {
|
||
style: {
|
||
padding: '12px 12px 12px 12px',
|
||
backgroundColor: '#ffffff',
|
||
},
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Breadcrumb',
|
||
id: 'node_dockcy8n9xef',
|
||
props: {
|
||
prefix: 'next-',
|
||
maxNode: 100,
|
||
component: 'nav',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Breadcrumb.Item',
|
||
id: 'node_dockcy8n9xeg',
|
||
props: {
|
||
prefix: 'next-',
|
||
children: '首页',
|
||
},
|
||
},
|
||
{
|
||
componentName: 'Breadcrumb.Item',
|
||
id: 'node_dockcy8n9xei',
|
||
props: {
|
||
prefix: 'next-',
|
||
children: '品质中台',
|
||
},
|
||
},
|
||
{
|
||
componentName: 'Breadcrumb.Item',
|
||
id: 'node_dockcy8n9xek',
|
||
props: {
|
||
prefix: 'next-',
|
||
children: '商家品质页面管理',
|
||
},
|
||
},
|
||
{
|
||
componentName: 'Breadcrumb.Item',
|
||
id: 'node_dockcy8n9xem',
|
||
props: {
|
||
prefix: 'next-',
|
||
children: '质检知识条配置',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Box',
|
||
id: 'node_dockcy8n9xeo',
|
||
props: {
|
||
style: {
|
||
marginTop: '12px',
|
||
backgroundColor: '#ffffff',
|
||
},
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Form',
|
||
id: 'node_dockcy8n9xep',
|
||
props: {
|
||
inline: true,
|
||
style: {
|
||
marginTop: '12px',
|
||
marginRight: '12px',
|
||
marginLeft: '12px',
|
||
},
|
||
__events: [],
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Form.Item',
|
||
id: 'node_dockcy8n9xeq',
|
||
props: {
|
||
style: {
|
||
marginBottom: '0',
|
||
},
|
||
label: '类目名：',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Select',
|
||
id: 'node_dockcy8n9xer',
|
||
props: {
|
||
mode: 'single',
|
||
hasArrow: true,
|
||
cacheValue: true,
|
||
style: {
|
||
width: '150px',
|
||
},
|
||
},
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Form.Item',
|
||
id: 'node_dockcy8n9xes',
|
||
props: {
|
||
style: {
|
||
marginBottom: '0',
|
||
},
|
||
label: '项目类型：',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Select',
|
||
id: 'node_dockcy8n9xet',
|
||
props: {
|
||
mode: 'single',
|
||
hasArrow: true,
|
||
cacheValue: true,
|
||
style: {
|
||
width: '200px',
|
||
},
|
||
},
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Form.Item',
|
||
id: 'node_dockcy8n9xeu',
|
||
props: {
|
||
style: {
|
||
marginBottom: '0',
|
||
},
|
||
label: '项目 ID：',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Input',
|
||
id: 'node_dockcy8n9xev',
|
||
props: {
|
||
hasBorder: true,
|
||
size: 'medium',
|
||
autoComplete: 'off',
|
||
style: {
|
||
width: '200px',
|
||
},
|
||
},
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Button.Group',
|
||
id: 'node_dockcy8n9xew',
|
||
props: {},
|
||
children: [
|
||
{
|
||
componentName: 'Button',
|
||
id: 'node_dockcy8n9xex',
|
||
props: {
|
||
type: 'primary',
|
||
style: {
|
||
margin: '0 5px 0 5px',
|
||
},
|
||
htmlType: 'submit',
|
||
children: '搜索',
|
||
},
|
||
},
|
||
{
|
||
componentName: 'Button',
|
||
id: 'node_dockcy8n9xe10',
|
||
props: {
|
||
type: 'normal',
|
||
style: {
|
||
margin: '0 5px 0 5px',
|
||
},
|
||
htmlType: 'reset',
|
||
children: '清空',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Box',
|
||
id: 'node_dockcy8n9xe1f',
|
||
props: {
|
||
style: {
|
||
backgroundColor: '#ffffff',
|
||
paddingBottom: '24px',
|
||
display: 'flex',
|
||
flexDirection: 'row',
|
||
justifyContent: 'flex-end',
|
||
},
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Button',
|
||
id: 'node_dockd5nrh9p4',
|
||
props: {
|
||
type: 'primary',
|
||
size: 'medium',
|
||
htmlType: 'button',
|
||
component: 'button',
|
||
children: '新建配置',
|
||
style: {},
|
||
__events: [
|
||
{
|
||
type: 'componentEvent',
|
||
name: 'onClick',
|
||
relatedEventName: 'onClick',
|
||
},
|
||
],
|
||
onClick: {
|
||
type: 'JSFunction',
|
||
value: 'function(){ this.onClick() }',
|
||
},
|
||
},
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Box',
|
||
id: 'node_dockd5nrh9p5',
|
||
props: {},
|
||
children: [
|
||
{
|
||
componentName: 'Table',
|
||
id: 'node_dockjielosj1',
|
||
props: {
|
||
showMiniPager: true,
|
||
showActionBar: true,
|
||
actionBar: [
|
||
{
|
||
title: '新增',
|
||
type: 'primary',
|
||
},
|
||
{
|
||
title: '编辑',
|
||
},
|
||
],
|
||
columns: [
|
||
{
|
||
dataKey: 'name',
|
||
width: 200,
|
||
align: 'center',
|
||
title: '姓名',
|
||
editType: 'text',
|
||
},
|
||
{
|
||
dataKey: 'age',
|
||
width: 200,
|
||
align: 'center',
|
||
title: '年龄',
|
||
},
|
||
{
|
||
dataKey: 'email',
|
||
width: 200,
|
||
align: 'center',
|
||
title: '邮箱',
|
||
},
|
||
],
|
||
data: [
|
||
{
|
||
name: '王小',
|
||
id: '1',
|
||
age: 15000,
|
||
email: 'aaa@abc.com',
|
||
},
|
||
{
|
||
name: '王中',
|
||
id: '2',
|
||
age: 25000,
|
||
email: 'bbb@abc.com',
|
||
},
|
||
{
|
||
name: '王大',
|
||
id: '3',
|
||
age: 35000,
|
||
email: 'ccc@abc.com',
|
||
},
|
||
],
|
||
actionTitle: '操作',
|
||
actionWidth: 180,
|
||
actionType: 'link',
|
||
actionFixed: 'right',
|
||
actionHidden: false,
|
||
maxWebShownActionCount: 2,
|
||
actionColumn: [
|
||
{
|
||
title: '编辑',
|
||
callback: {
|
||
type: 'JSFunction',
|
||
value: '(rowData, action, table) => {\n return table.editRow(rowData).then((row) => {\n console.log(row);\n });\n }',
|
||
},
|
||
device: [
|
||
'desktop',
|
||
],
|
||
},
|
||
{
|
||
title: '保存',
|
||
callback: {
|
||
type: 'JSFunction',
|
||
value: '(rowData, action, table) => { \nreturn table.saveRow(rowData).then((row) => { \nconsole.log(row); \n}); \n}',
|
||
},
|
||
mode: 'EDIT',
|
||
},
|
||
],
|
||
},
|
||
},
|
||
{
|
||
componentName: 'Box',
|
||
id: 'node_dockd5nrh9pg',
|
||
props: {
|
||
style: {
|
||
display: 'flex',
|
||
flexDirection: 'row',
|
||
justifyContent: 'flex-end',
|
||
},
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Pagination',
|
||
id: 'node_dockd5nrh9pf',
|
||
props: {
|
||
prefix: 'next-',
|
||
type: 'normal',
|
||
shape: 'normal',
|
||
size: 'medium',
|
||
defaultCurrent: 1,
|
||
total: 100,
|
||
pageShowCount: 5,
|
||
pageSize: 10,
|
||
pageSizePosition: 'start',
|
||
showJump: true,
|
||
style: {},
|
||
},
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Dialog',
|
||
id: 'node_dockcy8n9xe1h',
|
||
props: {
|
||
prefix: 'next-',
|
||
footerAlign: 'right',
|
||
footerActions: [
|
||
'ok',
|
||
'cancel',
|
||
],
|
||
closeable: 'esc,close',
|
||
hasMask: true,
|
||
align: 'cc cc',
|
||
minMargin: 40,
|
||
visible: {
|
||
type: 'JSExpression',
|
||
value: 'this.state.isShowDialog',
|
||
},
|
||
title: '标题',
|
||
events: [],
|
||
__events: [
|
||
{
|
||
type: 'componentEvent',
|
||
name: 'onCancel',
|
||
relatedEventName: 'closeDialog',
|
||
},
|
||
{
|
||
type: 'componentEvent',
|
||
name: 'onClose',
|
||
relatedEventName: 'closeDialog',
|
||
},
|
||
{
|
||
type: 'componentEvent',
|
||
name: 'onOk',
|
||
relatedEventName: 'testFunc',
|
||
},
|
||
],
|
||
onCancel: {
|
||
type: 'JSFunction',
|
||
value: 'function(){ this.closeDialog() }',
|
||
},
|
||
onClose: {
|
||
type: 'JSFunction',
|
||
value: 'function(){ this.closeDialog() }',
|
||
},
|
||
onOk: {
|
||
type: 'JSFunction',
|
||
value: 'function(){ this.testFunc() }',
|
||
},
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Form',
|
||
id: 'node_dockd5nrh9pi',
|
||
props: {
|
||
inline: false,
|
||
labelAlign: 'top',
|
||
labelTextAlign: 'right',
|
||
size: 'medium',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Form.Item',
|
||
id: 'node_dockd5nrh9pj',
|
||
props: {
|
||
style: {
|
||
marginBottom: '0',
|
||
minWidth: '200px',
|
||
minHeight: '28px',
|
||
},
|
||
label: '商品类目',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Select',
|
||
id: 'node_dockd5nrh9pk',
|
||
props: {
|
||
mode: 'single',
|
||
hasArrow: true,
|
||
cacheValue: true,
|
||
},
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Form.Item',
|
||
id: 'node_dockd5nrh9pl',
|
||
props: {
|
||
style: {
|
||
marginBottom: '0',
|
||
minWidth: '200px',
|
||
minHeight: '28px',
|
||
},
|
||
label: '商品类目',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Select',
|
||
id: 'node_dockd5nrh9pm',
|
||
props: {
|
||
mode: 'single',
|
||
hasArrow: true,
|
||
cacheValue: true,
|
||
},
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Form.Item',
|
||
id: 'node_dockd5nrh9pn',
|
||
props: {
|
||
style: {
|
||
marginBottom: '0',
|
||
minWidth: '200px',
|
||
minHeight: '28px',
|
||
},
|
||
label: '商品类目',
|
||
asterisk: true,
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Select',
|
||
id: 'node_dockd5nrh9po',
|
||
props: {
|
||
mode: 'single',
|
||
hasArrow: true,
|
||
cacheValue: true,
|
||
},
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'Form.Item',
|
||
id: 'node_dockd5nrh9pp',
|
||
props: {
|
||
style: {
|
||
marginBottom: '0',
|
||
minWidth: '200px',
|
||
minHeight: '28px',
|
||
},
|
||
label: '商品类目',
|
||
},
|
||
children: [
|
||
{
|
||
componentName: 'Input',
|
||
id: 'node_dockd5nrh9pr',
|
||
props: {
|
||
hasBorder: true,
|
||
size: 'medium',
|
||
autoComplete: 'off',
|
||
},
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
],
|
||
},
|
||
{
|
||
componentName: 'ErrorComponent',
|
||
id: 'node_dockd5nrh9pr',
|
||
props: {
|
||
name: 'error',
|
||
},
|
||
},
|
||
],
|
||
};
|