cnhis-design-vue 3.1.18-beta.0 → 3.1.18-beta.12

package/es/components/chunk-upload/style/index.css

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