@tmagic/editor 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/style.css

@@ -13,7 +13,7 @@
   justify-content: space-between;
   -webkit-box-align: center;
   align-items: center;
-  background-color: #f8fbff;
+  background-color: #ffffff;
   font-size: 19.2px;
   color: #070303;
   font-weight: 400;
@@ -28,11 +28,11 @@
   z-index: 1;
   align-items: center;
 }
-.m-editor-nav-menu .menu-left {
-  padding-left: 16px;
+.m-editor-nav-menu .menu-center {
+  justify-content: center;
 }
 .m-editor-nav-menu .menu-right {
-  padding-right: 16px;
+  justify-content: flex-end;
 }
 .m-editor-nav-menu .menu-item {
   flex-direction: row;
@@ -84,7 +84,7 @@
   flex: 1;
 }
 .m-editor-framework-left {
-  background-color: #f8fbff;
+  background-color: #ffffff;
 }
 .m-editor-framework-center .el-scrollbar__view {
   height: 100%;
@@ -157,7 +157,7 @@
   box-sizing: border-box;
 }
 .m-editor-sidebar.el-tabs--left .el-tabs__header .el-tabs__item.is-left.is-left.is-active {
-  background: #f8fbff;
+  background: #ffffff;
   border: 0;
 }
 .m-editor-sidebar.el-tabs--left .el-tabs__header .el-tabs__item.is-left.is-left.is-active i {
@@ -205,10 +205,10 @@
   height: 100%;
 }
 .magic-editor-layer-panel {
-  background: #f8fbff;
+  background: #ffffff;
 }
 .magic-editor-layer-panel .search-input {
-  background: #f8fbff;
+  background: #ffffff;
   color: #bbbbbb;
   padding: 10px;
   position: absolute;
@@ -242,13 +242,20 @@
 }
 .magic-editor-layer-panel,
 .magic-editor-layer-panel .el-tree {
-  background-color: #f8fbff;
+  background-color: #ffffff;
   color: #313a40;
 }
 .magic-editor-layer-panel .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
   background-color: #2882e0;
   color: #fff;
 }
+.magic-editor-layer-panel .cus-tree-node {
+  width: 100%;
+}
+.magic-editor-layer-panel .cus-tree-node-hover {
+  background-color: #f3f5f9;
+  width: 100%;
+}
 .magic-editor-layer-panel .el-tree-node:focus > .el-tree-node__content {
   background-color: #2882e0;
   color: #fff;
@@ -257,7 +264,7 @@
   width: 100%;
   height: 25px;
   margin-left: 10px;
-  background: #f8fbff;
+  background: #ffffff;
   font-style: italic;
   color: #555554;
   position: absolute;
@@ -269,7 +276,7 @@
   height: 100%;
   border-top: 0 !important;
   margin-top: 50px;
-  background-color: #f8fbff;
+  background-color: #ffffff;
 }
 .ui-component-panel .search-input {
   background: #f8fbff;
@@ -291,7 +298,7 @@
   margin-bottom: 10px;
 }
 .ui-component-panel .el-collapse-item__header {
-  background: #f8fbff;
+  background: #ffffff;
   color: #070303;
   height: 25px;
   line-height: 25px;
@@ -303,7 +310,7 @@
   font-size: 14px;
 }
 .ui-component-panel .el-collapse-item__wrap {
-  background: #f8fbff;
+  background: #ffffff;
   border-bottom: 0;
 }
 .ui-component-panel .el-collapse-item__wrap .el-collapse-item__content {
@@ -409,26 +416,42 @@
   width: 100%;
   height: 32px;
   line-height: 32px;
-  background-color: #f3f3f3;
   color: #070303;
+  background-color: #f3f3f3;
   border-top: 1px solid #d9dbdd;
   z-index: 2;
+  overflow: hidden;
 }
-.m-editor-page-bar .m-editor-page-bar-item {
+.m-editor-page-bar-items {
+  display: flex;
+  transition: transform 0.3s;
+}
+.m-editor-page-bar-item {
   padding: 0 10px;
   cursor: pointer;
   border-right: 1px solid #d9dbdd;
   display: flex;
   justify-items: center;
   align-items: center;
+  background-color: #f3f3f3;
 }
-.m-editor-page-bar .m-editor-page-bar-item.active {
+.m-editor-page-bar-item.active {
   background-color: #fff;
   cursor: text;
 }
-.m-editor-page-bar .m-editor-page-bar-item.active .m-editor-page-bar-menu-icon {
+.m-editor-page-bar-item.active .m-editor-page-bar-menu-icon {
   cursor: pointer;
 }
+.m-editor-page-bar-item-icon {
+  position: relative;
+  z-index: 1;
+}
+.m-editor-page-bar-item .m-editor-page-bar-title {
+  max-width: 150px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
 .m-editor-props-panel {
   padding: 0 10px;
 }
@@ -441,6 +464,11 @@
 .m-editor-props-panel .el-tabs__item {
   font-size: 12px;
 }
+.m-editor-props-panel-popper span,
+.m-editor-props-panel-popper a,
+.m-editor-props-panel-popper p {
+  font-size: 12px;
+}
 .magic-editor-content-menu {
   position: fixed;
   font-size: 12px;
@@ -481,18 +509,19 @@
   position: relative;
   width: 100%;
   height: calc(100% - 32px);
-  overflow: auto;
+  overflow: hidden;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .m-editor-stage-container {
-  transition: transform 0.3s;
-  transform-origin: center -50%;
+  width: 100%;
+  height: 100%;
   z-index: 0;
-  top: 50%;
-  margin: 0 auto;
   position: relative;
-  width: 375px;
-  height: 80%;
   border: 1px solid #d9dbdd;
+  transition: transform 0.3s;
+  box-sizing: content-box;
 }
 .m-editor-stage-container::-webkit-scrollbar {
   width: 0 !important;