@tmagic/editor 1.4.0-beta.1 → 1.4.0-beta.2
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 +14 -6
- package/dist/tmagic-editor.js +259 -167
- package/dist/tmagic-editor.umd.cjs +258 -164
- package/package.json +11 -11
- package/src/components/CodeBlockEditor.vue +43 -46
- package/src/components/FloatingBox.vue +38 -33
- package/src/components/SplitView.vue +46 -35
- package/src/hooks/index.ts +2 -0
- package/src/hooks/use-code-block-edit.ts +1 -1
- package/src/hooks/use-editor-content-height.ts +20 -0
- package/src/hooks/use-float-box.ts +8 -8
- package/src/hooks/use-window-rect.ts +20 -0
- package/src/layouts/Framework.vue +33 -34
- package/src/layouts/PropsPanel.vue +35 -0
- package/src/layouts/sidebar/Sidebar.vue +13 -8
- package/src/layouts/workspace/viewer/NodeListMenu.vue +1 -0
- package/src/services/stageOverlay.ts +2 -2
- package/src/services/ui.ts +6 -0
- package/src/theme/code-block.scss +0 -5
- package/src/theme/floating-box.scss +2 -2
- package/src/theme/props-panel.scss +14 -0
- package/src/type.ts +6 -0
- package/types/components/CodeBlockEditor.vue.d.ts +45 -24
- package/types/components/FloatingBox.vue.d.ts +42 -57
- package/types/components/SplitView.vue.d.ts +2 -0
- package/types/hooks/index.d.ts +2 -0
- package/types/hooks/use-code-block-edit.d.ts +16 -2
- package/types/hooks/use-data-source-method.d.ts +16 -2
- package/types/hooks/use-editor-content-height.d.ts +3 -0
- package/types/hooks/use-window-rect.d.ts +6 -0
- package/types/layouts/sidebar/Sidebar.vue.d.ts +1 -1
- package/types/services/stageOverlay.d.ts +1 -1
- package/types/services/ui.d.ts +6 -0
- package/types/type.d.ts +6 -0
package/dist/style.css
CHANGED
|
@@ -512,6 +512,18 @@
|
|
|
512
512
|
.m-editor-props-panel {
|
|
513
513
|
padding: 0 10px;
|
|
514
514
|
}
|
|
515
|
+
.m-editor-props-panel .m-editor-props-panel-src-icon {
|
|
516
|
+
position: absolute;
|
|
517
|
+
right: 15px;
|
|
518
|
+
bottom: 15px;
|
|
519
|
+
z-index: 30;
|
|
520
|
+
}
|
|
521
|
+
.m-editor-props-panel .magic-code-editor {
|
|
522
|
+
position: absolute;
|
|
523
|
+
left: 0;
|
|
524
|
+
top: 0;
|
|
525
|
+
z-index: 10;
|
|
526
|
+
}
|
|
515
527
|
.m-editor-props-panel.small .el-form-item__label {
|
|
516
528
|
font-size: 12px;
|
|
517
529
|
}
|
|
@@ -712,10 +724,6 @@
|
|
|
712
724
|
.m-editor-code-block-editor .el-drawer__body {
|
|
713
725
|
padding: 10px 20px;
|
|
714
726
|
}
|
|
715
|
-
.m-editor-code-block-editor.m-form-box {
|
|
716
|
-
width: 100%;
|
|
717
|
-
min-width: 872px;
|
|
718
|
-
}
|
|
719
727
|
.m-fields-event-select {
|
|
720
728
|
width: 100%;
|
|
721
729
|
}
|
|
@@ -925,9 +933,9 @@
|
|
|
925
933
|
border-bottom: 1px solid #d9dbdd;
|
|
926
934
|
}
|
|
927
935
|
.m-editor-float-box .m-editor-float-box-body {
|
|
928
|
-
padding: 5px;
|
|
929
|
-
flex: 1;
|
|
930
936
|
overflow: auto;
|
|
937
|
+
flex: 1;
|
|
938
|
+
padding: 0 16px;
|
|
931
939
|
}
|
|
932
940
|
.m-editor-floating-box-moveable {
|
|
933
941
|
opacity: 0;
|