| 111 | }; |
| 112 | |
| 113 | render(): React.ReactNode { |
| 114 | const editor: Editor = this.props.engineEditor; |
| 115 | const { |
| 116 | componentMetadatas, |
| 117 | utilsMetadata, |
| 118 | library, |
| 119 | extraEnvironment, |
| 120 | renderEnv, |
| 121 | device, |
| 122 | designMode, |
| 123 | deviceClassName, |
| 124 | simulatorUrl, |
| 125 | requestHandlersMap, |
| 126 | locale, |
| 127 | } = this.state; |
| 128 | |
| 129 | if (!library || !componentMetadatas) { |
| 130 | // TODO: use a Loading |
| 131 | return null; |
| 132 | } |
| 133 | |
| 134 | return ( |
| 135 | <DesignerView |
| 136 | onMount={this.handleDesignerMount} |
| 137 | className="lowcode-plugin-designer" |
| 138 | editor={editor} |
| 139 | name={editor.viewName} |
| 140 | designer={editor.get('designer')} |
| 141 | componentMetadatas={componentMetadatas} |
| 142 | simulatorProps={{ |
| 143 | library, |
| 144 | utilsMetadata, |
| 145 | extraEnvironment, |
| 146 | renderEnv, |
| 147 | device, |
| 148 | locale, |
| 149 | designMode, |
| 150 | deviceClassName, |
| 151 | simulatorUrl, |
| 152 | requestHandlersMap, |
| 153 | }} |
| 154 | /> |
| 155 | ); |
| 156 | } |
| 157 | } |