@tmagic/editor 1.5.0-beta.8 → 1.5.0
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.
- package/dist/style.css +75 -16
- package/dist/tmagic-editor.js +797 -518
- package/dist/tmagic-editor.umd.cjs +802 -525
- package/package.json +13 -10
- package/src/Editor.vue +6 -1
- package/src/components/CodeBlockEditor.vue +11 -5
- package/src/components/CodeParams.vue +3 -3
- package/src/editorProps.ts +3 -1
- package/src/fields/Code.vue +1 -2
- package/src/fields/CodeSelect.vue +13 -11
- package/src/fields/CodeSelectCol.vue +32 -5
- package/src/fields/CondOpSelect.vue +5 -2
- package/src/fields/DataSourceFields.vue +31 -12
- package/src/fields/DataSourceMethods.vue +72 -14
- package/src/fields/DisplayConds.vue +8 -3
- package/src/fields/EventSelect.vue +28 -11
- package/src/fields/KeyValue.vue +15 -10
- package/src/fields/UISelect.vue +6 -3
- package/src/hooks/index.ts +0 -1
- package/src/hooks/use-code-block-edit.ts +1 -1
- package/src/hooks/use-data-source-edit.ts +3 -2
- package/src/hooks/use-filter.ts +1 -1
- package/src/hooks/use-node-status.ts +2 -2
- package/src/initService.ts +177 -74
- package/src/layouts/Framework.vue +8 -4
- package/src/layouts/PropsPanel.vue +3 -3
- package/src/layouts/page-bar/AddButton.vue +29 -9
- package/src/layouts/page-bar/PageBar.vue +78 -65
- package/src/layouts/page-bar/PageBarScrollContainer.vue +82 -96
- package/src/layouts/page-bar/PageList.vue +5 -3
- package/src/layouts/page-bar/Search.vue +67 -0
- package/src/layouts/sidebar/Sidebar.vue +3 -0
- package/src/layouts/sidebar/code-block/CodeBlockList.vue +6 -1
- package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +7 -5
- package/src/layouts/sidebar/data-source/DataSourceList.vue +6 -1
- package/src/layouts/sidebar/layer/use-node-status.ts +2 -3
- package/src/layouts/workspace/Workspace.vue +5 -2
- package/src/layouts/workspace/viewer/Stage.vue +23 -5
- package/src/services/dataSource.ts +12 -5
- package/src/services/dep.ts +61 -13
- package/src/services/editor.ts +46 -51
- package/src/theme/page-bar.scss +38 -16
- package/src/theme/search-input.scss +1 -0
- package/src/type.ts +2 -1
- package/src/utils/data-source/formConfigs/http.ts +2 -0
- package/src/utils/data-source/index.ts +2 -2
- package/src/utils/editor.ts +78 -22
- package/src/utils/idle-task.ts +36 -4
- package/src/utils/props.ts +3 -3
- package/types/index.d.ts +835 -1169
- package/src/hooks/use-data-source-method.ts +0 -100
- package/src/layouts/page-bar/SwitchTypeButton.vue +0 -45
package/dist/style.css
CHANGED
|
@@ -148,10 +148,10 @@
|
|
|
148
148
|
.m-form .el-tabs {
|
|
149
149
|
margin-bottom: 10px;
|
|
150
150
|
}
|
|
151
|
-
.m-form .el-form-item.hidden > .el-form-item__label {
|
|
151
|
+
.m-form .el-form-item.tmagic-form-hidden > .el-form-item__label {
|
|
152
152
|
display: none;
|
|
153
153
|
}
|
|
154
|
-
.m-form .t-form__item.hidden > .t-form__label {
|
|
154
|
+
.m-form .t-form__item.tmagic-form-hidden > .t-form__label {
|
|
155
155
|
display: none;
|
|
156
156
|
}
|
|
157
157
|
.magic-datetime-picker-popper .el-picker-panel__footer button:first-child {
|
|
@@ -163,6 +163,49 @@
|
|
|
163
163
|
width: 100%;
|
|
164
164
|
line-height: 1.4;
|
|
165
165
|
}
|
|
166
|
+
.tmagic-form-text-popper {
|
|
167
|
+
min-width: 150px;
|
|
168
|
+
line-height: 1.4;
|
|
169
|
+
background-color: #fff;
|
|
170
|
+
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
|
|
171
|
+
color: #606266;
|
|
172
|
+
border: 1px solid #e4e7ed;
|
|
173
|
+
border-radius: 4px;
|
|
174
|
+
font-size: 14px;
|
|
175
|
+
overflow-wrap: break-word;
|
|
176
|
+
box-sizing: border-box;
|
|
177
|
+
padding: 10px;
|
|
178
|
+
}
|
|
179
|
+
.tmagic-form-text-popper:focus {
|
|
180
|
+
outline: none;
|
|
181
|
+
}
|
|
182
|
+
.tmagic-form-text-popper[data-popper-placement^=top] > .tmagic-form-text-popper-arrow {
|
|
183
|
+
bottom: -4px;
|
|
184
|
+
}
|
|
185
|
+
.tmagic-form-text-popper[data-popper-placement^=bottom] > .tmagic-form-text-popper-arrow {
|
|
186
|
+
top: -4px;
|
|
187
|
+
}
|
|
188
|
+
.tmagic-form-text-popper[data-popper-placement^=left] > .tmagic-form-text-popper-arrow {
|
|
189
|
+
right: -4px;
|
|
190
|
+
}
|
|
191
|
+
.tmagic-form-text-popper[data-popper-placement^=right] > .tmagic-form-text-popper-arrow {
|
|
192
|
+
left: -4px;
|
|
193
|
+
}
|
|
194
|
+
.tmagic-form-text-popper-arrow,
|
|
195
|
+
.tmagic-form-text-popper-arrow::before {
|
|
196
|
+
position: absolute;
|
|
197
|
+
width: 8px;
|
|
198
|
+
height: 8px;
|
|
199
|
+
background: inherit;
|
|
200
|
+
}
|
|
201
|
+
.tmagic-form-text-popper-arrow {
|
|
202
|
+
visibility: hidden;
|
|
203
|
+
}
|
|
204
|
+
.tmagic-form-text-popper-arrow::before {
|
|
205
|
+
visibility: visible;
|
|
206
|
+
content: "";
|
|
207
|
+
transform: rotate(45deg);
|
|
208
|
+
}
|
|
166
209
|
div.m-fields-link {
|
|
167
210
|
width: fit-content;
|
|
168
211
|
}
|
|
@@ -330,6 +373,7 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
330
373
|
left: 0;
|
|
331
374
|
box-sizing: border-box;
|
|
332
375
|
z-index: 1;
|
|
376
|
+
background: transparent;
|
|
333
377
|
}
|
|
334
378
|
.tmagic-design-input.search-input .el-input__prefix {
|
|
335
379
|
padding: 7px;
|
|
@@ -702,18 +746,7 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
702
746
|
bottom: 0;
|
|
703
747
|
left: 0;
|
|
704
748
|
width: 100%;
|
|
705
|
-
|
|
706
|
-
.m-editor-page-bar-tabs .tmagic-design-button.m-editor-page-bar-switch-type-button {
|
|
707
|
-
margin-left: 10px;
|
|
708
|
-
position: relative;
|
|
709
|
-
top: 1px;
|
|
710
|
-
border-radius: 3px 3px 0 0;
|
|
711
|
-
border: 1px solid #d9dbdd;
|
|
712
|
-
border-bottom: 1px solid transparent;
|
|
713
|
-
padding: 5px 10px;
|
|
714
|
-
}
|
|
715
|
-
.m-editor-page-bar-tabs .tmagic-design-button.m-editor-page-bar-switch-type-button.active {
|
|
716
|
-
background-color: #f3f3f3;
|
|
749
|
+
user-select: none;
|
|
717
750
|
}
|
|
718
751
|
.m-editor-page-list-item {
|
|
719
752
|
display: flex;
|
|
@@ -763,12 +796,25 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
763
796
|
position: relative;
|
|
764
797
|
z-index: 1;
|
|
765
798
|
}
|
|
799
|
+
.m-editor-page-bar-item-icon .icon-active {
|
|
800
|
+
font-weight: bold;
|
|
801
|
+
color: #2882e0;
|
|
802
|
+
}
|
|
766
803
|
.m-editor-page-bar-item-title {
|
|
767
804
|
max-width: 150px;
|
|
768
805
|
text-overflow: ellipsis;
|
|
769
806
|
white-space: nowrap;
|
|
770
807
|
overflow: hidden;
|
|
771
808
|
}
|
|
809
|
+
.m-editor-page-bar-item-left-icon, .m-editor-page-bar-item-right-icon {
|
|
810
|
+
position: absolute;
|
|
811
|
+
right: 0;
|
|
812
|
+
top: 0;
|
|
813
|
+
height: 100%;
|
|
814
|
+
}
|
|
815
|
+
.m-editor-page-bar-item-left-icon {
|
|
816
|
+
right: 34px;
|
|
817
|
+
}
|
|
772
818
|
.page-bar-popover.tmagic-design-popper {
|
|
773
819
|
padding: 4px 0;
|
|
774
820
|
}
|
|
@@ -777,13 +823,26 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
777
823
|
transition: all 0.2s ease 0s;
|
|
778
824
|
padding: 5px 14px;
|
|
779
825
|
}
|
|
780
|
-
.page-bar-popover .menu-item .
|
|
781
|
-
.page-bar-popover .menu-item i {
|
|
826
|
+
.page-bar-popover .menu-item .tmagic-design-button {
|
|
782
827
|
color: #313a40;
|
|
783
828
|
}
|
|
784
829
|
.page-bar-popover .menu-item:hover {
|
|
785
830
|
background-color: #f3f5f9;
|
|
786
831
|
}
|
|
832
|
+
.page-bar-popover .menu-item.active .tmagic-design-button {
|
|
833
|
+
color: #2882e0;
|
|
834
|
+
}
|
|
835
|
+
.m-editor-page-bar-search-panel {
|
|
836
|
+
position: absolute;
|
|
837
|
+
bottom: 32px;
|
|
838
|
+
border: 1px solid #d9dbdd;
|
|
839
|
+
padding: 6px 10px;
|
|
840
|
+
width: 100%;
|
|
841
|
+
box-sizing: border-box;
|
|
842
|
+
}
|
|
843
|
+
.m-editor-page-bar-search-panel .tmagic-design-form-item {
|
|
844
|
+
margin-bottom: 0;
|
|
845
|
+
}
|
|
787
846
|
.m-editor-props-panel {
|
|
788
847
|
padding: 0 10px 50px 10px;
|
|
789
848
|
}
|