chore: make codesandbox demo simpler

This commit is contained in:
Justineo
2021-03-02 22:27:14 +08:00
parent d8f8b9286f
commit 2d60a4d750
3 changed files with 7 additions and 11 deletions

View File

@ -297,7 +297,7 @@ app.component('v-chart', VueECharts)
<!-- vue3Demo:start -->
[Demo →](https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0C4cMZQ0Aa2EAnGFAC8kkHAIBPWHCUwCZ0YbCmQOAPRpMucnDhmFRnclVUCAI0p0S0D0CAA3YQh0V2UAB1SA6Q1GOIBacjxlfQJhZQBXAkpDOAgALxhhREpUgghqV2bW6jN3QPdYuMC4cn0IFuE4fXJXQgJUuER3d3J0VBwAKzhMbTj9HFR7d1RUonc4spgAAQBmHAAGHAB2AKDh0ZahkbGSyemzWfmi2Wqw2WyM8T2BwIRxO7hgBSKBDglwArPccAAmF7uN7fT7vH5TGYEOYLJYrNabbYQ_aHY6nc4wXLwwrFZEANnRd1yYXsyhw12xuI-0kYwsJfzcngw2FBQq-Ipk7giUT6cnEIAAvgAaEBeWWbMggKg0OgEBgANQuOBGKloAEF0gAKYBZYToZQEZROgCUwldqA0GkMBDK-kDAaDQc6bVQiH9bqjGloWAIAGUrLB45Gk1GwNQCAAxZREaCWeMAcgAkqb9NrhGYABJGOL2CDkZTCAByMAuZnr9tGyig9bgylQcFycBgozAFcTSZ1C6jrQIWYTgdzQZTBHjZm4-mUYEg5GEacoYfI8H7y6TsDAu4bxrNM7Mt40S83ucqlCgrVS2bvtuowAOYgTOe56rQRA3l-W75voRCerQ-iQcAyiapoYT6L0wBhJh2bkJhLroJqACkPpvnBUafluwiwOBGCAdRSZVBAZqQa2xTtsOsF0Ro96PmYgl8fxHpevGADaQFRmYrAQIY5AOCA2oyUGZiCEh0CifxT72ug3b2AA7lUOj-CpakaGYFpJDAlDCPp5mqSxuZmGmKhTHgwiCKgIFoNeIBqQAukBtFbtOozwFJak5rpqAljAkEHkeJ5nheUwBc5unJpYqSJU-qTsTp_GHrEZQLE-KIomRxV0VetbRSAKJ3DVKlPuyLVmEFWXZeJyjRS5W7AMIcTDhc8bXNcKL1vFRD5XJCnwspwhhdl_ojWN-XXAAjHcM0JZBmnKNpIArT1a3DaNUDjcIGLXAALPtc2QfphkECZ-hmY4q3ZZdm3xttU1PfNIA2Zg9mOd952_Rt135dtKL3QAHMDkHuUUBTeb5_nmStlnCN1-MwEQqSFDUFWxdlEDQRm1j5ZTa22KolBGQAQtdqHCLt0OM4U6As-wx7TgQAAa8Z7fjUZM_zRmcL-VSQfoIFhN6e3CGrGs4CilGBYNuaavjBt63jg0hSxRs0QA3G6RuapRm42pQJPUGaTpmHkCLFP2whWjAgicKySL2xoOBEBeNBuyAADEaQZCAPrW6gWq6vqPh-EaJq0PQiDR7HG4aEoEAgYQ8b3XcdypFgidG1qmqakAA)
[Demo →](https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwnHAB2HP9xyY6xiamK2bzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACszxwACYPgE_j9fF9_jM5gsCEsVmsNltdvtDsdTudLtdbgVkSVyuiAGzYpwFCKnZQ4B74klEmQSggKABqtxwExUtAAgsYABRmVAWdDKAjKdUASlM5gswnqBCqpW1WrNZr6XVQ9ltdrNtCwBAAytpYM7Ta6zWBqAQAGLKIjQLT2ADkAEkaDBSgAaYQZAAS0ISpwg5GUwgAcjBbhkUyrJsooCm4MpUHACnBExAwNH_a6vEnW3bOgRfSbtQG3dgCPYMtxSsowJByMJPZQreR4CXO67YGBh6mQAuE6UMsuLO298JapQoJ1DH7-wOj5NrNZEyOQBBaEQl5eB0HSkQ9bRSg_gMovGERgIlKIZgAiQDnXIQDNXQLwAFJDV3N87QPFCzVgO8MAvK8LDqCA6HXDIs3KHMK1fXDhFXIiQGoijcN1fV7AAbUPO0MlYCB6nIAh6MojJBC_aA-NwjIVXQAtTgAdzqABrOARKvDJZRSGBKGEcSFJADt0IDDJPRUOY8GEQRUGsNBFxANjhAAXUPNCrwbSZ4BY6yXUo1BwxgB8xwnKcZznOZLJ0yiLG0QxvI3QwCMUgdx3iKoVg3DEMXg2KAy3H9XJADEnDS7SNx5PKMhskLQsY5RXN0gdgGEBIK1uewHgeDEU08ohIo4rjkV4kBhAc0KLFq-qoEa4QHgARicNqvIfQTlGEvqBsG4aGsinEHgcGaOofcTJIIGTSnkjJ-rKla6rW-wJpa7bOpAFTMHUzSTuW0LVtGyKJoxBwAA5bofAyymKEyzIsrT-usixSsh4QYCIQwSjgCAkvc0Knzh70ghwwazTgEp0EoKSACFRt_YQprOnG8dUQn2EnBsCAADXsaaYbtamCakzgTzqB9SmsCIDWm4RhdFnAMSQqzqoDHxpbNWXKIVgc7PQpX908ftZa8JD-0VSh4eoQj1WIoouV6lN5RgQRODNuAdYsHAiDnGhjZAAxjAyQ0Nc-QkZV8PwohiEI5HEEAvHDoA)
<!-- vue3Demo:end -->
@ -322,7 +322,7 @@ Vue.component("v-chart", VueECharts);
<!-- vue2Demo:start -->
[Demo →](https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0C4cMZQ0Aa2EAnGFAC8kkHAIBPWHCUwCZ0YbCmQOAPRpMucnDhmFRnclVUCAI0p0S0D0CAA3YQh0V2UAB1SA6Q1GOIBacjxlfQJhZQBXAkpDOAgALxhhREpUgghqV2bW6jN3QPdYuMC4cn0IFuE4fXJXQgJUuER3d3J0VBwAKzhMbTj9HFR7d1RUonc4spgAAQAmHAA2HABGa4Cg4dGWoZGxksnps1m80Wy1WGy2RniewOBCOJ3cl3OMGWlCIqUoNS6qFyaQgl0eOAADITclMcC8QOI3t9PtJGO8fhMpjMCHMFksVmtNttIftDsdTjACkUCHBLgBWQlk17uek0mSy35MgEsoHs0FciG7Xkw_lnC65QWFYqih5Egm5ML2ZQ4ADM0oVXw-iv-bk8GGwYPt1IIfQiUT6cnEIAAvgAaEBeD2bMggKg0OgEBgANQuOCoqOoCYAFGY8kLimZQ8IUzBBJwjSKAJQAbmk0gOAHdixcs8AssIjIhhGYAMRpDIgUPt9DKAjKLOV4Rt1AaDSGAhlfQz6ez2edNqoLsr1ez2hYAgAZSssC37Z3s7A1AIADFlERoJYuwByACS8f0RbMAAkjHF7BByGUYQADkYAuQthAAQVGZQoCLOBlFQOBcjgGBRjAJ8zx3MMsNXVoCBPKdcJ3PcCC7MxuH0ZQwEgchhAPShF3IeBC2I1dYDAMju1jBM0LMNjhBwmdz2ESpKCgVpUlPYSRNE0YAHN5LQ8iI1oIhWJkkTL30IhR1ofQVOAZRg00MJ9F6YAwhMrdyBM1t0GDABSSt-M01chNk2AlIwaTZI0KoIATFS_2KADYI0vzhA4rizGiiK_JHMcuwAbQE1czFYCBDHIBxBzS2czEEXToHiyKzEg9AQPsBsqh0fw8rckSzCTJIYEoKD0HqodGvPMwDxUKY8GEQRUHktAWJAfKAF0BI8kTUNGeAUvy7dItQO8YBUyjqNo-jGKmCbusijQrFSTbuNSQLSr8qjYjKBZuLFMVHOu2TmPfZaQDFAkXsHbi7h-swpqO47EuUZaepE4BhDiWCLi7G0bTFIt1qIc6MqywVcsEkHjqnGG4fOm1HgJFGNpUorlBKkAcfy1dodhqB4eEa4bQAFjJtGVIqqqCBq_Q6scOa8YZwmu0eJHOfRkAWswdqKvq2nIfPUWmfOx4xTZgAOKWVP6ooCmG0bxsV4M6eEYHzZgVFChqB7VuOiA1KPaxzodvHbFUSgGwAISZgzhBJ3G8YmQp0G99gaNQggAA0u1J83V098OG04cSqhU_R5LCcdSeEPOC5wMUXMm5XsPNs2y8r2SZsa6vZ2DWthMr4Ma2kENw0jHw_BjONaHoRAQD7dIiOEpQIHkwguzZgkCVSLAm8rkNg2DIA)
[Demo →](https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAJhwANhwARgec_3HJjrGJqYVWbzDKLZardabHZ7GAHBJHE5nC5XO43GDrShEQyUOAQfqoApGCB3N44JxkgpzHCfEDib4Av6-H6AmZzBYEJYrNYbLa7faHY6nc6XPwwYplAhwO4AVjJ1K-AQZBH-vyBbNBHPB3KhfNhAsRwquaIKYpK5Slr3JTgKEVOyhwAGYFczGTIXcrpAA1W44KhY6h0AgACgyhXF5QyABphN6YIJOGbJQBKTyoaQnADuMduQbMqAssPsGQMxij5mE6GUBGUQaTpnLFnqBCqpXzeYsHeEfS6qHs7c7HdoWAIAGVtLA-w2BxYwNQCAAxZREaBaewAcgAkjQYKVoxkABKwhKnCDkZTCAByMFuUeEAEFJsooNG4MpUHACnAdxAwGup52vEjf9BzxCd63zadB2wAgixAbhSmUMBIHIYQR0oFtyHgMsIMg4RYDAGDhAyTDt1KDJgIsQCKOEWpKCgTpDEnHDIIISZrGsHdYLxGAiGw3CZzqIgq1oUpYOAZQvGERgIlKIZgAiSS-3ISTc3QLwAFIk3I5iAKAnSO1gDiMCY_iu0mQNYOPcpTyfPj-PwwiMgcuzcMrat7AAbWozsMlYCB6nIAgXP4jJBCE6BgtwjI73QS9TgzOoAGs4EiyCMk9FIYEoe90BSkA9NMiwMhHFQ5jwYRBFQaw0CwkBvOEABdaiqP0iwv3MlZhC81qO37UzUCXGBYPgxDkNQ9C5lqgrCu0QwhqIkBDAgGBUunBD4iqTqMmlaV1NWgcSJEzztqcPb8oW55ToyBrptMtzlGOnrp2AYQEifW57AdB1pWjAaiHm3z_LFIKQGEFrCt6173vmh03icX7BtgsLlAi0HwYh0woagD7hAeB0HAR_7YJiuKCAS0pkoyMHbsKl63ux-a3m-wmAZADLMGymK8up-rOzp6H7DeaUHAADhZ2CSrKYoKqqmruZ8J6Oxu3nhB4wwSlxTq-sK7iiDHIITIxtqSnQSgMwAIWx0ThDhmmIbgE2zfYJCvwIAANex4ZVzsHdUM3ODoupYNKawIhreHhAjqOcGlLS6sVgCVYV0zk8gpr9NTyjU0o7wU18RVVRCKIYhCORxBALxK6AA)
<!-- vue2Demo:end -->

View File

@ -295,7 +295,7 @@ app.component('v-chart', VueECharts)
<!-- vue3Demo:start -->
[Demo →](https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0C4cMZQ0Aa2EAnGFAC8kkHAIBPWHCUwCZ0YbCmQOAPRpMucnDhmFRnclVUCAI0p0S0D0CAA3YQh0V2UAB1SA6Q1GOIBacjxlfQJhZQBXAkpDOAgALxhhREpUgghqV2bW6jN3QPdYuMC4cn0IFuE4fXJXQgJUuER3d3J0VBwAKzhMbTj9HFR7d1RUonc4spgAAQBmHAAGHAB2AKDh0ZahkbGSyemzWfmi2Wqw2WyM8T2BwIRxO7hgBSKBDglwArPccAAmF7uN7fT7vH5TGYEOYLJYrNabbYQ_aHY6nc4wXLwwrFZEANnRd1yYXsyhw12xuI-0kYwsJfzcngw2FBQq-Ipk7giUT6cnEIAAvgAaEBeWWbMggKg0OgEBgANQuOBGKloAEF0gAKYBZYToZQEZROgCUwldqA0GkMBDK-kDAaDQc6bVQiH9bqjGloWAIAGUrLB45Gk1GwNQCAAxZREaCWeMAcgAkqb9NrhGYABJGOL2CDkZTCAByMAuZnr9tGyig9bgylQcFycBgozAFcTSZ1C6jrQIWYTgdzQZTBHjZm4-mUYEg5GEacoYfI8H7y6TsDAu4bxrNM7Mt40S83ucqlCgrVS2bvtuowAOYgTOe56rQRA3l-W75voRCerQ-iQcAyiapoYT6L0wBhJh2bkJhLroJqACkPpvnBUafluwiwOBGCAdRSZVBAZqQa2xTtsOsF0Ro96PmYgl8fxHpevGADaQFRmYrAQIY5AOCA2oyUGZiCEh0CifxT72ug3b2AA7lUOj-CpakaGYFpJDAlDCPp5mqSxuZmGmKhTHgwiCKgIFoNeIBqQAukBtFbtOozwFJak5rpqAljAkEHkeJ5nheUwBc5unJpYqSJU-qTsTp_GHrEZQLE-KIomRxV0VetbRSAKJ3DVKlPuyLVmEFWXZeJyjRS5W7AMIcTDhc8bXNcKL1vFRD5XJCnwspwhhdl_ojWN-XXAAjHcM0JZBmnKNpIArT1a3DaNUDjcIGLXAALPtc2QfphkECZ-hmY4q3ZZdm3xttU1PfNIA2Zg9mOd952_Rt135dtKL3QAHMDkHuUUBTeb5_nmStlnCN1-MwEQqSFDUFWxdlEDQRm1j5ZTa22KolBGQAQtdqHCLt0OM4U6As-wx7TgQAAa8Z7fjUZM_zRmcL-VSQfoIFhN6e3CGrGs4CilGBYNuaavjBt63jg0hSxRs0QA3G6RuapRm42pQJPUGaTpmHkCLFP2whWjAgicKySL2xoOBEBeNBuyAADEaQZCAPrW6gWq6vqPh-EaJq0PQiDR7HG4aEoEAgYQ8b3XcdypFgidG1qmqakAA)
[Demo →](https://codesandbox.io/api/v1/sandboxes/define?parameters=N4IgZglgNgpgziAXKCA7AJjAHgOgBYAuAtlEqAMYD2qBMNSIAPAIQAiA8gMIAqAmgAoBRAASESAPgA6qRmKhSZeGAEN0CxnAIBPWAoDEygA6HhwacNEwIAc0KJhAFgAMTw1gDc0gL7TGAek0dGHU_JVV1ACNKdC11dAgAN2EIdABeSRAjQwyFC0YEgFpyPGUAJwJhZQBXAkpS-AgALxhhREpDAghqdJB2zuoMvxD4hPU4clKIDuE4UvIewgJDOEQ_P3J0VBwAKzhMKETSnFQYAj9UQyI_BKqYAAEAZhwnHAB2HP9xyY6xiamK2bzDKLZardabHZ7GAHBJHE5nC5XGDFMoEOB3ACszxwACYPgE_j9fF9_jM5gsCEsVmsNltdvtDsdTudLtdbgVkSVyuiAGzYpwFCKnZQ4B74klEmQSggKABqtxwExUtAAgsYABRmVAWdDKAjKdUASlM5gswnqBCqpW1WrNZr6XVQ9ltdrNtCwBAAytpYM7Ta6zWBqAQAGLKIjQLT2ADkAEkaDBSgAaYQZAAS0ISpwg5GUwgAcjBbhkUyrJsooCm4MpUHACnBExAwNH_a6vEnW3bOgRfSbtQG3dgCPYMtxSsowJByMJPZQreR4CXO67YGBh6mQAuE6UMsuLO298JapQoJ1DH7-wOj5NrNZEyOQBBaEQl5eB0HSkQ9bRSg_gMovGERgIlKIZgAiQDnXIQDNXQLwAFJDV3N87QPFCzVgO8MAvK8LDqCA6HXDIs3KHMK1fXDhFXIiQGoijcN1fV7AAbUPO0MlYCB6nIAh6MojJBC_aA-NwjIVXQAtTgAdzqABrOARKvDJZRSGBKGEcSFJADt0IDDJPRUOY8GEQRUGsNBFxANjhAAXUPNCrwbSZ4BY6yXUo1BwxgB8xwnKcZznOZLJ0yiLG0QxvI3QwCMUgdx3iKoVg3DEMXg2KAy3H9XJADEnDS7SNx5PKMhskLQsY5RXN0gdgGEBIK1uewHgeDEU08ohIo4rjkV4kBhAc0KLFq-qoEa4QHgARicNqvIfQTlGEvqBsG4aGsinEHgcGaOofcTJIIGTSnkjJ-rKla6rW-wJpa7bOpAFTMHUzSTuW0LVtGyKJoxBwAA5bofAyymKEyzIsrT-usixSsh4QYCIQwSjgCAkvc0Knzh70ghwwazTgEp0EoKSACFRt_YQprOnG8dUQn2EnBsCAADXsaaYbtamCakzgTzqB9SmsCIDWm4RhdFnAMSQqzqoDHxpbNWXKIVgc7PQpX908ftZa8JD-0VSh4eoQj1WIoouV6lN5RgQRODNuAdYsHAiDnGhjZAAxjAyQ0Nc-QkZV8PwohiEI5HEEAvHDoA)
<!-- vue3Demo:end -->

View File

@ -53,19 +53,15 @@ async function getSandboxParams(version) {
content: `<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="./index.css">
<style>
${css}</style>
</head>
<body>
${html}${scripts[version]}
<script src="./index.js"></script>
<script>
${js}</script>
</body>
</html>`
},
"index.js": {
content: js
},
"index.css": {
content: css
}
}
};