@tmagic/editor 1.3.5 → 1.3.7

package/dist/style.css

@@ -251,6 +251,22 @@
 .m-editor-layer-panel .m-editor-tree {
   padding-top: 48px;
 }
+.m-editor-layer-panel .search-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  z-index: 1;
+}
+.m-editor-layer-panel .search-wrapper .search-input {
+  flex: 1;
+  position: relative;
+}
+.m-editor-layer-panel .search-wrapper .tmagic-design-button {
+  margin-right: 10px;
+}
 .ui-component-panel.tmagic-design-collapse {
   height: 100%;
   border-top: 0 !important;
@@ -402,10 +418,24 @@
 .m-editor-workspace:focus-visible {
   outline: 0;
 }
-.m-editor-page-bar {
+.m-editor-page-bar-tabs {
   position: fixed;
   bottom: 0;
   left: 0;
+  width: 100%;
+}
+.m-editor-page-bar-tabs .tmagic-design-button.m-editor-page-bar-switch-type-button {
+  margin-left: 7px;
+  position: relative;
+  top: 1px;
+  border-radius: 3px 3px 0 0;
+  border: 1px solid #d9dbdd;
+  border-bottom: 1px solid transparent;
+}
+.m-editor-page-bar-tabs .tmagic-design-button.m-editor-page-bar-switch-type-button.active {
+  background-color: #f3f3f3;
+}
+.m-editor-page-bar {
   display: flex;
   width: 100%;
   height: 32px;
@@ -573,6 +603,27 @@
 .m-editor-stage-container::-webkit-scrollbar {
   width: 0 !important;
 }
+.m-editor-stage-float-button {
+  cursor: pointer;
+  transform: translateY(-50%);
+  width: 12px;
+  font-size: 12px;
+  line-height: 1.2;
+  position: absolute;
+  left: 100%;
+  top: 50%;
+  padding: 5px;
+  background-color: #ffffff;
+  transition: background-color 0.2s;
+  color: rgba(0, 0, 0, 0.88);
+  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.m-editor-node-list-menu {
+  height: 100%;
+  width: 100%;
+  min-width: 300px;
+  max-height: 500px;
+}
 .magic-code-editor {
   width: 100%;
 }
@@ -607,16 +658,6 @@
 .m-editor-code-block-list {
   height: 100%;
 }
-.m-editor-code-block-list .list-container .list-item .codeIcon {
-  width: 22px;
-  height: 22px;
-  margin-right: 5px;
-}
-.m-editor-code-block-list .list-container .list-item .compIcon {
-  width: 22px;
-  height: 22px;
-  margin-right: 5px;
-}
 .m-fields-code-select {
   width: 100%;
 }
@@ -682,56 +723,6 @@
   top: 5px;
   z-index: 10;
 }
-.m-editor-dep-list-panel .magic-editor-layer-tree {
-  padding-top: 48px;
-}
-.m-editor-dep-list-panel .search-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 1;
-}
-.m-editor-dep-list-panel .search-wrapper .search-input {
-  flex: 1;
-  position: relative;
-}
-.m-editor-dep-list-panel .search-wrapper .tmagic-design-button {
-  margin-right: 10px;
-}
-.m-editor-dep-list-panel .list-container {
-  width: 100%;
-  overflow: hidden;
-}
-.m-editor-dep-list-panel .list-container .list-item {
-  display: flex;
-  width: 100%;
-  align-items: center;
-}
-.m-editor-dep-list-panel .list-container .list-item .right-tool {
-  display: flex;
-  width: fit-content !important;
-  align-items: center;
-}
-.m-editor-dep-list-panel .list-container .list-item .right-tool .edit-icon {
-  margin: 0 5px;
-}
-.m-editor-dep-list-panel .list-container .list-item .name {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: 0 !important;
-  flex: 1;
-  line-height: 22px;
-}
-.m-editor-dep-list-panel .list-container .list-item .name.code {
-  color: #000;
-}
-.m-editor-dep-list-panel .list-container .list-item .name.hook {
-  color: #909399;
-}
 .data-source-list-panel .list-container .list-item .codeIcon {
   width: 22px;
   height: 22px;
@@ -897,11 +888,46 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.m-editor-tree .m-editor-tree-node .tree-node .tree-node-content .tree-node-label .disabled {
+  cursor: default;
+}
+.m-editor-tree .m-editor-tree-node .tree-node .tree-node-content .tree-node-label .hook {
+  color: #999;
+}
 .m-editor-tree .m-editor-tree-node .tree-node .tree-node-tool {
-  margin-right: 15px;
   display: flex;
   align-items: center;
 }
+.m-editor-tree .m-editor-tree-node .tree-node .tree-node-tool .tmagic-design-icon {
+  margin-right: 10px;
+}
+.m-editor-float-box {
+  position: absolute;
+  background-color: #fff;
+  z-index: 100;
+  border: 1px solid #d9dbdd;
+  display: flex;
+  flex-direction: column;
+}
+.m-editor-float-box .m-editor-float-box-title {
+  text-align: center;
+  font-size: 14px;
+  font-weight: 600;
+  padding: 5px;
+  cursor: move;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #d9dbdd;
+}
+.m-editor-float-box .m-editor-float-box-body {
+  padding: 5px;
+  flex: 1;
+  overflow: auto;
+}
+.m-editor-floating-box-moveable {
+  opacity: 0;
+}
 .fade-enter-active,
 .fade-leave-active {
   transition: opacity 0.5s;