@tmagic/editor 1.5.21 → 1.5.24
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 +16 -11
- package/dist/tmagic-editor.js +1596 -344
- package/dist/tmagic-editor.umd.cjs +1592 -340
- package/package.json +15 -15
- package/src/Editor.vue +5 -0
- package/src/components/CodeBlockEditor.vue +3 -3
- package/src/editorProps.ts +6 -0
- package/src/fields/DataSourceFieldSelect/Index.vue +8 -3
- package/src/fields/DataSourceFields.vue +1 -1
- package/src/fields/DataSourceInput.vue +12 -3
- package/src/fields/DataSourceMethods.vue +1 -1
- package/src/fields/EventSelect.vue +34 -19
- package/src/fields/StyleSetter/pro/Position.vue +10 -2
- package/src/hooks/use-filter.ts +6 -4
- package/src/hooks/use-stage.ts +1 -0
- package/src/index.ts +3 -0
- package/src/initService.ts +81 -11
- package/src/layouts/CodeEditor.vue +36 -10
- package/src/layouts/page-bar/PageBarScrollContainer.vue +2 -1
- package/src/layouts/props-panel/FormPanel.vue +6 -1
- package/src/layouts/props-panel/PropsPanel.vue +6 -0
- package/src/layouts/sidebar/Sidebar.vue +14 -2
- package/src/layouts/workspace/viewer/Stage.vue +21 -32
- package/src/layouts/workspace/viewer/StageOverlay.vue +25 -6
- package/src/services/BaseService.ts +17 -8
- package/src/services/keybinding.ts +12 -0
- package/src/services/props.ts +25 -1
- package/src/services/stageOverlay.ts +1 -1
- package/src/theme/code-editor.scss +7 -2
- package/src/theme/props-panel.scss +10 -0
- package/src/theme/stage.scss +6 -11
- package/src/type.ts +17 -0
- package/src/utils/props.ts +54 -19
- package/types/index.d.ts +395 -457
package/dist/style.css
CHANGED
|
@@ -973,12 +973,20 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
973
973
|
right: 15px;
|
|
974
974
|
bottom: 15px;
|
|
975
975
|
z-index: 30;
|
|
976
|
+
opacity: 0.5;
|
|
977
|
+
}
|
|
978
|
+
.m-editor-props-panel .m-editor-props-panel-src-icon:hover {
|
|
979
|
+
opacity: 1;
|
|
976
980
|
}
|
|
977
981
|
.m-editor-props-panel .m-editor-props-panel-style-icon {
|
|
978
982
|
position: absolute;
|
|
979
983
|
right: 15px;
|
|
980
984
|
bottom: 60px;
|
|
981
985
|
z-index: 30;
|
|
986
|
+
opacity: 0.5;
|
|
987
|
+
}
|
|
988
|
+
.m-editor-props-panel .m-editor-props-panel-style-icon:hover {
|
|
989
|
+
opacity: 1;
|
|
982
990
|
}
|
|
983
991
|
.m-editor-props-panel .m-editor-props-panel-src-code.magic-code-editor {
|
|
984
992
|
position: absolute;
|
|
@@ -1113,22 +1121,15 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
1113
1121
|
width: 100%;
|
|
1114
1122
|
height: 100%;
|
|
1115
1123
|
background-color: #fff;
|
|
1116
|
-
display: flex;
|
|
1117
1124
|
z-index: 20;
|
|
1118
|
-
overflow: auto;
|
|
1119
|
-
}
|
|
1120
|
-
|
|
1121
|
-
.m-editor-stage-overlay-container {
|
|
1122
|
-
position: relative;
|
|
1123
|
-
flex-shrink: 0;
|
|
1124
|
-
margin: auto;
|
|
1125
|
-
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
|
|
1126
1125
|
}
|
|
1127
1126
|
|
|
1128
1127
|
.m-editor-stage-overlay-close.tmagic-design-icon {
|
|
1129
1128
|
position: fixed;
|
|
1130
1129
|
right: 20px;
|
|
1131
1130
|
top: 10px;
|
|
1131
|
+
cursor: pointer;
|
|
1132
|
+
z-index: 1;
|
|
1132
1133
|
}
|
|
1133
1134
|
|
|
1134
1135
|
.m-editor-stage-float-button {
|
|
@@ -1182,9 +1183,13 @@ fieldset.m-fieldset .m-form-tip {
|
|
|
1182
1183
|
}
|
|
1183
1184
|
.magic-code-editor-wrapper .magic-code-editor-full-screen-icon {
|
|
1184
1185
|
position: absolute;
|
|
1185
|
-
top:
|
|
1186
|
-
right:
|
|
1186
|
+
top: 20px;
|
|
1187
|
+
right: 10px;
|
|
1187
1188
|
z-index: 11;
|
|
1189
|
+
opacity: 0.3;
|
|
1190
|
+
}
|
|
1191
|
+
.magic-code-editor-wrapper .magic-code-editor-full-screen-icon:hover {
|
|
1192
|
+
opacity: 1;
|
|
1188
1193
|
}
|
|
1189
1194
|
|
|
1190
1195
|
.tmagic-design-icon {
|