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

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