@nutui/nutui 4.0.6-beta.2 → 4.0.6-beta.3

package/dist/packages/_es/Dialog.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, h } from "vue";
+import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, resolveDynamicComponent, nextTick, h } from "vue";
 import { c as createComponent } from "./component-81a4c1d0.js";
 import { f as funInterceptor } from "./Interceptor-956b24fc.js";
 import { P as Popup, p as popupProps } from "./index-c55ad69e.js";
@@ -114,6 +114,7 @@ const _sfc_main = create({
       funInterceptor(props.beforeClose, {
         args: [action],
         done: () => {
+          showPopup.value = false;
           update(false);
           emit("closed");
         }
@@ -122,6 +123,7 @@ const _sfc_main = create({
     const onCancel = () => {
       emit("cancel");
       if (props.cancelAutoClose) {
+        showPopup.value = false;
         closed("cancel");
       }
     };
@@ -267,8 +269,10 @@ class DialogFunction {
         return {
           setup() {
             options.onUpdate = (val) => {
-              if (val == false) {
-                unmount();
+              if (val === false) {
+                nextTick(() => {
+                  unmount();
+                });
               }
             };
             if (options == null ? void 0 : options.onOpened) {

package/dist/packages/_es/Input.js

@@ -101,10 +101,15 @@ const _sfc_main = create({
     showClearIcon: {
       type: Boolean,
       default: false
+    },
+    class: {
+      type: String,
+      default: ""
     }
   },
   components: { MaskClose },
   emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "click-input"],
+  expose: ["focus", "blur", "select"],
   setup(props, { emit, slots }) {
     const active = ref(false);
     const inputRef = ref();
@@ -129,7 +134,8 @@ const _sfc_main = create({
         [`${prefixCls}--disabled`]: props.disabled,
         [`${prefixCls}--required`]: props.required,
         [`${prefixCls}--error`]: props.error,
-        [`${prefixCls}--border`]: props.border
+        [`${prefixCls}--border`]: props.border,
+        [props.class]: !!props.class
       };
     });
     const styles = computed(() => {
@@ -243,6 +249,18 @@ const _sfc_main = create({
     onMounted(() => {
       updateValue(getModelValue(), props.formatTrigger);
     });
+    const focus = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    };
+    const select = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.select();
+    };
     return {
       renderInput,
       inputRef,
@@ -257,7 +275,10 @@ const _sfc_main = create({
       startComposing,
       endComposing,
       onClick,
-      onClickInput
+      onClickInput,
+      focus,
+      blur,
+      select
     };
   }
 });
@@ -270,16 +291,12 @@ const _hoisted_5 = {
   class: "nut-input-word-limit"
 };
 const _hoisted_6 = { class: "nut-input-word-num" };
-const _hoisted_7 = {
-  key: 0,
-  class: "nut-input-clear-box"
-};
-const _hoisted_8 = { class: "nut-input-right-box" };
+const _hoisted_7 = { class: "nut-input-right-box" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_MaskClose = resolveComponent("MaskClose");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [
     createElementVNode("view", _hoisted_1, [
       createElementVNode("view", _hoisted_2, [
@@ -312,19 +329,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
           ])) : createCommentVNode("", true)
         ]),
-        _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", _hoisted_7, [
+        _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
+          key: 0,
+          class: "nut-input-clear-box",
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clear && _ctx.clear(...args))
+        }, [
           renderSlot(_ctx.$slots, "clear", {}, () => [
             createVNode(_component_MaskClose, mergeProps({ class: "nut-input-clear" }, _ctx.$attrs, {
               size: _ctx.clearSize,
               width: _ctx.clearSize,
-              height: _ctx.clearSize,
-              onClick: _ctx.clear
-            }), null, 16, ["size", "width", "height", "onClick"])
+              height: _ctx.clearSize
+            }), null, 16, ["size", "width", "height"])
           ])
         ], 512)), [
           [vShow, (_ctx.active || _ctx.showClearIcon) && _ctx.modelValue.length > 0]
         ]) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_8, [
+        createElementVNode("view", _hoisted_7, [
           renderSlot(_ctx.$slots, "right")
         ])
       ])

package/dist/packages/_es/MenuItem.js

@@ -161,7 +161,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               option.value === _ctx.modelValue ? (openBlock(), createElementBlock("span", {
                 key: 0,
-                class: normalizeClass(["nut-menu-item__span", { activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }])
+                class: normalizeClass(["nut-menu-item__span", [option.value === _ctx.modelValue ? _ctx.activeTitleClass : _ctx.inactiveTitleClass]])
               }, [
                 renderSlot(_ctx.$slots, "icon", {}, () => [
                   createVNode(_component_Check, mergeProps(_ctx.$attrs, {
@@ -170,7 +170,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ], 2)) : createCommentVNode("", true),
               createElementVNode("view", {
-                class: normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
+                class: normalizeClass([option.value === _ctx.modelValue ? _ctx.activeTitleClass : _ctx.inactiveTitleClass]),
                 style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
               }, toDisplayString(option.text), 7)
             ], 14, _hoisted_2);

package/dist/packages/_es/Picker.js

@@ -410,7 +410,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           item && item.text && !_ctx.threeDimensional ? (openBlock(), createElementBlock("view", {
             key: 1,
             class: "nut-picker-roller-item-tile",
-            style: normalizeStyle({ height: _ctx.pxCheck(_ctx.optionHeight) })
+            style: normalizeStyle({ height: _ctx.pxCheck(_ctx.optionHeight), lineHeight: _ctx.pxCheck(_ctx.optionHeight) })
           }, toDisplayString(item.text), 5)) : createCommentVNode("", true)
         ], 64);
       }), 128))

package/dist/packages/_es/Rate.js

@@ -132,11 +132,12 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = ["id"];
-const _hoisted_2 = {
+const _hoisted_2 = { class: "nut-rate-item__icon--full" };
+const _hoisted_3 = {
   key: 0,
   class: "nut-rate-item__icon--half"
 };
-const _hoisted_3 = {
+const _hoisted_4 = {
   key: 1,
   class: "nut-rate-item__icon--half"
 };
@@ -155,18 +156,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         id: "rateRefs-" + _ctx.refRandomId + n,
         style: normalizeStyle(n < Number(_ctx.count) ? { marginRight: _ctx.pxCheck(_ctx.spacing) } : {})
       }, [
-        createElementVNode("view", null, [
+        createElementVNode("view", _hoisted_2, [
           (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 }]),
             onClick: ($event) => _ctx.onClick(1, n)
           }, null, 8, ["class", "onClick"]))
         ]),
-        _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createElementBlock("view", _hoisted_2, [
+        _ctx.allowHalf && Number(_ctx.modelValue) + 1 > n ? (openBlock(), createElementBlock("view", _hoisted_3, [
           (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",
             onClick: ($event) => _ctx.onClick(2, n)
           }, null, 8, ["onClick"]))
-        ])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createElementBlock("view", _hoisted_3, [
+        ])) : _ctx.allowHalf && Number(_ctx.modelValue) + 1 < n ? (openBlock(), createElementBlock("view", _hoisted_4, [
           (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",
             onClick: ($event) => _ctx.onClick(2, n)

package/dist/packages/picker/index.scss

@@ -144,27 +144,22 @@
     }
 
     &-item-tile {
-      display: flex;
-      align-items: center;
-      justify-content: center;
+      display: block;
+      text-align: center;
       width: 100%;
       color: $picker-item-text-color;
       font-size: $picker-item-text-font-size;
-
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
 
     &-item-tarotile {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
+      display: block;
+      text-align: center;
       width: 100%;
       color: $picker-item-text-color;
       font-size: $picker-item-text-font-size;
-
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;

package/dist/packages/rate/index.scss

@@ -1,5 +1,6 @@
 .nut-rate {
   display: inline-flex;
+  vertical-align: bottom;
   &-item {
     display: flex;
     flex-shrink: 0;
@@ -11,25 +12,22 @@
 
     &__icon {
       color: $rate-icon-color;
+      flex-shrink: 0;
       cursor: pointer;
 
-      &::before {
-        // position: relative;
-        // top: auto;
-        // left: auto;
-        // transform: none;
-      }
-
       &--disabled {
         color: $rate-icon-void-color;
       }
+      &--full {
+        display: flex;
+      }
       &--half {
+        display: flex;
         position: absolute;
-        width: 50% !important;
+        width: 50%;
         left: 0;
         top: 0;
         overflow: hidden;
-        height: auto !important;
       }
     }
   }

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.0.6-beta.2",
+  "version": "4.0.6-beta.3",
   "contributions": {
     "html": {
       "tags": [