@tmagic/editor 1.0.0-beta.2 → 1.0.0-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/style.css +11 -10
  2. package/dist/tmagic-editor.es.js +418 -192
  3. package/dist/tmagic-editor.es.js.map +1 -1
  4. package/dist/tmagic-editor.umd.js +438 -194
  5. package/dist/tmagic-editor.umd.js.map +1 -1
  6. package/dist/types/src/Editor.vue.d.ts +5 -5
  7. package/dist/types/src/components/ScrollViewer.vue.d.ts +23 -0
  8. package/dist/types/src/layouts/CodeEditor.vue.d.ts +5 -4
  9. package/dist/types/src/layouts/NavMenu.vue.d.ts +2 -1
  10. package/dist/types/src/layouts/workspace/Stage.vue.d.ts +76 -37
  11. package/dist/types/src/layouts/workspace/Workspace.vue.d.ts +1 -5
  12. package/dist/types/src/services/ui.d.ts +10 -3
  13. package/dist/types/src/type.d.ts +15 -6
  14. package/dist/types/src/utils/editor.d.ts +0 -1
  15. package/dist/types/src/utils/scroll-viewer.d.ts +35 -0
  16. package/package.json +8 -6
  17. package/src/Editor.vue +5 -5
  18. package/src/components/ScrollViewer.vue +66 -0
  19. package/src/layouts/CodeEditor.vue +35 -59
  20. package/src/layouts/NavMenu.vue +7 -3
  21. package/src/layouts/PropsPanel.vue +5 -10
  22. package/src/layouts/workspace/Stage.vue +62 -50
  23. package/src/layouts/workspace/Workspace.vue +2 -21
  24. package/src/services/editor.ts +6 -3
  25. package/src/services/ui.ts +36 -2
  26. package/src/theme/nav-menu.scss +3 -3
  27. package/src/theme/stage.scss +8 -7
  28. package/src/type.ts +17 -6
  29. package/src/utils/editor.ts +1 -20
  30. package/src/utils/scroll-viewer.ts +214 -0
package/dist/style.css CHANGED
@@ -28,11 +28,11 @@
28
28
  z-index: 1;
29
29
  align-items: center;
30
30
  }
31
- .m-editor-nav-menu .menu-left {
32
- padding-left: 16px;
31
+ .m-editor-nav-menu .menu-center {
32
+ justify-content: center;
33
33
  }
34
34
  .m-editor-nav-menu .menu-right {
35
- padding-right: 16px;
35
+ justify-content: flex-end;
36
36
  }
37
37
  .m-editor-nav-menu .menu-item {
38
38
  flex-direction: row;
@@ -481,18 +481,19 @@
481
481
  position: relative;
482
482
  width: 100%;
483
483
  height: calc(100% - 32px);
484
- overflow: auto;
484
+ overflow: hidden;
485
+ display: flex;
486
+ justify-content: center;
487
+ align-items: center;
485
488
  }
486
489
  .m-editor-stage-container {
487
- transition: transform 0.3s;
488
- transform-origin: center -50%;
490
+ width: 100%;
491
+ height: 100%;
489
492
  z-index: 0;
490
- top: 50%;
491
- margin: 0 auto;
492
493
  position: relative;
493
- width: 375px;
494
- height: 80%;
495
494
  border: 1px solid #d9dbdd;
495
+ transition: transform 0.3s;
496
+ box-sizing: content-box;
496
497
  }
497
498
  .m-editor-stage-container::-webkit-scrollbar {
498
499
  width: 0 !important;