mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-01-12 08:58:15 +00:00
fix: dropdown and menu schema
This commit is contained in:
parent
6a2541fd4e
commit
ae1d1250f9
@ -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"
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
37
packages/react-renderer/demo/compose.md
Normal file
37
packages/react-renderer/demo/compose.md
Normal 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);
|
||||
````
|
||||
33
packages/react-renderer/demo/schemas/compose.js
vendored
Normal file
33
packages/react-renderer/demo/schemas/compose.js
vendored
Normal 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"
|
||||
}]
|
||||
}
|
||||
]
|
||||
};
|
||||
Loading…
x
Reference in New Issue
Block a user