@tmagic/editor 1.3.0-alpha.21 → 1.3.0-alpha.23

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 (21) hide show
  1. package/dist/style.css +28 -103
  2. package/dist/tmagic-editor.js +230 -171
  3. package/dist/tmagic-editor.js.map +1 -1
  4. package/dist/tmagic-editor.umd.cjs +229 -170
  5. package/dist/tmagic-editor.umd.cjs.map +1 -1
  6. package/package.json +10 -10
  7. package/src/fields/DataSourceFields.vue +9 -2
  8. package/src/fields/DataSourceInput.vue +4 -1
  9. package/src/layouts/sidebar/Sidebar.vue +20 -26
  10. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +1 -0
  11. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +40 -6
  12. package/src/services/dataSource.ts +1 -1
  13. package/src/services/editor.ts +43 -15
  14. package/src/theme/data-source.scss +11 -0
  15. package/src/theme/sidebar.scss +18 -60
  16. package/src/utils/data-source/formConfigs/base.ts +2 -9
  17. package/src/utils/data-source/index.ts +8 -14
  18. package/types/fields/DataSourceFields.vue.d.ts +1 -1
  19. package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +1 -0
  20. package/types/utils/data-source/formConfigs/base.d.ts +1 -2
  21. package/types/utils/data-source/index.d.ts +1 -2
package/dist/style.css CHANGED
@@ -185,133 +185,55 @@
185
185
  border-color: #2882e0;
186
186
  color: #2882e0;
187
187
  }
188
- .m-editor-sidebar.tmagic-design-tabs {
188
+ .m-editor-sidebar {
189
+ display: flex;
189
190
  height: 100%;
190
191
  }
191
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header,
192
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header {
192
+ .m-editor-sidebar .m-editor-sidebar-header {
193
193
  background: #2882e0;
194
- border: 0;
195
194
  height: 100%;
196
- }
197
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav--card,
198
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav--card {
199
- background-color: transparent;
200
- }
201
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover,
202
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav--card.t-tabs__nav-item:not(.t-is-disabled):not(.t-is-active):hover {
203
- background-color: transparent;
204
- }
205
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header.is-left, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header.t-is-left,
206
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header.is-left,
207
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header.t-is-left {
208
195
  width: 40px;
209
- margin-right: 0;
210
196
  }
211
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__nav-wrap,
212
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__nav-wrap {
213
- margin: 0;
214
- }
215
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__nav,
216
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__nav {
217
- border: 0;
218
- border-radius: 0;
219
- }
220
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .tab-label,
221
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .tab-label {
222
- margin-left: 2px;
223
- }
224
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left,
225
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item,
226
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left,
227
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item {
197
+ .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item {
228
198
  line-height: 15px;
229
- border: 0;
230
199
  height: auto;
231
200
  padding: 8px;
232
201
  color: white;
233
202
  box-sizing: border-box;
203
+ cursor: pointer;
234
204
  }
235
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.is-left.is-active, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.is-left.t-is-active, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.t-is-left.is-active, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.t-is-left.t-is-active,
236
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.is-left.is-active,
237
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.is-left.t-is-active,
238
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.t-is-left.is-active,
239
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.t-is-left.t-is-active,
240
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.is-left.is-active,
241
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.is-left.t-is-active,
242
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.t-is-left.is-active,
243
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.t-is-left.t-is-active,
244
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.is-left.is-active,
245
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.is-left.t-is-active,
246
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.t-is-left.is-active,
247
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.t-is-left.t-is-active {
205
+ .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active {
248
206
  background: #ffffff;
249
- border: 0;
250
- }
251
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.is-left.is-active i, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.is-left.t-is-active i, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.t-is-left.is-active i, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.t-is-left.t-is-active i,
252
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.is-left.is-active i,
253
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.is-left.t-is-active i,
254
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.t-is-left.is-active i,
255
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.t-is-left.t-is-active i,
256
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.is-left.is-active i,
257
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.is-left.t-is-active i,
258
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.t-is-left.is-active i,
259
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.t-is-left.t-is-active i,
260
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.is-left.is-active i,
261
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.is-left.t-is-active i,
262
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.t-is-left.is-active i,
263
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.t-is-left.t-is-active i {
264
- color: #353140;
265
207
  }
266
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.is-left.is-active .magic-editor-tab-panel-title, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.is-left.t-is-active .magic-editor-tab-panel-title, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.t-is-left.is-active .magic-editor-tab-panel-title, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.t-is-left.t-is-active .magic-editor-tab-panel-title,
267
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.is-left.is-active .magic-editor-tab-panel-title,
268
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.is-left.t-is-active .magic-editor-tab-panel-title,
269
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.t-is-left.is-active .magic-editor-tab-panel-title,
270
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.t-is-left.t-is-active .magic-editor-tab-panel-title,
271
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.is-left.is-active .magic-editor-tab-panel-title,
272
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.is-left.t-is-active .magic-editor-tab-panel-title,
273
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.t-is-left.is-active .magic-editor-tab-panel-title,
274
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.t-is-left.t-is-active .magic-editor-tab-panel-title,
275
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.is-left.is-active .magic-editor-tab-panel-title,
276
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.is-left.t-is-active .magic-editor-tab-panel-title,
277
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.t-is-left.is-active .magic-editor-tab-panel-title,
278
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.t-is-left.t-is-active .magic-editor-tab-panel-title {
208
+ .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active i {
279
209
  color: #353140;
280
210
  }
281
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.is-left:first-child, .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .el-tabs__item.is-left.t-is-left:first-child,
282
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.is-left:first-child,
283
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item.t-is-left:first-child,
284
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.is-left:first-child,
285
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .el-tabs__item.is-left.t-is-left:first-child,
286
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.is-left:first-child,
287
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item.t-is-left:first-child {
288
- border-right: 0;
289
- }
290
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .t-tabs__nav-item,
291
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .t-tabs__nav-item {
292
- padding: 7px;
211
+ .m-editor-sidebar .m-editor-sidebar-header .m-editor-sidebar-header-item.is-active .magic-editor-tab-panel-title {
212
+ color: #353140;
293
213
  }
294
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header i,
295
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header i {
214
+ .m-editor-sidebar .m-editor-sidebar-header i {
296
215
  font-size: 25px;
297
216
  color: rgba(255, 255, 255, 0.6);
298
217
  }
299
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header i:hover,
300
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header i:hover {
218
+ .m-editor-sidebar .m-editor-sidebar-header i:hover {
301
219
  color: white;
302
220
  }
303
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__header .magic-editor-tab-panel-title,
304
- .m-editor-sidebar.tmagic-design-tabs .t-tabs__header .magic-editor-tab-panel-title {
221
+ .m-editor-sidebar .m-editor-sidebar-header .magic-editor-tab-panel-title {
305
222
  font-size: 12px;
306
223
  white-space: normal;
307
224
  }
308
- .m-editor-sidebar.tmagic-design-tabs .el-scrollbar {
225
+ .m-editor-sidebar .m-editor-sidebar-content {
226
+ height: 100%;
227
+ width: calc(100% - 40px);
228
+ overflow: auto;
229
+ }
230
+ .m-editor-sidebar .el-scrollbar {
309
231
  height: 100%;
310
232
  }
311
- .m-editor-sidebar.tmagic-design-tabs .el-tree {
233
+ .m-editor-sidebar .el-tree {
312
234
  min-height: 100%;
313
235
  }
314
- .m-editor-sidebar.tmagic-design-tabs .fold-icon {
236
+ .m-editor-sidebar .fold-icon {
315
237
  position: absolute;
316
238
  bottom: 8px;
317
239
  left: 0px;
@@ -322,13 +244,9 @@
322
244
  opacity: 0.8;
323
245
  cursor: pointer;
324
246
  }
325
- .m-editor-sidebar.tmagic-design-tabs .fold-icon:hover {
247
+ .m-editor-sidebar .fold-icon:hover {
326
248
  background: rgba(0, 0, 0, 0.2);
327
249
  }
328
- .m-editor-sidebar.tmagic-design-tabs .el-tabs__content,
329
- .m-editor-sidebar.tmagic-design-tabs .el-tab-pane {
330
- height: 100%;
331
- }
332
250
  .magic-editor-layer-panel {
333
251
  background: #ffffff;
334
252
  }
@@ -860,6 +778,13 @@
860
778
  height: 22px;
861
779
  margin-right: 5px;
862
780
  }
781
+ .data-source-list-panel-add-menu .tmagic-design-button {
782
+ width: 100%;
783
+ text-align: left;
784
+ }
785
+ .data-source-list-panel-add-menu .tmagic-design-button span {
786
+ width: 100%;
787
+ }
863
788
  .m-editor-data-source-fields {
864
789
  width: 100%;
865
790
  }