@tmagic/editor 1.3.15 → 1.4.0-beta.1

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 (121) hide show
  1. package/dist/style.css +17 -3
  2. package/dist/tmagic-editor.js +875 -530
  3. package/dist/tmagic-editor.umd.cjs +891 -545
  4. package/package.json +23 -21
  5. package/src/Editor.vue +8 -0
  6. package/src/components/CodeBlockEditor.vue +50 -24
  7. package/src/components/FloatingBox.vue +53 -12
  8. package/src/fields/Code.vue +12 -10
  9. package/src/fields/CodeLink.vue +9 -9
  10. package/src/fields/CodeSelect.vue +7 -5
  11. package/src/fields/CodeSelectCol.vue +1 -1
  12. package/src/fields/DataSourceFieldSelect.vue +118 -27
  13. package/src/fields/DataSourceFields.vue +10 -3
  14. package/src/fields/DataSourceInput.vue +7 -7
  15. package/src/fields/DataSourceMethodSelect.vue +1 -1
  16. package/src/fields/DataSourceMethods.vue +3 -3
  17. package/src/fields/DataSourceMocks.vue +3 -3
  18. package/src/fields/DataSourceSelect.vue +6 -18
  19. package/src/fields/EventSelect.vue +1 -1
  20. package/src/fields/KeyValue.vue +8 -8
  21. package/src/fields/PageFragmentSelect.vue +1 -1
  22. package/src/fields/UISelect.vue +5 -5
  23. package/src/hooks/use-code-block-edit.ts +0 -1
  24. package/src/index.ts +3 -2
  25. package/src/layouts/NavMenu.vue +21 -2
  26. package/src/layouts/sidebar/Sidebar.vue +16 -1
  27. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +0 -1
  28. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +3 -0
  29. package/src/services/BaseService.ts +5 -2
  30. package/src/services/codeBlock.ts +14 -8
  31. package/src/services/dataSource.ts +39 -26
  32. package/src/services/editor.ts +46 -25
  33. package/src/services/events.ts +4 -4
  34. package/src/services/props.ts +44 -35
  35. package/src/services/stageOverlay.ts +14 -7
  36. package/src/services/storage.ts +14 -8
  37. package/src/services/ui.ts +20 -19
  38. package/src/theme/code-editor.scss +6 -0
  39. package/src/theme/component-list-panel.scss +79 -71
  40. package/src/theme/floating-box.scss +2 -0
  41. package/src/theme/layer-panel.scss +1 -0
  42. package/src/theme/sidebar.scss +6 -3
  43. package/src/type.ts +82 -37
  44. package/src/utils/operator.ts +37 -39
  45. package/src/utils/props.ts +174 -37
  46. package/types/components/CodeBlockEditor.vue.d.ts +4 -4
  47. package/types/components/CodeParams.vue.d.ts +5 -5
  48. package/types/components/ContentMenu.vue.d.ts +12 -12
  49. package/types/components/FloatingBox.vue.d.ts +14 -12
  50. package/types/components/Icon.vue.d.ts +3 -3
  51. package/types/components/Resizer.vue.d.ts +3 -3
  52. package/types/components/ScrollBar.vue.d.ts +3 -3
  53. package/types/components/ScrollViewer.vue.d.ts +12 -12
  54. package/types/components/SearchInput.vue.d.ts +1 -1
  55. package/types/components/SplitView.vue.d.ts +11 -11
  56. package/types/components/ToolButton.vue.d.ts +13 -13
  57. package/types/components/Tree.vue.d.ts +24 -14
  58. package/types/components/TreeNode.vue.d.ts +22 -12
  59. package/types/fields/Code.vue.d.ts +14 -14
  60. package/types/fields/CodeLink.vue.d.ts +6 -10
  61. package/types/fields/CodeSelect.vue.d.ts +14 -14
  62. package/types/fields/CodeSelectCol.vue.d.ts +11 -11
  63. package/types/fields/DataSourceFieldSelect.vue.d.ts +11 -11
  64. package/types/fields/DataSourceFields.vue.d.ts +11 -11
  65. package/types/fields/DataSourceInput.vue.d.ts +14 -18
  66. package/types/fields/DataSourceMethodSelect.vue.d.ts +11 -11
  67. package/types/fields/DataSourceMethods.vue.d.ts +11 -11
  68. package/types/fields/DataSourceMocks.vue.d.ts +11 -11
  69. package/types/fields/DataSourceSelect.vue.d.ts +13 -26
  70. package/types/fields/EventSelect.vue.d.ts +3 -3
  71. package/types/fields/KeyValue.vue.d.ts +14 -18
  72. package/types/fields/PageFragmentSelect.vue.d.ts +11 -11
  73. package/types/fields/UISelect.vue.d.ts +8 -4
  74. package/types/hooks/use-code-block-edit.d.ts +51 -89
  75. package/types/hooks/use-data-source-method.d.ts +51 -89
  76. package/types/hooks/use-node-status.d.ts +6 -1
  77. package/types/icons/AppManageIcon.vue.d.ts +1 -1
  78. package/types/icons/CenterIcon.vue.d.ts +1 -1
  79. package/types/icons/CodeIcon.vue.d.ts +1 -1
  80. package/types/icons/FolderMinusIcon.vue.d.ts +1 -1
  81. package/types/icons/PinIcon.vue.d.ts +1 -1
  82. package/types/icons/PinnedIcon.vue.d.ts +1 -1
  83. package/types/index.d.ts +1 -0
  84. package/types/layouts/AddPageBox.vue.d.ts +3 -3
  85. package/types/layouts/CodeEditor.vue.d.ts +12 -12
  86. package/types/layouts/Framework.vue.d.ts +9 -9
  87. package/types/layouts/NavMenu.vue.d.ts +11 -11
  88. package/types/layouts/PropsPanel.vue.d.ts +193 -243
  89. package/types/layouts/page-bar/AddButton.vue.d.ts +3 -3
  90. package/types/layouts/page-bar/PageBar.vue.d.ts +8 -8
  91. package/types/layouts/page-bar/PageBarScrollContainer.vue.d.ts +8 -8
  92. package/types/layouts/page-bar/SwitchTypeButton.vue.d.ts +3 -3
  93. package/types/layouts/sidebar/ComponentListPanel.vue.d.ts +1 -1
  94. package/types/layouts/sidebar/Sidebar.vue.d.ts +12 -12
  95. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +10 -10
  96. package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +9 -9
  97. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +3 -3
  98. package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +3 -3
  99. package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +9 -9
  100. package/types/layouts/sidebar/layer/LayerMenu.vue.d.ts +11 -11
  101. package/types/layouts/sidebar/layer/LayerNodeTool.vue.d.ts +3 -3
  102. package/types/layouts/sidebar/layer/LayerPanel.vue.d.ts +9 -9
  103. package/types/layouts/sidebar/layer/use-click.d.ts +42 -76
  104. package/types/layouts/sidebar/layer/use-node-status.d.ts +6 -1
  105. package/types/layouts/workspace/Breadcrumb.vue.d.ts +1 -1
  106. package/types/layouts/workspace/Workspace.vue.d.ts +12 -12
  107. package/types/layouts/workspace/viewer/NodeListMenu.vue.d.ts +1 -1
  108. package/types/layouts/workspace/viewer/Stage.vue.d.ts +11 -11
  109. package/types/layouts/workspace/viewer/StageOverlay.vue.d.ts +1 -1
  110. package/types/layouts/workspace/viewer/ViewerMenu.vue.d.ts +12 -12
  111. package/types/services/BaseService.d.ts +5 -2
  112. package/types/services/codeBlock.d.ts +8 -0
  113. package/types/services/dataSource.d.ts +9 -2
  114. package/types/services/editor.d.ts +8 -1
  115. package/types/services/props.d.ts +15 -22
  116. package/types/services/stageOverlay.d.ts +8 -1
  117. package/types/services/storage.d.ts +8 -0
  118. package/types/services/ui.d.ts +15 -9
  119. package/types/type.d.ts +51 -32
  120. package/types/utils/operator.d.ts +1 -1
  121. package/types/utils/props.d.ts +2 -13
package/dist/style.css CHANGED
@@ -246,15 +246,19 @@
246
246
  background: rgba(0, 0, 0, 0.2);
247
247
  }
248
248
  .m-editor-slide-list-box {
249
- min-width: 270px;
249
+ display: flex;
250
+ min-width: 240px;
250
251
  min-height: 500px;
251
- max-height: 1024px;
252
252
  }
253
253
  .m-editor-slide-list-box > div:first-child {
254
- width: 100%;
254
+ min-width: 240px;
255
+ }
256
+ .m-editor-slide-list-box .m-form-box {
257
+ border-left: 1px solid #e0e0e0;
255
258
  }
256
259
  .m-editor-layer-panel {
257
260
  background: #ffffff;
261
+ position: relative;
258
262
  }
259
263
  .m-editor-layer-panel .m-editor-tree {
260
264
  padding-top: 48px;
@@ -359,6 +363,11 @@
359
363
  white-space: normal;
360
364
  margin: 0;
361
365
  }
366
+ .ui-component-panel .t-collapse {
367
+ margin-top: 0;
368
+ padding-top: 48px;
369
+ position: relative;
370
+ }
362
371
  .m-editor-resizer {
363
372
  border-left: 1px solid transparent;
364
373
  border-right: 1px solid transparent;
@@ -654,6 +663,9 @@
654
663
  min-width: 300px;
655
664
  max-height: 500px;
656
665
  }
666
+ .m-container-vs-code .el-form-item {
667
+ margin-bottom: 0;
668
+ }
657
669
  .magic-code-editor {
658
670
  width: 100%;
659
671
  }
@@ -898,6 +910,8 @@
898
910
  border: 1px solid #d9dbdd;
899
911
  display: flex;
900
912
  flex-direction: column;
913
+ max-height: 100%;
914
+ max-width: 100%;
901
915
  }
902
916
  .m-editor-float-box .m-editor-float-box-title {
903
917
  text-align: center;