@tmagic/editor 1.5.0-beta.14 → 1.5.0-beta.15

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 (42) hide show
  1. package/dist/style.css +61 -6
  2. package/dist/tmagic-editor.js +521 -242
  3. package/dist/tmagic-editor.umd.cjs +522 -243
  4. package/package.json +12 -10
  5. package/src/components/CodeBlockEditor.vue +11 -5
  6. package/src/components/CodeParams.vue +3 -3
  7. package/src/fields/Code.vue +1 -2
  8. package/src/fields/CodeSelect.vue +13 -11
  9. package/src/fields/CodeSelectCol.vue +32 -5
  10. package/src/fields/CondOpSelect.vue +5 -2
  11. package/src/fields/DataSourceFields.vue +31 -12
  12. package/src/fields/DataSourceMethods.vue +72 -14
  13. package/src/fields/DisplayConds.vue +8 -3
  14. package/src/fields/EventSelect.vue +25 -8
  15. package/src/fields/KeyValue.vue +15 -10
  16. package/src/hooks/index.ts +0 -1
  17. package/src/hooks/use-code-block-edit.ts +1 -1
  18. package/src/hooks/use-data-source-edit.ts +3 -2
  19. package/src/initService.ts +103 -24
  20. package/src/layouts/Framework.vue +0 -3
  21. package/src/layouts/PropsPanel.vue +3 -3
  22. package/src/layouts/page-bar/PageBar.vue +46 -3
  23. package/src/layouts/page-bar/PageBarScrollContainer.vue +49 -24
  24. package/src/layouts/page-bar/PageList.vue +4 -2
  25. package/src/layouts/sidebar/Sidebar.vue +3 -0
  26. package/src/layouts/sidebar/code-block/CodeBlockList.vue +6 -1
  27. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +7 -5
  28. package/src/layouts/sidebar/data-source/DataSourceList.vue +6 -1
  29. package/src/layouts/workspace/Workspace.vue +5 -2
  30. package/src/layouts/workspace/viewer/Stage.vue +12 -5
  31. package/src/services/dataSource.ts +12 -5
  32. package/src/services/dep.ts +49 -11
  33. package/src/services/editor.ts +26 -11
  34. package/src/theme/page-bar.scss +24 -9
  35. package/src/theme/search-input.scss +1 -0
  36. package/src/utils/data-source/formConfigs/http.ts +2 -0
  37. package/src/utils/data-source/index.ts +2 -2
  38. package/src/utils/editor.ts +94 -2
  39. package/src/utils/idle-task.ts +34 -3
  40. package/src/utils/props.ts +3 -3
  41. package/types/index.d.ts +803 -1169
  42. package/src/hooks/use-data-source-method.ts +0 -100
package/dist/style.css CHANGED
@@ -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;
@@ -704,10 +748,6 @@ fieldset.m-fieldset .m-form-tip {
704
748
  width: 100%;
705
749
  user-select: none;
706
750
  }
707
- .m-editor-page-bar-item-icon .icon-active {
708
- font-weight: bold;
709
- color: #2882e0;
710
- }
711
751
  .m-editor-page-list-item {
712
752
  display: flex;
713
753
  width: 100%;
@@ -756,12 +796,25 @@ fieldset.m-fieldset .m-form-tip {
756
796
  position: relative;
757
797
  z-index: 1;
758
798
  }
799
+ .m-editor-page-bar-item-icon .icon-active {
800
+ font-weight: bold;
801
+ color: #2882e0;
802
+ }
759
803
  .m-editor-page-bar-item-title {
760
804
  max-width: 150px;
761
805
  text-overflow: ellipsis;
762
806
  white-space: nowrap;
763
807
  overflow: hidden;
764
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
+ }
765
818
  .page-bar-popover.tmagic-design-popper {
766
819
  padding: 4px 0;
767
820
  }
@@ -770,13 +823,15 @@ fieldset.m-fieldset .m-form-tip {
770
823
  transition: all 0.2s ease 0s;
771
824
  padding: 5px 14px;
772
825
  }
773
- .page-bar-popover .menu-item .el-button--text,
774
- .page-bar-popover .menu-item i {
826
+ .page-bar-popover .menu-item .tmagic-design-button {
775
827
  color: #313a40;
776
828
  }
777
829
  .page-bar-popover .menu-item:hover {
778
830
  background-color: #f3f5f9;
779
831
  }
832
+ .page-bar-popover .menu-item.active .tmagic-design-button {
833
+ color: #2882e0;
834
+ }
780
835
  .m-editor-page-bar-search-panel {
781
836
  position: absolute;
782
837
  bottom: 32px;