@tmagic/editor 1.4.3 → 1.4.5

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 (60) hide show
  1. package/dist/style.css +17 -3
  2. package/dist/tmagic-editor.js +1309 -1208
  3. package/dist/tmagic-editor.umd.cjs +1327 -1224
  4. package/package.json +19 -24
  5. package/src/Editor.vue +6 -1
  6. package/src/editorProps.ts +3 -0
  7. package/src/fields/CodeSelectCol.vue +26 -18
  8. package/src/fields/DataSourceFieldSelect.vue +23 -61
  9. package/src/fields/DataSourceMethodSelect.vue +25 -31
  10. package/src/fields/DataSourceSelect.vue +49 -13
  11. package/src/fields/EventSelect.vue +37 -14
  12. package/src/hooks/use-editor-content-height.ts +11 -5
  13. package/src/layouts/PropsPanel.vue +3 -1
  14. package/src/layouts/sidebar/Sidebar.vue +24 -8
  15. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +6 -1
  16. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +6 -1
  17. package/src/layouts/workspace/viewer/Stage.vue +7 -6
  18. package/src/services/editor.ts +2 -2
  19. package/src/services/ui.ts +1 -0
  20. package/src/theme/data-source-field.scss +12 -0
  21. package/src/theme/props-panel.scss +1 -1
  22. package/src/theme/theme.scss +1 -0
  23. package/src/type.ts +31 -2
  24. package/src/utils/content-menu.ts +7 -3
  25. package/src/utils/data-source/index.ts +39 -3
  26. package/src/utils/editor.ts +14 -7
  27. package/types/components/CodeBlockEditor.vue.d.ts +21 -34
  28. package/types/components/CodeParams.vue.d.ts +2 -2
  29. package/types/components/ContentMenu.vue.d.ts +4 -4
  30. package/types/components/FloatingBox.vue.d.ts +41 -38
  31. package/types/components/ScrollViewer.vue.d.ts +1 -1
  32. package/types/components/ToolButton.vue.d.ts +6 -6
  33. package/types/components/Tree.vue.d.ts +2 -2
  34. package/types/editorProps.d.ts +3 -0
  35. package/types/fields/CodeLink.vue.d.ts +2 -2
  36. package/types/fields/DataSourceFields.vue.d.ts +32 -78
  37. package/types/fields/DataSourceInput.vue.d.ts +2 -2
  38. package/types/fields/DataSourceMethods.vue.d.ts +2 -2
  39. package/types/fields/DataSourceMocks.vue.d.ts +31 -76
  40. package/types/fields/KeyValue.vue.d.ts +2 -2
  41. package/types/fields/UISelect.vue.d.ts +2 -2
  42. package/types/hooks/use-code-block-edit.d.ts +18 -6
  43. package/types/hooks/use-data-source-edit.d.ts +18 -6
  44. package/types/hooks/use-data-source-method.d.ts +18 -6
  45. package/types/layouts/CodeEditor.vue.d.ts +1 -1
  46. package/types/layouts/PropsPanel.vue.d.ts +40 -38
  47. package/types/layouts/sidebar/Sidebar.vue.d.ts +7 -7
  48. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +1 -1
  49. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +20 -30
  50. package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +1 -1
  51. package/types/layouts/sidebar/layer/LayerMenu.vue.d.ts +8 -8
  52. package/types/layouts/sidebar/layer/LayerPanel.vue.d.ts +4 -4
  53. package/types/layouts/sidebar/layer/use-click.d.ts +13 -13
  54. package/types/layouts/workspace/Workspace.vue.d.ts +4 -4
  55. package/types/layouts/workspace/viewer/Stage.vue.d.ts +4 -4
  56. package/types/layouts/workspace/viewer/ViewerMenu.vue.d.ts +8 -8
  57. package/types/services/dataSource.d.ts +1 -0
  58. package/types/services/ui.d.ts +19 -1
  59. package/types/type.d.ts +26 -2
  60. package/types/utils/data-source/index.d.ts +3 -2
package/dist/style.css CHANGED
@@ -198,7 +198,7 @@
198
198
  line-height: 15px;
199
199
  height: auto;
200
200
  padding: 8px;
201
- color: white;
201
+ color: rgb(255, 255, 255);
202
202
  box-sizing: border-box;
203
203
  cursor: pointer;
204
204
  }
@@ -216,7 +216,7 @@
216
216
  color: rgba(255, 255, 255, 0.6);
217
217
  }
218
218
  .m-editor-sidebar .m-editor-sidebar-header i:hover {
219
- color: white;
219
+ color: rgb(255, 255, 255);
220
220
  }
221
221
  .m-editor-sidebar .m-editor-sidebar-header .magic-editor-tab-panel-title {
222
222
  font-size: 12px;
@@ -500,7 +500,7 @@
500
500
  background-color: #f3f5f9;
501
501
  }
502
502
  .m-editor-props-panel {
503
- padding: 0 10px;
503
+ padding: 0 10px 50px 10px;
504
504
  }
505
505
  .m-editor-props-panel .m-editor-props-panel-src-icon {
506
506
  position: absolute;
@@ -942,6 +942,20 @@
942
942
  .m-fields-page-fragment-select .page-fragment-select-container .icon {
943
943
  margin-left: 10px;
944
944
  }
945
+ .m-fields-data-source-select,
946
+ .m-fields-data-source-field-select,
947
+ .m-fields-data-source-method-select .data-source-method-select-container,
948
+ .m-fields-code-select-col .code-select-container {
949
+ width: 100%;
950
+ display: flex;
951
+ align-items: center;
952
+ }
953
+ .m-fields-data-source-select .m-fields-select-action-button,
954
+ .m-fields-data-source-field-select .m-fields-select-action-button,
955
+ .m-fields-data-source-method-select .data-source-method-select-container .m-fields-select-action-button,
956
+ .m-fields-code-select-col .code-select-container .m-fields-select-action-button {
957
+ margin-left: 5px;
958
+ }
945
959
  .fade-enter-active,
946
960
  .fade-leave-active {
947
961
  transition: opacity 0.5s;