@nutui/nutui 3.1.19 → 3.1.21-beta.0

package/dist/packages/toast/index.scss

@@ -1,98 +0,0 @@
-@keyframes rotation {
-  0% {
-    -webkit-transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-  }
-}
-
-.nut-toast {
-  position: fixed;
-  left: 0;
-  bottom: 150px;
-  width: 100%;
-  text-align: center;
-  pointer-events: none;
-  z-index: 9999;
-  font-family: $font-family;
-  &-small {
-    .nut-toast-inner {
-      font-size: $font-size-small;
-    }
-  }
-  &-large {
-    .nut-toast-inner {
-      font-size: $font-size-large;
-    }
-  }
-  &-cover {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: auto;
-    height: 100%;
-    background: $toast-cover-bg-color;
-  }
-  &-inner {
-    display: inline-block;
-    font-size: $toast-text-font-size;
-    min-width: 40%;
-    max-width: 65%;
-    text-align: center;
-    padding: $toast-inner-padding;
-    word-break: break-all;
-    background: $toast-inner-bg-color;
-    border-radius: $toast-inner-border-radius;
-    color: $toast-font-color;
-  }
-  &-text {
-    font-size: $toast-text-font-size;
-    &:empty {
-      margin-bottom: -8px;
-    }
-  }
-  &-title {
-    font-size: $toast-title-font-size;
-    &:empty {
-      margin-bottom: -8px;
-    }
-  }
-  &-has-icon {
-    .nut-toast-icon-wrapper {
-      width: 100%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 8px;
-    }
-  }
-  &-center {
-    top: 50%;
-    transform: translateY(-50%);
-  }
-  &-loading {
-    .nut-toast-inner {
-      display: inline-flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-    }
-    .nut-toast-icon-wrapper {
-      animation: rotation 2s linear infinite;
-    }
-  }
-}
-
-.toast-fade-enter-active {
-  transition: opacity 0.3s;
-}
-
-.toast-fade-leave-active {
-  transition: opacity 0.3s;
-}
-
-.toast-fade-enter-from,
-.toast-fade-leave-to {
-  opacity: 0;
-}

package/dist/packages/uploader/index.scss

@@ -1,157 +0,0 @@
-.nut-uploader {
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-
-  &__slot {
-    position: relative;
-  }
-
-  &__upload {
-    position: relative;
-    background: $uploader-background;
-    width: $uploader-picture-width;
-    height: $uploader-picture-height;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &.list {
-    }
-  }
-
-  &__input {
-    position: absolute !important;
-    top: 0;
-    left: 0;
-    width: 100% !important;
-    height: 100% !important;
-    overflow: hidden;
-    cursor: pointer !important;
-    opacity: 0;
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  &__preview {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 10px;
-    margin-bottom: 10px;
-    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
-
-    &__progress {
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 100%;
-      background: rgba(0, 0, 0, 0.6);
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      &__msg {
-        color: $white;
-        font-size: 12px;
-        margin-top: 6px;
-      }
-    }
-    &.list {
-      width: 100%;
-      margin-right: 0px;
-      margin-bottom: 0px;
-      margin-top: 10px;
-    }
-    &-list {
-      width: 100%;
-      height: 32px;
-      display: flex;
-      flex-direction: column;
-      position: relative;
-      padding-right: 20px;
-      .nut-uploader__preview-img__file__name {
-        -webkit-line-clamp: 1;
-        padding: 2px;
-        height: 24px;
-      }
-
-      .nut-uploader__preview-img__file__del {
-        position: absolute;
-        right: 4px;
-        top: 6px;
-      }
-      .nut-progress {
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        .nut-progress-outer {
-          height: 2px !important;
-        }
-      }
-    }
-    &-img {
-      position: relative;
-      width: $uploader-picture-width;
-      height: $uploader-picture-height;
-      .close {
-        position: absolute;
-        right: 0;
-        top: 0;
-        transform: translate(50%, -50%);
-      }
-      .tips {
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        text-align: center;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 12px;
-        color: $white;
-        height: 0px;
-        transition: height 0.3s;
-        background: rgba(0, 0, 0, 0.54);
-        @include oneline-ellipsis();
-      }
-      &__c {
-        height: 100%;
-        width: 100%;
-      }
-      &__file {
-        height: 100%;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transition: all 0.3s;
-
-        &__name {
-          display: flex;
-          width: 100%;
-          font-size: 12px;
-          color: $text-color;
-          &.error {
-            color: red !important;
-          }
-          &.success {
-            color: #1890ff !important;
-          }
-          .nut-icon-link {
-            &::before {
-              margin-left: -25%;
-              margin-top: -25%;
-              transform: none;
-            }
-          }
-          @include moreline-ellipsis();
-        }
-      }
-    }
-  }
-}

package/dist/packages/video/index.scss

@@ -1,205 +0,0 @@
-.nut-video {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  display: flex;
-  &-player {
-    width: 100%;
-    background: #000;
-    &:focus {
-      outline: none;
-    }
-  }
-  .playing-mask {
-    width: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 60px;
-    &.custom-touch {
-      bottom: 0;
-    }
-  }
-  video {
-    width: 100%;
-    height: 100%;
-    object-fit: fill;
-  }
-  &-play-btn {
-    // display: none;
-    width: 80px;
-    height: 50px;
-    margin-top: -25px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 0;
-    background-color: rgba(0, 0, 0, 0.45);
-    color: #fff;
-    transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    margin-left: -40px;
-    padding: 0;
-    cursor: pointer;
-    opacity: 1;
-    background-color: rgba(0, 0, 0, 0.5);
-    font-size: 30px;
-    border-radius: 20%;
-
-    &:before {
-      content: '';
-      background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA+CAMAAABTPci/AAAAb1BMVEUAAAACAgL///////////////////////////////////+urq4uLi7+/v6zs7OLi4v9/f3Hx8dubm79/f39/f3z8/P5+fn9/f38/Pz4+Pipqans7Oz8/Pz29vbx8fHi4uLX19fq6urg4ODT09P5+flRzniSAAAAJXRSTlMAA6GcmZWlno+RjBYHixgNhRsJgn9PbYh7XhNBdFlHMyc6LCNmyQGEbAAAAdlJREFUSMe11tly4jAQRuHgDdnBYBazw8xk8v7POMI/1Jm0iORUKs31Vy0dMOWX78xk8nWi+SKZrVYzqfHo9Xo4nOZiY83yvW2a9vxnwRmTZta3fhq3O/xlWQodzwNqGre/HlmWuNFeyKtm+7aSSqNG4/x0/VJnTKENxtWOICkkI9YQJIEwdV2uFSSOjPEfBYkjh7kpP+3FBrEIMuzR7AmSRN5oivpdQeJI13mYsig6G8Qi1sgMU55/KUiI1uZCoCJ3BDGo9iYgQnm+IYhBWsN1MPm0VJAADYbBDGra9gQBsccYoSxXEIuCNRiPsqxUkE8Q5IGksvXpFgRkiRBkmCrf/vbLHqgryWYXyUhVrvfLLIobr7KL7/ERPT8axk/xBrImRNV9riBdKG1CNMJwvHlnjAimuiOFABURw6Ka5PNdYfc8JVO+3AEhMPZoO/2MQJE9d1Qc+MGCME9ItufRAMXv4/rXCQYkYvYQQMQi2wDVnRasAbVk+9+YADHEGhMgRKGxAUIkYp44AqSRDAE+RxAhAiQQhAARNDWpHX/DccSenAAR1HzIRoCxqCoJkEDZwxAghY6buyBAGs0uMgQYo5bnW4A1AcapfrvtCTD2FXuxEPm5l3nYyw/PP4V4LkWCqx4LAAAAAElFTkSuQmCC)
-        no-repeat center;
-      width: 30px;
-      height: 30px;
-      display: inline-block;
-      background-size: contain;
-    }
-  }
-  &-controller {
-    position: absolute;
-    display: flex;
-    left: 0;
-    bottom: 0;
-    background-color: rgba(0, 0, 0, 0.5);
-    height: 35px;
-    width: 100%;
-    z-index: 11111111;
-    align-items: center;
-    opacity: 0;
-    transition: all 1s;
-    &.show-control {
-      opacity: 1;
-    }
-    &.hide-control {
-      opacity: 0;
-    }
-    .control-play-btn {
-      width: 18px;
-      height: 18px;
-      background-image: -webkit-image-set(
-        url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik04IDV2MTRsMTEtN3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==)
-          1x
-      );
-      background-repeat: no-repeat;
-      background-position: center;
-      margin: 0 10px;
-      &.puase {
-        background-image: -webkit-image-set(
-          url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik02IDE5aDRWNUg2djE0em04LTE0djE0aDRWNWgtNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==)
-            1x
-        );
-        background-repeat: no-repeat;
-        background-position: center;
-      }
-    }
-
-    .duration-time,
-    .current-time {
-      color: #fff;
-      padding: 0 5px;
-      font-size: 10px;
-    }
-    .progress-container {
-      position: relative;
-      display: inline-block;
-      height: 100%;
-      width: 100%;
-      // overflow: hidden;
-      margin: 0 5px;
-      transition: all 0.2s ease-in;
-      flex: 1;
-      .progress {
-        position: absolute;
-        top: 50%;
-        width: 100%;
-        height: 2px;
-        margin-top: -0.05rem;
-        background: rgba(255, 255, 255, 0.5);
-        // overflow: hidden;
-      }
-      .buffered {
-        background: rgba(255, 255, 255, 0.8);
-        height: 2px;
-      }
-      .video-ball {
-        width: 10px;
-        height: 10px;
-        // background: #fff;
-        // box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-        position: absolute;
-        top: 50%;
-        left: 0;
-        // margin-left: -7px;
-        border-radius: 50%;
-        div {
-          width: 10px;
-          height: 10px;
-          background: #fff;
-          box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2);
-          // position: absolute;
-          // top: 0;
-          // left: 8px;
-          margin: 0 -5px;
-          border-radius: 50%;
-        }
-        &:hover {
-          width: 15px;
-          height: 15px;
-        }
-      }
-    }
-    .fullscreen-icon {
-      width: 40px;
-      height: 35px;
-      background-image: -webkit-image-set(
-        url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik03IDE0SDV2NWg1di0ySDd2LTN6bS0yLTRoMlY3aDNWNUg1djV6bTEyIDdoLTN2Mmg1di01aC0ydjN6TTE0IDV2MmgzdjNoMlY1aC01eiIvPgo8L3N2Zz4K)
-          1x
-      );
-
-      background-repeat: no-repeat;
-      background-position: center;
-      &.full2 {
-        background-image: -webkit-image-set(
-          url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KICAgIDxwYXRoIGQ9Ik01IDE2aDN2M2gydi01SDV2MnptMy04SDV2Mmg1VjVIOHYzem02IDExaDJ2LTNoM3YtMmgtNXY1em0yLTExVjVoLTJ2NWg1VjhoLTN6Ii8+Cjwvc3ZnPgo=)
-            1x
-        );
-        background-repeat: no-repeat;
-        background-position: center;
-      }
-    }
-    .volume {
-      width: 30px;
-      height: 30px;
-      background-image: -webkit-image-set(
-        url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0zIDl2Nmg0bDUgNVY0TDcgOUgzem0xMy41IDNjMC0xLjc3LTEuMDItMy4yOS0yLjUtNC4wM3Y4LjA1YzEuNDgtLjczIDIuNS0yLjI1IDIuNS00LjAyek0xNCAzLjIzdjIuMDZjMi44OS44NiA1IDMuNTQgNSA2Ljcxcy0yLjExIDUuODUtNSA2LjcxdjIuMDZjNC4wMS0uOTEgNy00LjQ5IDctOC43N3MtMi45OS03Ljg2LTctOC43N3oiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==)
-          1x
-      );
-      background-repeat: no-repeat;
-      background-position: center;
-      &.muted {
-        background-image: -webkit-image-set(
-          url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xNi41IDEyYzAtMS43Ny0xLjAyLTMuMjktMi41LTQuMDN2Mi4yMWwyLjQ1IDIuNDVjLjAzLS4yLjA1LS40MS4wNS0uNjN6bTIuNSAwYzAgLjk0LS4yIDEuODItLjU0IDIuNjRsMS41MSAxLjUxQzIwLjYzIDE0LjkxIDIxIDEzLjUgMjEgMTJjMC00LjI4LTIuOTktNy44Ni03LTguNzd2Mi4wNmMyLjg5Ljg2IDUgMy41NCA1IDYuNzF6TTQuMjcgM0wzIDQuMjcgNy43MyA5SDN2Nmg0bDUgNXYtNi43M2w0LjI1IDQuMjVjLS42Ny41Mi0xLjQyLjkzLTIuMjUgMS4xOHYyLjA2YzEuMzgtLjMxIDIuNjMtLjk1IDMuNjktMS44MUwxOS43MyAyMSAyMSAxOS43M2wtOS05TDQuMjcgM3pNMTIgNEw5LjkxIDYuMDkgMTIgOC4xOFY0eiIvPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPgo8L3N2Zz4K)
-            1x
-        );
-        background-repeat: no-repeat;
-        background-position: center;
-      }
-    }
-  }
-  &-error {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    z-index: 111111;
-    background: #000;
-    color: #fff;
-    text-align: center;
-    p {
-      color: #fff;
-    }
-  }
-}