@nutui/nutui 4.0.0-beta.19 → 4.0.0-beta.20

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
-import { h, ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
-import { StarN } from "@nutui/icons-vue";
+import { ref, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, createElementVNode, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import { StarFillN } from "@nutui/icons-vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
@@ -17,12 +17,16 @@ const _sfc_main = create({
       type: [String, Number],
       default: 0
     },
-    icon: {
+    customIcon: {
       type: Object,
       default: () => {
-        return h(StarN, { width: 18, height: 18 });
+        return StarFillN;
       }
     },
+    size: {
+      type: [String, Number],
+      default: void 0
+    },
     activeColor: {
       type: String,
       default: ""
@@ -52,7 +56,7 @@ const _sfc_main = create({
       default: 14
     }
   },
-  components: { StarN },
+  components: { StarFillN },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, slots }) {
     const rateRefs = ref([]);
@@ -98,12 +102,12 @@ const _sfc_main = create({
     const touch = useTouch();
     const touchMethods = {
       onTouchStart(event) {
-        if (!props.touchable)
+        if (!props.touchable || props.readonly)
           return;
         touch.start(event);
       },
       onTouchMove(event) {
-        if (!props.touchable || false)
+        if (!props.touchable)
           return;
         touch.move(event);
         if (touch.isHorizontal()) {
@@ -152,24 +156,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle({ marginRight: _ctx.pxCheck(_ctx.spacing) })
       }, [
         createElementVNode("view", null, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor })), {
             class: normalizeClass(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": _ctx.disabled || n > _ctx.modelValue }]),
-            color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(1, n)
-          }, null, 8, ["class", "color", "onClick"]))
+          }, null, 8, ["class", "onClick"]))
         ]),
         _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createElementBlock("view", _hoisted_2, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor })), {
             class: "nut-rate-item__icon",
-            color: n <= Number(_ctx.modelValue) + 1 ? _ctx.activeColor : _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["color", "onClick"]))
+          }, null, 8, ["onClick"]))
         ])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createElementBlock("view", _hoisted_3, [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon)), {
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.customIcon, { width: _ctx.size, height: _ctx.size, size: _ctx.size, color: _ctx.voidColor })), {
             class: "nut-rate-item__icon nut-rate-item__icon--disabled",
-            color: _ctx.voidColor,
             onClick: ($event) => _ctx.onClick(2, n)
-          }, null, 8, ["color", "onClick"]))
+          }, null, 8, ["onClick"]))
         ])) : createCommentVNode("", true)
       ], 12, _hoisted_1);
     }), 128))

package/dist/packages/_es/Searchbar.js

@@ -1,4 +1,4 @@
-import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
+import { reactive, computed, ref, onMounted, toRefs, openBlock, createElementBlock, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createElementVNode, withModifiers, normalizeClass, withDirectives, createBlock, resolveDynamicComponent, vShow } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { r as renderIcon } from "./renderIcon-3d0fd47c.js";
 import { CircleClose } from "@nutui/icons-vue";
@@ -211,7 +211,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           createElementVNode("input", {
             ref: "inputsearch",
-            class: "nut-searchbar__input-bar",
+            class: normalizeClass(["nut-searchbar__input-bar", _ctx.clearable && "nut-searchbar__input-bar_clear"]),
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
@@ -223,7 +223,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
             onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
             style: normalizeStyle(_ctx.styleSearchbar)
-          }, null, 44, _hoisted_4)
+          }, null, 46, _hoisted_4)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,

package/dist/packages/_es/ShortPassword.js

@@ -51,10 +51,10 @@ const _sfc_main = create({
     const realInput = ref(props.modelValue);
     const comLen = computed(() => range(Number(props.length)));
     const show = ref(props.visible);
-    function focus(event) {
+    const onTouchStart = (event) => {
       event.stopPropagation();
       emit("focus");
-    }
+    };
     watch(
       () => props.visible,
       (value) => {
@@ -70,20 +70,20 @@ const _sfc_main = create({
         }
       }
     );
-    function close() {
+    const close = () => {
       emit("update:visible", false);
       emit("close");
-    }
-    function range(val) {
+    };
+    const range = (val) => {
       return Math.min(Math.max(4, val), 6);
-    }
-    function onTips() {
+    };
+    const onTips = () => {
       emit("tips");
-    }
+    };
     return {
       comLen,
       realInput,
-      focus,
+      onTouchStart,
       range,
       close,
       onTips,
@@ -130,7 +130,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("div", _hoisted_3, [
           createElementVNode("view", {
             class: "nut-short-password__list",
-            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.focus && _ctx.focus(...args))
+            onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index2) => {
               return openBlock(), createElementBlock("view", {

package/dist/packages/_es/Skeleton.js

@@ -15,7 +15,7 @@ const component = (components) => {
       //每行高度
       height: {
         type: String,
-        default: "100px"
+        default: "15px"
       },
       //是否显示动画
       animated: {

package/dist/packages/_es/Tour.js

@@ -15,7 +15,7 @@ const _sfc_main = create({
     Close
   },
   props: {
-    visible: { type: Boolean, default: false },
+    modelValue: { type: Boolean, default: false },
     type: {
       type: String,
       default: "step"
@@ -82,10 +82,10 @@ const _sfc_main = create({
       default: true
     }
   },
-  emits: ["update:visible", "change", "close"],
+  emits: ["update:modelValue", "change", "close"],
   setup(props, { emit }) {
     const state = reactive({
-      showTour: props.visible,
+      showTour: props.modelValue,
       showPopup: false,
       active: 0
     });
@@ -130,7 +130,7 @@ const _sfc_main = create({
       state.showTour = false;
       state.showPopup = false;
       emit("close", state.active);
-      emit("update:visible", false);
+      emit("update:modelValue", false);
     };
     const handleClickMask = () => {
       props.closeOnClickOverlay && close();
@@ -140,7 +140,7 @@ const _sfc_main = create({
       getRootPosition();
     });
     watch(
-      () => props.visible,
+      () => props.modelValue,
       (val) => {
         if (val) {
           getRootPosition();

package/dist/packages/addresslist/index.scss

@@ -39,9 +39,6 @@
     display: flex;
     align-items: center;
     position: relative;
-    &:last-child {
-      border-bottom: none;
-    }
     &__mask {
       position: absolute;
       top: 0;
@@ -59,6 +56,7 @@
       &-del {
         height: 55px;
         width: 55px;
+        padding: 0 10px;
         border-radius: 50%;
         text-align: center;
         background-color: $white;
@@ -66,6 +64,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
+        box-sizing: border-box;
       }
       &-set {
         color: $white;
@@ -77,6 +76,18 @@
       }
     }
   }
+  &-general {
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+  .nut-swipe {
+    &:last-of-type {
+      .nut-address-list-swipe {
+        border-bottom: none;
+      }
+    }
+  }
   &-item {
     width: 100%;
     &__info {

package/dist/packages/avatar/index.scss

@@ -6,6 +6,7 @@
   position: relative;
   flex: 0 0 auto; // 防止被压缩
   text-align: center;
+  vertical-align: top;
   img {
     display: block;
     width: 100%;

package/dist/packages/badge/index.scss

@@ -10,10 +10,10 @@
   position: relative;
   display: inline-block;
   .nut-badge__icon {
+    line-height: normal;
+    transform: $badge-content-transform;
     position: absolute;
     background: $badge-background-color;
-    top: -20%;
-    right: -20%;
     padding: $badge-padding;
     text-align: center;
     border-radius: $badge-border-radius;

package/dist/packages/cell/index.scss

@@ -80,6 +80,7 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    min-width: 80px;
     &-desc {
       font-size: $cell-title-desc-font;
     }
@@ -87,6 +88,7 @@
   &__value {
     display: inline-block;
     text-align: right;
+    flex: 1;
     font-size: $cell-desc-font;
     color: $cell-desc-color;
     &--alone {

package/dist/packages/comment/index.scss

@@ -91,7 +91,7 @@
       &-complex {
         display: flex;
         align-items: center;
-        font-weight: bold;
+        color: $comment-header-user-name-color;
 
         &-name {
           margin-right: 10px;

package/dist/packages/indicator/index.scss

@@ -38,11 +38,11 @@
     text-align: center;
     font-size: $indicator-number-font-size;
     line-height: $indicator-size;
-    color: $indicator-white;
+    color: $indicator-color;
     vertical-align: middle;
-    border: 1px solid $indicator-white;
+    border: 1px solid $indicator-color;
     border-radius: 50%;
-    background-color: $indicator-color;
-    box-shadow: 0 0 1px 1px $indicator-color;
+    background-color: $indicator-bg-color;
+    box-shadow: 0 0 1px 1px $indicator-bg-color;
   }
 }

package/dist/packages/input/index.scss

@@ -28,7 +28,7 @@ textarea {
   width: 100%;
   padding: 10px 25px;
   display: flex;
-  line-height: 24px;
+  line-height: 20px;
   background: $white;
   font-size: $input-font-size;
   box-sizing: border-box;
@@ -53,7 +53,11 @@ textarea {
     resize: none;
     flex: 1;
   }
-
+  .input-text {
+    font-size: $input-font-size;
+    height: auto;
+    min-height: auto;
+  }
   &__label {
     width: 80px;
     overflow: hidden;

package/dist/packages/progress/index.scss

@@ -85,6 +85,8 @@
     font-size: 13px;
     line-height: 1;
     min-width: 35px;
+    display: flex;
+    align-items: center;
   }
   .nut-progress-insidetext {
     padding: $progress-insidetext-padding;

package/dist/packages/pullrefresh/index.scss

@@ -1,4 +1,4 @@
-.nut-pullrefresh {
+.nut-pull-refresh {
   height: 100%;
   overflow: hidden;
   &-container {

package/dist/packages/rate/index.scss

@@ -13,10 +13,10 @@
       cursor: pointer;
 
       &::before {
-        position: relative;
-        top: auto;
-        left: auto;
-        transform: none;
+        // position: relative;
+        // top: auto;
+        // left: auto;
+        // transform: none;
       }
 
       &--disabled {

package/dist/packages/searchbar/index.scss

@@ -70,14 +70,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        position: absolute;
-        z-index: 2;
-        top: 50%;
-        right: 0;
-        width: 16px;
-        height: 16px;
-        margin-top: -8px;
-        margin-right: 10px;
+        margin-right: 13px;
         & .nut-searchbar__nut-icon-mask-close {
           color: rgb(204, 204, 204);
           &:hover {
@@ -86,6 +79,9 @@
           }
         }
       }
+      .nut-searchbar__input-bar_clear {
+        padding-right: 10px;
+      }
     }
 
     .nut-searchbar__iptleft-search-icon {

package/dist/packages/tabbaritem/index.scss

@@ -25,6 +25,10 @@
     flex-direction: column;
     align-items: center;
     position: relative;
+    .nut-icon {
+      width: 20px;
+      height: 20px;
+    }
 
     &_tips {
       position: absolute;

package/dist/packages/textarea/index.scss

@@ -14,7 +14,6 @@
   background: $white;
   font-size: $textarea-font;
   padding: 10px 25px;
-
   &--disabled {
     .nut-textarea__textarea,
     .nut-textarea____limit {
@@ -45,6 +44,12 @@
     border: none;
     resize: none;
     line-height: 20px;
+    .taro-textarea {
+      font-size: 14px;
+    }
+  }
+  &__textarea__readonly {
+    padding: 5px 10px;
   }
   &__ali {
     line-height: 17px;
@@ -53,5 +58,6 @@
     position: absolute;
     top: -999999px;
     left: -999999px;
+    font-size: 14px;
   }
 }

package/dist/packages/uploader/index.scss

@@ -39,7 +39,7 @@
     cursor: pointer !important;
     opacity: 0;
     &:disabled {
-      cursor: not-allowed;
+      cursor: not-allowed !important;
     }
   }