-
Notifications
You must be signed in to change notification settings - Fork 271
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]: 画布区域拖入tinyVue图表组件后,导致页面样式混乱 #618
Comments
Title: 🐛 [Bug]: After dragging the tinyVue chart component into the canvas area, the page style is confused. |
自定义包名"ymq-material": "0.1.6" |
Customized package name "ymq-material": "0.1.6" |
你好,请问能提供复现的相关 schema 以及组件物料的 json 代码吗? @yao521521 |
Hello, can you provide the relevant schema for reproduction and the json code of component materials? @yao521521 |
Environment
google与edge
Version
v16.20.2
Version
不知道如何查看最新稳定版
Link to minimal reproduction
https://github.com/opentiny/tiny-engine
Step to reproduce
1.在页面中拖入3个div
![image](https://private-user-images.githubusercontent.com/90167238/344506800-b4abb422-5fec-4ce8-b3b4-5b12f1d668fa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQxODAsIm5iZiI6MTcyNDcyMzg4MCwicGF0aCI6Ii85MDE2NzIzOC8zNDQ1MDY4MDAtYjRhYmI0MjItNWZlYy00Y2U4LWIzYjQtNWIxMmYxZDY2OGZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAxNTgwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc4MTAzZGEzMTU3ZDQyZDIwZjRkYmQ4Y2I1NWE2ZGM5YWMwZWFjMDE2NWYzNTc1NDdlZTEwMmYwMjUyMGQyM2MmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.iMPyo-G9Mp34FxeM5jcmGyfaLkipZYgEZK8evLwSIK4)
![image](https://private-user-images.githubusercontent.com/90167238/344506851-b778a77b-feb7-4d12-a773-a6c0ff3e7fba.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQxODAsIm5iZiI6MTcyNDcyMzg4MCwicGF0aCI6Ii85MDE2NzIzOC8zNDQ1MDY4NTEtYjc3OGE3N2ItZmViNy00ZDEyLWE3NzMtYTZjMGZmM2U3ZmJhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAxNTgwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI3MDBhMTRhZTgwZDZiNTU4NDZmMmE2ZWUwN2QxMTAxMjgzMmYxYTM4NGZhNTNiMDkyMzg3ZTViNTY0MTZhZWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.AUX9nod0sU8o9OBLSQNwKFPxtAFz3-NHc0rRn8WFyZI)
![image](https://private-user-images.githubusercontent.com/90167238/344506905-90ecb2c1-7b52-4772-bb85-de861e9e3227.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQxODAsIm5iZiI6MTcyNDcyMzg4MCwicGF0aCI6Ii85MDE2NzIzOC8zNDQ1MDY5MDUtOTBlY2IyYzEtN2I1Mi00NzcyLWJiODUtZGU4NjFlOWUzMjI3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAxNTgwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTM3MzFkMmY5MzJhMzU3NDM2NjUzMDgzOWRiNzYzMmIzOTk4YzU5ZTBmNzc1ZWY5ZjY5YzgyYzJlMTcwZTZkNzEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.xm7Kw4kJ8Cuc5zLwmva_dSK5v3-j32_mdGFBxDwFljw)
![image](https://private-user-images.githubusercontent.com/90167238/344506993-fce80f03-fead-4307-9159-7d6c0ec24aa6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQxODAsIm5iZiI6MTcyNDcyMzg4MCwicGF0aCI6Ii85MDE2NzIzOC8zNDQ1MDY5OTMtZmNlODBmMDMtZmVhZC00MzA3LTkxNTktN2Q2YzBlYzI0YWE2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAxNTgwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkxOTZlZDA0ZTQ3YzRkODQ0NDI1YWE3MWMwYjcxYTdhOThiMThhYjE0OGQxYjlhNDc4MDI5NjlhNTgxMTQ5MTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.hCwDNeCBeNYRQQ739JFeSkSLiqKm2dYHbWJ_7d2Gs3M)
![image](https://private-user-images.githubusercontent.com/90167238/344507097-281031de-5e44-42b3-b71a-7c2679844e1a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQxODAsIm5iZiI6MTcyNDcyMzg4MCwicGF0aCI6Ii85MDE2NzIzOC8zNDQ1MDcwOTctMjgxMDMxZGUtNWU0NC00MmIzLWI3MWEtN2MyNjc5ODQ0ZTFhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAxNTgwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ0YTNjZDk0ZWYzOWZlMThhMTVlYzA2ODEzMWY1ZWRhYWFlMDI2NTliNzRhZDVjNjQ4MTFmNjRhMzZjMjdhMjUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.h-F6QWc9FVCqLk_YR2NFvfCVPosaOqE5vYEM4zTbsvY)
![image](https://private-user-images.githubusercontent.com/90167238/344507241-1b2a6ac9-d5bf-40df-8cfc-2ae8b9a9f19c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQxODAsIm5iZiI6MTcyNDcyMzg4MCwicGF0aCI6Ii85MDE2NzIzOC8zNDQ1MDcyNDEtMWIyYTZhYzktZDViZi00MGRmLThjZmMtMmFlOGI5YTlmMTljLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAxNTgwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkxOGQ3MDM1M2E0NWExMThiZWYzMTEzYjZmM2Y2ZGFhODM2MjI3YzI0MWQ5ZTE2MDRkYmVkNTY5ZTJmZTRkNjYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.0SKP9MyxY9Bm6SfPg6hsTa8QDFgvO3QMwyeCcf1RXeo)
![image](https://private-user-images.githubusercontent.com/90167238/344507467-7f05c242-71fa-4d05-a9bd-769befeca0b5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ3MjQxODAsIm5iZiI6MTcyNDcyMzg4MCwicGF0aCI6Ii85MDE2NzIzOC8zNDQ1MDc0NjctN2YwNWMyNDItNzFmYS00ZDA1LWE5YmQtNzY5YmVmZWNhMGI1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI3VDAxNTgwMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU4ZDdkMWZhYTM3ZjVhYmE0Y2Q4MmJkYjVhMjk0NGVlN2RlYjUyYTZlYmFmMmU0Y2IyNWY2OTFkNWNlNmZkZWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.jPC015YzGl8A7KhZDznY1XLBYHmuT26DHpRA7THDOVg)
2.div进行grid布局排列
3.进行grid布局之后的样式
4.拖入tinyVue图表组件
可以发现样式已然混乱
5.更改组件高度适应grid布局中div的高度
可以看到样式仍旧混乱
6.对canvas布局进行预览,可以看到达到预期的效果
7.查看canvas 代码,可以看到canvas的高度是319
What is expected
What is actually happening
What is your project name
tiny-engine
Any additional comments (optional)
No response
The text was updated successfully, but these errors were encountered: