@tmagic/editor 1.2.13 → 1.2.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 (93) hide show
  1. package/dist/style.css +37 -6
  2. package/dist/tmagic-editor.js +770 -394
  3. package/dist/tmagic-editor.js.map +1 -1
  4. package/dist/tmagic-editor.umd.cjs +789 -420
  5. package/dist/tmagic-editor.umd.cjs.map +1 -1
  6. package/package.json +14 -13
  7. package/src/components/CodeDraftEditor.vue +20 -17
  8. package/src/components/ContentMenu.vue +1 -1
  9. package/src/components/FunctionEditor.vue +10 -10
  10. package/src/components/Layout.vue +1 -1
  11. package/src/components/ScrollViewer.vue +2 -2
  12. package/src/fields/CodeSelect.vue +18 -101
  13. package/src/fields/CodeSelectCol.vue +21 -3
  14. package/src/fields/EventSelect.vue +5 -3
  15. package/src/fields/UISelect.vue +1 -1
  16. package/src/icons/AppManageIcon.vue +11 -0
  17. package/src/icons/CodeIcon.vue +35 -0
  18. package/src/layouts/AddPageBox.vue +3 -3
  19. package/src/layouts/Framework.vue +4 -4
  20. package/src/layouts/NavMenu.vue +2 -2
  21. package/src/layouts/PropsPanel.vue +1 -1
  22. package/src/layouts/sidebar/ComponentListPanel.vue +3 -3
  23. package/src/layouts/sidebar/LayerMenu.vue +2 -2
  24. package/src/layouts/sidebar/LayerPanel.vue +4 -4
  25. package/src/layouts/sidebar/Sidebar.vue +3 -3
  26. package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +15 -6
  27. package/src/layouts/sidebar/code-block/CodeBlockList.vue +26 -13
  28. package/src/layouts/workspace/Breadcrumb.vue +1 -1
  29. package/src/layouts/workspace/PageBar.vue +2 -2
  30. package/src/layouts/workspace/PageBarScrollContainer.vue +3 -3
  31. package/src/layouts/workspace/Stage.vue +3 -3
  32. package/src/layouts/workspace/ViewerMenu.vue +4 -4
  33. package/src/layouts/workspace/Workspace.vue +1 -1
  34. package/src/services/BaseService.ts +1 -1
  35. package/src/services/codeBlock.ts +3 -3
  36. package/src/services/componentList.ts +1 -1
  37. package/src/services/editor.ts +6 -6
  38. package/src/services/events.ts +1 -1
  39. package/src/services/history.ts +2 -2
  40. package/src/services/props.ts +2 -2
  41. package/src/services/ui.ts +2 -2
  42. package/src/theme/code-block.scss +28 -4
  43. package/src/theme/event.scss +12 -0
  44. package/src/utils/config.ts +1 -1
  45. package/src/utils/dep.ts +2 -2
  46. package/src/utils/editor.ts +1 -1
  47. package/src/utils/operator.ts +4 -4
  48. package/src/utils/stage.ts +3 -3
  49. package/tsconfig.build.json +4 -1
  50. package/types/components/CodeDraftEditor.vue.d.ts +7 -4
  51. package/types/components/ContentMenu.vue.d.ts +3 -3
  52. package/types/components/FunctionEditor.vue.d.ts +140 -8
  53. package/types/components/Icon.vue.d.ts +2 -2
  54. package/types/components/Layout.vue.d.ts +28 -113
  55. package/types/components/ScrollBar.vue.d.ts +2 -2
  56. package/types/components/ScrollViewer.vue.d.ts +32 -135
  57. package/types/components/ToolButton.vue.d.ts +3 -3
  58. package/types/fields/Code.vue.d.ts +2 -2
  59. package/types/fields/CodeLink.vue.d.ts +2 -2
  60. package/types/fields/CodeSelect.vue.d.ts +8 -27
  61. package/types/fields/CodeSelectCol.vue.d.ts +3 -3
  62. package/types/fields/EventSelect.vue.d.ts +3 -3
  63. package/types/fields/UISelect.vue.d.ts +2 -2
  64. package/types/icons/AppManageIcon.vue.d.ts +2 -0
  65. package/types/icons/CodeIcon.vue.d.ts +2 -0
  66. package/types/layouts/CodeEditor.vue.d.ts +4 -4
  67. package/types/layouts/Framework.vue.d.ts +23 -74
  68. package/types/layouts/NavMenu.vue.d.ts +3 -3
  69. package/types/layouts/PropsPanel.vue.d.ts +11 -60
  70. package/types/layouts/Resizer.vue.d.ts +9 -54
  71. package/types/layouts/sidebar/ComponentListPanel.vue.d.ts +11 -50
  72. package/types/layouts/sidebar/LayerMenu.vue.d.ts +2 -2
  73. package/types/layouts/sidebar/LayerPanel.vue.d.ts +17 -60
  74. package/types/layouts/sidebar/Sidebar.vue.d.ts +39 -104
  75. package/types/layouts/sidebar/code-block/CodeBlockEditor.vue.d.ts +15 -58
  76. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +21 -66
  77. package/types/layouts/workspace/PageBar.vue.d.ts +13 -52
  78. package/types/layouts/workspace/PageBarScrollContainer.vue.d.ts +8 -48
  79. package/types/layouts/workspace/Stage.vue.d.ts +2 -2
  80. package/types/layouts/workspace/ViewerMenu.vue.d.ts +3 -3
  81. package/types/layouts/workspace/Workspace.vue.d.ts +20 -63
  82. package/types/services/codeBlock.d.ts +1 -1
  83. package/types/services/componentList.d.ts +1 -1
  84. package/types/services/dep.d.ts +2 -2
  85. package/types/services/editor.d.ts +1 -1
  86. package/types/services/events.d.ts +1 -1
  87. package/types/services/history.d.ts +2 -2
  88. package/types/services/props.d.ts +78 -1
  89. package/types/services/storage.d.ts +1 -1
  90. package/types/services/ui.d.ts +2 -2
  91. package/types/type.d.ts +8 -8
  92. package/types/utils/operator.d.ts +1 -1
  93. package/types/utils/props.d.ts +78 -1
package/dist/style.css CHANGED
@@ -214,7 +214,7 @@
214
214
  border: 0;
215
215
  height: auto;
216
216
  padding: 8px;
217
- color: rgb(255, 255, 255);
217
+ color: white;
218
218
  box-sizing: border-box;
219
219
  }
220
220
  .m-editor-sidebar.el-tabs--left .el-tabs__header .el-tabs__item.is-left.is-left.is-active {
@@ -235,7 +235,7 @@
235
235
  color: rgba(255, 255, 255, 0.6);
236
236
  }
237
237
  .m-editor-sidebar.el-tabs--left .el-tabs__header i:hover {
238
- color: rgb(255, 255, 255);
238
+ color: white;
239
239
  }
240
240
  .m-editor-sidebar.el-tabs--left .el-tabs__header .magic-editor-tab-panel-title {
241
241
  font-size: 12px;
@@ -647,29 +647,48 @@
647
647
  }
648
648
  .m-editor-code-block-list .list-container .list-item {
649
649
  display: flex;
650
+ align-items: center;
650
651
  width: 100%;
652
+ align-items: center;
651
653
  }
652
654
  .m-editor-code-block-list .list-container .list-item .right-tool {
653
655
  display: flex;
654
656
  width: fit-content !important;
657
+ align-items: center;
658
+ margin-right: 10px;
655
659
  }
656
660
  .m-editor-code-block-list .list-container .list-item .right-tool .edit-icon {
657
661
  margin: 0 5px;
658
662
  }
663
+ .m-editor-code-block-list .list-container .list-item .codeIcon {
664
+ width: 20px;
665
+ height: 20px;
666
+ margin-right: 5px;
667
+ }
668
+ .m-editor-code-block-list .list-container .list-item .compIcon {
669
+ width: 15px;
670
+ height: 15px;
671
+ margin-right: 5px;
672
+ }
659
673
  .m-editor-code-block-list .list-container .list-item .code-name {
660
674
  white-space: nowrap;
661
675
  overflow: hidden;
662
676
  text-overflow: ellipsis;
663
677
  width: 0 !important;
664
678
  flex: 1;
665
- line-height: 18px;
679
+ line-height: 22px;
680
+ }
681
+ .m-editor-code-block-list .list-container .list-item .code-name.code {
682
+ color: #000;
683
+ }
684
+ .m-editor-code-block-list .list-container .list-item .code-name.hook {
685
+ color: #909399;
666
686
  }
667
687
  .m-fields-code-select {
668
688
  width: 100%;
669
689
  }
670
- .m-fields-code-select .edit-icon {
671
- cursor: pointer;
672
- margin-right: 5px;
690
+ .m-fields-code-select .el-card__header {
691
+ display: none;
673
692
  }
674
693
  .el-dialog.is-fullscreen.code-editor-dialog {
675
694
  overflow: hidden;
@@ -801,6 +820,18 @@
801
820
  .m-fields-code-select-col {
802
821
  width: 100%;
803
822
  }
823
+ .m-fields-code-select-col .code-select-container {
824
+ display: flex;
825
+ align-items: center;
826
+ }
827
+ .m-fields-code-select-col .code-select-container .select {
828
+ flex: 10 0 100px;
829
+ }
830
+ .m-fields-code-select-col .code-select-container .icon {
831
+ flex: 1 0 20px;
832
+ cursor: pointer;
833
+ margin-right: 5px;
834
+ }
804
835
  .m-editor-layout {
805
836
  width: 100%;
806
837
  display: flex;