@tmagic/editor 1.4.6 → 1.4.8

package/src/theme/content-menu.scss

@@ -1,76 +0,0 @@
-.magic-editor-content-menu {
-  position: fixed;
-  font-size: 12px;
-  background: #fff;
-  box-shadow: 0 2px 8px 2px rgba(68, 73, 77, 0.16);
-  z-index: 1000;
-  transform-origin: 0% 0%;
-  font-weight: 600;
-  padding: 4px 0px;
-  overflow: auto;
-  max-height: 80%;
-  min-width: 180px;
-
-  .menu-item {
-    color: #333;
-    display: flex;
-    -webkit-box-align: center;
-    align-items: center;
-    cursor: pointer;
-    min-width: 140px;
-    transition: all 0.2s ease 0s;
-    padding: 5px 14px;
-    border-left: 2px solid transparent;
-
-    .el-button {
-      width: 100%;
-      justify-content: flex-start;
-    }
-
-    .el-button--text,
-    i {
-      color: $--font-color;
-    }
-
-    .magic-editor-icon {
-      margin-right: 5px;
-    }
-
-    &.divider {
-      padding: 0 14px;
-
-      .el-divider {
-        margin: 0;
-      }
-    }
-
-    &.button {
-      &:hover {
-        background-color: $--hover-color;
-        .tmagic-design-button,
-        .tmagic-design-button:active,
-        .tmagic-design-button:focus {
-          color: $--font-color;
-        }
-
-        &.menu-item i {
-          color: $--font-color;
-        }
-      }
-
-      &.active {
-        background-color: $--theme-color;
-        .tmagic-design-button,
-        .tmagic-design-button:active,
-        .tmagic-design-button:focus {
-          color: #fff;
-          background-color: transparent;
-        }
-
-        &.menu-item i {
-          color: #fff;
-        }
-      }
-    }
-  }
-}

package/src/theme/data-source-field.scss

@@ -1,12 +0,0 @@
-.m-fields-data-source-select,
-.m-fields-data-source-field-select,
-.m-fields-data-source-method-select .data-source-method-select-container,
-.m-fields-code-select-col .code-select-container {
-  width: 100%;
-  display: flex;
-  align-items: center;
-
-  .m-fields-select-action-button {
-    margin-left: 5px;
-  }
-}

package/src/theme/data-source-fields.scss

@@ -1,13 +0,0 @@
-.m-editor-data-source-fields {
-  width: 100%;
-
-  .tmagic-design-table {
-    width: 100%;
-  }
-
-  .m-editor-data-source-fields-footer {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 15px;
-  }
-}

package/src/theme/data-source-input.scss

@@ -1,18 +0,0 @@
-.tmagic-data-source-input-text {
-  .el-input__wrapper.tmagic-data-source-input-text-wrapper {
-    overflow: hidden;
-    padding-right: 30px;
-  }
-
-  .el-input__inner {
-    display: flex;
-    align-items: center;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  .tmagic-data-source-input-icon {
-    position: absolute;
-    right: 7px;
-  }
-}

package/src/theme/data-source-methods.scss

@@ -1,13 +0,0 @@
-.m-editor-data-source-methods {
-  width: 100%;
-
-  .tmagic-design-table {
-    width: 100%;
-  }
-
-  .m-editor-data-source-methods-footer {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 15px;
-  }
-}

package/src/theme/data-source.scss

@@ -1,28 +0,0 @@
-.data-source-list-panel {
-  .list-container {
-    .list-item {
-      .codeIcon {
-        width: 22px;
-        height: 22px;
-        margin-right: 5px;
-      }
-
-      .compIcon {
-        width: 22px;
-        height: 22px;
-        margin-right: 5px;
-      }
-    }
-  }
-}
-
-.data-source-list-panel-add-menu {
-  .tmagic-design-button {
-    width: 100%;
-    text-align: left;
-
-    span {
-      width: 100%;
-    }
-  }
-}

package/src/theme/event.scss

@@ -1,37 +0,0 @@
-.m-fields-event-select {
-  width: 100%;
-  .fullWidth {
-    width: 100%;
-  }
-
-  .event-select-code {
-    margin-left: 20px;
-    width: auto;
-  }
-
-  .m-form-panel {
-    margin: 10px 0px;
-  }
-
-  .el-card.is-always-shadow {
-    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
-  }
-}
-.m-fields-code-select-col,
-.m-fields-data-source-method-select {
-  width: 100%;
-}
-
-.code-select-container,
-.data-source-method-select-container {
-  display: flex;
-  align-items: center;
-  .select {
-    flex: 10 0 100px;
-  }
-  .icon {
-    flex: 1 0 20px;
-    cursor: pointer;
-    margin-right: 5px;
-  }
-}

package/src/theme/floating-box.scss

@@ -1,32 +0,0 @@
-.m-editor-float-box {
-  position: absolute;
-  background-color: #fff;
-  z-index: 100;
-  border: 1px solid $--border-color;
-  display: flex;
-  flex-direction: column;
-  max-height: 100%;
-  max-width: 100%;
-
-  .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 $--border-color;
-  }
-
-  .m-editor-float-box-body {
-    overflow: auto;
-    flex: 1;
-    padding: 0 16px;
-  }
-}
-
-.m-editor-floating-box-moveable {
-  opacity: 0;
-}

package/src/theme/framework.scss

@@ -1,69 +0,0 @@
-.m-editor {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-
-  &-content {
-    height: calc(100% - #{$--nav-height});
-  }
-
-  &-framework-center {
-    position: relative;
-    transform: translateZ(0);
-    flex: 1;
-  }
-
-  &-framework-left {
-    background-color: $--sidebar-content-background-color;
-  }
-
-  &-framework-center .el-scrollbar__view {
-    height: 100%;
-    min-height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  &-empty {
-    &-panel {
-      display: flex;
-      flex: 1;
-      justify-content: center;
-      align-items: center;
-      flex-direction: column;
-      height: calc(100% - #{$--page-bar-height});
-    }
-
-    &-content {
-      display: flex;
-      justify-content: space-evenly;
-      flex-direction: row;
-      width: 100%;
-    }
-
-    &-button {
-      border: 3px solid rgba(0, 0, 0, 0.2);
-      padding: 10px 40px;
-      color: rgba(0, 0, 0, 0.6);
-      cursor: pointer;
-
-      i {
-        height: 180px;
-        line-height: 180px;
-        font-size: 100px;
-      }
-
-      p {
-        text-align: center;
-        font-size: 20px;
-        margin-top: 5px;
-      }
-
-      &:hover {
-        border-color: $--theme-color;
-        color: $--theme-color;
-      }
-    }
-  }
-}

package/src/theme/icon.scss

@@ -1,12 +0,0 @@
-.tmagic-design-icon {
-  --color: inherit;
-  height: 1em;
-  width: 1em;
-  position: relative;
-  fill: currentColor;
-
-  img {
-    max-width: 100%;
-    max-height: 100%;
-  }
-}

package/src/theme/index.scss

@@ -1,10 +0,0 @@
-@import "./common/var.scss";
-@import "./theme.scss";
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.5s;
-}
-.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
-  opacity: 0;
-}

package/src/theme/key-value.scss

@@ -1,20 +0,0 @@
-.m-fields-key-value {
-  display: flex;
-  justify-items: center;
-  align-items: top;
-  width: 100%;
-}
-
-.m-fields-key-value-item {
-  display: flex;
-  margin-bottom: 10px;
-  align-items: center;
-}
-
-.m-fileds-key-value-delimiter {
-  margin: 0 10px;
-}
-
-.m-fileds-key-value-delete {
-  margin-left: 10px;
-}

package/src/theme/layer-panel.scss

@@ -1,26 +0,0 @@
-.m-editor-layer-panel {
-  background: $--sidebar-content-background-color;
-
-  .m-editor-tree {
-    padding-top: 48px;
-  }
-
-  .search-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: 1;
-
-    .search-input {
-      flex: 1;
-      position: relative;
-    }
-
-    .tmagic-design-button {
-      margin-right: 10px;
-    }
-  }
-}

package/src/theme/layout.scss

@@ -1,9 +0,0 @@
-.m-editor-layout {
-  width: 100%;
-  display: flex;
-  justify-self: space-between;
-
-  &:has(.m-editor-resizer-draging) {
-    overflow: hidden;
-  }
-}

package/src/theme/nav-menu.scss

@@ -1,78 +0,0 @@
-.m-editor-nav-menu {
-  display: flex;
-  z-index: 5;
-  -webkit-box-pack: justify;
-  justify-content: space-between;
-  -webkit-box-align: center;
-  align-items: center;
-  background-color: $--nav--background-color;
-  font-size: 19.2px;
-  color: $--nav-color;
-  font-weight: 400;
-  box-sizing: border-box;
-  margin: 0px;
-  flex: 0 0 $--nav-height;
-  border-bottom: 1px solid #d8dee8;
-
-  > div {
-    display: flex;
-    height: 100%;
-    z-index: 1;
-    align-items: center;
-  }
-
-  .menu-center {
-    justify-content: center;
-  }
-
-  .menu-right {
-    justify-content: flex-end;
-  }
-
-  .menu-item {
-    flex-direction: row;
-    -webkit-box-align: center;
-    align-items: center;
-    vertical-align: middle;
-    font-size: 14px;
-    line-height: 1;
-    height: 100%;
-    color: rgba(255, 255, 255, 0.7);
-    box-sizing: inherit;
-    z-index: 1;
-    display: flex !important;
-    transition: all 0.3s ease 0s;
-    border-bottom: 2px solid transparent;
-    margin: 0;
-
-    .is-disabled {
-      opacity: 0.5;
-    }
-
-    .is-text {
-      padding: 5px;
-    }
-
-    .is-text > i {
-      color: $--font-color;
-    }
-
-    .icon {
-      display: flex;
-      -webkit-box-align: center;
-      align-items: center;
-      height: 100%;
-      padding: 0px 8px;
-    }
-
-    .menu-item-text {
-      color: $--nav-color;
-    }
-
-    &.rule {
-      .el-icon {
-        transform: rotate(-90deg);
-      }
-    }
-  }
-}

package/src/theme/page-bar.scss

@@ -1,89 +0,0 @@
-.m-editor-page-bar-tabs {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-
-  .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 $--border-color;
-    border-bottom: 1px solid transparent;
-
-    &.active {
-      background-color: #f3f3f3;
-    }
-  }
-}
-
-.m-editor-page-bar {
-  display: flex;
-  width: 100%;
-  height: $--page-bar-height;
-  line-height: $--page-bar-height;
-  color: $--font-color;
-  background-color: #f3f3f3;
-  border-top: 1px solid $--border-color;
-  z-index: 2;
-  overflow: hidden;
-
-  &-items {
-    display: flex;
-    transition: transform 0.3s;
-  }
-
-  &-item {
-    padding: 0 10px;
-    cursor: pointer;
-    border-right: 1px solid $--border-color;
-    display: flex;
-    justify-items: center;
-    align-items: center;
-    background-color: #f3f3f3;
-    white-space: nowrap;
-
-    &.active {
-      background-color: #fff;
-      cursor: text;
-
-      .m-editor-page-bar-menu-icon {
-        cursor: pointer;
-      }
-    }
-
-    &-icon {
-      position: relative;
-      z-index: 1;
-    }
-
-    &-title {
-      max-width: 150px;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      overflow: hidden;
-    }
-  }
-}
-
-.page-bar-popover {
-  &.el-popper.el-popover {
-    padding: 10px 0;
-  }
-
-  .menu-item {
-    cursor: pointer;
-    transition: all 0.2s ease 0s;
-    padding: 5px 14px;
-
-    .el-button--text,
-    i {
-      color: $--font-color;
-    }
-
-    &:hover {
-      background-color: $--hover-color;
-    }
-  }
-}

package/src/theme/page-fragment-select.scss

@@ -1,14 +0,0 @@
-.m-fields-page-fragment-select {
-  width: 100%;
-  .page-fragment-select-container {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    .select {
-      flex: 1;
-    }
-    .icon {
-      margin-left: 10px;
-    }
-  }
-}

package/src/theme/props-panel.scss

@@ -1,55 +0,0 @@
-.m-editor-props-panel {
-  padding: 0 10px 50px 10px;
-
-  .m-editor-props-panel-src-icon {
-    position: absolute;
-    right: 15px;
-    bottom: 15px;
-    z-index: 30;
-  }
-
-  .magic-code-editor {
-    position: absolute;
-    left: 0;
-    top: 0;
-    z-index: 10;
-  }
-
-  &.small {
-    .el-form-item__label {
-      font-size: 12px;
-    }
-
-    .m-fieldset {
-      legend {
-        font-size: 12px;
-      }
-    }
-
-    .el-tabs__item {
-      font-size: 12px;
-    }
-  }
-
-  .el-input__wrapper {
-    border-radius: 0;
-  }
-
-  .m-fields-group-list {
-    .tmagic-design-table {
-      th {
-        font-size: 12px;
-      }
-    }
-  }
-}
-
-.m-editor-props-panel-popper {
-  &.small {
-    span,
-    a,
-    p {
-      font-size: 12px;
-    }
-  }
-}

package/src/theme/resizer.scss

@@ -1,66 +0,0 @@
-.m-editor-resizer {
-  border-left: 1px solid transparent;
-  border-right: 1px solid transparent;
-  width: 8px;
-  margin: 0 -5px;
-  height: 100%;
-  opacity: 0.8;
-  background: padding-box #d8dee8;
-  box-sizing: border-box;
-  cursor: col-resize;
-  z-index: 1;
-  position: relative;
-
-  &:hover {
-    border-color: #d8dee8;
-
-    .icon-container {
-      visibility: visible;
-      opacity: 1;
-    }
-  }
-
-  &.m-editor-resizer-draging {
-    &::after {
-      content: "";
-      position: absolute;
-      width: 600px;
-      height: 100%;
-      left: 0;
-    }
-
-    &::before {
-      content: "";
-      position: absolute;
-      width: 600px;
-      height: 100%;
-      right: 0;
-    }
-  }
-
-  .icon-container {
-    visibility: hidden;
-    opacity: 0;
-    transition: opacity 0.4s;
-    width: 20px;
-    height: 120px;
-    line-height: 120px;
-    text-align: center;
-    background: #d8dee8;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    cursor: pointer;
-    &.position-left {
-      transform: translate(calc(-100% - 4px), -50%);
-    }
-    &.position-right {
-      transform: translate(calc(100% + 4px), -50%);
-    }
-  }
-  .icon {
-    color: #fff;
-    font-size: 18px;
-  }
-}