fix: dropdown and menu schema

This commit is contained in:
wuji.xwt 2020-08-04 15:57:12 +08:00
parent 6a2541fd4e
commit ae1d1250f9
3 changed files with 74 additions and 8 deletions

View File

@ -12764,7 +12764,8 @@
"screenshot": "",
"schema": {
"componentName": "Dropdown",
"props": {}
"props": { "trigger": [{ "componentName": "Button", "props": { "type": "primary" }, "children": "确定" }], "triggerType": "click"},
"children": [{ "componentName": "Menu", "props": { "style": { "width": 200 } }, "children": [{ "componentName": "MenuItem", "props": {}, "children": "Option 1" }, { "componentName": "MenuItem", "props": { "disabled": false }, "children": "option 2" }, { "componentName": "MenuItem", "props": { "disabled": false }, "children": "option 3" }]}]
}
}
]
@ -13130,13 +13131,8 @@
"schema": {
"componentName": "Menu.Item",
"props": {
"parentMode": "inline",
"type": "item",
"component": "",
"disabled": true,
"className": "",
"needIndent": ""
}
},
"children": "Option"
}
}
]

View File

@ -0,0 +1,37 @@
---
title: 复杂组件
order: 2
---
````jsx
import React, { PureComponent } from 'react';
import ReactDOM from 'react-dom';
import ReactRenderer from '@ali/lowcode-react-renderer';
import schema from './schemas/compose';
import components from './config/components/index';
import utils from './config/utils';
import constants from './config/constants';
class Demo extends PureComponent {
static displayName = 'renderer-demo';
render() {
return (
<div className="demo">
<ReactRenderer
key={schema.fileName}
schema={schema}
components={components}
appHelper={{
utils,
constants
}}
/>
</div>
);
}
}
ReactDOM.render((
<Demo />
), mountNode);
````

View File

@ -0,0 +1,33 @@
/* eslint-disable */
export default {
componentName: 'Page',
fileName: 'compose',
props: {
},
children: [
{
"componentName": "Dropdown",
"props": { "trigger": [{ "componentName": "Button", "props": { "type": "primary" }, "children": "确定" }], "triggerType": "click"},
"children": [{ "componentName": "Menu", "props": { "style": { "width": 200 } }, "children": [{ "componentName": "MenuItem", "props": {}, "children": "Option 1" }, { "componentName": "MenuItem", "props": { "disabled": false }, "children": "option 2" }, { "componentName": "MenuItem", "props": { "disabled": false }, "children": "option 3" }]}]
},
{
"componentName": "Menu",
"props": {
"style": {
"width": 200
}
},
"children": [{
"componentName": "MenuItem",
"props": {
},
"children": "Option 1"
}, {
"componentName": "MenuItem",
"props": {
},
"children": "Option 2"
}]
}
]
};