Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🐛 [Bug]: 自定义区块和组件预览时,无法完整正确渲染出内容(组件或区块缺失) #663

Closed
25he opened this issue Jul 17, 2024 · 3 comments · Fixed by #665
Labels
bug Something isn't working good first issue Good for newcomers

Comments

@25he
Copy link

25he commented Jul 17, 2024

Environment

chrome

Version

18.17.1

Version

latest

Link to minimal reproduction

涉及文件
https://github.com/opentiny/tiny-engine/blob/develop/packages/design-core/src/preview/src/preview/Preview.vue

Step to reproduce

取消CDN引用,和以数据库的方式部署区块情况下,编辑区域存在多个自定义区块 和组件时,点击预览,只会渲染列表中的最后一条区块数据

情况一:
1:编辑时,拖入多个自定义区块 和 多个内置组件,此时能正常渲染
微信图片_20240717151536

2:预览时,则只会渲染列表中的最后一条区块数据
微信图片_20240717145650

3:以下是我定位到的认为有问题的代码位置
微信图片_20240717145810

情况二:
1:编辑时 组件能正常渲染
微信图片_20240717152035

2:预览时: 部分组件无法正常渲染
微信图片_20240717152041

What is expected

希望能正常渲染出编辑的内容

What is actually happening

No response

What is your project name

tiny-engine

Any additional comments (optional)

No response

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Bug]: When previewing custom blocks and components, the content cannot be completely and correctly rendered (components or blocks are missing)

@25he
Copy link
Author

25he commented Jul 17, 2024

补充一点:Preview.vue文件中的 getBlocksSchema 方法,schemaList遍历的时候如果不加 异步,则会造成页面无法正常渲染内容
image

@Issues-translate-bot
Copy link

Bot detected the issue body's language is not English, translate it automatically.


One additional point: the getBlocksSchema method in the Preview.vue file, if asynchronous is not added when traversing the schemaList, the page will not be able to render the content normally.
image

@chilingling chilingling added bug Something isn't working good first issue Good for newcomers labels Jul 18, 2024
chilingling added a commit to chilingling/tiny-engine that referenced this issue Jul 18, 2024
@chilingling chilingling linked a pull request Jul 18, 2024 that will close this issue
14 tasks
chilingling added a commit to chilingling/tiny-engine that referenced this issue Jul 22, 2024
chilingling added a commit that referenced this issue Sep 24, 2024
* fix(mockServer): mockServer page preview can't render element-plus element (#503)

* fix(style): fix render error caused by inline style breaks (#526)

* fix(metaComp): fix bug where metaHtmlText could set value to incorret schema children (#473)

* fix(vue-generator): fix globalstate codegen error (#547)

* fix(material): add componentsMap to app Schema after material build (#527)

* fix: slot params missing double quote (#605)

* fix: slot params missing double quote

* fix: exclude nodemodule test case

* fix: 修复onMouseover拼写错误 (#662)

* fix: esbuild install failed on node v16 (#668)

* fix: esbuild install failed on nodev16

* fix: esbuild install failed on nodev16

* fix: builtin components can't generate import statement with genSFCWithDefaultPlugin method (#656)

* fix: esbuild install failed on nodev16 (#671)

* fix: esbuild install failed on nodev16

* fix: esbuild install failed on nodev16

* fix: remove deps on root pkg.json

* fix(preview): multiple nested blocks cannot preview #663 (#665)

* fix(material): add missing componentsMap to mockServer (#701)

* fix(setting): fix bindEvent dialog visible can't work on tinyvue 3.17 (#715)

* feat(download-code): support download zip for not support browsers (#703)

* feat(download-code): support download zip for not support browsers

* feat(download-code): support download zip for not support browsers - review

* feat(download-code): support download zip for not support browsers - review

* docs: update milestone (#728)

* docs: update milestone

* fix: tab

* fix: abaolute canvas init inlineStyle should be string (#730)

* fix(download): Optimize download logic and adapt to iframe (#739)

* fix(download): Optimize download logic and adapt to iframe

* feat(cdn): change cdn from onmicrosoft to unpkg (#750)

* fix: 隐藏画布根节点的包裹元素的操作选项 (#492)

* fix(script): translate log (#549)

* fix: translate log

* Update scripts/connection.mjs

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* Update scripts/connection.mjs

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* Update scripts/connection.mjs

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* fix: reset spacing cannot generate correct source code (#657)

* fix: jsx slot modelvalue can't update value (#734)

* fix: jsx slot modelvalue can't update value

* fix: add unit test for updateModel event

* fix(canvas): absolute dnd update position to schema. close #664 (#751)

* fix(generate-vue):修复出码文件选择界面打包后样式丢失问题 (#789)

Co-authored-by: wangwenbing <[email protected]>

* fix(stylePanel): fix setting border-radius could not work on first time (#481)

* fix(common): fix verify required (#787)

* fix: mixed lifeCyclesContent when empty lifecycles (#810)

close #806
修复生命周期为空时,取当前页面schema生命周期值的 bug

---------

Co-authored-by: chilingling <[email protected]>
Co-authored-by: yeser <[email protected]>
Co-authored-by: wenmine <[email protected]>
Co-authored-by: Gene <[email protected]>
Co-authored-by: yaoyun8 <[email protected]>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: bwrong <[email protected]>
Co-authored-by: wangwenbing <[email protected]>
Co-authored-by: Xie Jay <[email protected]>
yy-wow pushed a commit to yy-wow/tiny-engine that referenced this issue Oct 10, 2024
yy-wow pushed a commit to yy-wow/tiny-engine that referenced this issue Oct 10, 2024
* fix(mockServer): mockServer page preview can't render element-plus element (opentiny#503)

* fix(style): fix render error caused by inline style breaks (opentiny#526)

* fix(metaComp): fix bug where metaHtmlText could set value to incorret schema children (opentiny#473)

* fix(vue-generator): fix globalstate codegen error (opentiny#547)

* fix(material): add componentsMap to app Schema after material build (opentiny#527)

* fix: slot params missing double quote (opentiny#605)

* fix: slot params missing double quote

* fix: exclude nodemodule test case

* fix: 修复onMouseover拼写错误 (opentiny#662)

* fix: esbuild install failed on node v16 (opentiny#668)

* fix: esbuild install failed on nodev16

* fix: esbuild install failed on nodev16

* fix: builtin components can't generate import statement with genSFCWithDefaultPlugin method (opentiny#656)

* fix: esbuild install failed on nodev16 (opentiny#671)

* fix: esbuild install failed on nodev16

* fix: esbuild install failed on nodev16

* fix: remove deps on root pkg.json

* fix(preview): multiple nested blocks cannot preview opentiny#663 (opentiny#665)

* fix(material): add missing componentsMap to mockServer (opentiny#701)

* fix(setting): fix bindEvent dialog visible can't work on tinyvue 3.17 (opentiny#715)

* feat(download-code): support download zip for not support browsers (opentiny#703)

* feat(download-code): support download zip for not support browsers

* feat(download-code): support download zip for not support browsers - review

* feat(download-code): support download zip for not support browsers - review

* docs: update milestone (opentiny#728)

* docs: update milestone

* fix: tab

* fix: abaolute canvas init inlineStyle should be string (opentiny#730)

* fix(download): Optimize download logic and adapt to iframe (opentiny#739)

* fix(download): Optimize download logic and adapt to iframe

* feat(cdn): change cdn from onmicrosoft to unpkg (opentiny#750)

* fix: 隐藏画布根节点的包裹元素的操作选项 (opentiny#492)

* fix(script): translate log (opentiny#549)

* fix: translate log

* Update scripts/connection.mjs

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* Update scripts/connection.mjs

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* Update scripts/connection.mjs

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

---------

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

* fix: reset spacing cannot generate correct source code (opentiny#657)

* fix: jsx slot modelvalue can't update value (opentiny#734)

* fix: jsx slot modelvalue can't update value

* fix: add unit test for updateModel event

* fix(canvas): absolute dnd update position to schema. close opentiny#664 (opentiny#751)

* fix(generate-vue):修复出码文件选择界面打包后样式丢失问题 (opentiny#789)

Co-authored-by: wangwenbing <[email protected]>

* fix(stylePanel): fix setting border-radius could not work on first time (opentiny#481)

* fix(common): fix verify required (opentiny#787)

* fix: mixed lifeCyclesContent when empty lifecycles (opentiny#810)

close opentiny#806
修复生命周期为空时,取当前页面schema生命周期值的 bug

---------

Co-authored-by: chilingling <[email protected]>
Co-authored-by: yeser <[email protected]>
Co-authored-by: wenmine <[email protected]>
Co-authored-by: Gene <[email protected]>
Co-authored-by: yaoyun8 <[email protected]>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
Co-authored-by: bwrong <[email protected]>
Co-authored-by: wangwenbing <[email protected]>
Co-authored-by: Xie Jay <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants