@tmagic/editor 1.8.0-beta.11 → 1.8.0-beta.13

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 (119) hide show
  1. package/dist/es/Editor.vue_vue_type_script_setup_true_lang.js +7 -4
  2. package/dist/es/components/CodeBlockEditor.vue_vue_type_script_setup_true_lang.js +5 -1
  3. package/dist/es/components/CodeParams.vue_vue_type_script_setup_true_lang.js +2 -1
  4. package/dist/es/components/CompareForm.vue_vue_type_script_setup_true_lang.js +18 -123
  5. package/dist/es/components/FloatingBox.vue_vue_type_script_setup_true_lang.js +60 -14
  6. package/dist/es/components/ScrollBar.js +0 -1
  7. package/dist/es/components/ViewForm.js +5 -0
  8. package/dist/es/components/ViewForm.vue_vue_type_script_setup_true_lang.js +58 -0
  9. package/dist/es/editorProps.js +6 -1
  10. package/dist/es/fields/CodeSelect.vue_vue_type_script_setup_true_lang.js +15 -3
  11. package/dist/es/fields/CondOpSelect.vue_vue_type_script_setup_true_lang.js +2 -17
  12. package/dist/es/fields/DataSourceFieldSelect/FieldSelect.vue_vue_type_script_setup_true_lang.js +2 -1
  13. package/dist/es/fields/DataSourceFields.vue_vue_type_script_setup_true_lang.js +7 -0
  14. package/dist/es/fields/DataSourceInput.vue_vue_type_script_setup_true_lang.js +5 -17
  15. package/dist/es/fields/DataSourceMocks.vue_vue_type_script_setup_true_lang.js +4 -0
  16. package/dist/es/fields/DisplayConds.vue_vue_type_script_setup_true_lang.js +29 -3
  17. package/dist/es/fields/EventSelect.vue_vue_type_script_setup_true_lang.js +50 -88
  18. package/dist/es/fields/StyleSetter/Index.vue_vue_type_script_setup_true_lang.js +2 -5
  19. package/dist/es/fields/StyleSetter/pro/Background.vue_vue_type_script_setup_true_lang.js +48 -23
  20. package/dist/es/fields/StyleSetter/pro/Border.vue_vue_type_script_setup_true_lang.js +6 -3
  21. package/dist/es/fields/StyleSetter/pro/Font.vue_vue_type_script_setup_true_lang.js +28 -22
  22. package/dist/es/fields/StyleSetter/pro/Layout.vue_vue_type_script_setup_true_lang.js +28 -22
  23. package/dist/es/fields/StyleSetter/pro/Position.vue_vue_type_script_setup_true_lang.js +28 -22
  24. package/dist/es/fields/StyleSetter/pro/Transform.vue_vue_type_script_setup_true_lang.js +6 -3
  25. package/dist/es/fields/UISelect.js +0 -1
  26. package/dist/es/hooks/use-compare-form.js +119 -0
  27. package/dist/es/index.js +13 -8
  28. package/dist/es/layouts/CodeEditor.vue_vue_type_script_setup_true_lang.js +21 -6
  29. package/dist/es/layouts/Framework.vue_vue_type_script_setup_true_lang.js +9 -6
  30. package/dist/es/layouts/history-list/HistoryDiffDialog.vue_vue_type_script_setup_true_lang.js +4 -1
  31. package/dist/es/layouts/history-list/composables.js +1 -1
  32. package/dist/es/layouts/history-list/useHistoryRevert.js +7 -3
  33. package/dist/es/layouts/props-panel/FormPanel.vue_vue_type_script_setup_true_lang.js +44 -5
  34. package/dist/es/layouts/props-panel/PropsPanel.vue_vue_type_script_setup_true_lang.js +15 -8
  35. package/dist/es/layouts/props-panel/use-style-panel.js +3 -2
  36. package/dist/es/layouts/sidebar/Sidebar.vue_vue_type_script_setup_true_lang.js +15 -31
  37. package/dist/es/layouts/sidebar/code-block/CodeBlockListPanel.vue_vue_type_script_setup_true_lang.js +2 -2
  38. package/dist/es/layouts/sidebar/code-block/useContentMenu.js +18 -3
  39. package/dist/es/layouts/sidebar/data-source/DataSourceConfigPanel.vue_vue_type_script_setup_true_lang.js +4 -0
  40. package/dist/es/layouts/sidebar/data-source/DataSourceListPanel.vue_vue_type_script_setup_true_lang.js +2 -2
  41. package/dist/es/layouts/sidebar/data-source/useContentMenu.js +18 -3
  42. package/dist/es/layouts/sidebar/layer/LayerNodeContent.js +5 -0
  43. package/dist/es/layouts/sidebar/layer/LayerNodeContent.vue_vue_type_script_setup_true_lang.js +46 -0
  44. package/dist/es/layouts/sidebar/layer/LayerPanel.vue_vue_type_script_setup_true_lang.js +2 -1
  45. package/dist/es/layouts/workspace/viewer/NodeListMenu.vue_vue_type_script_setup_true_lang.js +8 -2
  46. package/dist/es/plugin.js +3 -1
  47. package/dist/es/services/codeBlock.js +1 -1
  48. package/dist/es/services/editor.js +104 -5
  49. package/dist/es/services/history.js +1 -1
  50. package/dist/es/services/props.js +3 -2
  51. package/dist/es/services/storage.js +2 -2
  52. package/dist/es/services/ui.js +3 -0
  53. package/dist/es/style.css +104 -55
  54. package/dist/es/utils/data-source/index.js +30 -11
  55. package/dist/es/utils/event.js +123 -0
  56. package/dist/es/utils/monaco-editor.js +22 -6
  57. package/dist/es/utils/props.js +119 -8
  58. package/dist/es/utils/type-match-rules.js +360 -0
  59. package/dist/style.css +104 -55
  60. package/dist/tmagic-editor.umd.cjs +16996 -15806
  61. package/package.json +8 -8
  62. package/src/Editor.vue +3 -1
  63. package/src/components/CodeBlockEditor.vue +3 -0
  64. package/src/components/CompareForm.vue +16 -196
  65. package/src/components/FloatingBox.vue +77 -8
  66. package/src/components/ScrollBar.vue +0 -67
  67. package/src/components/ViewForm.vue +55 -0
  68. package/src/editorProps.ts +13 -0
  69. package/src/fields/CodeSelect.vue +4 -1
  70. package/src/fields/CondOpSelect.vue +2 -24
  71. package/src/fields/DataSourceFields.vue +5 -0
  72. package/src/fields/DataSourceInput.vue +7 -25
  73. package/src/fields/DataSourceMocks.vue +3 -0
  74. package/src/fields/DisplayConds.vue +14 -0
  75. package/src/fields/EventSelect.vue +84 -129
  76. package/src/fields/StyleSetter/Index.vue +2 -8
  77. package/src/fields/StyleSetter/pro/Background.vue +94 -55
  78. package/src/fields/StyleSetter/pro/Border.vue +9 -11
  79. package/src/fields/StyleSetter/pro/Font.vue +66 -64
  80. package/src/fields/StyleSetter/pro/Layout.vue +140 -138
  81. package/src/fields/StyleSetter/pro/Position.vue +69 -67
  82. package/src/fields/StyleSetter/pro/Transform.vue +23 -25
  83. package/src/fields/UISelect.vue +0 -12
  84. package/src/hooks/index.ts +1 -0
  85. package/src/hooks/use-compare-form.ts +187 -0
  86. package/src/index.ts +2 -0
  87. package/src/layouts/CodeEditor.vue +32 -6
  88. package/src/layouts/Framework.vue +7 -6
  89. package/src/layouts/history-list/HistoryDiffDialog.vue +11 -1
  90. package/src/layouts/history-list/useHistoryRevert.ts +4 -0
  91. package/src/layouts/props-panel/FormPanel.vue +66 -5
  92. package/src/layouts/props-panel/PropsPanel.vue +20 -6
  93. package/src/layouts/props-panel/use-style-panel.ts +4 -3
  94. package/src/layouts/sidebar/Sidebar.vue +2 -0
  95. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +4 -1
  96. package/src/layouts/sidebar/code-block/useContentMenu.ts +13 -1
  97. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +3 -0
  98. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +2 -2
  99. package/src/layouts/sidebar/data-source/useContentMenu.ts +13 -1
  100. package/src/layouts/sidebar/layer/LayerNodeContent.vue +57 -0
  101. package/src/layouts/sidebar/layer/LayerPanel.vue +4 -1
  102. package/src/layouts/workspace/viewer/NodeListMenu.vue +4 -1
  103. package/src/plugin.ts +3 -1
  104. package/src/services/editor.ts +168 -3
  105. package/src/services/ui.ts +6 -0
  106. package/src/theme/event.scss +8 -0
  107. package/src/theme/floating-box.scss +9 -1
  108. package/src/theme/layer-node-content.scss +14 -0
  109. package/src/theme/scroll-bar.scss +64 -0
  110. package/src/theme/theme.scss +3 -0
  111. package/src/theme/ui-select.scss +9 -0
  112. package/src/type.ts +105 -2
  113. package/src/utils/data-source/index.ts +30 -12
  114. package/src/utils/event.ts +224 -0
  115. package/src/utils/index.ts +2 -0
  116. package/src/utils/monaco-editor.ts +27 -0
  117. package/src/utils/props.ts +189 -2
  118. package/src/utils/type-match-rules.ts +678 -0
  119. package/types/index.d.ts +558 -213
package/dist/style.css CHANGED
@@ -1,55 +1,4 @@
1
- @charset "UTF-8";.m-editor-scroll-bar {
2
- position: absolute;
3
- background-color: transparent;
4
- opacity: 0.3;
5
- transition: background-color 0.2s linear, opacity 0.2s linear;
6
- }
7
- .m-editor-scroll-bar .m-editor-scroll-bar-thumb {
8
- background-color: #aaa;
9
- border-radius: 6px;
10
- position: absolute;
11
- }
12
- .m-editor-scroll-bar.horizontal {
13
- width: 100%;
14
- height: 15px;
15
- bottom: 0;
16
- }
17
- .m-editor-scroll-bar.horizontal .m-editor-scroll-bar-thumb {
18
- height: 6px;
19
- transition: background-color 0.2s linear, height 0.2s ease-in-out;
20
- bottom: 2px;
21
- }
22
- .m-editor-scroll-bar.vertical {
23
- height: 100%;
24
- width: 15px;
25
- right: 5px;
26
- }
27
- .m-editor-scroll-bar.vertical .m-editor-scroll-bar-thumb {
28
- width: 6px;
29
- transition: background-color 0.2s linear, width 0.2s ease-in-out;
30
- right: 2px;
31
- }
32
- .m-editor-scroll-bar:hover, .m-editor-scroll-bar:focus {
33
- background-color: #eee;
34
- opacity: 0.9;
35
- }
36
- .m-editor-scroll-bar:hover .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus .m-editor-scroll-bar-thumb {
37
- background-color: #999;
38
- }
39
- .m-editor-scroll-bar:hover.horizontal .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.horizontal .m-editor-scroll-bar-thumb {
40
- height: 11px;
41
- }
42
- .m-editor-scroll-bar:hover.vertical .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.vertical .m-editor-scroll-bar-thumb {
43
- width: 11px;
44
- }.m-fields-ui-select {
45
- cursor: pointer;
46
- }
47
- .m-fields-ui-select i {
48
- margin-right: 3px;
49
- }
50
- .m-fields-ui-select span {
51
- color: #2882e0;
52
- }
1
+ @charset "UTF-8";
53
2
  .tmagic-design-popper {
54
3
  min-width: 150px;
55
4
  line-height: 1.4;
@@ -115,6 +64,22 @@
115
64
  color: #999;
116
65
  }
117
66
 
67
+ .tmagic-table-sub-actions {
68
+ display: flex;
69
+ flex-direction: column;
70
+ gap: 4px;
71
+ align-items: flex-start;
72
+ }
73
+ .tmagic-table-sub-actions .sub-action-btn {
74
+ width: 100%;
75
+ }
76
+ .tmagic-table-sub-actions .tmagic-design-button + .tmagic-design-button {
77
+ margin-left: 0;
78
+ }
79
+ .tmagic-table-sub-actions .tmagic-design-button {
80
+ justify-content: flex-start;
81
+ }
82
+
118
83
  .tmagic-design-form-inline .m-form-container {
119
84
  display: inline-flex;
120
85
  }
@@ -139,7 +104,7 @@
139
104
  .m-form-dialog .m-dialog-body {
140
105
  padding: 0 20px;
141
106
  }
142
- .m-form-dialog .el-table .m-form-item .el-form-item {
107
+ .m-form-dialog .el-table .m-form-item .el-form-item:not(.is-error) {
143
108
  margin-bottom: 0;
144
109
  }
145
110
 
@@ -363,6 +328,10 @@ fieldset.m-fieldset .m-form-tip {
363
328
  width: 95vw !important;
364
329
  }
365
330
 
331
+ .el-form-item .m-fields-table .el-form-item.is-error {
332
+ margin-bottom: 18px;
333
+ }
334
+
366
335
  .m-fields-table {
367
336
  width: 100%;
368
337
  }
@@ -385,7 +354,7 @@ fieldset.m-fieldset .m-form-tip {
385
354
  .m-fields-table .el-table__expanded-cell .m-form-tip {
386
355
  margin-left: 80px;
387
356
  }
388
- .m-fields-table .el-form-item {
357
+ .m-fields-table .el-form-item:not(.is-error) {
389
358
  margin-bottom: 0;
390
359
  }
391
360
  .m-fields-table .tmagic-form-table-drag-target {
@@ -1808,6 +1777,10 @@ fieldset.m-fieldset .m-form-tip {
1808
1777
  margin-right: 5px;
1809
1778
  }
1810
1779
 
1780
+ .el-form-item .el-form-item.is-error {
1781
+ margin-bottom: 18px;
1782
+ }
1783
+
1811
1784
  .m-editor-layout {
1812
1785
  width: 100%;
1813
1786
  display: flex;
@@ -2020,13 +1993,21 @@ fieldset.m-fieldset .m-form-tip {
2020
1993
  .m-editor-float-box .m-editor-float-box-body {
2021
1994
  overflow: auto;
2022
1995
  flex: 1;
2023
- padding: 0 16px;
2024
1996
  }
2025
1997
 
2026
1998
  .m-editor-floating-box-moveable {
2027
1999
  opacity: 0;
2028
2000
  }
2029
2001
 
2002
+ .m-editor-float-box-drag-mask {
2003
+ position: fixed;
2004
+ top: 0;
2005
+ left: 0;
2006
+ width: 100%;
2007
+ height: 100%;
2008
+ background-color: transparent;
2009
+ }
2010
+
2030
2011
  .m-fields-page-fragment-select {
2031
2012
  width: 100%;
2032
2013
  }
@@ -2076,6 +2057,74 @@ fieldset.m-fieldset .m-form-tip {
2076
2057
  padding: 5px 8px;
2077
2058
  }
2078
2059
 
2060
+ .m-editor-scroll-bar {
2061
+ position: absolute;
2062
+ background-color: transparent;
2063
+ opacity: 0.3;
2064
+ transition: background-color 0.2s linear, opacity 0.2s linear;
2065
+ }
2066
+ .m-editor-scroll-bar .m-editor-scroll-bar-thumb {
2067
+ background-color: #aaa;
2068
+ border-radius: 6px;
2069
+ position: absolute;
2070
+ }
2071
+ .m-editor-scroll-bar.horizontal {
2072
+ width: 100%;
2073
+ height: 15px;
2074
+ bottom: 0;
2075
+ }
2076
+ .m-editor-scroll-bar.horizontal .m-editor-scroll-bar-thumb {
2077
+ height: 6px;
2078
+ transition: background-color 0.2s linear, height 0.2s ease-in-out;
2079
+ bottom: 2px;
2080
+ }
2081
+ .m-editor-scroll-bar.vertical {
2082
+ height: 100%;
2083
+ width: 15px;
2084
+ right: 5px;
2085
+ }
2086
+ .m-editor-scroll-bar.vertical .m-editor-scroll-bar-thumb {
2087
+ width: 6px;
2088
+ transition: background-color 0.2s linear, width 0.2s ease-in-out;
2089
+ right: 2px;
2090
+ }
2091
+ .m-editor-scroll-bar:hover, .m-editor-scroll-bar:focus {
2092
+ background-color: #eee;
2093
+ opacity: 0.9;
2094
+ }
2095
+ .m-editor-scroll-bar:hover .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus .m-editor-scroll-bar-thumb {
2096
+ background-color: #999;
2097
+ }
2098
+ .m-editor-scroll-bar:hover.horizontal .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.horizontal .m-editor-scroll-bar-thumb {
2099
+ height: 11px;
2100
+ }
2101
+ .m-editor-scroll-bar:hover.vertical .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.vertical .m-editor-scroll-bar-thumb {
2102
+ width: 11px;
2103
+ }
2104
+
2105
+ .m-fields-ui-select {
2106
+ cursor: pointer;
2107
+ }
2108
+ .m-fields-ui-select i {
2109
+ margin-right: 3px;
2110
+ }
2111
+ .m-fields-ui-select span {
2112
+ color: #2882e0;
2113
+ }
2114
+
2115
+ .m-editor-layer-node-content {
2116
+ display: inline-flex;
2117
+ align-items: center;
2118
+ }
2119
+ .m-editor-layer-node-content.is-invalid .m-editor-layer-node-label {
2120
+ color: var(--el-color-danger, #f56c6c);
2121
+ }
2122
+ .m-editor-layer-node-content .m-editor-layer-node-error-icon {
2123
+ margin-left: 4px;
2124
+ color: var(--el-color-danger, #f56c6c);
2125
+ cursor: help;
2126
+ }
2127
+
2079
2128
  .border-box-container {
2080
2129
  display: flex;
2081
2130
  }