@tmagic/editor 1.0.0-beta.13 → 1.0.0-beta.14

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 (91) hide show
  1. package/coverage/clover.xml +646 -550
  2. package/coverage/coverage-final.json +19 -18
  3. package/coverage/lcov-report/index.html +55 -55
  4. package/coverage/lcov-report/src/Editor.vue.html +1 -1
  5. package/coverage/lcov-report/{layouts/sidebar/LayerMenu.vue.html → src/components/ContentMenu.vue.html} +137 -95
  6. package/coverage/lcov-report/src/components/Icon.vue.html +5 -5
  7. package/coverage/lcov-report/src/components/ScrollViewer.vue.html +1 -1
  8. package/coverage/lcov-report/src/components/ToolButton.vue.html +180 -63
  9. package/coverage/lcov-report/src/components/index.html +34 -19
  10. package/coverage/lcov-report/src/index.html +1 -1
  11. package/coverage/lcov-report/src/layouts/AddPageBox.vue.html +1 -1
  12. package/coverage/lcov-report/src/layouts/Framework.vue.html +13 -13
  13. package/coverage/lcov-report/src/layouts/NavMenu.vue.html +1 -1
  14. package/coverage/lcov-report/src/layouts/PropsPanel.vue.html +1 -1
  15. package/coverage/lcov-report/src/layouts/Resizer.vue.html +1 -1
  16. package/coverage/lcov-report/src/layouts/index.html +15 -15
  17. package/coverage/lcov-report/src/layouts/sidebar/ComponentListPanel.vue.html +78 -12
  18. package/coverage/lcov-report/src/layouts/sidebar/LayerMenu.vue.html +149 -92
  19. package/coverage/lcov-report/src/layouts/sidebar/LayerPanel.vue.html +43 -121
  20. package/coverage/lcov-report/src/layouts/sidebar/Sidebar.vue.html +1 -1
  21. package/coverage/lcov-report/src/layouts/sidebar/index.html +40 -40
  22. package/coverage/lcov-report/src/layouts/workspace/PageBar.vue.html +99 -12
  23. package/coverage/lcov-report/src/layouts/workspace/Stage.vue.html +86 -95
  24. package/coverage/lcov-report/src/layouts/workspace/ViewerMenu.vue.html +208 -97
  25. package/coverage/lcov-report/src/layouts/workspace/Workspace.vue.html +3 -3
  26. package/coverage/lcov-report/src/layouts/workspace/index.html +35 -35
  27. package/coverage/lcov-report/src/services/BaseService.ts.html +11 -11
  28. package/coverage/lcov-report/src/services/componentList.ts.html +1 -1
  29. package/coverage/lcov-report/src/services/editor.ts.html +102 -9
  30. package/coverage/lcov-report/src/services/events.ts.html +1 -1
  31. package/coverage/lcov-report/src/services/history.ts.html +29 -8
  32. package/coverage/lcov-report/src/services/index.html +25 -25
  33. package/coverage/lcov-report/src/services/props.ts.html +4 -7
  34. package/coverage/lcov-report/src/services/ui.ts.html +1 -1
  35. package/coverage/lcov-report/src/type.ts.html +8 -14
  36. package/coverage/lcov-report/src/utils/compose.ts.html +4 -4
  37. package/coverage/lcov-report/src/utils/config.ts.html +1 -1
  38. package/coverage/lcov-report/src/utils/editor.ts.html +2 -2
  39. package/coverage/lcov-report/src/utils/index.html +1 -1
  40. package/coverage/lcov-report/src/utils/index.ts.html +1 -1
  41. package/coverage/lcov-report/src/utils/logger.ts.html +1 -1
  42. package/coverage/lcov-report/src/utils/props.ts.html +59 -2
  43. package/coverage/lcov-report/src/utils/scroll-viewer.ts.html +1 -1
  44. package/coverage/lcov-report/src/utils/undo-redo.ts.html +1 -1
  45. package/coverage/lcov.info +1623 -1354
  46. package/dist/style.css +39 -18
  47. package/dist/tmagic-editor.es.js +598 -412
  48. package/dist/tmagic-editor.es.js.map +1 -1
  49. package/dist/tmagic-editor.umd.js +595 -408
  50. package/dist/tmagic-editor.umd.js.map +1 -1
  51. package/dist/types/src/Editor.vue.d.ts +1 -1
  52. package/dist/types/src/components/ToolButton.vue.d.ts +12 -1
  53. package/dist/types/src/index.d.ts +1 -0
  54. package/dist/types/src/layouts/sidebar/ComponentListPanel.vue.d.ts +1 -0
  55. package/dist/types/src/layouts/workspace/PageBar.vue.d.ts +2 -0
  56. package/dist/types/src/services/history.d.ts +1 -0
  57. package/dist/types/src/services/props.d.ts +2 -2
  58. package/dist/types/src/type.d.ts +6 -8
  59. package/dist/types/src/utils/polyfills.d.ts +0 -0
  60. package/package.json +8 -7
  61. package/src/components/ContentMenu.vue +107 -0
  62. package/src/components/ToolButton.vue +66 -27
  63. package/src/index.ts +2 -0
  64. package/src/layouts/Framework.vue +6 -6
  65. package/src/layouts/sidebar/ComponentListPanel.vue +23 -1
  66. package/src/layouts/sidebar/LayerMenu.vue +91 -72
  67. package/src/layouts/sidebar/LayerPanel.vue +23 -49
  68. package/src/layouts/workspace/PageBar.vue +35 -6
  69. package/src/layouts/workspace/Stage.vue +41 -44
  70. package/src/layouts/workspace/ViewerMenu.vue +104 -67
  71. package/src/layouts/workspace/Workspace.vue +2 -2
  72. package/src/services/editor.ts +32 -1
  73. package/src/services/history.ts +7 -0
  74. package/src/services/props.ts +2 -3
  75. package/src/theme/common/var.scss +1 -0
  76. package/src/theme/component-list-panel.scss +2 -0
  77. package/src/theme/content-menu.scss +33 -26
  78. package/src/theme/layer-panel.scss +1 -1
  79. package/src/theme/page-bar.scss +22 -1
  80. package/src/type.ts +6 -8
  81. package/src/utils/editor.ts +1 -1
  82. package/src/utils/polyfills.ts +22 -0
  83. package/src/utils/props.ts +19 -0
  84. package/coverage/lcov-report/Icon.vue.html +0 -172
  85. package/coverage/lcov-report/ToolButton.vue.html +0 -655
  86. package/coverage/lcov-report/layouts/sidebar/index.html +0 -116
  87. package/coverage/lcov-report/utils/index.html +0 -116
  88. package/coverage/lcov-report/utils/undo-redo.ts.html +0 -313
  89. package/dist/types/src/layouts/sidebar/LayerPanel.vue.d.ts +0 -980
  90. package/dist/types/src/layouts/workspace/Stage.vue.d.ts +0 -188
  91. package/dist/types/src/layouts/workspace/ViewerMenu.vue.d.ts +0 -18
package/dist/style.css CHANGED
@@ -287,6 +287,7 @@
287
287
  top: 0;
288
288
  left: 0;
289
289
  box-sizing: border-box;
290
+ z-index: 1;
290
291
  }
291
292
  .ui-component-panel .search-input .el-input__prefix {
292
293
  padding: 10px;
@@ -328,6 +329,7 @@
328
329
  color: #070303;
329
330
  flex-direction: column;
330
331
  width: 42px;
332
+ cursor: pointer;
331
333
  }
332
334
  .ui-component-panel .el-collapse-item__wrap .component-item i {
333
335
  font-size: 20px;
@@ -447,12 +449,27 @@
447
449
  position: relative;
448
450
  z-index: 1;
449
451
  }
450
- .m-editor-page-bar-item .m-editor-page-bar-title {
452
+ .m-editor-page-bar-item-title {
451
453
  max-width: 150px;
452
454
  text-overflow: ellipsis;
453
455
  white-space: nowrap;
454
456
  overflow: hidden;
455
457
  }
458
+ .page-bar-popover.el-popper.el-popover {
459
+ padding: 10px 0;
460
+ }
461
+ .page-bar-popover .menu-item {
462
+ cursor: pointer;
463
+ transition: all 0.2s ease 0s;
464
+ padding: 5px 14px;
465
+ }
466
+ .page-bar-popover .menu-item .el-button--text,
467
+ .page-bar-popover .menu-item i {
468
+ color: #070303;
469
+ }
470
+ .page-bar-popover .menu-item:hover {
471
+ background-color: #f3f5f9;
472
+ }
456
473
  .m-editor-props-panel {
457
474
  padding: 0 10px;
458
475
  }
@@ -474,38 +491,42 @@
474
491
  position: fixed;
475
492
  font-size: 12px;
476
493
  background: #fff;
477
- color: #333;
478
494
  box-shadow: 0 2px 8px 2px rgba(68, 73, 77, 0.16);
479
495
  z-index: 9999;
480
496
  transform-origin: 0% 0%;
481
497
  font-weight: 600;
482
498
  padding: 4px 0px;
499
+ overflow: auto;
500
+ max-height: 100%;
483
501
  }
484
- .magic-editor-content-menu .separation {
485
- width: 100%;
486
- height: 0;
487
- border-color: rgba(155, 155, 155, 0.1);
488
- }
489
- .magic-editor-content-menu .subMenu {
490
- position: absolute;
491
- right: 0;
492
- transform: translate(100%, 0);
493
- background-color: #fff;
502
+ .magic-editor-content-menu .menu-item {
494
503
  color: #333;
495
- box-shadow: 0 2px 8px 2px rgba(68, 73, 77, 0.16);
496
- top: 0;
497
- height: 223px;
498
- }
499
- .magic-editor-content-menu-item {
500
504
  display: flex;
501
505
  -webkit-box-align: center;
502
506
  align-items: center;
503
507
  cursor: pointer;
504
508
  min-width: 140px;
505
509
  transition: all 0.2s ease 0s;
506
- padding: 10px 14px;
510
+ padding: 5px 14px;
507
511
  border-left: 2px solid transparent;
508
512
  }
513
+ .magic-editor-content-menu .menu-item .el-button {
514
+ width: 100%;
515
+ justify-content: flex-start;
516
+ }
517
+ .magic-editor-content-menu .menu-item .el-button--text,
518
+ .magic-editor-content-menu .menu-item i {
519
+ color: #070303;
520
+ }
521
+ .magic-editor-content-menu .menu-item.divider {
522
+ padding: 0 14px;
523
+ }
524
+ .magic-editor-content-menu .menu-item.divider .el-divider {
525
+ margin: 0;
526
+ }
527
+ .magic-editor-content-menu .menu-item:hover {
528
+ background-color: #f3f5f9;
529
+ }
509
530
  .m-editor-stage {
510
531
  position: relative;
511
532
  width: 100%;