@nutui/nutui 3.1.0 → 3.1.2-3.beta-4

package/dist/packages/locale/lang/id-ID.js

@@ -0,0 +1,112 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:39:04 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { B as BaseLang } from "./baseLang.js";
+class Lang extends BaseLang {
+  constructor() {
+    super(...arguments);
+    this.save = "Simpan";
+    this.confirm = "Konfirmasi";
+    this.cancel = "Batal";
+    this.done = "Selesai";
+    this.noData = "Tidak Ada Data";
+    this.placeholder = "Kolom Input";
+    this.select = "Pilih";
+    this.video = {
+      errorTip: "Terjadi Kesalahan",
+      clickRetry: "Coba Lagi"
+    };
+    this.fixednav = {
+      activeText: "Tutup Navigasi",
+      unActiveText: "Buka Navigasi"
+    };
+    this.pagination = {
+      prev: "Sebelumnya",
+      next: "Selanjutnya"
+    };
+    this.calendaritem = {
+      weekdays: ["Min", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab"],
+      end: "Selesai",
+      start: "Mulai",
+      title: "Kalender",
+      monthTitle: (year, month) => `${year}/${month}`,
+      today: "Hari ini"
+    };
+    this.shortpassword = {
+      title: "SIlakan masukan kata sandi",
+      desc: "Anda telah menggunakan aset virtual, mohon lakukan verifikasi.",
+      tips: "Lupa Kata Sandi"
+    };
+    this.uploader = {
+      ready: "File berhasil diunggah",
+      readyUpload: "Siap untuk mengunggah",
+      waitingUpload: "Menunggu untuk diunggah",
+      uploading: "Mengunggah",
+      success: "Berhasil Diunggah",
+      error: "Gagal Mengunggah"
+    };
+    this.countdown = {
+      day: " Hari ",
+      hour: " Jam ",
+      minute: " Menit ",
+      second: " Detik "
+    };
+    this.address = {
+      selectRegion: "Pilih Daerah",
+      deliveryTo: "Kirim Ke",
+      chooseAnotherAddress: "Pilih alamat lain"
+    };
+    this.signature = {
+      reSign: "Masuk Kembali",
+      unSupportTpl: `Maaf, browser Anda saat ini tidak mendukung Canvas, sehingga kita tidak dapat menggunakan kontrol ini!`
+    };
+    this.ecard = {
+      chooseText: "Pilih",
+      otherValueText: "Jumlah Lain",
+      placeholder: "Kolom Input"
+    };
+    this.timeselect = {
+      pickupTime: "Waktu Penjemputan"
+    };
+    this.sku = {
+      buyNow: "Beli Sekarang",
+      buyNumber: "Jumlah Pembelian",
+      addToCart: "Tambahkan ke Keranjang"
+    };
+    this.skuheader = {
+      skuId: "Nomor SKU"
+    };
+    this.addresslist = {
+      addAddress: "Tambah Alamat Baru",
+      default: "Bawaan"
+    };
+    this.comment = {
+      complaintsText: "Saya memiliki komplain",
+      additionalReview: (day) => `Ulas setelah ${day} hari dari pembelian`,
+      additionalImages: (length) => `Terdapat ${length} komentar lainnya`
+    };
+    this.infiniteloading = {
+      loading: "Memuat...",
+      pullTxt: "Lepaskan untuk memperbarui",
+      loadMoreTxt: "Oops, sudah sampai bawah"
+    };
+    this.datepicker = {
+      year: "Tahun",
+      month: "Bulan",
+      day: "Hari",
+      hour: "Jam",
+      min: "Menit",
+      seconds: "Detik"
+    };
+    this.audiooperate = {
+      back: "kembali",
+      start: "Mulailah",
+      pause: "berhenti sebentar",
+      forward: "Maju cepat",
+      mute: "Bisu"
+    };
+  }
+}
+export { Lang as default };

package/dist/packages/locale/lang/index.js

@@ -0,0 +1,48 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:39:04 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, ref } from "vue";
+import Lang from "./zh-CN.js";
+import Lang$1 from "./en-US.js";
+import "./baseLang.js";
+const isObject = (val) => val !== null && typeof val === "object";
+const deepMerge = (target, newObj) => {
+  Object.keys(newObj).forEach((key) => {
+    let targetValue = target[key];
+    let newObjValue = newObj[key];
+    if (isObject(targetValue) && isObject(newObjValue)) {
+      deepMerge(targetValue, newObjValue);
+    } else {
+      target[key] = newObjValue;
+    }
+  });
+  return target;
+};
+const langs = reactive({
+  "zh-CN": new Lang(),
+  "en-US": new Lang$1()
+});
+class Locale {
+  static languages() {
+    return langs[this.currentLang.value];
+  }
+  static use(lang, newLanguages) {
+    if (newLanguages) {
+      langs[lang] = new newLanguages();
+    }
+    this.currentLang.value = lang;
+  }
+  static merge(lang, newLanguages) {
+    if (newLanguages) {
+      if (langs[lang]) {
+        deepMerge(langs[lang], newLanguages);
+      } else {
+        this.use(lang, newLanguages);
+      }
+    }
+  }
+}
+Locale.currentLang = ref("zh-CN");
+export { Locale, Locale as default };

package/dist/packages/locale/lang/index.scss

@@ -0,0 +1 @@
+ 

package/dist/packages/locale/lang/zh-CN.d.ts

@@ -0,0 +1,104 @@
+import { BaseLang } from './baseLang';
+declare class Lang extends BaseLang {
+    save: string;
+    confirm: string;
+    cancel: string;
+    done: string;
+    noData: string;
+    placeholder: string;
+    select: string;
+    video: {
+        errorTip: string;
+        clickRetry: string;
+    };
+    fixednav: {
+        activeText: string;
+        unActiveText: string;
+    };
+    pagination: {
+        prev: string;
+        next: string;
+    };
+    calendaritem: {
+        weekdays: string[];
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: (year: number, month: number) => string;
+        today: string;
+    };
+    shortpassword: {
+        title: string;
+        desc: string;
+        tips: string;
+    };
+    uploader: {
+        ready: string;
+        readyUpload: string;
+        waitingUpload: string;
+        uploading: string;
+        success: string;
+        error: string;
+    };
+    countdown: {
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+    };
+    address: {
+        selectRegion: string;
+        deliveryTo: string;
+        chooseAnotherAddress: string;
+    };
+    signature: {
+        reSign: string;
+        unSupportTpl: string;
+    };
+    ecard: {
+        chooseText: string;
+        otherValueText: string;
+        placeholder: string;
+    };
+    timeselect: {
+        pickupTime: string;
+    };
+    sku: {
+        buyNow: string;
+        buyNumber: string;
+        addToCart: string;
+    };
+    skuheader: {
+        skuId: string;
+    };
+    addresslist: {
+        addAddress: string;
+        default: string;
+    };
+    comment: {
+        complaintsText: string;
+        additionalReview: (day: number) => string;
+        additionalImages: (length: number) => string;
+    };
+    infiniteloading: {
+        loading: string;
+        pullTxt: string;
+        loadMoreTxt: string;
+    };
+    datepicker: {
+        year: string;
+        month: string;
+        day: string;
+        hour: string;
+        min: string;
+        seconds: string;
+    };
+    audiooperate: {
+        back: string;
+        start: string;
+        pause: string;
+        forward: string;
+        mute: string;
+    };
+}
+export default Lang;

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

@@ -0,0 +1,112 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:39:04 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { B as BaseLang } from "./baseLang.js";
+class Lang extends BaseLang {
+  constructor() {
+    super(...arguments);
+    this.save = "\u4FDD\u5B58";
+    this.confirm = "\u786E\u8BA4";
+    this.cancel = "\u53D6\u6D88";
+    this.done = "\u5B8C\u6210";
+    this.noData = "\u6682\u65E0\u6570\u636E";
+    this.placeholder = "\u8BF7\u8F93\u5165";
+    this.select = "\u8BF7\u9009\u62E9";
+    this.video = {
+      errorTip: "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25",
+      clickRetry: "\u70B9\u51FB\u91CD\u8BD5"
+    };
+    this.fixednav = {
+      activeText: "\u6536\u8D77\u5BFC\u822A",
+      unActiveText: "\u5FEB\u901F\u5BFC\u822A"
+    };
+    this.pagination = {
+      prev: "\u4E0A\u4E00\u9875",
+      next: "\u4E0B\u4E00\u9875"
+    };
+    this.calendaritem = {
+      weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
+      end: "\u7ED3\u675F",
+      start: "\u5F00\u59CB",
+      title: "\u65E5\u5386\u9009\u62E9",
+      monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
+      today: "\u4ECA\u5929"
+    };
+    this.shortpassword = {
+      title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
+      desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
+      tips: "\u5FD8\u8BB0\u5BC6\u7801"
+    };
+    this.uploader = {
+      ready: "\u51C6\u5907\u5B8C\u6210",
+      readyUpload: "\u51C6\u5907\u4E0A\u4F20",
+      waitingUpload: "\u7B49\u5F85\u4E0A\u4F20",
+      uploading: "\u4E0A\u4F20\u4E2D",
+      success: "\u4E0A\u4F20\u6210\u529F",
+      error: "\u4E0A\u4F20\u5931\u8D25"
+    };
+    this.countdown = {
+      day: "\u5929",
+      hour: "\u65F6",
+      minute: "\u5206",
+      second: "\u79D2"
+    };
+    this.address = {
+      selectRegion: "\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A",
+      deliveryTo: "\u914D\u9001\u81F3",
+      chooseAnotherAddress: "\u9009\u62E9\u5176\u4ED6\u5730\u5740"
+    };
+    this.signature = {
+      reSign: "\u91CD\u7B7E",
+      unSupportTpl: "\u5BF9\u4E0D\u8D77\uFF0C\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Canvas\uFF0C\u65E0\u6CD5\u4F7F\u7528\u672C\u63A7\u4EF6\uFF01"
+    };
+    this.ecard = {
+      chooseText: "\u8BF7\u9009\u62E9\u7535\u5B50\u5361\u9762\u503C",
+      otherValueText: "\u5176\u4ED6\u9762\u503C",
+      placeholder: "\u8BF7\u8F93\u51651-5000\u6574\u6570"
+    };
+    this.timeselect = {
+      pickupTime: "\u53D6\u4EF6\u65F6\u95F4"
+    };
+    this.sku = {
+      buyNow: "\u7ACB\u5373\u8D2D\u4E70",
+      buyNumber: "\u8D2D\u4E70\u6570\u91CF",
+      addToCart: "\u52A0\u5165\u8D2D\u7269\u8F66"
+    };
+    this.skuheader = {
+      skuId: "\u5546\u54C1\u7F16\u53F7"
+    };
+    this.addresslist = {
+      addAddress: "\u65B0\u5EFA\u5730\u5740",
+      default: "\u9ED8\u8BA4"
+    };
+    this.comment = {
+      complaintsText: "\u6211\u8981\u6295\u8BC9",
+      additionalReview: (day) => `\u8D2D\u4E70${day}\u5929\u540E\u8FFD\u8BC4`,
+      additionalImages: (length) => `${length}\u5F20\u8FFD\u8BC4\u56FE\u7247`
+    };
+    this.infiniteloading = {
+      loading: "\u52A0\u8F7D\u4E2D...",
+      pullTxt: "\u677E\u5F00\u5237\u65B0",
+      loadMoreTxt: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
+    };
+    this.datepicker = {
+      year: "\u5E74",
+      month: "\u6708",
+      day: "\u65E5",
+      hour: "\u65F6",
+      min: "\u5206",
+      seconds: "\u79D2"
+    };
+    this.audiooperate = {
+      back: "\u5012\u9000",
+      start: "\u5F00\u59CB",
+      pause: "\u6682\u505C",
+      forward: "\u5FEB\u8FDB",
+      mute: "\u9759\u97F3"
+    };
+  }
+}
+export { Lang as default };

package/dist/packages/locale/lang/zh-TW.d.ts

@@ -0,0 +1,104 @@
+import { BaseLang } from './baseLang';
+declare class Lang extends BaseLang {
+    save: string;
+    confirm: string;
+    cancel: string;
+    done: string;
+    noData: string;
+    placeholder: string;
+    select: string;
+    video: {
+        errorTip: string;
+        clickRetry: string;
+    };
+    fixednav: {
+        activeText: string;
+        unActiveText: string;
+    };
+    pagination: {
+        prev: string;
+        next: string;
+    };
+    calendaritem: {
+        weekdays: string[];
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: (year: number, month: number) => string;
+        today: string;
+    };
+    shortpassword: {
+        title: string;
+        desc: string;
+        tips: string;
+    };
+    uploader: {
+        ready: string;
+        readyUpload: string;
+        waitingUpload: string;
+        uploading: string;
+        success: string;
+        error: string;
+    };
+    countdown: {
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+    };
+    address: {
+        selectRegion: string;
+        deliveryTo: string;
+        chooseAnotherAddress: string;
+    };
+    signature: {
+        reSign: string;
+        unSupportTpl: string;
+    };
+    ecard: {
+        chooseText: string;
+        otherValueText: string;
+        placeholder: string;
+    };
+    timeselect: {
+        pickupTime: string;
+    };
+    sku: {
+        buyNow: string;
+        buyNumber: string;
+        addToCart: string;
+    };
+    skuheader: {
+        skuId: string;
+    };
+    addresslist: {
+        addAddress: string;
+        default: string;
+    };
+    comment: {
+        complaintsText: string;
+        additionalReview: (day: number) => string;
+        additionalImages: (length: number) => string;
+    };
+    infiniteloading: {
+        loading: string;
+        pullTxt: string;
+        loadMoreTxt: string;
+    };
+    datepicker: {
+        year: string;
+        month: string;
+        day: string;
+        hour: string;
+        min: string;
+        seconds: string;
+    };
+    audiooperate: {
+        back: string;
+        start: string;
+        pause: string;
+        forward: string;
+        mute: string;
+    };
+}
+export default Lang;

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

@@ -0,0 +1,112 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:39:04 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { B as BaseLang } from "./baseLang.js";
+class Lang extends BaseLang {
+  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 = {
+      errorTip: "\u8996\u983B\u52A0\u8F09\u5931\u6557",
+      clickRetry: "\u9EDE\u64CA\u91CD\u8A66"
+    };
+    this.fixednav = {
+      activeText: "\u6536\u8D77\u5C0E\u822A",
+      unActiveText: "\u5FEB\u901F\u5C0E\u822A"
+    };
+    this.pagination = {
+      prev: "\u4E0A\u4E00\u9801",
+      next: "\u4E0B\u4E00\u9801"
+    };
+    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`,
+      today: "\u4ECA\u5929"
+    };
+    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 = {
+      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 = {
+      day: "\u5929",
+      hour: "\u6642",
+      minute: "\u5206",
+      second: "\u79D2"
+    };
+    this.address = {
+      selectRegion: "\u8ACB\u9078\u64C7\u6240\u5728\u5730\u5340",
+      deliveryTo: "\u914D\u9001\u81F3",
+      chooseAnotherAddress: "\u9078\u64C7\u5176\u4ED6\u5730\u5740"
+    };
+    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 = {
+      chooseText: "\u8ACB\u9078\u64C7\u96FB\u5B50\u5361\u9762\u503C",
+      otherValueText: "\u5176\u4ED6\u9762\u503C",
+      placeholder: "\u8ACB\u8F38\u51651-5000\u6574\u6578"
+    };
+    this.timeselect = {
+      pickupTime: "\u53D6\u4EF6\u6642\u9593"
+    };
+    this.sku = {
+      buyNow: "\u7ACB\u5373\u8CFC\u8CB7",
+      buyNumber: "\u8CFC\u8CB7\u6578\u91CF",
+      addToCart: "\u52A0\u5165\u8CFC\u7269\u8ECA"
+    };
+    this.skuheader = {
+      skuId: "\u5546\u54C1\u7DE8\u865F"
+    };
+    this.addresslist = {
+      addAddress: "\u65B0\u5EFA\u5730\u5740",
+      default: "\u9ED8\u8BA4"
+    };
+    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 = {
+      loading: "\u52A0\u8F09\u4E2D...",
+      pullTxt: "\u9B06\u958B\u5237\u65B0",
+      loadMoreTxt: "\u54CE\u5440\uFF0C\u9019\u88E1\u662F\u5E95\u90E8\u4E86\u5566"
+    };
+    this.datepicker = {
+      year: "\u5E74",
+      month: "\u6708",
+      day: "\u65E5",
+      hour: "\u6642",
+      min: "\u5206",
+      seconds: "\u79D2"
+    };
+    this.audiooperate = {
+      back: "\u5012\u9000",
+      start: "\u958B\u59CB",
+      pause: "\u66AB\u505C",
+      forward: "\u5FEB\u9032",
+      mute: "\u975C\u97F3"
+    };
+  }
+}
+export { Lang as default };

package/dist/packages/menu/index.scss

@@ -1,7 +1,58 @@
 .nut-menu {
-  background: $white;
-  display: flex;
-  align-items: center;
-  position: relative;
-  height: 46px;
+  &.scroll-fixed {
+    position: fixed;
+    top: $nut-menu-scroll-fixed-top;
+    z-index: $nut-menu-scroll-fixed-z-index;
+    width: 100%;
+  }
+
+  .nut-menu__bar {
+    position: relative;
+    display: flex;
+    line-height: $menu-bar-line-height;
+    background-color: $white;
+    box-shadow: $menu-bar-box-shadow;
+
+    &.opened {
+      z-index: $menu-bar-opened-z-index;
+    }
+
+    .nut-menu__item {
+      flex: 1;
+      text-align: center;
+      font-size: $menu-item-font-size;
+      color: $menu-item-text-color;
+      min-width: 0;
+
+      &.active {
+        color: $menu-item-active-text-color;
+      }
+
+      &.disabled {
+        color: $menu-item-disabled-color;
+      }
+
+      .nut-menu__title-icon {
+        transition: all 0.2s linear;
+      }
+
+      .nut-menu__title {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        max-width: 100%;
+
+        .nut-menu__title-text {
+          @include text-ellipsis;
+          display: block;
+          padding-left: $menu-title-text-padding-left;
+          padding-right: $menu-title-text-padding-right;
+        }
+
+        &.active .nut-menu__title-icon {
+          transform: rotate(180deg);
+        }
+      }
+    }
+  }
 }