@nutui/nutui 3.1.23-beta.5 → 3.2.1

package/dist/packages/_es/CollapseItem.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, normalizeStyle } from "vue";
+import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, mergeProps, createCommentVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -210,13 +210,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", _hoisted_1, [
         createElementVNode("view", null, [
           createElementVNode("view", _hoisted_2, [
-            _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
+            _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
               key: 0,
-              name: _ctx.titleIcon,
+              name: _ctx.titleIcon
+            }, _ctx.$attrs, {
               size: _ctx.titleIconSize,
               color: _ctx.titleIconColor,
-              class: normalizeClass([_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"])
-            }, null, 8, ["name", "size", "color", "class"])) : createCommentVNode("", true),
+              class: [_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
+            }), null, 16, ["name", "size", "color", "class"])) : createCommentVNode("", true),
             _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (openBlock(), createElementBlock("view", {
               key: 2,
               innerHTML: _ctx.title,
@@ -232,14 +233,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         innerHTML: _ctx.subTitle,
         class: "subTitle"
       }, null, 8, _hoisted_5)),
-      _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+      _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
         key: 2,
-        name: _ctx.icon,
+        name: _ctx.icon
+      }, _ctx.$attrs, {
         size: _ctx.iconSize,
         color: _ctx.iconColor,
-        class: normalizeClass(["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }]),
-        style: normalizeStyle(_ctx.iconStyle)
-      }, null, 8, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
+        class: ["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }],
+        style: _ctx.iconStyle
+      }), null, 16, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
     ], 2),
     _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_6, [
       createElementVNode("div", _hoisted_7, [

package/dist/packages/_es/Comment.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/ConfigProvider.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/CountDown.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/CountUp.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/DatePicker.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Dialog.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Divider.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Drag.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Ecard.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Elevator.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Ellipsis.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Empty.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/FixedNav.js

@@ -1,18 +1,14 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import overlay from "./OverLay.js";
+import { computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, createCommentVNode, renderSlot, createElementVNode, Fragment, renderList, toDisplayString, createVNode } from "vue";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName, create, translate } = createComponent("fixednav");
-const _sfc_main = create({
-  components: {
-    [overlay.name]: overlay
-  },
+const { componentName, translate } = createComponent("fixednav");
+const component = {
   props: {
     visible: {
       type: Boolean,
@@ -26,6 +22,10 @@ const _sfc_main = create({
       default: () => [],
       type: Array
     },
+    activeColor: {
+      default: "",
+      type: String
+    },
     activeText: {
       default: "",
       type: String
@@ -58,6 +58,7 @@ const _sfc_main = create({
         [props.type]: true
       };
     });
+    const current = ref(-1);
     const updateValue = (value = !props.visible) => {
       emit("update:visible", value);
     };
@@ -66,10 +67,11 @@ const _sfc_main = create({
         item,
         event
       });
+      current.value = item.id;
     };
-    return { classes, updateValue, selected, translate };
+    return { classes, updateValue, selected, translate, current };
   }
-});
+};
 const _hoisted_1 = { class: "nut-fixednav__list" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["src"];
@@ -79,7 +81,7 @@ const _hoisted_5 = {
   class: "b"
 };
 const _hoisted_6 = { class: "text" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -96,7 +98,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index2) => {
           return openBlock(), createElementBlock("view", {
-            class: "nut-fixednav__list-item",
+            class: normalizeClass(["nut-fixednav__list-item", { active: item.id == _ctx.current }]),
             onClick: ($event) => _ctx.selected(item, $event),
             key: item.id || index2
           }, [
@@ -105,7 +107,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, _hoisted_3),
             createElementVNode("view", _hoisted_4, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2);
+          ], 10, _hoisted_2);
         }), 128))
       ])
     ]),
@@ -123,5 +125,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const { create } = createComponent("fixednav");
+const _sfc_main = create(component);
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", render]]);
 export { index as default };

package/dist/packages/_es/Form.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/FormItem.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Grid.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/GridItem.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, getCurrentInstance, onUnmounted, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createBlock, toDisplayString } from "vue";
+import { inject, getCurrentInstance, onUnmounted, computed, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, Fragment, createBlock, mergeProps, toDisplayString } from "vue";
 import { u as useRouter } from "./index.js";
 import { c as createComponent } from "./component.js";
 import { p as pxCheck } from "./pxCheck.js";
@@ -135,12 +135,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.contentClass)
     }, [
       _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, {
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, mergeProps({
           key: 1,
-          name: _ctx.iconProps.name,
+          name: _ctx.iconProps.name
+        }, _ctx.$attrs, {
           size: _ctx.iconProps.size,
           color: _ctx.iconProps.color
-        }, null, 8, ["name", "size", "color"])),
+        }), null, 16, ["name", "size", "color"])),
         _ctx.$slots.text ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.text), 1))
       ], 64))
     ], 2)

package/dist/packages/_es/Icon.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Image.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/ImagePreview.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, createVNode, ref, onMounted, Fragment, renderList, toDisplayString, render, h } from "vue";
+import { reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, createVNode, ref, onMounted, Fragment, renderList, toDisplayString, mergeProps, render, h } from "vue";
 import { c as createComponent, a as isPromise } from "./component.js";
 import Popup from "./Popup.js";
 import Video from "./Video.js";
@@ -505,10 +505,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCloseIcon && _ctx.handleCloseIcon(...args)),
         style: normalizeStyle(_ctx.styles)
       }, [
-        createVNode(_component_nut_icon, {
-          name: _ctx.closeIcon,
-          color: "#ffffff"
-        }, null, 8, ["name"])
+        createVNode(_component_nut_icon, mergeProps({ name: _ctx.closeIcon }, _ctx.$attrs, { color: "#ffffff" }), null, 16, ["name"])
       ], 4)) : createCommentVNode("", true)
     ]),
     _: 1

package/dist/packages/_es/Indicator.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/InfiniteLoading.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, onMounted, onUnmounted, ref, onActivated, onDeactivated, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, toDisplayString, renderSlot, Fragment, createCommentVNode } from "vue";
+import { reactive, computed, onMounted, onUnmounted, ref, onActivated, onDeactivated, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, mergeProps, toDisplayString, renderSlot, Fragment, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -227,10 +227,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.getStyle)
     }, [
       createElementVNode("view", _hoisted_1, [
-        createVNode(_component_nut_icon, {
-          class: "top-img",
-          name: _ctx.pullIcon
-        }, null, 8, ["name"]),
+        createVNode(_component_nut_icon, mergeProps({ class: "top-img" }, _ctx.$attrs, { name: _ctx.pullIcon }), null, 16, ["name"]),
         createElementVNode("view", _hoisted_2, toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
       ])
     ], 4),
@@ -240,10 +237,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_4, [
       _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5, [
         !_ctx.slots.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createVNode(_component_nut_icon, {
-            class: "bottom-img",
-            name: _ctx.loadIcon
-          }, null, 8, ["name"]),
+          createVNode(_component_nut_icon, mergeProps({ class: "bottom-img" }, _ctx.$attrs, { name: _ctx.loadIcon }), null, 16, ["name"]),
           createElementVNode("view", _hoisted_6, toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
         ], 64)) : renderSlot(_ctx.$slots, "loading", { key: 1 })
       ])) : !_ctx.hasMore ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [

package/dist/packages/_es/Input.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.1.23-beta.5 Thu Jul 28 2022 13:54:36 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:10 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, renderSlot, createVNode, withDirectives, createBlock, vShow, createTextVNode } from "vue";
+import { ref, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, renderSlot, createVNode, mergeProps, withDirectives, createBlock, vShow, createTextVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -246,12 +246,18 @@ const _sfc_main = create({
       }
     };
     const onFocus = (event) => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
       const input = event.target;
       let value = input.value;
       active.value = true;
       emit("focus", value, event);
     };
     const onBlur = (event) => {
+      if (props.disabled || props.readonly) {
+        return;
+      }
       setTimeout(() => {
         active.value = false;
       }, 200);
@@ -264,6 +270,8 @@ const _sfc_main = create({
       emit("blur", value, event);
     };
     const clear = (event) => {
+      if (props.disabled)
+        return;
       emit("update:modelValue", "", event);
       emit("change", "", event);
       emit("clear", "", event);
@@ -275,10 +283,29 @@ const _sfc_main = create({
       }
     };
     const onClickInput = (event) => {
+      if (props.disabled) {
+        return;
+      }
       emit("click-input", event);
     };
-    const onClickLeftIcon = (event) => emit("click-left-icon", event);
-    const onClickRightIcon = (event) => emit("click-right-icon", event);
+    const onClickLeftIcon = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      emit("click-left-icon", event);
+    };
+    const onClickRightIcon = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      emit("click-right-icon", event);
+    };
+    const onClick = (e) => {
+      if (props.disabled) {
+        e.stopImmediatePropagation();
+        return;
+      }
+    };
     watch(() => props.modelValue, () => {
       updateValue(getModelValue());
       resetValidation();
@@ -300,6 +327,7 @@ const _sfc_main = create({
       onClickInput,
       onClickLeftIcon,
       onClickRightIcon,
+      onClick,
       translate
     };
   }
@@ -308,17 +336,21 @@ const _hoisted_1 = { class: "label-string" };
 const _hoisted_2 = { class: "nut-input-value" };
 const _hoisted_3 = { class: "label-string" };
 const _hoisted_4 = { class: "nut-input-value" };
-const _hoisted_5 = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-const _hoisted_6 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-const _hoisted_7 = {
+const _hoisted_5 = { class: "nut-input-inner" };
+const _hoisted_6 = { class: "nut-input-box" };
+const _hoisted_7 = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+const _hoisted_8 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+const _hoisted_9 = { class: "nut-input-clear-box" };
+const _hoisted_10 = {
   key: 0,
   class: "nut-input-word-limit"
 };
-const _hoisted_8 = { class: "nut-input-word-num" };
+const _hoisted_11 = { class: "nut-input-word-num" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[11] || (_cache[11] = (...args) => _ctx.onClick && _ctx.onClick(...args))
   }, [
     _ctx.$slots.input ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _ctx.label ? (openBlock(), createElementBlock("view", {
@@ -345,10 +377,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-input-left-icon",
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClickLeftIcon && _ctx.onClickLeftIcon(...args))
       }, [
-        createVNode(_component_nut_icon, {
-          name: _ctx.leftIcon,
-          size: _ctx.leftIconSize
-        }, null, 8, ["name", "size"])
+        createVNode(_component_nut_icon, mergeProps({ name: _ctx.leftIcon }, _ctx.$attrs, { size: _ctx.leftIconSize }), null, 16, ["name", "size"])
       ])) : createCommentVNode("", true),
       _ctx.label ? (openBlock(), createElementBlock("view", {
         key: 1,
@@ -361,68 +390,69 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("view", _hoisted_3, toDisplayString(_ctx.label) + " " + toDisplayString(_ctx.colon ? ":" : ""), 1)
       ], 6)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4, [
-        createElementVNode("view", {
-          class: "nut-input-inner",
-          onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
-        }, [
-          _ctx.type == "textarea" ? (openBlock(), createElementBlock("textarea", {
-            key: 0,
-            class: "input-text",
-            ref: "inputRef",
-            style: normalizeStyle(_ctx.stylesTextarea),
-            maxlength: _ctx.maxLength,
-            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-            disabled: _ctx.disabled,
-            readonly: _ctx.readonly,
-            value: _ctx.modelValue,
-            formatTrigger: _ctx.formatTrigger,
-            autofocus: _ctx.autofocus,
-            onInput: _cache[2] || (_cache[2] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-            onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-            onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-          }, null, 44, _hoisted_5)) : (openBlock(), createElementBlock("input", {
-            key: 1,
-            class: "input-text",
-            ref: "inputRef",
-            style: normalizeStyle(_ctx.styles),
-            type: _ctx.inputType(_ctx.type),
-            maxlength: _ctx.maxLength,
-            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-            disabled: _ctx.disabled,
-            readonly: _ctx.readonly,
-            value: _ctx.modelValue,
-            formatTrigger: _ctx.formatTrigger,
-            autofocus: _ctx.autofocus,
-            onInput: _cache[5] || (_cache[5] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-            onFocus: _cache[6] || (_cache[6] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-            onBlur: _cache[7] || (_cache[7] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-          }, null, 44, _hoisted_6)),
-          _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_nut_icon, {
-            key: 2,
-            class: "nut-input-clear",
-            name: _ctx.clearIcon,
-            size: _ctx.clearSize,
-            onClick: _ctx.clear
-          }, null, 8, ["name", "size", "onClick"])), [
-            [vShow, _ctx.active && _ctx.modelValue.length > 0]
-          ]) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_5, [
+          createElementVNode("view", _hoisted_6, [
+            _ctx.type == "textarea" ? (openBlock(), createElementBlock("textarea", {
+              key: 0,
+              class: "input-text",
+              ref: "inputRef",
+              style: normalizeStyle(_ctx.stylesTextarea),
+              maxlength: _ctx.maxLength,
+              placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+              disabled: _ctx.disabled,
+              readonly: _ctx.readonly,
+              value: _ctx.modelValue,
+              formatTrigger: _ctx.formatTrigger,
+              autofocus: _ctx.autofocus,
+              onInput: _cache[2] || (_cache[2] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+              onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
+              onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
+              onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
+            }, null, 44, _hoisted_7)) : (openBlock(), createElementBlock("input", {
+              key: 1,
+              class: "input-text",
+              ref: "inputRef",
+              style: normalizeStyle(_ctx.styles),
+              type: _ctx.inputType(_ctx.type),
+              maxlength: _ctx.maxLength,
+              placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+              disabled: _ctx.disabled,
+              readonly: _ctx.readonly,
+              value: _ctx.modelValue,
+              formatTrigger: _ctx.formatTrigger,
+              autofocus: _ctx.autofocus,
+              onInput: _cache[6] || (_cache[6] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+              onFocus: _cache[7] || (_cache[7] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
+              onBlur: _cache[8] || (_cache[8] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
+              onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
+            }, null, 44, _hoisted_8))
+          ]),
+          createElementVNode("view", _hoisted_9, [
+            _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_nut_icon, mergeProps({
+              key: 0,
+              class: "nut-input-clear",
+              name: _ctx.clearIcon
+            }, _ctx.$attrs, {
+              size: _ctx.clearSize,
+              onClick: _ctx.clear
+            }), null, 16, ["name", "size", "onClick"])), [
+              [vShow, _ctx.active && _ctx.modelValue.length > 0]
+            ]) : createCommentVNode("", true)
+          ]),
           _ctx.rightIcon && _ctx.rightIcon.length > 0 ? (openBlock(), createElementBlock("view", {
-            key: 3,
+            key: 0,
             class: "nut-input-right-icon",
-            onClick: _cache[8] || (_cache[8] = (...args) => _ctx.onClickRightIcon && _ctx.onClickRightIcon(...args))
+            onClick: _cache[10] || (_cache[10] = (...args) => _ctx.onClickRightIcon && _ctx.onClickRightIcon(...args))
           }, [
-            createVNode(_component_nut_icon, {
-              name: _ctx.rightIcon,
-              size: _ctx.rightIconSize
-            }, null, 8, ["name", "size"])
+            createVNode(_component_nut_icon, mergeProps({ name: _ctx.rightIcon }, _ctx.$attrs, { size: _ctx.rightIconSize }), null, 16, ["name", "size"])
           ])) : createCommentVNode("", true),
           _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {
-            key: 4,
+            key: 1,
             class: "nut-input-button"
           }) : createCommentVNode("", true)
         ]),
-        _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_7, [
-          createElementVNode("span", _hoisted_8, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
+        _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_10, [
+          createElementVNode("span", _hoisted_11, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
           createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
         ])) : createCommentVNode("", true),
         _ctx.errorMessage ? (openBlock(), createElementBlock("view", {