@tmagic/editor 1.2.0-beta.11 → 1.2.0-beta.13
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 -17
- package/dist/tmagic-editor.mjs +709 -562
- package/dist/tmagic-editor.mjs.map +1 -1
- package/dist/tmagic-editor.umd.js +715 -567
- package/dist/tmagic-editor.umd.js.map +1 -1
- package/package.json +9 -9
- package/src/Editor.vue +1 -0
- package/src/components/CodeDraftEditor.vue +130 -0
- package/src/components/FunctionEditor.vue +144 -0
- package/src/fields/CodeSelect.vue +80 -101
- package/src/layouts/CodeEditor.vue +1 -2
- package/src/layouts/sidebar/LayerPanel.vue +99 -86
- package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +23 -79
- package/src/layouts/sidebar/code-block/CodeBlockList.vue +37 -71
- package/src/services/codeBlock.ts +111 -120
- package/src/services/editor.ts +19 -5
- package/src/theme/code-block.scss +14 -17
- package/src/type.ts +36 -38
- package/src/utils/editor.ts +9 -1
- package/src/utils/props.ts +2 -2
- package/types/components/CodeDraftEditor.vue.d.ts +148 -0
- package/types/components/FunctionEditor.vue.d.ts +120 -0
- package/types/fields/CodeSelect.vue.d.ts +9 -9
- package/types/layouts/CodeEditor.vue.d.ts +5 -12
- package/types/layouts/sidebar/code-block/CodeBlockEditor.vue.d.ts +1 -1
- package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +6 -5
- package/types/services/codeBlock.d.ts +55 -35
- package/types/services/editor.d.ts +1 -0
- package/types/services/props.d.ts +1 -1
- package/types/type.d.ts +32 -35
- package/types/utils/editor.d.ts +1 -0
- package/types/utils/props.d.ts +1 -1
package/dist/style.css
CHANGED
|
@@ -623,6 +623,9 @@
|
|
|
623
623
|
.m-editor-code-block-list .el-tree-node__content {
|
|
624
624
|
height: auto;
|
|
625
625
|
}
|
|
626
|
+
.m-editor-code-block-list .el-tree-node__label {
|
|
627
|
+
width: 100%;
|
|
628
|
+
}
|
|
626
629
|
.m-editor-code-block-list .code-header-wrapper {
|
|
627
630
|
display: flex;
|
|
628
631
|
align-items: center;
|
|
@@ -691,19 +694,6 @@
|
|
|
691
694
|
.m-fields-code-select {
|
|
692
695
|
width: 100%;
|
|
693
696
|
}
|
|
694
|
-
.m-fields-code-select .el-card__body {
|
|
695
|
-
padding: 5px;
|
|
696
|
-
}
|
|
697
|
-
.m-fields-code-select .tool-bar {
|
|
698
|
-
display: flex;
|
|
699
|
-
align-items: center;
|
|
700
|
-
justify-content: end;
|
|
701
|
-
height: 20px;
|
|
702
|
-
}
|
|
703
|
-
.m-fields-code-select .tool-bar .tool-item {
|
|
704
|
-
display: flex;
|
|
705
|
-
align-items: center;
|
|
706
|
-
}
|
|
707
697
|
.code-editor-dialog .el-dialog__body {
|
|
708
698
|
height: 90%;
|
|
709
699
|
padding-top: 10px;
|
|
@@ -713,7 +703,7 @@
|
|
|
713
703
|
background: #fff;
|
|
714
704
|
}
|
|
715
705
|
.code-editor-dialog .el-card .el-card__body {
|
|
716
|
-
height:
|
|
706
|
+
height: 100%;
|
|
717
707
|
background: #fff;
|
|
718
708
|
}
|
|
719
709
|
.code-editor-dialog .code-editor-layout {
|
|
@@ -724,6 +714,9 @@
|
|
|
724
714
|
height: 100%;
|
|
725
715
|
overflow: auto;
|
|
726
716
|
}
|
|
717
|
+
.code-editor-dialog .code-editor-layout .side-tree .el-tree-node__label {
|
|
718
|
+
width: 100%;
|
|
719
|
+
}
|
|
727
720
|
.code-editor-dialog .code-editor-layout .side-tree .list-container {
|
|
728
721
|
width: 100%;
|
|
729
722
|
overflow: hidden;
|
|
@@ -745,6 +738,7 @@
|
|
|
745
738
|
display: flex;
|
|
746
739
|
align-items: center;
|
|
747
740
|
font-size: 16px;
|
|
741
|
+
margin-bottom: 10px;
|
|
748
742
|
}
|
|
749
743
|
.code-editor-dialog .code-name-wrapper .code-name-label {
|
|
750
744
|
margin-right: 10px;
|
|
@@ -764,7 +758,7 @@
|
|
|
764
758
|
position: absolute;
|
|
765
759
|
top: 0;
|
|
766
760
|
left: 4px;
|
|
767
|
-
width:
|
|
761
|
+
width: 100%;
|
|
768
762
|
height: 100%;
|
|
769
763
|
z-index: 10;
|
|
770
764
|
background: #fff;
|
|
@@ -776,14 +770,17 @@
|
|
|
776
770
|
height: 100%;
|
|
777
771
|
}
|
|
778
772
|
.code-editor-dialog .m-editor-wrapper .m-editor-container {
|
|
779
|
-
height: calc(100% -
|
|
773
|
+
height: calc(100% - 65px);
|
|
780
774
|
}
|
|
781
775
|
.code-editor-dialog .m-editor-wrapper .m-editor-content-bottom {
|
|
782
|
-
height:
|
|
776
|
+
height: 45px;
|
|
783
777
|
width: 100%;
|
|
784
778
|
display: flex;
|
|
785
779
|
justify-content: end;
|
|
786
780
|
background: #fff;
|
|
781
|
+
position: absolute;
|
|
782
|
+
right: 20px;
|
|
783
|
+
bottom: 0;
|
|
787
784
|
}
|
|
788
785
|
.code-editor-dialog .m-editor-wrapper .m-editor-content-bottom > button {
|
|
789
786
|
height: 30px;
|