@tmagic/editor 1.2.12 → 1.2.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 +24 -33
- package/dist/tmagic-editor.js +186 -190
- package/dist/tmagic-editor.js.map +1 -1
- package/dist/tmagic-editor.umd.cjs +192 -196
- package/dist/tmagic-editor.umd.cjs.map +1 -1
- package/package.json +9 -9
- package/src/components/SearchInput.vue +26 -0
- package/src/layouts/sidebar/ComponentListPanel.vue +9 -10
- package/src/layouts/sidebar/LayerPanel.vue +3 -12
- package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +8 -5
- package/src/layouts/sidebar/code-block/CodeBlockList.vue +34 -42
- package/src/services/codeBlock.ts +7 -10
- package/src/theme/code-block.scss +14 -7
- package/src/theme/component-list-panel.scss +0 -15
- package/src/theme/layer-panel.scss +0 -14
- package/src/theme/search-input.scss +14 -0
- package/src/theme/theme.scss +1 -0
- package/types/components/SearchInput.vue.d.ts +4 -0
- package/types/services/codeBlock.d.ts +3 -3
package/dist/style.css
CHANGED
|
@@ -49,7 +49,20 @@
|
|
|
49
49
|
}
|
|
50
50
|
.m-editor-scroll-bar:hover.vertical .m-editor-scroll-bar-thumb, .m-editor-scroll-bar:focus.vertical .m-editor-scroll-bar-thumb {
|
|
51
51
|
width: 11px;
|
|
52
|
-
}.
|
|
52
|
+
}.tmagic-design-input.search-input {
|
|
53
|
+
background: #fff;
|
|
54
|
+
color: #bbbbbb;
|
|
55
|
+
padding: 10px;
|
|
56
|
+
position: absolute;
|
|
57
|
+
top: 0;
|
|
58
|
+
left: 0;
|
|
59
|
+
box-sizing: border-box;
|
|
60
|
+
z-index: 1;
|
|
61
|
+
}
|
|
62
|
+
.tmagic-design-input.search-input .el-input__prefix {
|
|
63
|
+
padding: 7px;
|
|
64
|
+
}
|
|
65
|
+
.m-editor-nav-menu {
|
|
53
66
|
display: flex;
|
|
54
67
|
z-index: 5;
|
|
55
68
|
-webkit-box-pack: justify;
|
|
@@ -255,18 +268,6 @@
|
|
|
255
268
|
.magic-editor-layer-panel {
|
|
256
269
|
background: #ffffff;
|
|
257
270
|
}
|
|
258
|
-
.magic-editor-layer-panel .search-input {
|
|
259
|
-
background: #ffffff;
|
|
260
|
-
color: #bbbbbb;
|
|
261
|
-
padding: 10px;
|
|
262
|
-
position: absolute;
|
|
263
|
-
top: 0;
|
|
264
|
-
left: 0;
|
|
265
|
-
z-index: 1;
|
|
266
|
-
}
|
|
267
|
-
.magic-editor-layer-panel .search-input .el-input__prefix {
|
|
268
|
-
padding: 7px;
|
|
269
|
-
}
|
|
270
271
|
.magic-editor-layer-panel .magic-editor-layer-tree {
|
|
271
272
|
padding-top: 48px;
|
|
272
273
|
}
|
|
@@ -330,19 +331,6 @@
|
|
|
330
331
|
margin-top: 48px;
|
|
331
332
|
background-color: #ffffff;
|
|
332
333
|
}
|
|
333
|
-
.ui-component-panel.tmagic-design-collapse .search-input {
|
|
334
|
-
background: #fff;
|
|
335
|
-
color: #bbbbbb;
|
|
336
|
-
padding: 10px;
|
|
337
|
-
position: absolute;
|
|
338
|
-
top: 0;
|
|
339
|
-
left: 0;
|
|
340
|
-
box-sizing: border-box;
|
|
341
|
-
z-index: 1;
|
|
342
|
-
}
|
|
343
|
-
.ui-component-panel.tmagic-design-collapse .search-input .el-input__prefix {
|
|
344
|
-
padding: 7px;
|
|
345
|
-
}
|
|
346
334
|
.ui-component-panel.tmagic-design-collapse .tmagic-design-collapse-item > div:first-of-type {
|
|
347
335
|
border-bottom: 1px solid #d9dbdd;
|
|
348
336
|
margin-bottom: 10px;
|
|
@@ -629,19 +617,22 @@
|
|
|
629
617
|
}
|
|
630
618
|
.m-editor-code-block-list {
|
|
631
619
|
height: 100%;
|
|
632
|
-
|
|
620
|
+
}
|
|
621
|
+
.m-editor-code-block-list .magic-editor-layer-tree {
|
|
622
|
+
padding-top: 48px;
|
|
633
623
|
}
|
|
634
624
|
.m-editor-code-block-list .code-header-wrapper {
|
|
635
625
|
display: flex;
|
|
636
626
|
align-items: center;
|
|
637
627
|
justify-content: center;
|
|
628
|
+
position: absolute;
|
|
629
|
+
top: 0;
|
|
630
|
+
width: 100%;
|
|
631
|
+
z-index: 1;
|
|
638
632
|
}
|
|
639
|
-
.m-editor-code-block-list .code-header-wrapper .
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
.m-editor-code-block-list .code-header-wrapper .code-filter-input-no-btn {
|
|
643
|
-
margin-left: 5px;
|
|
644
|
-
margin-right: 10px;
|
|
633
|
+
.m-editor-code-block-list .code-header-wrapper .search-input {
|
|
634
|
+
flex: 1;
|
|
635
|
+
position: relative;
|
|
645
636
|
}
|
|
646
637
|
.m-editor-code-block-list .code-header-wrapper .create-code-button {
|
|
647
638
|
margin-left: 2px;
|