cnhis-design-vue 3.1.9-beta.5 → 3.1.9-beta.8

package/es/packages/scale-view/style/index.less

@@ -2,6 +2,10 @@
   display: flex;
   flex-wrap: wrap;
   width: 100%;
+  .n-radio-input {
+    width: 14px;
+    height: 14px;
+  }
   .scale-choice-img-wrap {
     display: inline-block;
     position: relative;
@@ -74,14 +78,14 @@
     display: inline-flex;
     align-items: center;
     margin: 4px 0;
-    :deep(.n-radio__label) {
+    .n-radio__label {
       flex: 1;
       display: inline-flex;
       align-items: center;
       white-space: normal;
     }
   }
-  > :deep(.n-checkbox) {
+  > .n-checkbox {
     display: inline-flex;
     align-items: center;
     margin: 4px 0;
@@ -118,7 +122,7 @@
   padding-bottom: 50px;
   box-sizing: border-box;
   color: rgba(0, 0, 0, 0.65);
-  :deep(.n-form-item-label) {
+  .n-form-item-label {
     font-weight: 700;
   }
   .scale-container {
@@ -149,7 +153,7 @@
       background-color: #dbdcdc;
     }
   }
-  :deep(.no-data-tip) {
+  .no-data-tip {
     width: 100%;
     height: 100%;
   }
@@ -221,309 +225,309 @@
 }
 .rich-text-content {
   word-break: break-all;
-  :deep(p) {
+  p {
     margin-bottom: 0;
   }
-  :deep(img) {
+  img {
     max-width: 100%;
   }
 }
-.n-dialog.n-modal {
-  &.c-evatip-dialog-wrap {
-    width: 494px !important;
-    padding: 0;
-    max-height: unset;
-    overflow-y: hidden;
-    .n-dialog__title {
-      height: 52px;
-      line-height: 52px;
-      padding-left: 16px;
-      font-weight: 600;
-      border-bottom: 1px solid #e8e8e8;
-    }
-    .n-base-icon {
-      position: absolute;
-      right: 16px;
-      top: 16px;
-      margin: 0;
-      color: #666666;
-    }
-    .n-dialog__content {
-      margin: 0;
-    }
-    .evatip-container {
-      min-height: 100px;
-      max-height: 60vh;
-      overflow-y: auto;
-      padding: 26px 16px;
-      font-size: 16px;
-      color: #2e2e2e;
-      p {
-        padding: 16px;
-        margin-top: 12px;
-        margin-bottom: 0;
-        font-size: 14px;
-        border-radius: 4px;
-        border: 1px solid rgba(213, 213, 213, 0.6);
-      }
-    }
-    .n-dialog__action {
-      display: block;
-      width: 100%;
-      padding: 10px 16px;
-      text-align: right;
-      border-top: 1px solid #e8e8e8;
-      box-sizing: border-box;
-    }
-  }
+.n-dialog.n-modal {
+  &.c-evatip-dialog-wrap {
+    width: 494px !important;
+    padding: 0;
+    max-height: unset;
+    overflow-y: hidden;
+    .n-dialog__title {
+      height: 52px;
+      line-height: 52px;
+      padding-left: 16px;
+      font-weight: 600;
+      border-bottom: 1px solid #e8e8e8;
+    }
+    .n-base-icon {
+      position: absolute;
+      right: 16px;
+      top: 16px;
+      margin: 0;
+      color: #666666;
+    }
+    .n-dialog__content {
+      margin: 0;
+    }
+    .evatip-container {
+      min-height: 100px;
+      max-height: 60vh;
+      overflow-y: auto;
+      padding: 26px 16px;
+      font-size: 16px;
+      color: #2e2e2e;
+      p {
+        padding: 16px;
+        margin-top: 12px;
+        margin-bottom: 0;
+        font-size: 14px;
+        border-radius: 4px;
+        border: 1px solid rgba(213, 213, 213, 0.6);
+      }
+    }
+    .n-dialog__action {
+      display: block;
+      width: 100%;
+      padding: 10px 16px;
+      text-align: right;
+      border-top: 1px solid #e8e8e8;
+      box-sizing: border-box;
+    }
+  }
 }
-.c-answerParse {
-  padding: 16px;
-  color: #2e2e2e;
-  border-radius: 8px;
-  background: rgba(253, 246, 246, 0.6);
-  margin-top: 6px;
-  margin-bottom: 12px;
-  .answer-res-wrap {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 16px;
-    .answer-res {
-      display: inline-flex;
-      align-items: center;
-      padding: 0 18px;
-      line-height: 36px;
-      color: #fff;
-      background: #f06f64;
-      border-radius: 18px;
-      font-weight: 700;
-      svg {
-        margin-right: 8px;
-        font-size: 16px;
-      }
-    }
-    .answer-score {
-      font-size: 14px;
-      font-weight: 600;
-      color: #2e2e2e;
-    }
-  }
-  .correct-answer {
-    line-height: 20px;
-    margin-bottom: 16px;
-    p {
-      font-weight: 700;
-      display: inline-block;
-    }
-    span {
-      word-break: break-all;
-      color: #91c850;
-      font-size: 16px;
-    }
-  }
-  .answer-key {
-    line-height: 20px;
-    p {
-      font-weight: 700;
-      line-height: 20px;
-      margin-bottom: 16px;
-    }
-    span {
-      word-break: break-all;
-    }
-  }
-  &.answerParse-success {
-    background: rgba(234, 251, 228, 0.6);
-    .answer-res {
-      background: #91c850;
-    }
-  }
+.c-answerParse {
+  padding: 16px;
+  color: #2e2e2e;
+  border-radius: 8px;
+  background: rgba(253, 246, 246, 0.6);
+  margin-top: 6px;
+  margin-bottom: 12px;
+  .answer-res-wrap {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    .answer-res {
+      display: inline-flex;
+      align-items: center;
+      padding: 0 18px;
+      line-height: 36px;
+      color: #fff;
+      background: #f06f64;
+      border-radius: 18px;
+      font-weight: 700;
+      svg {
+        margin-right: 8px;
+        font-size: 16px;
+      }
+    }
+    .answer-score {
+      font-size: 14px;
+      font-weight: 600;
+      color: #2e2e2e;
+    }
+  }
+  .correct-answer {
+    line-height: 20px;
+    margin-bottom: 16px;
+    p {
+      font-weight: 700;
+      display: inline-block;
+    }
+    span {
+      word-break: break-all;
+      color: #91c850;
+      font-size: 16px;
+    }
+  }
+  .answer-key {
+    line-height: 20px;
+    p {
+      font-weight: 700;
+      line-height: 20px;
+      margin-bottom: 16px;
+    }
+    span {
+      word-break: break-all;
+    }
+  }
+  &.answerParse-success {
+    background: rgba(234, 251, 228, 0.6);
+    .answer-res {
+      background: #91c850;
+    }
+  }
 }
-.c-evaluateCountdown {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 166px;
-  padding: 8px 12px;
-  background: #f2f2f4;
-  border-radius: 8px;
-  color: #212121;
-  z-index: 1;
-  text-align: center;
-  &.evaluateCountdown-hasTime {
-    &:hover {
-      padding: 8px 32px;
-      background: #f1f1f4;
-      .countdown {
-        line-height: 40px;
-        font-size: 26px;
-        span {
-          line-height: unset;
-        }
-        svg {
-          display: none;
-        }
-      }
-      .answered-wrap {
-        display: block;
-      }
-    }
-    .answered-wrap {
-      display: none;
-    }
-  }
-  .countdown {
-    display: flex;
-    align-content: center;
-    justify-content: center;
-    font-size: 14px;
-    color: #000000;
-    span {
-      line-height: 18px;
-    }
-    svg {
-      margin-left: 8px;
-      font-size: 16px;
-      color: #969696;
-    }
-    &.countdown-red {
-      color: #ff1818;
-    }
-  }
-  .answered-wrap {
-    span {
-      color: #2d7aff;
-    }
-  }
+.c-evaluateCountdown {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 166px;
+  padding: 8px 12px;
+  background: #f2f2f4;
+  border-radius: 8px;
+  color: #212121;
+  z-index: 1;
+  text-align: center;
+  &.evaluateCountdown-hasTime {
+    &:hover {
+      padding: 8px 32px;
+      background: #f1f1f4;
+      .countdown {
+        line-height: 40px;
+        font-size: 26px;
+        span {
+          line-height: unset;
+        }
+        svg {
+          display: none;
+        }
+      }
+      .answered-wrap {
+        display: block;
+      }
+    }
+    .answered-wrap {
+      display: none;
+    }
+  }
+  .countdown {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    font-size: 14px;
+    color: #000000;
+    span {
+      line-height: 18px;
+    }
+    svg {
+      margin-left: 8px;
+      font-size: 16px;
+      color: #969696;
+    }
+    &.countdown-red {
+      color: #ff1818;
+    }
+  }
+  .answered-wrap {
+    span {
+      color: #2d7aff;
+    }
+  }
 }
-.c-evaluate-page {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  .evaluate-container {
-    width: 620px;
-    padding: 45px 32px;
-    text-align: center;
-    border-radius: 15px;
-    border: 1px solid #e0e0e0;
-    .evaluate-name {
-      font-size: 20px;
-      color: #212121;
-      line-height: 28px;
-      margin-bottom: 10px;
-      max-height: 88px;
-      overflow-y: auto;
-      word-break: break-all;
-    }
-    .evaluate-explain {
-      padding: 12px 22px 12px 30px;
-      margin-bottom: 24px;
-      text-align: left;
-      border-radius: 8px;
-      background: #f2f2f4;
-      overflow: hidden;
-      > div {
-        padding-right: 8px;
-        max-height: 206px;
-        overflow-y: auto;
-        word-break: break-all;
-      }
-    }
-    .evaluate-score {
-      display: flex;
-      margin-bottom: 24px;
-      li + li {
-        border-left: 1px solid rgba(213, 213, 213, 0.6);
-      }
-      li {
-        flex: 1;
-        div {
-          line-height: 50px;
-          font-size: 36px;
-          color: #000000;
-        }
-        span {
-          line-height: 20px;
-          font-size: 14px;
-          color: rgba(0, 0, 0, 0.6);
-        }
-      }
-    }
-    .evaluate-time-range {
-      font-size: 14px;
-      color: #000000;
-      line-height: 20px;
-      margin-bottom: 20px;
-    }
-
-    .evaluate-btn {
-      width: 380px;
-      height: unset;
-      padding: 16px 0;
-      text-align: center;
-      font-size: 18px;
-      color: #ffffff;
-      border-radius: 8px;
-    }
-  }
+.c-evaluate-page {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  .evaluate-container {
+    width: 620px;
+    padding: 45px 32px;
+    text-align: center;
+    border-radius: 15px;
+    border: 1px solid #e0e0e0;
+    .evaluate-name {
+      font-size: 20px;
+      color: #212121;
+      line-height: 28px;
+      margin-bottom: 10px;
+      max-height: 88px;
+      overflow-y: auto;
+      word-break: break-all;
+    }
+    .evaluate-explain {
+      padding: 12px 22px 12px 30px;
+      margin-bottom: 24px;
+      text-align: left;
+      border-radius: 8px;
+      background: #f2f2f4;
+      overflow: hidden;
+      > div {
+        padding-right: 8px;
+        max-height: 206px;
+        overflow-y: auto;
+        word-break: break-all;
+      }
+    }
+    .evaluate-score {
+      display: flex;
+      margin-bottom: 24px;
+      li + li {
+        border-left: 1px solid rgba(213, 213, 213, 0.6);
+      }
+      li {
+        flex: 1;
+        div {
+          line-height: 50px;
+          font-size: 36px;
+          color: #000000;
+        }
+        span {
+          line-height: 20px;
+          font-size: 14px;
+          color: rgba(0, 0, 0, 0.6);
+        }
+      }
+    }
+    .evaluate-time-range {
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      margin-bottom: 20px;
+    }
+
+    .evaluate-btn {
+      width: 380px;
+      height: unset;
+      padding: 16px 0;
+      text-align: center;
+      font-size: 18px;
+      color: #ffffff;
+      border-radius: 8px;
+    }
+  }
 }
-.c-totalScore-warp {
-  padding: 16px;
-  margin-bottom: 16px;
-  font-weight: 400;
-  color: #666666;
-  background: #f2f2f4;
-  font-size: 14px;
-  border-radius: 6px;
-  div + div {
-    margin-top: 4px;
-  }
-  span {
-    font-weight: 500;
-    color: #090909;
-  }
-  .score-result {
-    color: #2d7aff;
-  }
-}
-.text-over-tooltip-components {
-  display: inline-block;
-  max-width: 98%;
-  /* 文字超出宽度显示省略号 单行 */
-
-  .ellipsis {
-    font-size: 14px;
-    color: #35393c;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-
-    i {
-      font-style: normal;
-      word-break: keep-all;
-      white-space: nowrap;
-    }
-  }
-
-  /* 自定义样式 */
-
-  .fs20 {
-    font-size: 20px;
-    font-weight: 600;
-    color: green;
-    line-height: 22px;
-  }
-
-  .fs12 {
-    font-size: 12px;
-    font-weight: 400;
-    color: orange;
-    line-height: 14px;
-  }
+.c-totalScore-warp {
+  padding: 16px;
+  margin-bottom: 16px;
+  font-weight: 400;
+  color: #666666;
+  background: #f2f2f4;
+  font-size: 14px;
+  border-radius: 6px;
+  div + div {
+    margin-top: 4px;
+  }
+  span {
+    font-weight: 500;
+    color: #090909;
+  }
+  .score-result {
+    color: #2d7aff;
+  }
 }
+.text-over-tooltip-components {
+  display: inline-block;
+  max-width: 98%;
+  /* 文字超出宽度显示省略号 单行 */
+
+  .ellipsis {
+    font-size: 14px;
+    color: #35393c;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    i {
+      font-style: normal;
+      word-break: keep-all;
+      white-space: nowrap;
+    }
+  }
+
+  /* 自定义样式 */
+
+  .fs20 {
+    font-size: 20px;
+    font-weight: 600;
+    color: green;
+    line-height: 22px;
+  }
+
+  .fs12 {
+    font-size: 12px;
+    font-weight: 400;
+    color: orange;
+    line-height: 14px;
+  }
+}
 
 
 .c-scale {
@@ -536,6 +540,9 @@
     width: 100%;
     text-align: left;
   }
+  .n-form-item {
+    --n-label-height: unset !important;
+  }
 }
 
 .no-data-tip {
@@ -627,7 +634,7 @@
 .c-map-container {
   width: 100%;
   cursor: pointer;
-  :deep(.n-input.map-input) {
+  .n-input.map-input {
     .n-input__prefix {
       transform: rotate(180deg);
       .n-icon {
@@ -648,7 +655,7 @@
 
 .c-scale-upload {
   width: 100%;
-  :deep(.n-upload-file-list) {
+  .n-upload-file-list {
     display: flex;
     .n-upload-file .n-upload-file-info .n-upload-file-info__action.n-upload-file-info__action--image-card-type {
       box-sizing: border-box;
@@ -699,7 +706,7 @@
     .dragger-upload-text {
       color: rgba(0, 0, 0, 0.65)
     }
-    :deep(.n-upload-file-list) {
+    .n-upload-file-list {
       display: flex;
       flex-direction: column;
       width: 100%;
@@ -708,7 +715,7 @@
       }
 
     }
-    :deep(.n-upload-trigger)  {
+    .n-upload-trigger {
       width: 100%;
       background: #fafafa;
       border-color: #d5d5d5;