tianheng-ui 0.1.81 → 0.1.84

package/packages/FormMaking/styles/index.scss

@@ -1,216 +1,216 @@
-@import "../../../lib/theme-chalk/styles/variable.scss";
-
-.th-formMaking {
-  // 组件拖拽区的操作样式
-  .widget-actions {
-    .actions {
-      position: absolute;
-      right: -2px;
-      bottom: -2px;
-      display: flex;
-      z-index: 9;
-
-      > div {
-        display: inline-block;
-        width: 20px;
-        height: 20px;
-        line-height: 20px;
-        text-align: center;
-        background: $color-parimary-active;
-      }
-      i {
-        font-size: 12px;
-        color: #fff;
-        cursor: pointer;
-      }
-    }
-
-    .drag {
-      position: absolute;
-      left: -2px;
-      bottom: -2px;
-      width: 20px;
-      height: 20px;
-      line-height: 20px;
-      text-align: center;
-      background: $color-parimary-active;
-      z-index: 9;
-
-      i {
-        font-size: 14px;
-        color: #fff;
-        cursor: move;
-      }
-    }
-
-    &.widget-actions-col {
-      .clone {
-        background: $color-warning-active !important;
-      }
-      .trash {
-        background: $color-warning-active !important;
-      }
-      .drag {
-        background: $color-warning-active !important;
-      }
-    }
-  }
-
-  // draggable 拖拽时的占位样式
-  .draggable-ghost {
-    padding: 0px;
-    height: 52px;
-    font-size: 0;
-    background-color: $color-danger-hover;
-    box-sizing: border-box;
-    overflow: hidden;
-    content: "";
-    // 隐藏内容
-    i {
-      display: none;
-    }
-  }
-
-  // draggable 拖拽列表样式
-  .draggable-list {
-    min-height: 52px;
-    background-color: #fff;
-    border: 1px dashed rgba(170, 170, 170, 0.7);
-  }
-
-  .widgetForm {
-    .isHideFormLabel {
-      .el-form-item__label {
-        display: none;
-      }
-      .el-form-item__content {
-        margin-left: 0 !important;
-      }
-    }
-
-    .widgetFormItem {
-      margin: 2px;
-      padding-bottom: 18px;
-      min-width: 120px;
-      position: relative;
-      background-color: rgba($color-parimary-lighter, 0.3);
-      border: 1px dashed rgba(170, 170, 170, 0.7);
-
-      // 解决复制、删除、移动按钮的位置问题
-      .el-form-item__content {
-        position: unset;
-      }
-
-      &.isActive {
-        outline: 2px solid $color-parimary-active;
-        border: 1px solid $color-parimary-active;
-      }
-
-      &.isLayout {
-        padding-bottom: 0;
-        padding: 5px;
-        margin-left: 2px !important;
-        margin-right: 2px !important;
-        background-color: rgba($color-warning-lighter, 0.3);
-
-        &.isActive {
-          outline: 2px solid $color-warning-active !important;
-          border: 1px solid $color-warning-active !important;
-        }
-
-        &:hover {
-          background-color: $color-warning-lighter;
-          outline: 1px solid $color-warning-active;
-          outline-offset: 0px;
-        }
-      }
-
-      &:hover {
-        background-color: $color-parimary-lighter;
-        outline: 1px solid $color-parimary-active;
-        outline-offset: 0px;
-
-        &.isActive {
-          outline: 2px solid $color-parimary-active;
-          border: 1px solid $color-parimary-active;
-          outline-offset: 0;
-        }
-      }
-    }
-  }
-
-  // 组件config配置视图样式
-  .component-config {
-    .config-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .title {
-      }
-
-      .value {
-        color: $color-parimary;
-        cursor: pointer;
-      }
-    }
-
-    .eventsCollapse {
-      border: 1px solid #ebeef5;
-      border-bottom-color: #e1e1e1;
-
-      &-item {
-        display: flex;
-        align-items: center;
-
-        .el-select {
-          flex: 1;
-          margin-right: 5px;
-        }
-
-        > i {
-          padding: 5px;
-          cursor: pointer;
-        }
-      }
-
-      .el-collapse-item__header {
-        padding: 5px;
-        height: 30px;
-        line-height: 30px;
-        font-size: 12px;
-        background: #f5f7fa;
-      }
-
-      .el-collapse-item__content {
-        padding: 5px;
-      }
-    }
-
-    .el-form-item__label {
-      width: 100%;
-    }
-
-    .flexView {
-      display: flex;
-      margin-bottom: 5px;
-    }
-  }
-}
-
-// 组件内联样式
-.component-table {
-  .el-form-item__label {
-    float: none !important;
-  }
-  .el-form-item__content {
-    margin-left: 0 !important;
-  }
-}
-
-// 组件头部标题统一样式
-.component-header_title {
-  margin-bottom: 5px;
-  font-size: 16px;
-  font-weight: bold;
-}
+@import "../../../lib/theme-chalk/styles/variable.scss";
+
+.th-formMaking {
+  // 组件拖拽区的操作样式
+  .widget-actions {
+    .actions {
+      position: absolute;
+      right: -2px;
+      bottom: -2px;
+      display: flex;
+      z-index: 9;
+
+      > div {
+        display: inline-block;
+        width: 20px;
+        height: 20px;
+        line-height: 20px;
+        text-align: center;
+        background: $color-parimary-active;
+      }
+      i {
+        font-size: 12px;
+        color: #fff;
+        cursor: pointer;
+      }
+    }
+
+    .drag {
+      position: absolute;
+      left: -2px;
+      bottom: -2px;
+      width: 20px;
+      height: 20px;
+      line-height: 20px;
+      text-align: center;
+      background: $color-parimary-active;
+      z-index: 9;
+
+      i {
+        font-size: 14px;
+        color: #fff;
+        cursor: move;
+      }
+    }
+
+    &.widget-actions-col {
+      .clone {
+        background: $color-warning-active !important;
+      }
+      .trash {
+        background: $color-warning-active !important;
+      }
+      .drag {
+        background: $color-warning-active !important;
+      }
+    }
+  }
+
+  // draggable 拖拽时的占位样式
+  .draggable-ghost {
+    padding: 0px;
+    height: 52px;
+    font-size: 0;
+    background-color: $color-danger-hover;
+    box-sizing: border-box;
+    overflow: hidden;
+    content: "";
+    // 隐藏内容
+    i {
+      display: none;
+    }
+  }
+
+  // draggable 拖拽列表样式
+  .draggable-list {
+    min-height: 52px;
+    background-color: #fff;
+    border: 1px dashed rgba(170, 170, 170, 0.7);
+  }
+
+  .widgetForm {
+    .isHideFormLabel {
+      .el-form-item__label {
+        display: none;
+      }
+      .el-form-item__content {
+        margin-left: 0 !important;
+      }
+    }
+
+    .widgetFormItem {
+      margin: 2px;
+      padding-bottom: 18px;
+      min-width: 120px;
+      position: relative;
+      background-color: rgba($color-parimary-lighter, 0.3);
+      border: 1px dashed rgba(170, 170, 170, 0.7);
+
+      // 解决复制、删除、移动按钮的位置问题
+      .el-form-item__content {
+        position: unset;
+      }
+
+      &.isActive {
+        outline: 2px solid $color-parimary-active;
+        border: 1px solid $color-parimary-active;
+      }
+
+      &.isLayout {
+        padding-bottom: 0;
+        padding: 5px;
+        margin-left: 2px !important;
+        margin-right: 2px !important;
+        background-color: rgba($color-warning-lighter, 0.3);
+
+        &.isActive {
+          outline: 2px solid $color-warning-active !important;
+          border: 1px solid $color-warning-active !important;
+        }
+
+        &:hover {
+          background-color: $color-warning-lighter;
+          outline: 1px solid $color-warning-active;
+          outline-offset: 0px;
+        }
+      }
+
+      &:hover {
+        background-color: $color-parimary-lighter;
+        outline: 1px solid $color-parimary-active;
+        outline-offset: 0px;
+
+        &.isActive {
+          outline: 2px solid $color-parimary-active;
+          border: 1px solid $color-parimary-active;
+          outline-offset: 0;
+        }
+      }
+    }
+  }
+
+  // 组件config配置视图样式
+  .component-config {
+    .config-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .title {
+      }
+
+      .value {
+        color: $color-parimary;
+        cursor: pointer;
+      }
+    }
+
+    .eventsCollapse {
+      border: 1px solid #ebeef5;
+      border-bottom-color: #e1e1e1;
+
+      &-item {
+        display: flex;
+        align-items: center;
+
+        .el-select {
+          flex: 1;
+          margin-right: 5px;
+        }
+
+        > i {
+          padding: 5px;
+          cursor: pointer;
+        }
+      }
+
+      .el-collapse-item__header {
+        padding: 5px;
+        height: 30px;
+        line-height: 30px;
+        font-size: 12px;
+        background: #f5f7fa;
+      }
+
+      .el-collapse-item__content {
+        padding: 5px;
+      }
+    }
+
+    .el-form-item__label {
+      width: 100%;
+    }
+
+    .flexView {
+      display: flex;
+      margin-bottom: 5px;
+    }
+  }
+}
+
+// 组件内联样式
+.component-table {
+  .el-form-item__label {
+    float: none !important;
+  }
+  .el-form-item__content {
+    margin-left: 0 !important;
+  }
+}
+
+// 组件头部标题统一样式
+.component-header_title {
+  margin-bottom: 5px;
+  font-size: 16px;
+  font-weight: bold;
+}