alibaba / alibaba/lowcode-engine
物料区引入Antd Modal组件,无法在画布中准确定位到modal位置和区域
- Dominant language
- TypeScript
- Stars
- 15.9k
- Forks
- 2.7k
- PR merge metrics
- No merged PRs in 30d
Description
## **Describe the bug (required)** / **详细描述 bug(必填)**
项目中引入了antd的modal组件,当我们将modal拖拽到画布中后,点击modal组件无法准确聚焦到modal层级,如下图所示:
但在官方demo中fusion component里的基础弹窗渲染是正常的:

---
## **To Reproduce (required)** / **如何复现 bug?(必填,非常重要)**
Steps to reproduce the behavior: / 详细复现步骤:
打开 https://lowcode-engine.cn/demo/basic-antd.html
复现 schema:
`
{
"componentName": "Page",
"id": "node_dockcviv8fo1",
"docId": "docl2eh3qqy",
"props": {
"ref": "outerView",
"style": {
"height": "100%"
}
},
"fileName": "/",
"dataSource": {
"list": [
{
"type": "fetch",
"isInit": true,
"options": {
"params": {},
"method": "GET",
"isCors": true,
"timeout": 5000,
"headers": {},
"uri": "mock/info.json"
},
"id": "info"
}
]
},
"state": {
"text": {
"type": "JSExpression",
"value": "\"outer\""
},
"isShowDialog": {
"type": "JSExpression",
"value": "false"
}
},
"css": "body {\n font-size: 12px;\n}\n\n.button {\n width: 100px;\n color: #ff00ff\n}",
"lifeCycles": {
"componentDidMount": {
"type": "JSFunction",
"value": "function componentDidMount() {\n console.log('did mount');\n}"
},
"componentWillUnmount": {
"type": "JSFunction",
"value": "function componentWillUnmount() {\n console.log('will unmount');\n}"
}
},
"methods": {
"testFunc": {
"type": "JSFunction",
"value": "function testFunc() {\n console.log('test func');\n}"
},
"onClick": {
"type": "JSFunction",
"value": "function onClick() {\n this.setState({\n isShowDialog: true\n });\n}"
},
"closeDialog": {
"type": "JSFunction",
"value": "function closeDialog() {\n this.setState({\n isShowDialog: false\n });\n}"
}
},
"originCode": "class LowcodeComponent extends Component {\n state = {\n \"text\": \"outer\",\n \"isShowDialog\": false\n }\n componentDidMount() {\n console.log('did mount');\n }\n componentWillUnmount() {\n console.log('will unmount');\n }\n testFunc() {\n console.log('test func');\n }\n onClick() {\n this.setState({\n isShowDialog: true\n })\n }\n closeDialog() {\n this.setState({\n isShowDialog: false\n })\n }\n}",
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": "",
"children": [
{
"componentName": "Modal",
"id": "node_ocl2eh3qqy1",
"docId": "docl2eh3qqy",
"props": {
"title": "Basic Modal",
"okText": "确认",
"cancelText": "取消",
"visible": true,
"destroyOnClose": true,
"centered": false,
"closable": false,
"confirmLoading": false,
"forceRender": false,
"keyboard": false,
"mask": false,
"maskClosable": false,
"zIndex": 0,
"bodyStyle": {},
"maskStyle": {},
"wrapClassName": ""
},
"hidden": false,
"title": "",
"isLocked": false,
"condition": true,
"conditionGroup": ""
}
]
}`
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.