@tmagic/editor 1.3.0-beta.0 → 1.3.0-beta.2

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 (46) hide show
  1. package/dist/style.css +30 -2
  2. package/dist/tmagic-editor.js +1053 -647
  3. package/dist/tmagic-editor.js.map +1 -1
  4. package/dist/tmagic-editor.umd.cjs +1071 -665
  5. package/dist/tmagic-editor.umd.cjs.map +1 -1
  6. package/package.json +10 -10
  7. package/src/components/CodeBlockEditor.vue +15 -6
  8. package/src/components/ContentMenu.vue +88 -42
  9. package/src/components/Resizer.vue +8 -30
  10. package/src/components/SplitView.vue +3 -2
  11. package/src/components/ToolButton.vue +1 -1
  12. package/src/fields/DataSourceFields.vue +10 -0
  13. package/src/fields/DataSourceMethods.vue +1 -0
  14. package/src/fields/EventSelect.vue +15 -3
  15. package/src/hooks/use-getso.ts +35 -0
  16. package/src/icons/PinIcon.vue +25 -0
  17. package/src/icons/PinnedIcon.vue +25 -0
  18. package/src/index.ts +2 -0
  19. package/src/layouts/workspace/Workspace.vue +1 -1
  20. package/src/layouts/workspace/viewer/NodeListMenu.vue +166 -0
  21. package/src/layouts/workspace/viewer/NodeListMenuTitle.vue +68 -0
  22. package/src/layouts/workspace/{Stage.vue → viewer/Stage.vue} +2 -0
  23. package/src/layouts/workspace/{ViewerMenu.vue → viewer/ViewerMenu.vue} +1 -1
  24. package/src/services/dataSource.ts +11 -0
  25. package/src/theme/content-menu.scss +29 -3
  26. package/src/theme/index.scss +8 -0
  27. package/src/type.ts +3 -0
  28. package/src/utils/data-source/formConfigs/http.ts +9 -0
  29. package/src/utils/data-source/index.ts +12 -0
  30. package/src/utils/props.ts +21 -10
  31. package/types/components/CodeBlockEditor.vue.d.ts +2 -0
  32. package/types/components/ContentMenu.vue.d.ts +27 -8
  33. package/types/components/Resizer.vue.d.ts +1 -3
  34. package/types/hooks/use-code-block-edit.d.ts +7 -0
  35. package/types/hooks/use-data-source-method.d.ts +7 -0
  36. package/types/hooks/use-getso.d.ts +5 -0
  37. package/types/icons/PinIcon.vue.d.ts +2 -0
  38. package/types/icons/PinnedIcon.vue.d.ts +2 -0
  39. package/types/index.d.ts +1 -0
  40. package/types/layouts/PropsPanel.vue.d.ts +1 -1
  41. package/types/layouts/workspace/viewer/NodeListMenu.vue.d.ts +15 -0
  42. package/types/layouts/workspace/viewer/NodeListMenuTitle.vue.d.ts +15 -0
  43. package/types/layouts/workspace/{Stage.vue.d.ts → viewer/Stage.vue.d.ts} +1 -1
  44. package/types/layouts/workspace/{ViewerMenu.vue.d.ts → viewer/ViewerMenu.vue.d.ts} +1 -1
  45. package/types/services/dataSource.d.ts +4 -0
  46. package/types/type.d.ts +3 -0
package/dist/style.css CHANGED
@@ -548,12 +548,13 @@
548
548
  font-size: 12px;
549
549
  background: #fff;
550
550
  box-shadow: 0 2px 8px 2px rgba(68, 73, 77, 0.16);
551
- z-index: 9999;
551
+ z-index: 1000;
552
552
  transform-origin: 0% 0%;
553
553
  font-weight: 600;
554
554
  padding: 4px 0px;
555
555
  overflow: auto;
556
556
  max-height: 80%;
557
+ min-width: 180px;
557
558
  }
558
559
  .magic-editor-content-menu .menu-item {
559
560
  color: #333;
@@ -583,9 +584,29 @@
583
584
  .magic-editor-content-menu .menu-item.divider .el-divider {
584
585
  margin: 0;
585
586
  }
586
- .magic-editor-content-menu .menu-item:hover {
587
+ .magic-editor-content-menu .menu-item.button:hover {
587
588
  background-color: #f3f5f9;
588
589
  }
590
+ .magic-editor-content-menu .menu-item.button:hover .tmagic-design-button,
591
+ .magic-editor-content-menu .menu-item.button:hover .tmagic-design-button:active,
592
+ .magic-editor-content-menu .menu-item.button:hover .tmagic-design-button:focus {
593
+ color: #070303;
594
+ }
595
+ .magic-editor-content-menu .menu-item.button:hover.menu-item i {
596
+ color: #070303;
597
+ }
598
+ .magic-editor-content-menu .menu-item.button.active {
599
+ background-color: #2882e0;
600
+ }
601
+ .magic-editor-content-menu .menu-item.button.active .tmagic-design-button,
602
+ .magic-editor-content-menu .menu-item.button.active .tmagic-design-button:active,
603
+ .magic-editor-content-menu .menu-item.button.active .tmagic-design-button:focus {
604
+ color: #fff;
605
+ background-color: transparent;
606
+ }
607
+ .magic-editor-content-menu .menu-item.button.active.menu-item i {
608
+ color: #fff;
609
+ }
589
610
  .m-editor-stage {
590
611
  position: relative;
591
612
  width: 100%;
@@ -831,4 +852,11 @@
831
852
  }
832
853
  .m-fileds-key-value-delete {
833
854
  margin-left: 10px;
855
+ }
856
+ .fade-enter-active,
857
+ .fade-leave-active {
858
+ transition: opacity 0.5s;
859
+ }
860
+ .fade-enter, .fade-leave-to {
861
+ opacity: 0;
834
862
  }