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

package/dist/packages/input/index.scss

@@ -1,34 +1,137 @@
+.nut-theme-dark {
+  .nut-input {
+    background: $dark-background;
+    &-label {
+      color: $dark-color;
+    }
+    .input-text,
+    &__text--readonly {
+      color: $dark-color;
+    }
+  }
+}
+input,
+textarea {
+  font: inherit;
+  .nut-placeholder {
+    // font: inherit;
+  }
+}
+textarea {
+  .nut-placeholder {
+    // padding: 0 2px;
+    // font: inherit;
+  }
+}
 .nut-input {
   position: relative;
   width: 100%;
-  padding: 10px 0px 10px 25px;
+  padding: 10px 25px;
   display: flex;
+  line-height: 24px;
   background: $white;
-  border-bottom: 1px solid $input-border-bottom;
-  font-size: 14px;
-  input {
-    width: 230px;
-    flex: 1;
-    padding: 0 10px;
-    padding-right: 35px;
+  font-size: $input-font-size;
+  box-sizing: border-box;
+  &.center {
+    align-items: center;
   }
+  &.nut-input-border {
+    border-bottom: 1px solid $input-border-bottom;
+  }
+
+  .input-text,
+  &__text--readonly {
+    width: 90%;
+    padding: 0;
+    // padding-right: 35px;
+    line-height: inherit;
+    text-align: left;
+    outline: 0 none;
+    border: 0;
+    text-decoration: none;
+    background: transparent;
+    resize: none;
+  }
+
   &-label {
     width: 80px;
     overflow: hidden;
-    display: inline-block;
+    margin-right: 6px;
     text-align: left;
-    display: flex;
     .label-string {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
+      // overflow: hidden;
+      // white-space: nowrap;
+      // text-overflow: ellipsis;
     }
   }
-  .nut-textinput-clear {
+  &-value {
+    flex: 1;
+    vertical-align: middle;
+  }
+  &-inner {
+    position: relative;
+    display: flex;
+    align-items: center;
+  }
+  &-box {
+    position: relative;
+    width: 100%;
+  }
+  &-disabled-mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    z-index: 2;
+  }
+  &-error-message {
+    color: $input-required-color;
+    font-size: 12px;
+  }
+  &-word-limit {
+    display: flex;
+    justify-content: flex-end;
+    margin-top: 4px;
+    color: #808080;
+    font-size: 12px;
+    // line-height: var(--van-field-word-limit-line-height);
+  }
+  &-left-icon,
+  &-right-icon {
+    display: flex;
+    align-items: center;
+    font-size: 0;
+  }
+  &-clear,
+  &-right-icon {
+    margin-left: 4px;
+  }
+  &-left-icon {
+    margin-right: 4px;
+  }
+  &-clear-box {
+    height: 100%;
+    .nut-input-clear {
+      vertical-align: -2px;
+    }
+  }
+  &-clear {
     width: 16px;
     height: 16px;
-    position: absolute;
-    right: 15px;
+    color: #c8c9cc;
+    cursor: pointer;
+  }
+  .nut-button {
+    margin-left: 10px;
+  }
+  &.nut-input-required {
+    &::before {
+      position: absolute;
+      left: 14px;
+      color: $input-required-color;
+      content: '*';
+    }
   }
   &-disabled {
     color: $input-disabled-color !important;
@@ -40,9 +143,9 @@
       -webkit-text-fill-color: $input-disabled-color;
     }
   }
-  &-require {
-    color: $primary-color;
-    display: inline-block;
-    margin-right: 5px;
+  &-error,
+  &-error::placeholder {
+    color: $input-required-color;
+    -webkit-text-fill-color: $input-required-color;
   }
 }

package/dist/packages/inputnumber/index.scss

@@ -1,3 +1,24 @@
+.nut-theme-dark {
+  .nut-inputnumber {
+    &__icon {
+      color: $dark-color;
+      &--disabled {
+        color: $dark-color-gray;
+      }
+    }
+    input,
+    &__text--readonly {
+      background-color: $dark-background;
+      color: $dark-color;
+      border: 1px solid $dark-color-gray;
+    }
+    &--disabled {
+      input {
+        color: $dark-color-gray;
+      }
+    }
+  }
+}
 .nut-inputnumber {
   display: flex;
   align-items: center;
@@ -24,8 +45,10 @@
     height: 100%;
     text-align: center;
     outline: none;
-    border: 0;
-    margin: 0 6px;
+    border: $inputnumber-input-border;
+    font-size: $inputnumber-input-font-size;
+    color: $inputnumber-input-font-color;
+    margin: $inputnumber-input-margin;
     background-color: $inputnumber-input-background-color;
     border-radius: $inputnumber-input-border-radius;
   }

package/dist/packages/list/index.scss

@@ -0,0 +1,24 @@
+.nut-list {
+  width: 100%;
+  height: 100%;
+  overflow: scroll;
+  position: relative;
+  -webkit-overflow-scrolling: touch;
+  &-phantom {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    z-index: -1;
+  }
+  &-container {
+    left: 0;
+    right: 0;
+    top: 0;
+    position: absolute;
+  }
+  &-item {
+    overflow: hidden;
+    margin: $list-item-margin;
+  }
+}

package/dist/packages/locale/index.d.ts

@@ -0,0 +1,8 @@
+export declare type Lang = Record<string, any>;
+export declare class Locale {
+    static currentLang: import("vue").Ref<string>;
+    static languages(): Lang;
+    static use(lang: string, newLanguages?: any): void;
+    static merge(lang: string, newLanguages: any): void;
+}
+export default Locale;

package/dist/packages/locale/index.scss

@@ -0,0 +1 @@
+ 

package/dist/packages/locale/lang/baseLang.d.ts

@@ -0,0 +1,88 @@
+export declare abstract class BaseLang {
+    abstract save: string;
+    abstract confirm: string;
+    abstract cancel: string;
+    abstract done: string;
+    abstract noData: string;
+    abstract placeholder: string;
+    abstract select: string;
+    abstract video: {
+        errorTip: string;
+        clickRetry: string;
+    };
+    abstract fixednav: {
+        activeText: string;
+        unActiveText: string;
+    };
+    abstract pagination: {
+        prev: string;
+        next: string;
+    };
+    abstract calendaritem: {
+        weekdays: Array<string>;
+        end: string;
+        start: string;
+        title: string;
+        monthTitle: Function;
+        today: string;
+    };
+    abstract shortpassword: {
+        title: string;
+        desc: string;
+        tips: string;
+    };
+    abstract uploader: {
+        ready: string;
+        readyUpload: string;
+        waitingUpload: string;
+        uploading: string;
+        success: string;
+        error: string;
+    };
+    abstract countdown: {
+        day: string;
+        hour: string;
+        minute: string;
+        second: string;
+    };
+    abstract address: {
+        selectRegion: string;
+        deliveryTo: string;
+        chooseAnotherAddress: string;
+    };
+    abstract signature: {
+        reSign: string;
+        unSupportTpl: string;
+    };
+    abstract ecard: {
+        chooseText: string;
+        otherValueText: string;
+        placeholder: string;
+    };
+    abstract timeselect: {
+        pickupTime: string;
+    };
+    abstract sku: {
+        buyNow: string;
+        buyNumber: string;
+        addToCart: string;
+    };
+    abstract skuheader: {
+        skuId: string;
+    };
+    abstract addresslist: {
+        addAddress: string;
+        default: string;
+    };
+    abstract comment: {
+        complaintsText: string;
+        additionalReview: Function;
+        additionalImages: Function;
+    };
+    abstract infiniteloading: {
+        loading: string;
+        pullTxt: string;
+        loadMoreTxt: string;
+    };
+}
+export default BaseLang;

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

@@ -0,0 +1,8 @@
+/*!
+* @nutui/nutui v3.1.23.beta-4 Mon Jul 25 2022 22:39:04 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+class BaseLang {
+}
+export { BaseLang as B };

package/dist/packages/locale/lang/en-US.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/en-US.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 = "Save";
+    this.confirm = "Confirm";
+    this.cancel = "Cancel";
+    this.done = "Done";
+    this.noData = "No Data";
+    this.placeholder = "Placeholder";
+    this.select = "Select";
+    this.video = {
+      errorTip: "Error Tip",
+      clickRetry: "Click Retry"
+    };
+    this.fixednav = {
+      activeText: "Close Nav",
+      unActiveText: "Open Nav"
+    };
+    this.pagination = {
+      prev: "Previous",
+      next: "Next"
+    };
+    this.calendaritem = {
+      weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+      end: "End",
+      start: "Start",
+      title: "Calendar",
+      monthTitle: (year, month) => `${year}/${month}`,
+      today: "Today"
+    };
+    this.shortpassword = {
+      title: "Please input a password",
+      desc: "Verify",
+      tips: "Forget password"
+    };
+    this.uploader = {
+      ready: "Ready",
+      readyUpload: "Ready to upload",
+      waitingUpload: "Waiting for upload",
+      uploading: "Uploading",
+      success: "Upload successful",
+      error: "Upload failed"
+    };
+    this.countdown = {
+      day: " Day ",
+      hour: " Hour ",
+      minute: " Minute ",
+      second: " Second "
+    };
+    this.address = {
+      selectRegion: "Select Region",
+      deliveryTo: "Delivery To",
+      chooseAnotherAddress: "Choose Another Address"
+    };
+    this.signature = {
+      reSign: "Re Sign",
+      unSupportTpl: `Sorry, the current browser doesn't support canvas, so we can't use this control!`
+    };
+    this.ecard = {
+      chooseText: "Select",
+      otherValueText: "Other Value",
+      placeholder: "Placeholder"
+    };
+    this.timeselect = {
+      pickupTime: "Pickup Time"
+    };
+    this.sku = {
+      buyNow: "Buy Now",
+      buyNumber: "Buy Number",
+      addToCart: "Add to Cart"
+    };
+    this.skuheader = {
+      skuId: "Sku Number"
+    };
+    this.addresslist = {
+      addAddress: "Add New Address",
+      default: "default"
+    };
+    this.comment = {
+      complaintsText: "I have a complaint",
+      additionalReview: (day) => `Review after ${day} days of purchase`,
+      additionalImages: (length) => `There are ${length} follow-up comments`
+    };
+    this.infiniteloading = {
+      loading: "Loading...",
+      pullTxt: "Loose to refresh",
+      loadMoreTxt: "Oops, this is the bottom"
+    };
+    this.datepicker = {
+      year: "Year",
+      month: "Month",
+      day: "Day",
+      hour: "Hour",
+      min: "Minute",
+      seconds: "Second"
+    };
+    this.audiooperate = {
+      back: "Back",
+      start: "Start",
+      pause: "Pause",
+      forward: "Forward",
+      mute: "Mute"
+    };
+  }
+}
+export { Lang as default };

package/dist/packages/locale/lang/id-ID.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;