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