@tmagic/editor 1.4.6 → 1.4.8

package/src/theme/ruler.scss

@@ -1,38 +0,0 @@
-#ruler-container {
-  width: calc(100% + 40px);
-  position: absolute;
-  top: -40px;
-  left: -40px;
-  height: 40px;
-  z-index: 100000;
-
-  .moveable-line {
-    display: none;
-  }
-
-  .moveable-control.moveable-origin {
-    display: none;
-  }
-}
-
-#ruler-container::after {
-  content: "";
-  position: absolute;
-  left: 100%;
-  top: 0;
-  width: calc(2000px - 100%);
-  height: 100%;
-  background-color: white;
-}
-
-#horizontal {
-  width: 2000px;
-  max-width: fit-content;
-}
-
-#vertical {
-  position: absolute;
-  height: 1000px;
-  top: 0;
-  left: 0;
-}

package/src/theme/search-input.scss

@@ -1,14 +0,0 @@
-.tmagic-design-input.search-input {
-  background: #fff;
-  color: #bbbbbb;
-  padding: 10px;
-  position: absolute;
-  top: 0;
-  left: 0;
-  box-sizing: border-box;
-  z-index: 1;
-
-  .el-input__prefix {
-    padding: 7px;
-  }
-}

package/src/theme/sidebar.scss

@@ -1,79 +0,0 @@
-.m-editor-sidebar {
-  display: flex;
-  height: 100%;
-
-  .m-editor-sidebar-header {
-    background: $--sidebar-heder-background-color;
-    height: 100%;
-    width: 40px;
-
-    .m-editor-sidebar-header-item {
-      line-height: 15px;
-      height: auto;
-      padding: 8px;
-      color: rgb(255, 255, 255);
-      box-sizing: border-box;
-      cursor: pointer;
-
-      &.is-active {
-        background: $--sidebar-content-background-color;
-
-        i {
-          color: #353140;
-        }
-
-        .magic-editor-tab-panel-title {
-          color: #353140;
-        }
-      }
-    }
-
-    i {
-      font-size: 25px;
-      color: rgba(255, 255, 255, 0.6);
-
-      &:hover {
-        color: rgb(255, 255, 255);
-      }
-    }
-
-    .magic-editor-tab-panel-title {
-      font-size: 12px;
-      white-space: normal;
-      user-select: none;
-    }
-  }
-
-  .m-editor-sidebar-content {
-    height: 100%;
-    width: calc(100% - 40px);
-    overflow: auto;
-  }
-
-  .fold-icon {
-    position: absolute;
-    bottom: 8px;
-    left: 0px;
-    width: 45px;
-    padding-left: 8px;
-    color: #fff;
-    font-size: 32px;
-    opacity: 0.8;
-    cursor: pointer;
-
-    &:hover {
-      background: rgba(0, 0, 0, 0.2);
-    }
-  }
-}
-
-.m-editor-slide-list-box {
-  > div {
-    &:first-child {
-      min-width: 240px;
-    }
-  }
-  .m-form-box {
-    border-left: 1px solid #e0e0e0;
-  }
-}

package/src/theme/stage.scss

@@ -1,76 +0,0 @@
-.m-editor-stage {
-  position: relative;
-  width: 100%;
-  height: calc(100% - #{$--page-bar-height});
-  overflow: hidden;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  &:focus-visible {
-    outline: none;
-  }
-}
-
-.m-editor-stage-container {
-  width: 100%;
-  height: 100%;
-  z-index: 0;
-  position: relative;
-  transition: transform 0.3s;
-  box-sizing: content-box;
-  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
-
-  &::-webkit-scrollbar {
-    width: 0 !important;
-  }
-}
-
-.m-editor-stage-overlay {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-  display: flex;
-  z-index: 20;
-  overflow: auto;
-}
-
-.m-editor-stage-overlay-container {
-  position: relative;
-  flex-shrink: 0;
-  margin: auto;
-  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
-}
-
-.m-editor-stage-overlay-close.tmagic-design-icon {
-  position: fixed;
-  right: 20px;
-  top: 10px;
-}
-
-.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;
-}

package/src/theme/theme.scss

@@ -1,27 +0,0 @@
-@import "./search-input.scss";
-@import "./nav-menu.scss";
-@import "./framework.scss";
-@import "./sidebar.scss";
-@import "./layer-panel.scss";
-@import "./component-list-panel.scss";
-@import "./resizer.scss";
-@import "./workspace.scss";
-@import "./page-bar.scss";
-@import "./props-panel.scss";
-@import "./content-menu.scss";
-@import "./stage.scss";
-@import "./code-editor.scss";
-@import "./icon.scss";
-@import "./code-block.scss";
-@import "./event.scss";
-@import "./layout.scss";
-@import "./breadcrumb.scss";
-@import "./data-source.scss";
-@import "./data-source-fields.scss";
-@import "./data-source-methods.scss";
-@import "./data-source-input.scss";
-@import "./key-value.scss";
-@import "./tree.scss";
-@import "./floating-box.scss";
-@import "./page-fragment-select.scss";
-@import "./data-source-field.scss";

package/src/theme/tree.scss

@@ -1,89 +0,0 @@
-.m-editor-tree {
-  $--node-height: 22px;
-  color: $--font-color;
-  font-size: 13px;
-
-  .m-editor-tree-node {
-    cursor: pointer;
-    white-space: nowrap;
-
-    .tree-node {
-      display: flex;
-      align-items: center;
-
-      &:hover {
-        background-color: $--hover-color;
-        color: $--font-color;
-      }
-
-      &.selected {
-        background-color: $--theme-color;
-        color: $--hover-color;
-      }
-
-      &.drag-inner {
-        .tree-node-content {
-          background-color: rgba($color: $--theme-color, $alpha: 0.5);
-          color: $--hover-color;
-        }
-      }
-
-      &.drag-before {
-        .tree-node-content {
-          border-top-color: rgba($color: $--theme-color, $alpha: 0.5);
-        }
-      }
-
-      &.drag-after {
-        .tree-node-content {
-          border-bottom-color: rgba($color: $--theme-color, $alpha: 0.5);
-        }
-      }
-
-      .expand-icon {
-        padding: 4px;
-        box-sizing: content-box;
-        font-size: 14px;
-      }
-
-      .tree-node-content {
-        display: flex;
-        flex: 1;
-        justify-content: space-between;
-        height: $--node-height;
-        border-top: 2px solid transparent;
-        border-bottom: 2px solid transparent;
-        .tree-node-label {
-          line-height: $--node-height;
-          flex: 1;
-          width: 100px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-
-          .disabled {
-            cursor: default;
-          }
-
-          .hook {
-            color: #999;
-          }
-        }
-      }
-
-      .tree-node-tool {
-        display: flex;
-        align-items: center;
-
-        .tmagic-design-icon {
-          margin-right: 10px;
-        }
-      }
-    }
-  }
-
-  .m-editor-tree-empty {
-    text-align: center;
-    color: #909399;
-    font-size: 14px;
-  }
-}

package/src/theme/workspace.scss

@@ -1,9 +0,0 @@
-.m-editor-workspace {
-  height: 100%;
-  width: 100%;
-  user-select: none;
-
-  &:focus-visible {
-    outline: 0;
-  }
-}