@tmagic/editor 1.0.0-beta.8 → 1.0.0-beta.9
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 -10
- package/dist/tmagic-editor.es.js +158 -76
- package/dist/tmagic-editor.es.js.map +1 -1
- package/dist/tmagic-editor.umd.js +160 -79
- package/dist/tmagic-editor.umd.js.map +1 -1
- package/dist/types/src/layouts/sidebar/LayerPanel.vue.d.ts +8 -2
- package/dist/types/src/layouts/workspace/Stage.vue.d.ts +2 -1
- package/dist/types/src/layouts/workspace/Workspace.vue.d.ts +1 -0
- package/dist/types/src/services/editor.d.ts +11 -4
- package/dist/types/src/type.d.ts +1 -0
- package/dist/types/src/utils/editor.d.ts +1 -1
- package/package.json +5 -5
- package/src/components/ToolButton.vue +3 -1
- package/src/layouts/AddPageBox.vue +3 -1
- package/src/layouts/sidebar/LayerPanel.vue +55 -11
- package/src/layouts/workspace/PageBar.vue +9 -4
- package/src/layouts/workspace/Stage.vue +18 -2
- package/src/layouts/workspace/ViewerMenu.vue +5 -3
- package/src/layouts/workspace/Workspace.vue +5 -0
- package/src/services/editor.ts +53 -29
- package/src/theme/common/var.scss +2 -2
- package/src/theme/layer-panel.scss +9 -0
- package/src/theme/page-bar.scss +8 -0
- package/src/type.ts +1 -0
- package/src/utils/editor.ts +4 -3
package/dist/style.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
justify-content: space-between;
|
|
14
14
|
-webkit-box-align: center;
|
|
15
15
|
align-items: center;
|
|
16
|
-
background-color: #
|
|
16
|
+
background-color: #ffffff;
|
|
17
17
|
font-size: 19.2px;
|
|
18
18
|
color: #070303;
|
|
19
19
|
font-weight: 400;
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
flex: 1;
|
|
85
85
|
}
|
|
86
86
|
.m-editor-framework-left {
|
|
87
|
-
background-color: #
|
|
87
|
+
background-color: #ffffff;
|
|
88
88
|
}
|
|
89
89
|
.m-editor-framework-center .el-scrollbar__view {
|
|
90
90
|
height: 100%;
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
box-sizing: border-box;
|
|
158
158
|
}
|
|
159
159
|
.m-editor-sidebar.el-tabs--left .el-tabs__header .el-tabs__item.is-left.is-left.is-active {
|
|
160
|
-
background: #
|
|
160
|
+
background: #ffffff;
|
|
161
161
|
border: 0;
|
|
162
162
|
}
|
|
163
163
|
.m-editor-sidebar.el-tabs--left .el-tabs__header .el-tabs__item.is-left.is-left.is-active i {
|
|
@@ -205,10 +205,10 @@
|
|
|
205
205
|
height: 100%;
|
|
206
206
|
}
|
|
207
207
|
.magic-editor-layer-panel {
|
|
208
|
-
background: #
|
|
208
|
+
background: #ffffff;
|
|
209
209
|
}
|
|
210
210
|
.magic-editor-layer-panel .search-input {
|
|
211
|
-
background: #
|
|
211
|
+
background: #ffffff;
|
|
212
212
|
color: #bbbbbb;
|
|
213
213
|
padding: 10px;
|
|
214
214
|
position: absolute;
|
|
@@ -242,13 +242,20 @@
|
|
|
242
242
|
}
|
|
243
243
|
.magic-editor-layer-panel,
|
|
244
244
|
.magic-editor-layer-panel .el-tree {
|
|
245
|
-
background-color: #
|
|
245
|
+
background-color: #ffffff;
|
|
246
246
|
color: #313a40;
|
|
247
247
|
}
|
|
248
248
|
.magic-editor-layer-panel .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
|
|
249
249
|
background-color: #2882e0;
|
|
250
250
|
color: #fff;
|
|
251
251
|
}
|
|
252
|
+
.magic-editor-layer-panel .cus-tree-node {
|
|
253
|
+
width: 100%;
|
|
254
|
+
}
|
|
255
|
+
.magic-editor-layer-panel .cus-tree-node-hover {
|
|
256
|
+
background-color: #f3f5f9;
|
|
257
|
+
width: 100%;
|
|
258
|
+
}
|
|
252
259
|
.magic-editor-layer-panel .el-tree-node:focus > .el-tree-node__content {
|
|
253
260
|
background-color: #2882e0;
|
|
254
261
|
color: #fff;
|
|
@@ -257,7 +264,7 @@
|
|
|
257
264
|
width: 100%;
|
|
258
265
|
height: 25px;
|
|
259
266
|
margin-left: 10px;
|
|
260
|
-
background: #
|
|
267
|
+
background: #ffffff;
|
|
261
268
|
font-style: italic;
|
|
262
269
|
color: #555554;
|
|
263
270
|
position: absolute;
|
|
@@ -269,7 +276,7 @@
|
|
|
269
276
|
height: 100%;
|
|
270
277
|
border-top: 0 !important;
|
|
271
278
|
margin-top: 50px;
|
|
272
|
-
background-color: #
|
|
279
|
+
background-color: #ffffff;
|
|
273
280
|
}
|
|
274
281
|
.ui-component-panel .search-input {
|
|
275
282
|
background: #f8fbff;
|
|
@@ -291,7 +298,7 @@
|
|
|
291
298
|
margin-bottom: 10px;
|
|
292
299
|
}
|
|
293
300
|
.ui-component-panel .el-collapse-item__header {
|
|
294
|
-
background: #
|
|
301
|
+
background: #ffffff;
|
|
295
302
|
color: #070303;
|
|
296
303
|
height: 25px;
|
|
297
304
|
line-height: 25px;
|
|
@@ -303,7 +310,7 @@
|
|
|
303
310
|
font-size: 14px;
|
|
304
311
|
}
|
|
305
312
|
.ui-component-panel .el-collapse-item__wrap {
|
|
306
|
-
background: #
|
|
313
|
+
background: #ffffff;
|
|
307
314
|
border-bottom: 0;
|
|
308
315
|
}
|
|
309
316
|
.ui-component-panel .el-collapse-item__wrap .el-collapse-item__content {
|
|
@@ -413,6 +420,7 @@
|
|
|
413
420
|
color: #070303;
|
|
414
421
|
border-top: 1px solid #d9dbdd;
|
|
415
422
|
z-index: 2;
|
|
423
|
+
overflow: hidden;
|
|
416
424
|
}
|
|
417
425
|
.m-editor-page-bar .m-editor-page-bar-item {
|
|
418
426
|
padding: 0 10px;
|
|
@@ -429,6 +437,12 @@
|
|
|
429
437
|
.m-editor-page-bar .m-editor-page-bar-item.active .m-editor-page-bar-menu-icon {
|
|
430
438
|
cursor: pointer;
|
|
431
439
|
}
|
|
440
|
+
.m-editor-page-bar .m-editor-page-bar-item .m-editor-page-bar-title {
|
|
441
|
+
max-width: 150px;
|
|
442
|
+
text-overflow: ellipsis;
|
|
443
|
+
white-space: nowrap;
|
|
444
|
+
overflow: hidden;
|
|
445
|
+
}
|
|
432
446
|
.m-editor-props-panel {
|
|
433
447
|
padding: 0 10px;
|
|
434
448
|
}
|