@nutui/nutui 3.1.20 → 3.1.21-beta.0

package/dist/packages/_es/pxCheck.js

@@ -1,9 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-const pxCheck = (value) => {
-  return isNaN(Number(value)) ? String(value) : `${value}px`;
-};
-export { pxCheck as p };

package/dist/packages/_es/raf.js

@@ -1,19 +0,0 @@
-/*!
-* @nutui/nutui v3.1.20 Mon Apr 25 2022 18:06:52 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
-* Released under the MIT License.
-*/
-const _window = window;
-function requestAniFrame() {
-  if (typeof _window !== "undefined") {
-    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
-      _window.setTimeout(callback, 1e3 / 60);
-    };
-  } else {
-    return function(callback) {
-      setTimeout(callback, 1e3 / 60);
-    };
-  }
-}
-var requestAniFrame$1 = requestAniFrame();
-export { requestAniFrame$1 as r };

package/dist/packages/_es/style.css

@@ -1,111 +0,0 @@
-.nut-categorypane__cateList {
-  display: flex;
-  background: rgb(255, 255, 255);
-}
-.nut-categorypane__cateListLeft {
-  background: rgb(246, 247, 249);
-}
-.nut-categorypane__cateListItemChecked, .nut-categorypane__cateListItem {
-  width: 100px;
-  height: 50px;
-  font-size: 13px;
-  font-family: PingFangSC;
-  font-weight: normal;
-  color: rgb(51, 51, 51);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: all 0.3s;
-}
-.nut-categorypane__cateListItemChecked {
-  background: rgb(255, 255, 255);
-  font-weight: 500;
-  transition: all 0.3s;
-}
-.nut-categorypane__cateListRight {
-  padding-left: 15px;
-  background: rgb(255, 255, 255);
-}
-.nut-categorypane__childTitle {
-  margin-top: 15px;
-  margin-bottom: 15px;
-  font-size: 13px;
-  font-family: PingFangSC;
-  font-weight: 500;
-  color: rgb(51, 51, 51);
-}
-.nut-categorypane__childItemList {
-  display: flex;
-  flex-wrap: wrap;
-}
-.nut-categorypane__childItem {
-  margin-right: 10px;
-}
-.nut-categorypane__childImg {
-  width: 75px;
-  height: 75px;
-  border-radius: 5px;
-}
-.nut-categorypane__skuName {
-  margin-right: 10px;
-  width: 75px;
-  height: 40px;
-  border: 1px solid rgb(153, 153, 153);
-  border-radius: 5px;
-  font-size: 12px;
-  font-family: PingFangSC;
-  font-weight: normal;
-  color: rgb(102, 102, 102);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.nut-categorypane__skuName:nth-child(3n) {
-  margin-right: 0;
-}
-.nut-categorypane__skuName:nth-child(n+4) {
-  margin-top: 15px;
-}
-.nut-categorypane__skuImg {
-  font-size: 12px;
-  font-family: PingFangSC;
-  font-weight: normal;
-  color: rgb(102, 102, 102);
-  margin-top: 10px;
-  margin-bottom: 10px;
-  text-align: center;
-}
-.nut-categorypane__selfItemList {
-  display: flex;
-  flex-wrap: wrap;
-}
-.nut-categorypane__selfskuName {
-  margin-left: 15px;
-  margin-top: 15px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 75px;
-  height: 40px;
-  border: 1px solid rgb(153, 153, 153);
-  border-radius: 5px;
-  font-size: 12px;
-  font-family: PingFangSC;
-  font-weight: normal;
-  color: rgb(102, 102, 102);
-}
-.nut-categorypane__skuName {
-  margin-left: 15px;
-  margin-top: 15px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 75px;
-  height: 40px;
-  border: 1px solid rgb(153, 153, 153);
-  border-radius: 5px;
-  font-size: 12px;
-  font-family: PingFangSC;
-  font-weight: normal;
-  color: rgb(102, 102, 102);
-}@import './index.scss';/*  */

package/dist/packages/actionsheet/index.scss

@@ -1,73 +0,0 @@
-.nut-actionsheet-panel {
-  display: block;
-  .nut-actionsheet-title {
-    display: block;
-    padding: 10px;
-    margin: 0;
-    text-align: center;
-    background-color: $white;
-    border-bottom: 1px solid $actionsheet-light-color;
-    font-size: $font-size-base;
-    color: $title-color;
-  }
-
-  .nut-actionsheet-modal {
-    .nut-actionsheet-title,
-    .nut-actionsheet-sub-title {
-      padding: 5px 0;
-    }
-
-    .nut-actionsheet-sub-title {
-      display: block;
-      font-size: $font-size-small;
-      color: $title-color;
-      margin-inline-start: 0px;
-    }
-  }
-
-  .nut-actionsheet-menu {
-    display: block;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  .nut-actionsheet-cancel,
-  .nut-actionsheet-item {
-    display: block;
-    //   height: 24px;
-    padding: 10px;
-    line-height: $actionsheet-item-line-height;
-    font-size: $actionsheet-item-font-size;
-    color: $actionsheet-item-font-color;
-    text-align: center;
-    background-color: #fff;
-    border-bottom: $actionsheet-item-border-bottom;
-    cursor: pointer;
-  }
-
-  .desc {
-    font-size: $actionsheet-item-font-size;
-    color: #999;
-    cursor: default;
-  }
-
-  .subdesc {
-    display: block;
-    font-size: $actionsheet-item-subdesc-font-size;
-    color: #999;
-  }
-
-  .nut-actionsheet-item-disabled {
-    color: #e1e1e1 !important;
-    cursor: not-allowed;
-  }
-  .nut-actionsheet-item-loading {
-    cursor: default;
-  }
-
-  .nut-actionsheet-cancel {
-    margin-top: 5px;
-    border-top: $actionsheet-item-cancel-border-top;
-  }
-}

package/dist/packages/address/index.scss

@@ -1,155 +0,0 @@
-.nut-address {
-  display: block;
-  &__header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-top: 24px;
-    margin-bottom: 17px;
-    padding: 0 20px;
-    text-align: center;
-    font-weight: bold;
-    color: #333;
-    line-height: 20px;
-    &__title {
-      display: block;
-      color: #262626;
-      font-size: 18px;
-    }
-  }
-
-  // 请选择
-  .custom-address {
-    display: block;
-    .region-tab {
-      position: relative;
-      margin-top: 32px;
-      padding: 0 20px;
-      display: flex;
-      font-size: 13px;
-      color: #1d1e1e;
-
-      .tab-item {
-        min-width: 2px;
-        margin-right: 30px;
-        display: block;
-        &.active {
-          font-weight: bold;
-        }
-
-        view {
-          display: block;
-          max-width: 100px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-        }
-
-        span {
-          display: inline-block;
-          max-width: 100px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-
-      .region-tab-line {
-        position: absolute;
-        bottom: -10px;
-        left: 20px;
-        display: inline-block;
-        margin-top: 5px;
-        width: 26px;
-        height: 3px;
-        background: $address-region-tab-line;
-        transition: 0.2s all linear;
-      }
-    }
-
-    .region-con {
-      display: block;
-      margin: 20px 20px 0;
-      .region-group {
-        padding-top: 15px;
-        height: 270px;
-        overflow-y: auto;
-        box-sizing: border-box;
-        padding: 0;
-        .region-item {
-          display: flex;
-          align-items: center;
-          margin-bottom: 20px;
-          font-size: $font-size-1;
-          color: #333;
-          &.active {
-            font-weight: bold;
-          }
-
-          .region-item-icon {
-            margin-right: 6px;
-            color: $address-icon-color !important;
-          }
-        }
-      }
-    }
-    .elevator-group {
-      display: flex;
-      margin-top: 20px;
-    }
-  }
-
-  // 配送至
-  .exist-address {
-    display: block;
-    margin-top: 15px;
-
-    .exist-address-group {
-      padding: 15px 20px 0;
-      height: 279px;
-      overflow-y: scroll;
-
-      .exist-ul {
-        box-sizing: border-box;
-        padding: 0;
-        .exist-item {
-          display: flex;
-          align-items: center;
-          margin-bottom: 20px;
-          font-size: $font-size-1;
-          line-height: 14px;
-          color: #333;
-          &.active {
-            font-weight: bold;
-          }
-          .exist-item-icon {
-            margin-right: 9px;
-            color: $address-icon-color !important;
-          }
-          span {
-            display: inline-block;
-            flex: 1;
-          }
-        }
-      }
-    }
-
-    .choose-other {
-      width: 100%;
-      height: 54px;
-      padding: 6px 0px 0;
-      border-top: 1px solid #f2f2f2;
-      .btn {
-        width: 90%;
-        height: 42px;
-        line-height: 42px;
-        margin: auto;
-        text-align: center;
-        background: $button-primary-background-color;
-        border-radius: 21px;
-        font-size: 15px;
-        color: $white;
-      }
-    }
-  }
-}

package/dist/packages/addresslist/index.scss

@@ -1,144 +0,0 @@
-.nut-addresslist {
-  overflow: hidden;
-  .nut-long-press-shell {
-    &__contain {
-      width: 100%;
-      min-height: 76px;
-      padding: 5px 10px;
-      background-color: #fff;
-      border-bottom: 1px solid #f0f0f0;
-      color: #333333;
-      font-size: 16px;
-      display: flex;
-      align-items: center;
-      position: relative;
-      box-sizing: border-box;
-      &-mask {
-        position: absolute;
-        top: 0;
-        left: 0;
-        bottom: 0;
-        right: 0;
-        background-color: rgba(0, 0, 0, 0.4);
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-        padding: 0 40px;
-        z-index: 2001;
-        &-copy,
-        &-set,
-        &-del {
-          height: 55px;
-          width: 55px;
-          border-radius: 50%;
-          text-align: center;
-          background-color: #fff;
-          font-size: 14px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-        }
-        &-set {
-          color: #fff;
-          background-color: #f5a623;
-        }
-        &-del {
-          color: #fff;
-          background-color: #e1251b;
-        }
-      }
-    }
-    //设置mask
-    &__mask-bottom {
-      position: fixed;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      z-index: 2000;
-      background-color: transparent;
-    }
-  }
-  .nut-long-press-shell:last-child {
-    &__contain {
-      border-bottom: none;
-    }
-  }
-  .nut-swipe-shell,
-  .nut-general-shell {
-    // width:100%;
-    min-height: 76px;
-    padding: 5px 10px;
-    background-color: #fff;
-    border-bottom: 1px solid #f0f0f0;
-    color: #333333;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
-    position: relative;
-  }
-  .nut-swipe-shell:last-child,
-  .nut-general-shell:last-child {
-    border-bottom: none;
-  }
-  .nut-item-contents {
-    &__contain {
-      width: 100%;
-    }
-    &__info {
-      display: flex;
-      justify-content: space-between;
-      &-contact {
-        display: flex;
-        justify-content: flex-start;
-        font-weight: bold;
-        align-items: center;
-        &-name {
-          max-width: 145px;
-          word-wrap: break-word;
-        }
-        &-tel {
-          margin-left: 8px;
-          max-width: 110px;
-          word-wrap: break-word;
-        }
-        &-default {
-          margin-left: 5px;
-          padding: 0 6px;
-          height: 16px;
-          line-height: 16px;
-          background: #f2270c;
-          border-radius: 2px;
-          font-size: 12px;
-          color: #fff;
-        }
-      }
-      &-handle {
-        &-edit {
-          margin-left: 15px;
-        }
-      }
-    }
-    &__addr {
-      color: #666666;
-      font-size: 12px;
-      margin-top: 5px;
-    }
-  }
-  &__bottom {
-    position: fixed;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    bottom: constant(safe-area-inset-bottom);
-    bottom: env(safe-area-inset-bottom);
-    width: 100%;
-    padding: 12px 18px 24px;
-    z-index: 100000;
-    background-color: #fff;
-    box-sizing: border-box;
-  }
-}
-.nut-addresslist:last-child {
-  padding-bottom: 84px;
-}

package/dist/packages/audio/index.scss

@@ -1,66 +0,0 @@
-.nut-audio {
-  padding: 0;
-  .progress-wrapper {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    margin: 0px auto;
-    padding: 10px 0;
-
-    .progress-bar-wrapper {
-      flex: 1;
-      margin: 0 10px;
-    }
-
-    .time {
-      min-width: 50px;
-      font-size: 12px;
-      text-align: center;
-    }
-  }
-
-  .nut-audio-icon {
-    position: relative;
-    display: inline-block;
-
-    .nut-audio-icon-box {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 30px;
-      height: 30px;
-      background: #fff;
-      border-radius: 50%;
-      box-shadow: 0 0 8px rgba($color: $text-color, $alpha: 0.5);
-      &.nut-audio-icon-stop {
-        &::after {
-          position: absolute;
-          left: 50%;
-          top: 50%;
-          transform: translateX(-15px);
-          content: '';
-          height: 2px;
-          width: 30px;
-          background: $disable-color;
-          transform: rotate(45deg);
-          transform-origin: 8px -18px;
-        }
-      }
-    }
-  }
-
-  .audioMain {
-    margin-top: 30px;
-  }
-
-  .custom-button {
-    width: 8px;
-    height: 8px;
-    color: #fff;
-    font-size: 10px;
-    line-height: 18px;
-    text-align: center;
-    background-color: #ee0a24;
-    border-radius: 100px;
-  }
-}

package/dist/packages/audiooperate/index.scss

@@ -1,13 +0,0 @@
-.nut-audio-operate-group {
-  display: flex;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 10px;
-
-  .nut-audio-operate {
-    .nut-audio-operate-item {
-      margin: 0 5px;
-    }
-  }
-}

package/dist/packages/avatar/index.scss

@@ -1,53 +0,0 @@
-.nut-avatar {
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  display: inline-block;
-  position: relative;
-  flex: 0 0 auto; // 防止被压缩
-  text-align: center;
-  img {
-    width: 100%;
-    height: 100%;
-  }
-  .icon {
-    background-size: 100% 100%;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-  }
-  .nut-icon__img {
-    width: 100%;
-    height: 100%;
-  }
-  .text {
-    display: inline-block;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    overflow: hidden;
-  }
-}
-.nut-avatar-large {
-  width: $avatar-large-width;
-  height: $avatar-large-height;
-  line-height: $avatar-large-height;
-}
-.nut-avatar-small {
-  width: $avatar-small-width;
-  height: $avatar-small-height;
-  line-height: $avatar-small-height;
-}
-.nut-avatar-normal {
-  width: $avatar-normal-width;
-  height: $avatar-normal-height;
-  line-height: $avatar-normal-height;
-}
-.nut-avatar-round {
-  border-radius: 50%;
-  overflow: hidden;
-}
-.nut-avatar-square {
-  border-radius: $avatar-square;
-}

package/dist/packages/avatargroup/index.scss

@@ -1,14 +0,0 @@
-.nut-avatar-group {
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-  background-position: center center;
-  display: inline-block;
-  position: relative;
-  flex: 0 0 auto; // 防止被压缩
-  .nut-avatar {
-    border: 1px solid #fff;
-    &:not(:first-of-type) {
-      margin-left: -8px;
-    }
-  }
-}

package/dist/packages/backtop/index.scss

@@ -1,20 +0,0 @@
-.nut-backtop {
-  display: none;
-  position: fixed;
-  &.show {
-    width: 40px;
-    height: 40px;
-    background: $white;
-    border: 1px solid $backtop-border-color;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  &.show :active {
-    background: rgba(0, 0, 0, 0.1);
-  }
-  &-main {
-    transition: all 0.2s ease-in-out;
-  }
-}

package/dist/packages/badge/index.scss

@@ -1,33 +0,0 @@
-.nut-badge {
-  position: relative;
-  display: inline-block;
-  .slot-icons {
-    position: absolute;
-    background: $badge-background-color;
-    top: -20%;
-    right: -20%;
-    padding: $badge-padding;
-    text-align: center;
-    border-radius: $badge-border-radius;
-    z-index: $badge-z-index;
-  }
-  .sup {
-    position: absolute;
-    background: $badge-background-color;
-    padding: $badge-padding;
-    text-align: center;
-    border-radius: $badge-border-radius;
-    font-size: $badge-font-size;
-    font-weight: normal;
-    color: $badge-color;
-  }
-  .nut-badge__content {
-    transform: $badge-content-transform;
-  }
-  .is-dot {
-    width: $badge-dot-width;
-    height: $badge-dot-height;
-    border-radius: $badge-dot-border-radius;
-    padding: $badge-dot-padding;
-  }
-}