@tmagic/editor 1.3.1 → 1.3.3

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 (51) hide show
  1. package/dist/style.css +50 -0
  2. package/dist/tmagic-editor.js +578 -574
  3. package/dist/tmagic-editor.js.map +1 -1
  4. package/dist/tmagic-editor.umd.cjs +590 -585
  5. package/dist/tmagic-editor.umd.cjs.map +1 -1
  6. package/package.json +15 -13
  7. package/src/components/CodeBlockEditor.vue +6 -4
  8. package/src/fields/DataSourceSelect.vue +15 -9
  9. package/src/hooks/index.ts +1 -0
  10. package/src/hooks/use-code-block-edit.ts +2 -0
  11. package/src/hooks/use-float-box.ts +153 -0
  12. package/src/index.ts +1 -0
  13. package/src/initService.ts +12 -11
  14. package/src/layouts/Framework.vue +10 -1
  15. package/src/layouts/sidebar/Sidebar.vue +90 -5
  16. package/src/layouts/sidebar/code-block/CodeBlockList.vue +2 -1
  17. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +11 -10
  18. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +6 -4
  19. package/src/layouts/sidebar/data-source/DataSourceList.vue +9 -8
  20. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +15 -15
  21. package/src/layouts/sidebar/layer/use-drag.ts +4 -0
  22. package/src/layouts/sidebar/layer/use-node-status.ts +20 -15
  23. package/src/services/dataSource.ts +4 -0
  24. package/src/services/dep.ts +22 -284
  25. package/src/services/ui.ts +15 -0
  26. package/src/theme/code-block.scss +5 -0
  27. package/src/theme/floatbox.scss +48 -0
  28. package/src/theme/sidebar.scss +1 -0
  29. package/src/theme/theme.scss +1 -0
  30. package/src/type.ts +30 -20
  31. package/types/components/CodeBlockEditor.vue.d.ts +3 -0
  32. package/types/fields/DataSourceSelect.vue.d.ts +6 -4
  33. package/types/hooks/index.d.ts +1 -0
  34. package/types/hooks/use-code-block-edit.d.ts +26 -46
  35. package/types/hooks/use-data-source-method.d.ts +26 -46
  36. package/types/hooks/use-float-box.d.ts +15 -0
  37. package/types/index.d.ts +1 -0
  38. package/types/layouts/PropsPanel.vue.d.ts +92 -59
  39. package/types/layouts/sidebar/Sidebar.vue.d.ts +1 -2
  40. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +1 -1
  41. package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +3 -1
  42. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +3 -0
  43. package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +1 -1
  44. package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +15 -2
  45. package/types/layouts/sidebar/layer/use-click.d.ts +7 -46
  46. package/types/services/dataSource.d.ts +10 -2
  47. package/types/services/dep.d.ts +12 -112
  48. package/types/services/ui.d.ts +8 -0
  49. package/types/type.d.ts +23 -18
  50. package/src/utils/dep.ts +0 -81
  51. package/types/utils/dep.d.ts +0 -6
package/dist/style.css CHANGED
@@ -221,6 +221,7 @@
221
221
  .m-editor-sidebar .m-editor-sidebar-header .magic-editor-tab-panel-title {
222
222
  font-size: 12px;
223
223
  white-space: normal;
224
+ user-select: none;
224
225
  }
225
226
  .m-editor-sidebar .m-editor-sidebar-content {
226
227
  height: 100%;
@@ -628,6 +629,10 @@
628
629
  .m-editor-code-block-editor .el-drawer__body {
629
630
  padding: 10px 20px;
630
631
  }
632
+ .m-editor-code-block-editor.m-form-box {
633
+ width: 100%;
634
+ min-width: 872px;
635
+ }
631
636
  .m-fields-event-select {
632
637
  width: 100%;
633
638
  }
@@ -791,6 +796,51 @@
791
796
  .m-fileds-key-value-delete {
792
797
  margin-left: 10px;
793
798
  }
799
+ .m-editor-float-box-list .m-editor-float-box {
800
+ position: absolute;
801
+ display: flex;
802
+ flex-direction: column;
803
+ width: auto;
804
+ height: 966px;
805
+ top: 240px;
806
+ left: 240px;
807
+ background: #fff;
808
+ box-sizing: border-box;
809
+ z-index: 999;
810
+ max-width: auto;
811
+ min-width: auto;
812
+ max-height: auto;
813
+ min-height: auto;
814
+ border: 1px solid #eee;
815
+ box-shadow: 0 0 72px #ccc;
816
+ }
817
+ .m-editor-float-box-list .m-editor-float-box-header {
818
+ display: flex;
819
+ align-items: center;
820
+ padding: 0 16px;
821
+ height: 44px;
822
+ border-bottom: 1px solid #d8dee8;
823
+ }
824
+ .m-editor-float-box-list .m-editor-float-box-header:hover {
825
+ cursor: pointer;
826
+ }
827
+ .m-editor-float-box-list .m-editor-float-box-body {
828
+ display: flex;
829
+ flex: 1;
830
+ width: 100%;
831
+ overflow: scroll;
832
+ }
833
+ .m-editor-float-box-list .m-editor-float-box-body > *:first-child {
834
+ min-width: 247px;
835
+ border-right: 1px solid #d8dee8;
836
+ }
837
+ .m-editor-float-box-list .m-editor-float-box-close {
838
+ position: absolute;
839
+ right: 16px;
840
+ }
841
+ .m-editor-float-box-list .moveable-resizable {
842
+ opacity: 0;
843
+ }
794
844
  .m-editor-tree {
795
845
  color: #313a40;
796
846
  font-size: 13px;