@tmagic/editor 1.3.16 → 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 (116) hide show
  1. package/dist/style.css +11 -3
  2. package/dist/tmagic-editor.js +847 -523
  3. package/dist/tmagic-editor.umd.cjs +862 -538
  4. package/package.json +23 -21
  5. package/src/components/CodeBlockEditor.vue +50 -24
  6. package/src/components/FloatingBox.vue +53 -12
  7. package/src/fields/Code.vue +12 -10
  8. package/src/fields/CodeLink.vue +9 -9
  9. package/src/fields/CodeSelect.vue +7 -5
  10. package/src/fields/CodeSelectCol.vue +1 -1
  11. package/src/fields/DataSourceFieldSelect.vue +118 -27
  12. package/src/fields/DataSourceFields.vue +10 -3
  13. package/src/fields/DataSourceInput.vue +7 -7
  14. package/src/fields/DataSourceMethodSelect.vue +1 -1
  15. package/src/fields/DataSourceMethods.vue +3 -3
  16. package/src/fields/DataSourceMocks.vue +3 -3
  17. package/src/fields/DataSourceSelect.vue +6 -18
  18. package/src/fields/EventSelect.vue +1 -1
  19. package/src/fields/KeyValue.vue +8 -8
  20. package/src/fields/PageFragmentSelect.vue +1 -1
  21. package/src/fields/UISelect.vue +5 -5
  22. package/src/hooks/use-code-block-edit.ts +0 -1
  23. package/src/index.ts +2 -2
  24. package/src/layouts/NavMenu.vue +21 -2
  25. package/src/layouts/sidebar/Sidebar.vue +5 -0
  26. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +0 -1
  27. package/src/services/BaseService.ts +5 -2
  28. package/src/services/codeBlock.ts +14 -8
  29. package/src/services/dataSource.ts +39 -26
  30. package/src/services/editor.ts +46 -25
  31. package/src/services/events.ts +4 -4
  32. package/src/services/props.ts +44 -35
  33. package/src/services/stageOverlay.ts +14 -7
  34. package/src/services/storage.ts +14 -8
  35. package/src/services/ui.ts +20 -19
  36. package/src/theme/code-editor.scss +6 -0
  37. package/src/theme/floating-box.scss +2 -0
  38. package/src/theme/sidebar.scss +6 -3
  39. package/src/type.ts +81 -37
  40. package/src/utils/operator.ts +37 -39
  41. package/src/utils/props.ts +174 -37
  42. package/types/components/CodeBlockEditor.vue.d.ts +4 -4
  43. package/types/components/CodeParams.vue.d.ts +5 -5
  44. package/types/components/ContentMenu.vue.d.ts +12 -12
  45. package/types/components/FloatingBox.vue.d.ts +14 -12
  46. package/types/components/Icon.vue.d.ts +3 -3
  47. package/types/components/Resizer.vue.d.ts +3 -3
  48. package/types/components/ScrollBar.vue.d.ts +3 -3
  49. package/types/components/ScrollViewer.vue.d.ts +12 -12
  50. package/types/components/SearchInput.vue.d.ts +1 -1
  51. package/types/components/SplitView.vue.d.ts +11 -11
  52. package/types/components/ToolButton.vue.d.ts +13 -13
  53. package/types/components/Tree.vue.d.ts +24 -14
  54. package/types/components/TreeNode.vue.d.ts +22 -12
  55. package/types/fields/Code.vue.d.ts +14 -14
  56. package/types/fields/CodeLink.vue.d.ts +6 -10
  57. package/types/fields/CodeSelect.vue.d.ts +14 -14
  58. package/types/fields/CodeSelectCol.vue.d.ts +11 -11
  59. package/types/fields/DataSourceFieldSelect.vue.d.ts +11 -11
  60. package/types/fields/DataSourceFields.vue.d.ts +11 -11
  61. package/types/fields/DataSourceInput.vue.d.ts +14 -18
  62. package/types/fields/DataSourceMethodSelect.vue.d.ts +11 -11
  63. package/types/fields/DataSourceMethods.vue.d.ts +11 -11
  64. package/types/fields/DataSourceMocks.vue.d.ts +11 -11
  65. package/types/fields/DataSourceSelect.vue.d.ts +13 -26
  66. package/types/fields/EventSelect.vue.d.ts +3 -3
  67. package/types/fields/KeyValue.vue.d.ts +14 -18
  68. package/types/fields/PageFragmentSelect.vue.d.ts +11 -11
  69. package/types/fields/UISelect.vue.d.ts +8 -4
  70. package/types/hooks/use-code-block-edit.d.ts +51 -89
  71. package/types/hooks/use-data-source-method.d.ts +51 -89
  72. package/types/hooks/use-node-status.d.ts +6 -1
  73. package/types/icons/AppManageIcon.vue.d.ts +1 -1
  74. package/types/icons/CenterIcon.vue.d.ts +1 -1
  75. package/types/icons/CodeIcon.vue.d.ts +1 -1
  76. package/types/icons/FolderMinusIcon.vue.d.ts +1 -1
  77. package/types/icons/PinIcon.vue.d.ts +1 -1
  78. package/types/icons/PinnedIcon.vue.d.ts +1 -1
  79. package/types/layouts/AddPageBox.vue.d.ts +3 -3
  80. package/types/layouts/CodeEditor.vue.d.ts +12 -12
  81. package/types/layouts/Framework.vue.d.ts +9 -9
  82. package/types/layouts/NavMenu.vue.d.ts +11 -11
  83. package/types/layouts/PropsPanel.vue.d.ts +193 -243
  84. package/types/layouts/page-bar/AddButton.vue.d.ts +3 -3
  85. package/types/layouts/page-bar/PageBar.vue.d.ts +8 -8
  86. package/types/layouts/page-bar/PageBarScrollContainer.vue.d.ts +8 -8
  87. package/types/layouts/page-bar/SwitchTypeButton.vue.d.ts +3 -3
  88. package/types/layouts/sidebar/ComponentListPanel.vue.d.ts +1 -1
  89. package/types/layouts/sidebar/Sidebar.vue.d.ts +12 -12
  90. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +10 -10
  91. package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +9 -9
  92. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +3 -3
  93. package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +3 -3
  94. package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +9 -9
  95. package/types/layouts/sidebar/layer/LayerMenu.vue.d.ts +11 -11
  96. package/types/layouts/sidebar/layer/LayerNodeTool.vue.d.ts +3 -3
  97. package/types/layouts/sidebar/layer/LayerPanel.vue.d.ts +9 -9
  98. package/types/layouts/sidebar/layer/use-click.d.ts +42 -76
  99. package/types/layouts/sidebar/layer/use-node-status.d.ts +6 -1
  100. package/types/layouts/workspace/Breadcrumb.vue.d.ts +1 -1
  101. package/types/layouts/workspace/Workspace.vue.d.ts +12 -12
  102. package/types/layouts/workspace/viewer/NodeListMenu.vue.d.ts +1 -1
  103. package/types/layouts/workspace/viewer/Stage.vue.d.ts +11 -11
  104. package/types/layouts/workspace/viewer/StageOverlay.vue.d.ts +1 -1
  105. package/types/layouts/workspace/viewer/ViewerMenu.vue.d.ts +12 -12
  106. package/types/services/BaseService.d.ts +5 -2
  107. package/types/services/codeBlock.d.ts +8 -0
  108. package/types/services/dataSource.d.ts +9 -2
  109. package/types/services/editor.d.ts +8 -1
  110. package/types/services/props.d.ts +15 -22
  111. package/types/services/stageOverlay.d.ts +8 -1
  112. package/types/services/storage.d.ts +8 -0
  113. package/types/services/ui.d.ts +15 -9
  114. package/types/type.d.ts +50 -32
  115. package/types/utils/operator.d.ts +1 -1
  116. package/types/utils/props.d.ts +2 -13
package/dist/style.css CHANGED
@@ -246,12 +246,15 @@
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;
@@ -660,6 +663,9 @@
660
663
  min-width: 300px;
661
664
  max-height: 500px;
662
665
  }
666
+ .m-container-vs-code .el-form-item {
667
+ margin-bottom: 0;
668
+ }
663
669
  .magic-code-editor {
664
670
  width: 100%;
665
671
  }
@@ -904,6 +910,8 @@
904
910
  border: 1px solid #d9dbdd;
905
911
  display: flex;
906
912
  flex-direction: column;
913
+ max-height: 100%;
914
+ max-width: 100%;
907
915
  }
908
916
  .m-editor-float-box .m-editor-float-box-title {
909
917
  text-align: center;