@tmagic/editor 1.4.0-beta.2 → 1.4.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 +8 -20
- package/dist/tmagic-editor.js +829 -742
- package/dist/tmagic-editor.umd.cjs +832 -745
- package/package.json +11 -11
- package/src/components/CodeBlockEditor.vue +50 -73
- package/src/components/FloatingBox.vue +24 -9
- package/src/fields/DataSourceFieldSelect.vue +2 -1
- package/src/fields/DataSourceFields.vue +55 -30
- package/src/fields/DataSourceInput.vue +6 -2
- package/src/fields/DataSourceMocks.vue +35 -17
- package/src/hooks/use-editor-content-height.ts +1 -1
- package/src/hooks/use-float-box.ts +14 -8
- package/src/hooks/use-next-float-box-position.ts +29 -0
- package/src/layouts/CodeEditor.vue +3 -6
- package/src/layouts/PropsPanel.vue +4 -2
- package/src/layouts/sidebar/Sidebar.vue +7 -10
- package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +1 -3
- package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +36 -22
- package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +1 -6
- package/src/layouts/workspace/viewer/StageOverlay.vue +3 -1
- package/src/theme/code-block.scss +0 -14
- package/src/theme/component-list-panel.scss +0 -1
- package/src/theme/icon.scss +7 -1
- package/src/theme/layer-panel.scss +0 -1
- package/src/theme/sidebar.scss +0 -7
- package/src/type.ts +0 -6
- package/types/components/CodeBlockEditor.vue.d.ts +0 -7
- package/types/fields/DataSourceFields.vue.d.ts +84 -28
- package/types/fields/DataSourceMocks.vue.d.ts +80 -28
- package/types/hooks/use-code-block-edit.d.ts +0 -9
- package/types/hooks/use-data-source-method.d.ts +0 -9
- package/types/hooks/use-next-float-box-position.d.ts +9 -0
- package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +1 -3
- package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +34 -22
- package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +2 -15
- package/types/type.d.ts +0 -5
package/dist/style.css
CHANGED
|
@@ -228,9 +228,6 @@
|
|
|
228
228
|
width: calc(100% - 40px);
|
|
229
229
|
overflow: auto;
|
|
230
230
|
}
|
|
231
|
-
.m-editor-sidebar .tmagic-design-scrollbar {
|
|
232
|
-
height: 100%;
|
|
233
|
-
}
|
|
234
231
|
.m-editor-sidebar .fold-icon {
|
|
235
232
|
position: absolute;
|
|
236
233
|
bottom: 8px;
|
|
@@ -245,11 +242,6 @@
|
|
|
245
242
|
.m-editor-sidebar .fold-icon:hover {
|
|
246
243
|
background: rgba(0, 0, 0, 0.2);
|
|
247
244
|
}
|
|
248
|
-
.m-editor-slide-list-box {
|
|
249
|
-
display: flex;
|
|
250
|
-
min-width: 240px;
|
|
251
|
-
min-height: 500px;
|
|
252
|
-
}
|
|
253
245
|
.m-editor-slide-list-box > div:first-child {
|
|
254
246
|
min-width: 240px;
|
|
255
247
|
}
|
|
@@ -258,7 +250,6 @@
|
|
|
258
250
|
}
|
|
259
251
|
.m-editor-layer-panel {
|
|
260
252
|
background: #ffffff;
|
|
261
|
-
position: relative;
|
|
262
253
|
}
|
|
263
254
|
.m-editor-layer-panel .m-editor-tree {
|
|
264
255
|
padding-top: 48px;
|
|
@@ -280,7 +271,6 @@
|
|
|
280
271
|
margin-right: 10px;
|
|
281
272
|
}
|
|
282
273
|
.ui-component-panel.tmagic-design-collapse {
|
|
283
|
-
height: 100%;
|
|
284
274
|
border-top: 0 !important;
|
|
285
275
|
margin-top: 48px;
|
|
286
276
|
background-color: #ffffff;
|
|
@@ -705,25 +695,23 @@
|
|
|
705
695
|
right: 0;
|
|
706
696
|
z-index: 11;
|
|
707
697
|
}
|
|
708
|
-
.
|
|
698
|
+
.tmagic-design-icon {
|
|
699
|
+
--color: inherit;
|
|
700
|
+
height: 1em;
|
|
701
|
+
width: 1em;
|
|
702
|
+
position: relative;
|
|
703
|
+
fill: currentColor;
|
|
704
|
+
}
|
|
705
|
+
.tmagic-design-icon img {
|
|
709
706
|
max-width: 100%;
|
|
710
707
|
max-height: 100%;
|
|
711
708
|
}
|
|
712
|
-
.m-editor-code-block-list {
|
|
713
|
-
height: 100%;
|
|
714
|
-
}
|
|
715
709
|
.m-fields-code-select {
|
|
716
710
|
width: 100%;
|
|
717
711
|
}
|
|
718
712
|
.m-fields-code-select .el-card__header {
|
|
719
713
|
display: none;
|
|
720
714
|
}
|
|
721
|
-
.m-editor-code-block-editor .tmagic-design-table {
|
|
722
|
-
height: 180px;
|
|
723
|
-
}
|
|
724
|
-
.m-editor-code-block-editor .el-drawer__body {
|
|
725
|
-
padding: 10px 20px;
|
|
726
|
-
}
|
|
727
715
|
.m-fields-event-select {
|
|
728
716
|
width: 100%;
|
|
729
717
|
}
|