@tmagic/editor 1.0.0-beta.12 → 1.0.0-beta.15

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 (102) hide show
  1. package/coverage/clover.xml +1540 -0
  2. package/coverage/coverage-final.json +35 -0
  3. package/coverage/lcov-report/base.css +224 -0
  4. package/coverage/lcov-report/block-navigation.js +87 -0
  5. package/coverage/lcov-report/favicon.png +0 -0
  6. package/coverage/lcov-report/index.html +206 -0
  7. package/coverage/lcov-report/prettify.css +1 -0
  8. package/coverage/lcov-report/prettify.js +2 -0
  9. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  10. package/coverage/lcov-report/sorter.js +196 -0
  11. package/coverage/lcov-report/src/Editor.vue.html +787 -0
  12. package/coverage/lcov-report/src/components/ContentMenu.vue.html +406 -0
  13. package/coverage/lcov-report/src/components/Icon.vue.html +172 -0
  14. package/coverage/lcov-report/src/components/ScrollViewer.vue.html +283 -0
  15. package/coverage/lcov-report/src/components/ToolButton.vue.html +772 -0
  16. package/coverage/lcov-report/src/components/index.html +161 -0
  17. package/coverage/lcov-report/src/index.html +131 -0
  18. package/coverage/lcov-report/src/layouts/AddPageBox.vue.html +214 -0
  19. package/coverage/lcov-report/src/layouts/Framework.vue.html +304 -0
  20. package/coverage/lcov-report/src/layouts/NavMenu.vue.html +208 -0
  21. package/coverage/lcov-report/src/layouts/PropsPanel.vue.html +316 -0
  22. package/coverage/lcov-report/src/layouts/Resizer.vue.html +268 -0
  23. package/coverage/lcov-report/src/layouts/index.html +176 -0
  24. package/coverage/lcov-report/src/layouts/sidebar/ComponentListPanel.vue.html +358 -0
  25. package/coverage/lcov-report/src/layouts/sidebar/LayerMenu.vue.html +421 -0
  26. package/coverage/lcov-report/src/layouts/sidebar/LayerPanel.vue.html +775 -0
  27. package/coverage/lcov-report/src/layouts/sidebar/Sidebar.vue.html +343 -0
  28. package/coverage/lcov-report/src/layouts/sidebar/index.html +161 -0
  29. package/coverage/lcov-report/src/layouts/workspace/PageBar.vue.html +718 -0
  30. package/coverage/lcov-report/src/layouts/workspace/Stage.vue.html +757 -0
  31. package/coverage/lcov-report/src/layouts/workspace/ViewerMenu.vue.html +532 -0
  32. package/coverage/lcov-report/src/layouts/workspace/Workspace.vue.html +586 -0
  33. package/coverage/lcov-report/src/layouts/workspace/index.html +161 -0
  34. package/coverage/lcov-report/src/services/BaseService.ts.html +643 -0
  35. package/coverage/lcov-report/src/services/componentList.ts.html +229 -0
  36. package/coverage/lcov-report/src/services/editor.ts.html +2077 -0
  37. package/coverage/lcov-report/src/services/events.ts.html +331 -0
  38. package/coverage/lcov-report/src/services/history.ts.html +478 -0
  39. package/coverage/lcov-report/src/services/index.html +206 -0
  40. package/coverage/lcov-report/src/services/props.ts.html +415 -0
  41. package/coverage/lcov-report/src/services/ui.ts.html +514 -0
  42. package/coverage/lcov-report/src/type.ts.html +844 -0
  43. package/coverage/lcov-report/src/utils/compose.ts.html +184 -0
  44. package/coverage/lcov-report/src/utils/config.ts.html +172 -0
  45. package/coverage/lcov-report/src/utils/editor.ts.html +838 -0
  46. package/coverage/lcov-report/src/utils/index.html +221 -0
  47. package/coverage/lcov-report/src/utils/index.ts.html +151 -0
  48. package/coverage/lcov-report/src/utils/logger.ts.html +226 -0
  49. package/coverage/lcov-report/src/utils/props.ts.html +796 -0
  50. package/coverage/lcov-report/src/utils/scroll-viewer.ts.html +733 -0
  51. package/coverage/lcov-report/src/utils/undo-redo.ts.html +313 -0
  52. package/coverage/lcov-report/undo-redo.ts.html +313 -0
  53. package/coverage/lcov.info +3676 -0
  54. package/dist/style.css +47 -22
  55. package/dist/tmagic-editor.es.js +921 -603
  56. package/dist/tmagic-editor.es.js.map +1 -1
  57. package/dist/tmagic-editor.umd.js +920 -602
  58. package/dist/tmagic-editor.umd.js.map +1 -1
  59. package/dist/types/src/Editor.vue.d.ts +1 -1
  60. package/dist/types/src/components/ToolButton.vue.d.ts +12 -1
  61. package/dist/types/src/index.d.ts +1 -0
  62. package/dist/types/src/layouts/sidebar/ComponentListPanel.vue.d.ts +1 -0
  63. package/dist/types/src/layouts/workspace/PageBar.vue.d.ts +2 -0
  64. package/dist/types/src/services/editor.d.ts +5 -2
  65. package/dist/types/src/services/history.d.ts +1 -0
  66. package/dist/types/src/services/props.d.ts +2 -2
  67. package/dist/types/src/services/ui.d.ts +1 -0
  68. package/dist/types/src/type.d.ts +6 -8
  69. package/dist/types/src/utils/editor.d.ts +2 -2
  70. package/dist/types/src/utils/polyfills.d.ts +0 -0
  71. package/package.json +26 -12
  72. package/src/components/ContentMenu.vue +107 -0
  73. package/src/components/ScrollViewer.vue +1 -1
  74. package/src/components/ToolButton.vue +69 -30
  75. package/src/index.ts +2 -0
  76. package/src/layouts/Framework.vue +6 -6
  77. package/src/layouts/sidebar/ComponentListPanel.vue +23 -1
  78. package/src/layouts/sidebar/LayerMenu.vue +91 -72
  79. package/src/layouts/sidebar/LayerPanel.vue +23 -49
  80. package/src/layouts/workspace/PageBar.vue +35 -6
  81. package/src/layouts/workspace/Stage.vue +41 -44
  82. package/src/layouts/workspace/ViewerMenu.vue +104 -67
  83. package/src/layouts/workspace/Workspace.vue +74 -16
  84. package/src/services/BaseService.ts +1 -1
  85. package/src/services/editor.ts +97 -10
  86. package/src/services/history.ts +7 -0
  87. package/src/services/props.ts +2 -3
  88. package/src/services/ui.ts +5 -0
  89. package/src/theme/common/var.scss +1 -0
  90. package/src/theme/component-list-panel.scss +2 -0
  91. package/src/theme/content-menu.scss +33 -26
  92. package/src/theme/layer-panel.scss +2 -1
  93. package/src/theme/nav-menu.scss +6 -2
  94. package/src/theme/page-bar.scss +22 -1
  95. package/src/type.ts +6 -8
  96. package/src/utils/editor.ts +7 -3
  97. package/{vite.config.ts → src/utils/polyfills.ts} +4 -12
  98. package/src/utils/props.ts +19 -0
  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
  102. package/tsconfig.json +0 -9
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
  }
@@ -153,7 +156,7 @@
153
156
  border: 0;
154
157
  height: auto;
155
158
  padding: 8px;
156
- color: white;
159
+ color: rgb(255, 255, 255);
157
160
  box-sizing: border-box;
158
161
  }
159
162
  .m-editor-sidebar.el-tabs--left .el-tabs__header .el-tabs__item.is-left.is-left.is-active {
@@ -174,7 +177,7 @@
174
177
  color: rgba(255, 255, 255, 0.6);
175
178
  }
176
179
  .m-editor-sidebar.el-tabs--left .el-tabs__header i:hover {
177
- color: white;
180
+ color: rgb(255, 255, 255);
178
181
  }
179
182
  .m-editor-sidebar.el-tabs--left .el-tabs__header .magic-editor-tab-panel-title {
180
183
  font-size: 12px;
@@ -251,6 +254,7 @@
251
254
  }
252
255
  .magic-editor-layer-panel .cus-tree-node {
253
256
  width: 100%;
257
+ overflow: hidden;
254
258
  }
255
259
  .magic-editor-layer-panel .cus-tree-node-hover {
256
260
  background-color: #f3f5f9;
@@ -286,6 +290,7 @@
286
290
  top: 0;
287
291
  left: 0;
288
292
  box-sizing: border-box;
293
+ z-index: 1;
289
294
  }
290
295
  .ui-component-panel .search-input .el-input__prefix {
291
296
  padding: 10px;
@@ -327,6 +332,7 @@
327
332
  color: #070303;
328
333
  flex-direction: column;
329
334
  width: 42px;
335
+ cursor: pointer;
330
336
  }
331
337
  .ui-component-panel .el-collapse-item__wrap .component-item i {
332
338
  font-size: 20px;
@@ -446,12 +452,27 @@
446
452
  position: relative;
447
453
  z-index: 1;
448
454
  }
449
- .m-editor-page-bar-item .m-editor-page-bar-title {
455
+ .m-editor-page-bar-item-title {
450
456
  max-width: 150px;
451
457
  text-overflow: ellipsis;
452
458
  white-space: nowrap;
453
459
  overflow: hidden;
454
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
+ }
455
476
  .m-editor-props-panel {
456
477
  padding: 0 10px;
457
478
  }
@@ -473,38 +494,42 @@
473
494
  position: fixed;
474
495
  font-size: 12px;
475
496
  background: #fff;
476
- color: #333;
477
497
  box-shadow: 0 2px 8px 2px rgba(68, 73, 77, 0.16);
478
498
  z-index: 9999;
479
499
  transform-origin: 0% 0%;
480
500
  font-weight: 600;
481
501
  padding: 4px 0px;
502
+ overflow: auto;
503
+ max-height: 100%;
482
504
  }
483
- .magic-editor-content-menu .separation {
484
- width: 100%;
485
- height: 0;
486
- border-color: rgba(155, 155, 155, 0.1);
487
- }
488
- .magic-editor-content-menu .subMenu {
489
- position: absolute;
490
- right: 0;
491
- transform: translate(100%, 0);
492
- background-color: #fff;
505
+ .magic-editor-content-menu .menu-item {
493
506
  color: #333;
494
- box-shadow: 0 2px 8px 2px rgba(68, 73, 77, 0.16);
495
- top: 0;
496
- height: 223px;
497
- }
498
- .magic-editor-content-menu-item {
499
507
  display: flex;
500
508
  -webkit-box-align: center;
501
509
  align-items: center;
502
510
  cursor: pointer;
503
511
  min-width: 140px;
504
512
  transition: all 0.2s ease 0s;
505
- padding: 10px 14px;
513
+ padding: 5px 14px;
506
514
  border-left: 2px solid transparent;
507
515
  }
516
+ .magic-editor-content-menu .menu-item .el-button {
517
+ width: 100%;
518
+ justify-content: flex-start;
519
+ }
520
+ .magic-editor-content-menu .menu-item .el-button--text,
521
+ .magic-editor-content-menu .menu-item i {
522
+ color: #070303;
523
+ }
524
+ .magic-editor-content-menu .menu-item.divider {
525
+ padding: 0 14px;
526
+ }
527
+ .magic-editor-content-menu .menu-item.divider .el-divider {
528
+ margin: 0;
529
+ }
530
+ .magic-editor-content-menu .menu-item:hover {
531
+ background-color: #f3f5f9;
532
+ }
508
533
  .m-editor-stage {
509
534
  position: relative;
510
535
  width: 100%;