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

package/es/packages/chunk-upload/style/index.less

@@ -1,395 +0,0 @@
-.c-chunk-upload-container {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  background-color: #fff;
-  overflow: hidden;
-  overflow-y: auto;
-  div.uploader-drop {
-    padding: 0;
-    border: none;
-  }
-  ul,li {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-
-  .uploader-app {
-    min-width: 250px;
-  }
-
-  .upload-btn {
-    padding: 20px 0px;
-    .mgl-10 {
-      margin-left: 10px;
-    }
-  }
-
-  .no-file {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    font-size: 16px;
-  }
-
-  .uploader-file-actions > span {
-    margin-right: 6px;
-  }
-}
-
-.c-file-list-conatiner {
-  background-color: #fff;
-  height: 300px;
-  margin-top: 20px;
-  overflow: hidden;
-  overflow-y: auto;
-
-  .uploader-file {
-    height: auto;
-    line-height: initial;
-    border-bottom: none;
-  }
-}
-
-.c-file-container {
-  .c-f-item {
-    display: flex;
-
-    &-icon {
-      width: 50px;
-      text-align: center;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    &-info {
-      flex: 1;
-      line-height: 20px;
-
-      &-title {
-        line-height: 24px;
-        .title {
-          font-size: 14px;
-          font-family: PingFangSC-Medium, PingFang SC;
-          font-weight: 500;
-          color: rgba(0, 0, 0, 0.85);
-        }
-        .size {
-          font-size: 12px;
-          color: #9d9d9d;
-        }
-      }
-
-      &-time {
-        font-size: 12px;
-        color: #9d9d9d;
-      }
-    }
-
-    &-btn {
-      width: 100px;
-      line-height: 40px;
-      i {
-        padding: 0 5px;
-      }
-    }
-  }
-}
-
-.c-file-boder-bottom {
-  border-bottom: 1px solid #d5d5d5;
-}
-
-.c-drap-container {
-  position: relative;
-  padding-top: 45px;
-  overflow: hidden;
-  border-radius: 4px;
-  border: 1px dashed #5585f5;
-  background-color: #f9f9f9;
-  text-align: center;
-  height: 180px;
-  line-height: 1.5;
-  color: #5585f5;
-  cursor: pointer;
-  i {
-    font-size: 56px;
-    margin-bottom: 20px;
-  }
-}
-.c-upload {
-  display: flex;
-  flex-wrap: wrap;
-  margin-top: 4px;
-}
-.show-list {
-  display: inline-flex;
-  flex-wrap: wrap;
-}
-
-
-.c-uploader-preview-wrap {
-  &.vod-wrap {
-    position: relative;
-    display: inline-block;
-    background-color: #fff;
-    width: 140px;
-    height: 120px;
-    margin-right: 8px;
-    margin-bottom: 8px;
-    border: 1px dashed #eeeeee;
-    border-radius: 4px;
-    background-color: #fff;
-    .vod-uploading {
-      position: relative;
-      width: 100%;
-      height: 100%;
-      background-color: #fafafa;
-      .progress-wrap {
-        padding: 3px;
-      }
-      .uploading-msg {
-        color: #333;
-        font-size: 12px;
-        text-align: center;
-      }
-      .uploading-mask {
-        position: absolute;
-        left: 0;
-        bottom: 0;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        min-height: 20%;
-        background: rgba(0, 0, 0, 0.3);
-        color: #fff;
-        text-align: center;
-      }
-    }
-  
-    .vod-def-bg {
-      position: relative;
-      width: 100%;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      background-color: rgba(50, 50, 51, 0.5);
-      .icon-vod-def {
-        font-size: 40px;
-        opacity: 0.3;
-        transform: scale3d(2, 2, 2);
-        transition: all 0.25s ease-out;
-      }
-      .vod-cover-img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-        border-radius: 4px;
-      }
-      .tooltip-wrap {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        width: 120px;
-        height: 40px;
-        color: #fff;
-        background: #22de4b;
-        border-radius: 4px;
-        .upload-img {
-          display: inline-block;
-          width: 20px;
-          height: 20px;
-          margin-right: 10px;
-        }
-        &.error-wrap {
-          flex-direction: column;
-          width: 158px;
-          height: 72px;
-          background: #e02020;
-          span {
-            height: 20px;
-            line-height: 20px;
-            margin-bottom: 8px;
-          }
-        }
-      }
-      &.vod-done {
-        .tooltip-wrap {
-          opacity: 0;
-          &.is-new {
-            animation: fadeOut 2.5s 1 both;
-            @keyframes fadeOut {
-              0% {
-                opacity: 1;
-              }
-              80% {
-                opacity: 1;
-              }
-              100% {
-                opacity: 0;
-              }
-            }
-          }
-        }
-      }
-      &.vod-done:hover {
-        .icon-wrap {
-          background: rgba(0, 0, 0, 0.2);
-        }
-        .theme_outlined {
-          display: none;
-        }
-        .theme_filled {
-          display: inline-block;
-        }
-      }
-    }
-  }
-  .uploader-mask {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: center;
-    -webkit-align-items: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    justify-content: center;
-    color: #fff;
-    background-color: rgba(50, 50, 51, 0.88);
-
-    .uploading-msg {
-      font-size: 12px;
-    }
-  }
-  .uploader-preview-delete {
-    position: absolute;
-    top: -16px;
-    right: -7px;
-    width: 16px;
-    height: 16px;
-    z-index: 10;
-
-    .pre-delete {
-      width: 20px;
-      height: 20px;
-      border-radius: 50%;
-      background: #fff;
-      color: #e02020;
-      font-size: 20px;
-      cursor: pointer;
-    }
-  }
-}
-
-.c-icon-wrap {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(0, 0, 0, 0.6);
-  color: #fff;
-  font-size: 28px;
-  z-index: 1;
-  .icon-play {
-    position: relative;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    transition: all 0.25s ease-out;
-  }
-  .theme_outlined {
-    display: inline-block;
-  }
-  .theme_filled {
-    display: none;
-  }
-}
-
-.c-chunk-uploader-btn {
-  display: table;
-  width: 140px;
-  height: 120px;
-  margin-right: 8px;
-  background: #fafafa;
-  text-align: center;
-  vertical-align: top;
-  border: 1px dashed #d5d5d5;
-  border-radius: 4px;
-  transition: border-color 0.3s ease;
-  -webkit-transition: border-color 0.3s ease;
-  cursor: pointer;
-  &.disable-upload {
-    cursor: not-allowed;
-  }
-
-  .chunk-btn-content {
-    display: table-cell;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    vertical-align: middle;
-
-    .c-uploader-btn {
-      line-height: 1.2;
-      img {
-        width: 32px;
-        height: 32px;
-      }
-      .uploader-icon {
-        font-size: 30px;
-        color: #000000;
-      }
-      .uploader-text {
-        width: 140px;
-        p {
-          color: #585858;
-          margin-bottom: 0px;
-        }
-        span {
-          color: #b6b6b6;
-          font-size: 12px;
-        }
-        .guage-text {
-          color: #585858;
-          font-size: 14px;
-        }
-      }
-    }
-  }
-
-  &:hover {
-    background: #f3f7ff;
-    border-color: #5585f5;
-    .guage-img {
-      content: url('..\..\../src/assets/img/video_hover.png');
-    }
-    .c-uploader-btn .uploader-icon,
-    .c-uploader-btn .uploader-text p,
-    .c-uploader-btn .uploader-text span,
-    .c-uploader-btn .uploader-text .guage-text {
-      color: #5585f5;
-    }
-  }
-}

package/es/packages/drag-layout/style/index.less

@@ -1,208 +0,0 @@
-.drag-layout-container {
-  width: 100%;
-  height: 100%;
-  flex: 1;
-  overflow: hidden;
-  overflow-y: auto;
-  position: relative;
-  display: flex;
-  justify-content: flex-start;
-  border: 1px solid #d2d9e8;
-  text-align: left;
-
-  .min-height {
-    height: calc(100% - 60px);
-    overflow: hidden;
-    overflow-y: auto;
-
-    li {
-      list-style: none;
-    }
-  }
-
-  .border-box {
-    position: absolute;
-    top: 0;
-    left: 30%;
-    border-left: 1px solid #d2d9e8;
-    height: 100%;
-  }
-
-  .text-area {
-    width: 30%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 0 !important;
-
-    .info-header {
-      display: flex;
-      height: 50px;
-      line-height: 50px;
-      padding: 0 10px;
-      margin-bottom: 10px;
-      color: #2e2e2e;
-      font-size: 18px;
-      font-weight: bold;
-      background: #e6eaef;
-    }
-
-    .text-draggable {
-      display: flex;
-      flex-wrap: wrap;
-      justify-content: space-between;
-      align-items: flex-start;
-      padding: 0 12px 12px;
-      box-sizing: border-box;
-      align-content: flex-start;
-
-      li {
-        width: 49%;
-        text-align: center;
-      }
-    }
-  }
-
-  .form-area {
-    position: relative;
-    width: 70%;
-    height: 100%;
-    overflow-y: auto;
-    padding: 4px;
-    box-sizing: border-box;
-
-    &::-webkit-scrollbar {
-      width: 5px;
-    }
-
-    .info-header {
-      height: 50px;
-      margin-bottom: 10px;
-      background: unset;
-
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-    }
-
-    .combination-col {
-      border: 1px solid #cdc5d3;
-      margin-bottom: 10px;
-    }
-  }
-}
-
-.dragForm-select-drop {
-  z-index: 2001;
-}
-
-.DragFormRightItem {
-  position: relative;
-
-  .is-edit-class {
-    background-color: #f5f5f5 !important;
-    border-color: #d9d9d9 !important;
-  }
-
-  .combination-item {
-    padding: 0px 8px 8px;
-
-    > div {
-      line-height: 35px;
-
-      &:hover > .form-btn {
-        display: flex;
-      }
-    }
-  }
-
-  .form-btn {
-    display: none;
-    align-items: center;
-    position: absolute;
-    top: -1px;
-    right: 0px;
-    height: 100%;
-    white-space: nowrap;
-
-    .quick-reply {
-      display: inline-block;
-      border: 1px dashed rgb(205, 197, 211);
-      font-size: 12px;
-      height: 22px;
-      line-height: 1.499;
-    }
-
-    &:deep(.n-input),
-    &:deep(.n-select) {
-      margin-left: 5px;
-    }
-
-    &:deep(.n-select) {
-      top: -3px;
-    }
-  }
-
-  .right-content {
-    border: 1px dashed rgb(205, 197, 211);
-    background: #fdfdfd;
-    height: 35px;
-    line-height: 35px;
-    padding: 0 10px;
-    position: relative;
-    margin-bottom: 10px;
-    cursor: pointer;
-
-    &:hover .form-btn {
-      display: flex;
-    }
-  }
-
-  .blue-border {
-    border: 1px solid #5585f5 !important;
-  }
-
-  .item-opacity {
-    opacity: 0.5;
-  }
-
-  .red {
-    color: red;
-  }
-}
-
-.DragFormLeftItem {
-  .left-content {
-    width: 100%;
-    margin-bottom: 16px;
-    overflow: hidden;
-    cursor: pointer;
-    color: #2e2e2e;
-
-    .style-box {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 60px;
-      padding: 0 8px;
-      box-sizing: border-box;
-      margin-bottom: 8px;
-      background: #f3f5f8;
-
-      &-input {
-        width: 85%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        cursor: pointer !important;
-      }
-
-      input[type="radio"][disabled],
-      input[type="checkbox"][disabled],
-      input[type="radio"].disabled,
-      input[type="checkbox"].disabled {
-        cursor: pointer !important;
-      }
-    }
-  }
-}