@tmagic/editor 1.3.0-alpha.4 → 1.3.0-alpha.6
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 +20 -5
- package/dist/tmagic-editor.js +291 -182
- package/dist/tmagic-editor.js.map +1 -1
- package/dist/tmagic-editor.umd.cjs +291 -181
- package/dist/tmagic-editor.umd.cjs.map +1 -1
- package/package.json +10 -10
- package/src/Editor.vue +21 -1
- package/src/{layouts → components}/Resizer.vue +15 -6
- package/src/components/{Layout.vue → SplitView.vue} +1 -1
- package/src/index.ts +2 -1
- package/src/layouts/CodeEditor.vue +2 -2
- package/src/layouts/Framework.vue +16 -20
- package/src/layouts/sidebar/LayerPanel.vue +32 -15
- package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +3 -3
- package/src/layouts/workspace/Workspace.vue +3 -132
- package/src/services/keybinding.ts +240 -0
- package/src/theme/resizer.scss +25 -10
- package/src/type.ts +3 -1
- package/types/components/FunctionEditor.vue.d.ts +7 -7
- package/types/index.d.ts +2 -1
- package/types/layouts/CodeEditor.vue.d.ts +6 -6
- package/types/layouts/Framework.vue.d.ts +7 -31
- package/types/services/keybinding.d.ts +12 -0
- package/types/type.d.ts +3 -1
- /package/types/{layouts → components}/Resizer.vue.d.ts +0 -0
- /package/types/components/{Layout.vue.d.ts → SplitView.vue.d.ts} +0 -0
package/dist/style.css
CHANGED
|
@@ -482,15 +482,34 @@
|
|
|
482
482
|
width: 8px;
|
|
483
483
|
margin: 0 -5px;
|
|
484
484
|
height: 100%;
|
|
485
|
-
opacity: 0.
|
|
485
|
+
opacity: 0.8;
|
|
486
486
|
background: padding-box #d8dee8;
|
|
487
487
|
box-sizing: border-box;
|
|
488
488
|
cursor: col-resize;
|
|
489
489
|
z-index: 1;
|
|
490
|
+
position: relative;
|
|
490
491
|
}
|
|
491
492
|
.m-editor-resizer:hover {
|
|
492
493
|
border-color: #d8dee8;
|
|
493
494
|
}
|
|
495
|
+
.m-editor-resizer:hover .icon-container {
|
|
496
|
+
visibility: visible;
|
|
497
|
+
opacity: 1;
|
|
498
|
+
}
|
|
499
|
+
.m-editor-resizer.m-editor-resizer-draging::after {
|
|
500
|
+
content: "";
|
|
501
|
+
position: absolute;
|
|
502
|
+
width: 600px;
|
|
503
|
+
height: 100%;
|
|
504
|
+
left: 0;
|
|
505
|
+
}
|
|
506
|
+
.m-editor-resizer.m-editor-resizer-draging::before {
|
|
507
|
+
content: "";
|
|
508
|
+
position: absolute;
|
|
509
|
+
width: 600px;
|
|
510
|
+
height: 100%;
|
|
511
|
+
right: 0;
|
|
512
|
+
}
|
|
494
513
|
.m-editor-resizer .icon-container {
|
|
495
514
|
visibility: hidden;
|
|
496
515
|
opacity: 0;
|
|
@@ -516,10 +535,6 @@
|
|
|
516
535
|
color: #fff;
|
|
517
536
|
font-size: 18px;
|
|
518
537
|
}
|
|
519
|
-
.magic-editor-resizer:hover .icon-container {
|
|
520
|
-
visibility: visible;
|
|
521
|
-
opacity: 1;
|
|
522
|
-
}
|
|
523
538
|
.m-editor-workspace {
|
|
524
539
|
height: 100%;
|
|
525
540
|
width: 100%;
|