@nutui/nutui 3.3.1 → 4.0.0-beta.0

package/dist/packages/locale/lang/zh-TW.js

@@ -1,112 +1,122 @@
+var B = Object.defineProperty;
+var d = (a, C, e) => C in a ? B(a, C, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[C] = e;
+var u = (a, C, e) => (d(a, typeof C != "symbol" ? C + "" : C, e), e);
+import { B as o } from "./baseLang.ff3ed8bc.js";
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:43 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:27 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { B as BaseLang } from "./baseLang.js";
-class Lang extends BaseLang {
+class s extends o {
   constructor() {
     super(...arguments);
-    this.save = "\u4FDD\u5B58";
-    this.confirm = "\u78BA\u8A8D";
-    this.cancel = "\u53D6\u6D88";
-    this.done = "\u5B8C\u6210";
-    this.noData = "\u66AB\u7121\u6578\u64DA";
-    this.placeholder = "\u8ACB\u8F38\u5165";
-    this.select = "\u8ACB\u9078\u64C7";
-    this.video = {
+    u(this, "save", "\u4FDD\u5B58");
+    u(this, "confirm", "\u78BA\u8A8D");
+    u(this, "cancel", "\u53D6\u6D88");
+    u(this, "done", "\u5B8C\u6210");
+    u(this, "noData", "\u66AB\u7121\u6578\u64DA");
+    u(this, "placeholder", "\u8ACB\u8F38\u5165");
+    u(this, "select", "\u8ACB\u9078\u64C7");
+    u(this, "video", {
       errorTip: "\u8996\u983B\u52A0\u8F09\u5931\u6557",
       clickRetry: "\u9EDE\u64CA\u91CD\u8A66"
-    };
-    this.fixednav = {
+    });
+    u(this, "fixednav", {
       activeText: "\u6536\u8D77\u5C0E\u822A",
       unActiveText: "\u5FEB\u901F\u5C0E\u822A"
-    };
-    this.pagination = {
+    });
+    u(this, "pagination", {
       prev: "\u4E0A\u4E00\u9801",
       next: "\u4E0B\u4E00\u9801"
-    };
-    this.calendaritem = {
+    });
+    u(this, "calendaritem", {
       weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
       end: "\u7D50\u675F",
       start: "\u958B\u59CB",
       title: "\u884C\u4E8B\u66C6\u9078\u64C7",
-      monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
+      monthTitle: (e, t) => `${e}\u5E74${t}\u6708`,
       today: "\u4ECA\u5929"
-    };
-    this.shortpassword = {
+    });
+    u(this, "shortpassword", {
       title: "\u8ACB\u8F38\u5165\u5BC6\u78BC",
       desc: "\u60A8\u4F7F\u7528\u4E86\u865B\u64EC\u8CC7\u7522,\u8ACB\u9032\u884C\u9A57\u8B49",
       tips: "\u5FD8\u8A18\u5BC6\u78BC"
-    };
-    this.uploader = {
+    });
+    u(this, "uploader", {
       ready: "\u6E96\u5099\u5B8C\u6210",
       readyUpload: "\u6E96\u5099\u4E0A\u50B3",
       waitingUpload: "\u7B49\u5F85\u4E0A\u50B3",
       uploading: "\u4E0A\u50B3\u4E2D",
       success: "\u4E0A\u50B3\u6210\u529F",
       error: "\u4E0A\u50B3\u5931\u6557"
-    };
-    this.countdown = {
+    });
+    u(this, "countdown", {
       day: "\u5929",
       hour: "\u6642",
       minute: "\u5206",
       second: "\u79D2"
-    };
-    this.address = {
+    });
+    u(this, "address", {
       selectRegion: "\u8ACB\u9078\u64C7\u6240\u5728\u5730\u5340",
       deliveryTo: "\u914D\u9001\u81F3",
       chooseAnotherAddress: "\u9078\u64C7\u5176\u4ED6\u5730\u5740"
-    };
-    this.signature = {
+    });
+    u(this, "signature", {
       reSign: "\u91CD\u7C3D",
       unSupportTpl: "\u5C0D\u4E0D\u8D77,\u7576\u524D\u700F\u89BD\u5668\u4E0D\u652F\u6301Canvas,\u7121\u6CD5\u4F7F\u7528\u672C\u63A7\u5236\u9805\uFF01"
-    };
-    this.ecard = {
+    });
+    u(this, "ecard", {
       chooseText: "\u8ACB\u9078\u64C7\u96FB\u5B50\u5361\u9762\u503C",
       otherValueText: "\u5176\u4ED6\u9762\u503C",
       placeholder: "\u8ACB\u8F38\u51651-5000\u6574\u6578"
-    };
-    this.timeselect = {
+    });
+    u(this, "timeselect", {
       pickupTime: "\u53D6\u4EF6\u6642\u9593"
-    };
-    this.sku = {
+    });
+    u(this, "sku", {
       buyNow: "\u7ACB\u5373\u8CFC\u8CB7",
       buyNumber: "\u8CFC\u8CB7\u6578\u91CF",
       addToCart: "\u52A0\u5165\u8CFC\u7269\u8ECA"
-    };
-    this.skuheader = {
+    });
+    u(this, "skuheader", {
       skuId: "\u5546\u54C1\u7DE8\u865F"
-    };
-    this.addresslist = {
+    });
+    u(this, "addresslist", {
       addAddress: "\u65B0\u5EFA\u5730\u5740",
       default: "\u9ED8\u8BA4"
-    };
-    this.comment = {
+    });
+    u(this, "comment", {
       complaintsText: "\u6211\u8981\u6295\u8A34",
-      additionalReview: (day) => `\u8CFC\u8CB7${day}\u5929\u5F8C\u8FFD\u8A55`,
-      additionalImages: (length) => `${length}\u5F35\u8FFD\u8A55\u5716\u7247`
-    };
-    this.infiniteloading = {
+      additionalReview: (e) => `\u8CFC\u8CB7${e}\u5929\u5F8C\u8FFD\u8A55`,
+      additionalImages: (e) => `${e}\u5F35\u8FFD\u8A55\u5716\u7247`
+    });
+    u(this, "infiniteloading", {
       loading: "\u52A0\u8F09\u4E2D...",
       pullTxt: "\u9B06\u958B\u5237\u65B0",
       loadMoreTxt: "\u54CE\u5440\uFF0C\u9019\u88E1\u662F\u5E95\u90E8\u4E86\u5566"
-    };
-    this.datepicker = {
+    });
+    u(this, "datepicker", {
       year: "\u5E74",
       month: "\u6708",
       day: "\u65E5",
       hour: "\u6642",
       min: "\u5206",
       seconds: "\u79D2"
-    };
-    this.audiooperate = {
+    });
+    u(this, "audiooperate", {
       back: "\u5012\u9000",
       start: "\u958B\u59CB",
       pause: "\u66AB\u505C",
       forward: "\u5FEB\u9032",
       mute: "\u975C\u97F3"
-    };
+    });
+    u(this, "pullrefresh", {
+      pulling: "\u4E0B\u62C9\u5237\u65B0",
+      loosing: "\u91CB\u653E\u5237\u65B0",
+      loading: "\u52A0\u8F09\u4E2D..."
+    });
   }
 }
-export { Lang as default };
+export {
+  s as default
+};

package/dist/packages/menu/index.js

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/menu/index.scss

@@ -46,6 +46,7 @@
 
       .nut-menu__title-icon {
         transition: all 0.2s linear;
+        display: flex;
       }
 
       .nut-menu__title {

package/dist/packages/menuitem/index.js

@@ -0,0 +1,3 @@
+require('./index.scss');
+require('../popup/index.scss');
+require('../overlay/index.scss');

package/dist/packages/menuitem/index.scss

@@ -30,7 +30,9 @@
     display: flex;
     align-items: center;
 
-    i {
+    .nut-menu-item__span {
+      display: flex;
+      align-items: center;
       margin-right: $menu-item-option-i-margin-right;
     }
   }
@@ -41,7 +43,7 @@
   transform: none;
 }
 
-.placeholder-element {
+.nut-menu-item-placeholder-element {
   position: fixed;
   top: -$menu-bar-line-height;
   left: 0;

package/dist/packages/navbar/index.js

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/navbar/index.scss

@@ -75,6 +75,7 @@
     text-align: center;
     display: flex;
     justify-content: center;
+    align-items: center;
     .title {
       min-width: $navbar-title-width;
       font-size: $navbar-title-font;
@@ -90,6 +91,9 @@
         margin: $navbar-title-icon-margin;
       }
     }
+    .icon {
+      font-size: 0;
+    }
     .nut-icon {
       display: inline;
     }
@@ -104,7 +108,7 @@
       background: $white;
     }
 
-    .nut-tabpane {
+    .nut-tab-pane {
       display: none;
     }
   }

package/dist/packages/noticebar/index.js

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/noticebar/index.scss

@@ -1,17 +1,16 @@
 .nut-theme-dark {
-  .nut-noticebar-page {
+  .nut-noticebar__page {
     background: $dark-background2;
     color: $dark-color;
   }
 
-  .nut-noticebar-vertical {
-    .horseLamp_list_item {
+  .nut-noticebar__vertical {
+    .nut-noticebar__vertical-item {
       color: $dark-color;
     }
   }
 }
-.nut-noticebar-page {
-  // width: 100%;
+.nut-noticebar__page {
   display: flex;
   padding: $noticebar-box-padding;
   height: $noticebar-height;
@@ -20,12 +19,12 @@
   align-items: center;
   background: $noticebar-background;
   color: $noticebar-color;
-  &.wrapable {
+  &--wrapable {
     height: auto;
     padding: $noticebar-wrapable-padding;
-    .wrap {
+    .nut-noticebar__page-wrap {
       height: auto;
-      .content {
+      .nut-noticebar__page-wrap-content {
         position: relative;
         white-space: normal;
         word-wrap: break-word;
@@ -33,24 +32,24 @@
     }
   }
 
-  .withicon {
+  .nut-noticebar__page--withicon {
     position: relative;
     padding-right: 40px;
   }
-  .left-icon {
+  .nut-noticebar__page-lefticon {
     height: $noticebar-left-icon-width;
     min-width: $noticebar-left-icon-width;
     margin: $noticebar-lefticon-margin;
     background-size: 100% 100%;
   }
-  .right-icon {
+  .nut-noticebar__page-righticon {
     display: flex;
     align-items: center;
     justify-content: center;
     width: $noticebar-right-icon-width;
     margin: $noticebar-righticon-margin;
   }
-  .wrap {
+  .nut-noticebar__page-wrap {
     display: flex;
     flex: 1;
     height: $noticebar-line-height;
@@ -58,7 +57,7 @@
     overflow: hidden;
     position: relative;
   }
-  .content {
+  .nut-noticebar__page-wrap-content {
     position: absolute;
     white-space: nowrap;
     &.nut-ellipsis {
@@ -99,7 +98,7 @@
 }
 
 // 纵向
-.nut-noticebar-vertical {
+.nut-noticebar__vertical {
   position: relative;
   display: flex;
   justify-content: space-between;
@@ -108,12 +107,12 @@
   overflow: hidden;
   padding: $noticebar-box-padding;
 
-  .horseLamp_list {
+  .nut-noticebar__vertical-list {
     margin: 0;
     padding: 0;
     display: block;
     flex: 1;
-    .horseLamp_list_item {
+    .nut-noticebar__vertical-item {
       display: flex;
       align-items: center;
       height: $noticebar-height;

package/dist/packages/notify/index.js

@@ -0,0 +1,3 @@
+require('./index.scss');
+require('../popup/index.scss');
+require('../overlay/index.scss');

package/dist/packages/notify/index.scss

@@ -1,23 +1,3 @@
-.popup-top {
-  display: flex;
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  overflow-y: auto;
-  // transition: transform 0.3s;
-  z-index: 9999;
-}
-.popup-bottom {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  overflow-y: auto;
-  // transition: transform 0.3s;
-  z-index: 9999;
-}
-
 .nut-fade-enter-active {
   transition: opacity 1s;
 }

package/dist/packages/numberkeyboard/index.js

@@ -0,0 +1,3 @@
+require('./index.scss');
+require('../popup/index.scss');
+require('../overlay/index.scss');

package/dist/packages/numberkeyboard/index.scss

@@ -1,20 +1,21 @@
 .nut-theme-dark {
-  .nut-numberkeyboard {
+  .nut-number-keyboard {
     background-color: $dark-background4;
-    .number-board-body .key-board-wrapper .key {
+
+    .nut-number-keyboard__body .nut-key__wrapper .key {
       background-color: $dark-background5;
       color: $dark-color;
     }
   }
 }
 
-.nut-numberkeyboard {
+.nut-number-keyboard {
   width: $numberkeyboard-width;
   padding: $numberkeyboard-padding;
   background-color: $numberkeyboard-background-color;
   user-select: none;
 
-  .number-board-header {
+  .nut-number-keyboard__header {
     position: relative;
     display: flex;
     align-items: center;
@@ -25,11 +26,11 @@
     color: $numberkeyboard-header-color;
     font-size: $numberkeyboard-header-font-size;
 
-    .tit {
+    .nut-number-keyboard__title {
       display: inline-block;
     }
 
-    .keyboard-close {
+    .nut-number-keyboard__close {
       position: absolute;
       display: block;
       right: 0;
@@ -42,57 +43,22 @@
     }
   }
 
-  .number-board-body {
+  .nut-number-keyboard__body {
     display: flex;
     padding: 6px 0 0 6px;
 
-    .number-board {
+    .nut-number-keyboard__keys {
       display: flex;
       flex: 3;
       flex-wrap: wrap;
     }
-
-    .key-board-wrapper {
-      position: relative;
-      flex: 1;
-      flex-basis: 33%;
-      box-sizing: border-box;
-      padding: 0 6px 6px 0;
-
-      .key {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: $numberkeyboard-key-height;
-        font-size: $numberkeyboard-key-font-size;
-        line-height: $numberkeyboard-key-line-height;
-        background-color: $numberkeyboard-key-background-color;
-        color: $numberkeyboard-key-font-size-color;
-        border-radius: $numberkeyboard-key-border-radius;
-        cursor: pointer;
-      }
-
-      .active {
-        background-color: $numberkeyboard-key-active-background-color;
-      }
-
-      img {
-        width: 30px;
-        height: 24px;
-      }
-    }
-
-    .key-board-wrapper-large {
-      flex-basis: 66%;
-    }
-
-    .number-board-sidebar {
+    .nut-number-keyboard__sidebar {
       display: flex;
       flex: 1;
       flex-direction: column;
 
-      .key-board-wrapper {
-        .key {
+      .nut-key__wrapper {
+        .nut-key {
           position: absolute;
           top: 0;
           right: 6px;
@@ -101,7 +67,7 @@
           height: auto;
         }
 
-        .finish {
+        .nut-key--finish {
           font-size: $numberkeyboard-key-finish-font-size;
           color: $numberkeyboard-key-finish-font-size-color;
           background-color: $numberkeyboard-key-finish-background-color;
@@ -114,6 +80,36 @@
     }
   }
 }
-.nut-numberkeyboard-overlay {
-  background-color: rgba(0, 0, 0, 0) !important;
+
+.nut-key__wrapper {
+  position: relative;
+  flex: 1;
+  flex-basis: 33%;
+  box-sizing: border-box;
+  padding: 0 6px 6px 0;
+  &.nut-key__wrapper--wider {
+    flex-basis: 66%;
+  }
+
+  .nut-key {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: $numberkeyboard-key-height;
+    font-size: $numberkeyboard-key-font-size;
+    line-height: $numberkeyboard-key-line-height;
+    background-color: $numberkeyboard-key-background-color;
+    color: $numberkeyboard-key-font-size-color;
+    border-radius: $numberkeyboard-key-border-radius;
+    cursor: pointer;
+  }
+
+  .nut-key--active {
+    background-color: $numberkeyboard-key-active-background-color;
+  }
+
+  img {
+    width: 30px;
+    height: 24px;
+  }
 }

package/dist/packages/overlay/index.js

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/pagination/index.js

@@ -0,0 +1 @@
+require('./index.scss');

package/dist/packages/picker/index.js

@@ -0,0 +1,3 @@
+require('./index.scss');
+require('../popup/index.scss');
+require('../overlay/index.scss');