@tmagic/editor 1.2.10 → 1.2.11
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 +26 -32
- package/dist/tmagic-editor.js +1689 -1308
- package/dist/tmagic-editor.js.map +1 -1
- package/dist/tmagic-editor.umd.cjs +1694 -1310
- package/dist/tmagic-editor.umd.cjs.map +1 -1
- package/package.json +9 -9
- package/src/Editor.vue +10 -244
- package/src/components/CodeDraftEditor.vue +10 -6
- package/src/editorProps.ts +135 -0
- package/src/fields/CodeSelect.vue +23 -12
- package/src/fields/CodeSelectCol.vue +117 -0
- package/src/fields/EventSelect.vue +216 -0
- package/src/index.ts +7 -0
- package/src/initService.ts +198 -0
- package/src/layouts/sidebar/code-block/CodeBlockList.vue +49 -127
- package/src/services/codeBlock.ts +8 -115
- package/src/services/dep.ts +328 -0
- package/src/services/editor.ts +1 -1
- package/src/theme/code-block.scss +5 -33
- package/src/theme/event.scss +24 -0
- package/src/theme/theme.scss +1 -0
- package/src/type.ts +18 -3
- package/src/utils/dep.ts +21 -0
- package/src/utils/props.ts +1 -35
- package/types/Editor.vue.d.ts +49 -82
- package/types/editorProps.d.ts +109 -0
- package/types/fields/CodeSelect.vue.d.ts +28 -5
- package/types/fields/CodeSelectCol.vue.d.ts +30 -0
- package/types/fields/EventSelect.vue.d.ts +26 -0
- package/types/index.d.ts +3 -0
- package/types/initService.d.ts +8 -0
- package/types/services/codeBlock.d.ts +1 -32
- package/types/services/dep.d.ts +130 -0
- package/types/services/props.d.ts +1 -15
- package/types/type.d.ts +17 -3
- package/types/utils/dep.d.ts +3 -0
- package/types/utils/props.d.ts +2 -16
package/dist/style.css
CHANGED
|
@@ -631,12 +631,6 @@
|
|
|
631
631
|
height: 100%;
|
|
632
632
|
margin-top: 5px;
|
|
633
633
|
}
|
|
634
|
-
.m-editor-code-block-list .el-tree-node__content {
|
|
635
|
-
height: auto;
|
|
636
|
-
}
|
|
637
|
-
.m-editor-code-block-list .el-tree-node__label {
|
|
638
|
-
width: 100%;
|
|
639
|
-
}
|
|
640
634
|
.m-editor-code-block-list .code-header-wrapper {
|
|
641
635
|
display: flex;
|
|
642
636
|
align-items: center;
|
|
@@ -659,47 +653,25 @@
|
|
|
659
653
|
.m-editor-code-block-list .list-container {
|
|
660
654
|
width: 100%;
|
|
661
655
|
overflow: hidden;
|
|
662
|
-
margin-left: -25px;
|
|
663
656
|
}
|
|
664
657
|
.m-editor-code-block-list .list-container .list-item {
|
|
665
658
|
display: flex;
|
|
666
|
-
|
|
659
|
+
width: 100%;
|
|
667
660
|
}
|
|
668
661
|
.m-editor-code-block-list .list-container .list-item .right-tool {
|
|
669
|
-
width: fit-content !important;
|
|
670
662
|
display: flex;
|
|
671
|
-
|
|
663
|
+
width: fit-content !important;
|
|
672
664
|
}
|
|
673
665
|
.m-editor-code-block-list .list-container .list-item .right-tool .edit-icon {
|
|
674
666
|
margin: 0 5px;
|
|
675
667
|
}
|
|
676
668
|
.m-editor-code-block-list .list-container .list-item .code-name {
|
|
677
|
-
font-size: 14px;
|
|
678
|
-
overflow: hidden;
|
|
679
669
|
white-space: nowrap;
|
|
670
|
+
overflow: hidden;
|
|
680
671
|
text-overflow: ellipsis;
|
|
681
|
-
padding: 10px 15px;
|
|
682
672
|
width: 0 !important;
|
|
683
673
|
flex: 1;
|
|
684
|
-
|
|
685
|
-
.m-editor-code-block-list .list-container .code-comp-map-wrapper {
|
|
686
|
-
display: flex;
|
|
687
|
-
align-items: center;
|
|
688
|
-
flex-wrap: wrap;
|
|
689
|
-
margin-left: 20px;
|
|
690
|
-
margin-bottom: 5px;
|
|
691
|
-
}
|
|
692
|
-
.m-editor-code-block-list .list-container .code-comp-map-wrapper .arrow-left {
|
|
693
|
-
transform: rotate(-45deg);
|
|
694
|
-
width: 20px;
|
|
695
|
-
height: 20px;
|
|
696
|
-
}
|
|
697
|
-
.m-editor-code-block-list .list-container .code-comp-map-wrapper .code-comp {
|
|
698
|
-
margin-left: 5px;
|
|
699
|
-
padding: 5px;
|
|
700
|
-
}
|
|
701
|
-
.m-editor-code-block-list .list-container .code-comp-map-wrapper .code-comp .comp-delete-icon {
|
|
702
|
-
margin-left: 3px;
|
|
674
|
+
line-height: 18px;
|
|
703
675
|
}
|
|
704
676
|
.m-fields-code-select {
|
|
705
677
|
width: 100%;
|
|
@@ -816,6 +788,28 @@
|
|
|
816
788
|
height: 30px;
|
|
817
789
|
margin-top: 5px;
|
|
818
790
|
}
|
|
791
|
+
.m-fields-event-select {
|
|
792
|
+
width: 100%;
|
|
793
|
+
}
|
|
794
|
+
.m-fields-event-select .fullWidth {
|
|
795
|
+
width: 100%;
|
|
796
|
+
}
|
|
797
|
+
.m-fields-event-select .m-form-panel .el-card__body {
|
|
798
|
+
padding: 10px 25px;
|
|
799
|
+
}
|
|
800
|
+
.m-fields-event-select .event-select-code {
|
|
801
|
+
margin-left: 20px;
|
|
802
|
+
width: auto;
|
|
803
|
+
}
|
|
804
|
+
.m-fields-event-select .m-form-panel {
|
|
805
|
+
margin: 10px 0px;
|
|
806
|
+
}
|
|
807
|
+
.m-fields-event-select .el-card.is-always-shadow {
|
|
808
|
+
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
|
|
809
|
+
}
|
|
810
|
+
.m-fields-code-select-col {
|
|
811
|
+
width: 100%;
|
|
812
|
+
}
|
|
819
813
|
.m-editor-layout {
|
|
820
814
|
width: 100%;
|
|
821
815
|
display: flex;
|