tianheng-ui 0.1.38 → 0.1.39

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tianheng-ui",
   "description": "A Vue.js project",
-  "version": "0.1.38",
+  "version": "0.1.39",
   "author": "shu lang <403732931@qq.com>",
   "license": "MIT",
   "private": false,

package/packages/FormMaking/WidgetForm.vue

@@ -121,5 +121,19 @@ export default {
   position: relative;
   width: 100%;
   height: calc(100% - 45px);
+
+  .form-empty {
+    position: absolute;
+    text-align: center;
+    width: 400px;
+    top: 200px;
+    left: 50%;
+    margin-left: -200px;
+    color: #ccc;
+
+    .th-empty-description {
+      font-size: 20px;
+    }
+  }
 }
 </style>

package/packages/FormMaking/styles/index.scss

@@ -1,7 +1,7 @@
 $primary-color: #409eff;
 $primary-background-color: #ecf5ff;
 
-.formMaking {
+.th-formMaking {
   height: 100%;
 
   *,
@@ -22,16 +22,6 @@ $primary-background-color: #ecf5ff;
     padding: 0;
   }
 
-  .fa-icon {
-    width: auto;
-    height: 1em; /* 或任意其它字体大小相对值 */
-
-    /* 要在 Safari 中正常工作，需要再引入如下两行代码 */
-    max-width: 100%;
-    max-height: 100%;
-    vertical-align: middle;
-  }
-
   .isHideFormLabel {
     .el-form-item__label {
       display: none;
@@ -41,160 +31,7 @@ $primary-background-color: #ecf5ff;
     }
   }
 
-  .container-box {
-    background: #fff;
-    height: 100%;
-    border: 1px solid #e0e0e0;
-
-    .el-container {
-      height: 100% !important;
-    }
-
-    & > .el-container {
-      background: #fff;
-    }
-    .fm2-main {
-      position: relative;
-
-      & > .el-container {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-      }
-    }
-    main {
-      padding: 0;
-    }
-
-    footer {
-      height: 30px;
-      line-height: 30px;
-      border-top: 1px solid #e0e0e0;
-      font-size: 12px;
-      text-align: right;
-      color: $primary-color;
-      background: #fafafa;
-
-      a {
-        color: $primary-color;
-      }
-    }
-
-    .codeDialog {
-      .el-tabs {
-        height: 100%;
-      }
-      .el-tabs__content {
-        height: calc(100% - 40px);
-      }
-      .el-tab-pane {
-        height: 100%;
-      }
-    }
-  }
-
-  // 顶部操作区
-  .center-container {
-    border-left: 1px solid #e0e0e0;
-    border-right: 1px solid #e0e0e0;
-
-    .el-main {
-      padding: 0;
-      position: relative;
-      background: #fafafa;
-    }
-  }
-
-  // 左侧字段区
-  .components-list {
-    padding: 8px 0;
-    width: 100%;
-    height: 100%;
-
-    .widget-cate {
-      padding: 8px 12px;
-      font-size: 13px;
-    }
-
-    ul {
-      position: relative;
-      overflow: hidden;
-      padding: 0 10px 10px;
-      margin: 0;
-    }
-
-    .form-edit-widget-label {
-      font-size: 12px;
-      display: block;
-      width: 48%;
-      line-height: 26px;
-      position: relative;
-      float: left;
-      left: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      margin: 1%;
-      color: #333;
-      border: 1px solid #f4f6fc;
-      transition: 0.25s;
-
-      &:hover {
-        color: $primary-color !important;
-        border: 1px dashed $primary-color;
-
-        a {
-          color: $primary-color !important;
-        }
-      }
-
-      & > a {
-        color: #333;
-        display: block;
-        cursor: move;
-        background: #f4f6fc;
-        border: 1px solid #f4f6fc;
-        transition: 0.25s;
-
-        .icon {
-          margin-right: 6px;
-          margin-left: 8px;
-          font-size: 14px;
-          display: inline-block;
-          vertical-align: middle;
-        }
-
-        span {
-          display: inline-block;
-          vertical-align: middle;
-        }
-      }
-    }
-  }
-
   .widget-form-container {
-    // position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-
-    .form-empty {
-      position: absolute;
-      text-align: center;
-      width: 400px;
-      top: 200px;
-      left: 50%;
-      margin-left: -200px;
-      color: #ccc;
-
-      .th-empty-description {
-        font-size: 20px;
-      }
-    }
-
     .draggable {
       height: 100%;
     }
@@ -589,88 +426,10 @@ $primary-background-color: #ecf5ff;
     }
   }
 
-  .config-container {
-    position: relative;
-
-    .el-header {
-      border-bottom: solid 2px #e4e7ed;
-      padding: 0 2px;
-
-      .config-tab {
-        height: 45px;
-        line-height: 45px;
-        display: inline-block;
-        width: 145px;
-        text-align: center;
-        font-size: 14px;
-        font-weight: 500;
-        position: relative;
-        cursor: pointer;
-
-        &.active {
-          border-bottom: solid 2px $primary-color;
-        }
-      }
-    }
-
-    .config-container-content {
-      // padding: 10px;
-
-      // .el-form-item__label {
-      //   padding: 0;
-      //   font-weight: 500;
-      // }
-
-      // .el-form-item {
-      //   border-bottom: solid 1px #e1e1e1;
-      //   padding-bottom: 10px;
-      // }
-
-      .config-pattern-input {
-        .el-input-group__prepend,
-        .el-input-group__append {
-          padding: 0 8px;
-        }
-      }
-    }
-
-    .ghost {
-      background: #fff;
-      border: 1px dashed $primary-color;
-
-      &::after {
-        background: #fff;
-        display: block;
-        content: "";
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-      }
-    }
-
-    ul {
-      margin: 0;
-      padding: 0;
-    }
-
-    li.ghost {
-      list-style: none;
-      font-size: 0;
-      display: block;
-      position: relative;
-    }
-  }
-
   .widget-divider {
     display: flex;
     align-items: center;
   }
-
-  // .filler {
-  //   margin-bottom: 0 !important;
-  // }
 }
 
 .configComponents {