@nutui/nutui-react 1.4.1 → 1.4.2-beta.0

package/dist/esm/Input.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "type", "name", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "change", "blur", "focus", "clear", "clickInput", "clickLeftIcon", "clickRightIcon", "click", "iconClassPrefix", "iconFontClassName"];
+var _excluded = ["children", "type", "name", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "iconClassPrefix", "iconFontClassName"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { forwardRef, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback } from 'react';
@@ -119,14 +119,6 @@ var Input = forwardRef(function (props, ref) {
     onClickLeftIcon = _defaultProps$props.onClickLeftIcon,
     onClickRightIcon = _defaultProps$props.onClickRightIcon,
     _onClick = _defaultProps$props.onClick,
-    change = _defaultProps$props.change,
-    blur = _defaultProps$props.blur,
-    focus = _defaultProps$props.focus,
-    clear = _defaultProps$props.clear,
-    clickInput = _defaultProps$props.clickInput,
-    clickLeftIcon = _defaultProps$props.clickLeftIcon,
-    clickRightIcon = _defaultProps$props.clickRightIcon,
-    click = _defaultProps$props.click,
     iconClassPrefix = _defaultProps$props.iconClassPrefix,
     iconFontClassName = _defaultProps$props.iconFontClassName,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
@@ -148,7 +140,9 @@ var Input = forwardRef(function (props, ref) {
   };
   var inputRef = useRef(null);
   useLayoutEffect(function () {
-    updateValue(getModelValue(), formatTrigger);
+    if (defaultValue) {
+      updateValue(getModelValue(), formatTrigger);
+    }
   });
   useEffect(function () {
     setClasses(inputClass);
@@ -166,10 +160,15 @@ var Input = forwardRef(function (props, ref) {
   var inputClass = useCallback(function () {
     var prefixCls = 'nut-input';
     return [prefixCls, "".concat(center ? 'center' : ''), "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(required ? "".concat(prefixCls, "-required") : ''), "".concat(error ? "".concat(prefixCls, "-error") : ''), "".concat(border ? "".concat(prefixCls, "-border") : ''), "".concat(slotButton || rightIcon ? "".concat(prefixCls, "-right-mark") : '')].filter(Boolean).join(' ');
-  }, [disabled, required, error, border]);
+  }, [disabled, required, error, border, slotButton, rightIcon, center]);
+  // 样式状态重置
+  useEffect(function () {
+    setClasses(inputClass);
+  }, [disabled, required, error, border, slotButton, rightIcon, center]);
   var updateValue = function updateValue(value) {
     var _inputRef$current;
     var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
+    var event = arguments.length > 2 ? arguments[2] : undefined;
     var val = value;
     if (type === 'digit' || type === 'tel') {
       val = formatNumber(val, false, false);
@@ -188,25 +187,20 @@ var Input = forwardRef(function (props, ref) {
     if ((inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== val) {
       inputRef.current.value = val;
     }
-    // if (val !== defaultValue) {
     SetInputValue(val);
-    // }
+    onChange && onChange(val, event);
   };
-
   var handleFocus = function handleFocus(event) {
     var val = event.target.value;
     SetActive(true);
     onFocus && onFocus(val, event);
-    focus && focus(val, event);
   };
   var handleInput = function handleInput(event) {
     var val = event.target.value;
     if (maxlength && val.length > Number(maxlength)) {
       val = val.slice(0, Number(maxlength));
     }
-    updateValue(val);
-    onChange && onChange(val, event);
-    change && change(val, event);
+    updateValue(val, 'onChange', event);
   };
   var handleBlur = function handleBlur(event) {
     setTimeout(function () {
@@ -218,19 +212,15 @@ var Input = forwardRef(function (props, ref) {
     }
     updateValue(getModelValue(), 'onBlur');
     onBlur && onBlur(val, event);
-    blur && blur(val, event);
   };
   var handleClickInput = function handleClickInput(event) {
     onClickInput && onClickInput(event);
-    clickInput && clickInput(event);
   };
   var handleClickLeftIcon = function handleClickLeftIcon(event) {
     onClickLeftIcon && onClickLeftIcon(event);
-    clickLeftIcon && clickLeftIcon(event);
   };
   var handleClickRightIcon = function handleClickRightIcon(event) {
     onClickRightIcon && onClickRightIcon(event);
-    clickRightIcon && clickRightIcon(event);
   };
   var resetValidation = function resetValidation() {};
   var inputType = function inputType(type) {
@@ -245,7 +235,6 @@ var Input = forwardRef(function (props, ref) {
   var handleClear = function handleClear(event) {
     updateValue('');
     onClear && onClear('', event);
-    clear && clear('', event);
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: "".concat(classes, "  ").concat(className || ''),
@@ -253,7 +242,6 @@ var Input = forwardRef(function (props, ref) {
   }, rest), {}, {
     onClick: function onClick(e) {
       _onClick && _onClick(e);
-      click && click(e);
     }
   }), slotInput ? React__default.createElement(React__default.Fragment, null, label ? React__default.createElement("div", {
     className: "nut-input-label ".concat(labelClass),

package/dist/esm/PullToRefresh.js

@@ -102,88 +102,82 @@ var PullToRefresh = function PullToRefresh(p) {
   function _doRefresh() {
     _doRefresh = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              api.start({
-                height: headHeight
-              });
-              setStatus('refreshing');
-              _context3.prev = 2;
-              _context3.next = 5;
-              return props.onRefresh();
-            case 5:
-              setStatus('complete');
-              _context3.next = 12;
-              break;
-            case 8:
-              _context3.prev = 8;
-              _context3.t0 = _context3["catch"](2);
-              api.start({
-                to: function () {
-                  var _to = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(next) {
-                    return _regeneratorRuntime.wrap(function _callee$(_context) {
-                      while (1) {
-                        switch (_context.prev = _context.next) {
-                          case 0:
-                            _context.next = 2;
-                            return next({
-                              height: 0
-                            });
-                          case 2:
-                            setStatus('pulling');
-                          case 3:
-                          case "end":
-                            return _context.stop();
-                        }
-                      }
-                    }, _callee);
-                  }));
-                  function to(_x) {
-                    return _to.apply(this, arguments);
-                  }
-                  return to;
-                }()
-              });
-              throw _context3.t0;
-            case 12:
-              if (!(props.completeDelay > 0)) {
-                _context3.next = 15;
-                break;
-              }
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            api.start({
+              height: headHeight
+            });
+            setStatus('refreshing');
+            _context3.prev = 2;
+            _context3.next = 5;
+            return props.onRefresh();
+          case 5:
+            setStatus('complete');
+            _context3.next = 12;
+            break;
+          case 8:
+            _context3.prev = 8;
+            _context3.t0 = _context3["catch"](2);
+            api.start({
+              to: function () {
+                var _to = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(next) {
+                  return _regeneratorRuntime.wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        _context.next = 2;
+                        return next({
+                          height: 0
+                        });
+                      case 2:
+                        setStatus('pulling');
+                      case 3:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }));
+                function to(_x) {
+                  return _to.apply(this, arguments);
+                }
+                return to;
+              }()
+            });
+            throw _context3.t0;
+          case 12:
+            if (!(props.completeDelay > 0)) {
               _context3.next = 15;
-              return sleep(props.completeDelay);
-            case 15:
-              api.start({
-                to: function () {
-                  var _to2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(next) {
-                    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                      while (1) {
-                        switch (_context2.prev = _context2.next) {
-                          case 0:
-                            _context2.next = 2;
-                            return next({
-                              height: 0
-                            });
-                          case 2:
-                            setStatus('pulling');
-                          case 3:
-                          case "end":
-                            return _context2.stop();
-                        }
-                      }
-                    }, _callee2);
-                  }));
-                  function to(_x2) {
-                    return _to2.apply(this, arguments);
-                  }
-                  return to;
-                }()
-              });
-            case 16:
-            case "end":
-              return _context3.stop();
-          }
+              break;
+            }
+            _context3.next = 15;
+            return sleep(props.completeDelay);
+          case 15:
+            api.start({
+              to: function () {
+                var _to2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(next) {
+                  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 2;
+                        return next({
+                          height: 0
+                        });
+                      case 2:
+                        setStatus('pulling');
+                      case 3:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }, _callee2);
+                }));
+                function to(_x2) {
+                  return _to2.apply(this, arguments);
+                }
+                return to;
+              }()
+            });
+          case 16:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3, null, [[2, 8]]);
     }));

package/dist/esm/render-f8746530.js

@@ -55,18 +55,16 @@ function concurrentUnmount(_x) {
 function _concurrentUnmount() {
   _concurrentUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(container) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", Promise.resolve().then(function () {
-              var _container$MARK;
-              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
-              delete container[MARK];
-            }));
-          case 1:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          return _context.abrupt("return", Promise.resolve().then(function () {
+            var _container$MARK;
+            (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+            delete container[MARK];
+          }));
+        case 1:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));

package/dist/esm/types/src/packages/input/input.d.ts

@@ -46,14 +46,6 @@ export interface InputProps extends BasicComponent {
     slotButton?: React.ReactNode;
     slotInput?: React.ReactNode;
     formatter: (value: string) => void;
-    change?: (value: any, event: Event) => void;
-    blur?: (value: any, event: Event) => void;
-    focus?: (value: any, event: Event) => void;
-    clear?: (value: any, event: Event) => void;
-    clickInput?: (value: any) => void;
-    clickLeftIcon?: (value: any) => void;
-    clickRightIcon?: (value: any) => void;
-    click?: (value: any) => void;
     onChange?: (value: any, event: Event) => void;
     onBlur?: (value: any, event: Event) => void;
     onFocus?: (value: any, event: Event) => void;

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:48:51 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:55:05 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:48:51 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:55:05 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 const enUS = {

package/dist/locales/id-ID.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:48:51 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:55:05 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 const idID = {

package/dist/locales/zh-CN.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:48:51 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:55:05 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 const zhCN = {

package/dist/locales/zh-TW.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:48:51 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:55:05 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 const zhTW = {

package/dist/locales/zh-UG.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:48:51 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:55:05 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 const zhUG = {

package/dist/nutui.react.es.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:47:00 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:54:28 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 import * as React from "react";
@@ -16521,14 +16521,6 @@ const Input = forwardRef((props, ref) => {
     onClickLeftIcon,
     onClickRightIcon,
     onClick,
-    change,
-    blur,
-    focus,
-    clear,
-    clickInput,
-    clickLeftIcon,
-    clickRightIcon,
-    click,
     iconClassPrefix,
     iconFontClassName,
     ...rest
@@ -16543,7 +16535,9 @@ const Input = forwardRef((props, ref) => {
   const getModelValue = () => String(inputValue != null ? inputValue : "");
   const inputRef = useRef(null);
   useLayoutEffect(() => {
-    updateValue(getModelValue(), formatTrigger);
+    if (defaultValue) {
+      updateValue(getModelValue(), formatTrigger);
+    }
   });
   useEffect(() => {
     setClasses(inputClass);
@@ -16569,8 +16563,11 @@ const Input = forwardRef((props, ref) => {
       `${border ? `${prefixCls}-border` : ""}`,
       `${slotButton || rightIcon ? `${prefixCls}-right-mark` : ""}`
     ].filter(Boolean).join(" ");
-  }, [disabled, required4, error, border]);
-  const updateValue = (value, trigger = "onChange") => {
+  }, [disabled, required4, error, border, slotButton, rightIcon, center]);
+  useEffect(() => {
+    setClasses(inputClass);
+  }, [disabled, required4, error, border, slotButton, rightIcon, center]);
+  const updateValue = (value, trigger = "onChange", event) => {
     var _a;
     let val = value;
     if (type4 === "digit" || type4 === "tel") {
@@ -16591,21 +16588,19 @@ const Input = forwardRef((props, ref) => {
       inputRef.current.value = val;
     }
     SetInputValue(val);
+    onChange && onChange(val, event);
   };
   const handleFocus = (event) => {
     const val = event.target.value;
     SetActive(true);
     onFocus && onFocus(val, event);
-    focus && focus(val, event);
   };
   const handleInput = (event) => {
     let val = event.target.value;
     if (maxlength && val.length > Number(maxlength)) {
       val = val.slice(0, Number(maxlength));
     }
-    updateValue(val);
-    onChange && onChange(val, event);
-    change && change(val, event);
+    updateValue(val, "onChange", event);
   };
   const handleBlur = (event) => {
     setTimeout(() => {
@@ -16617,19 +16612,15 @@ const Input = forwardRef((props, ref) => {
     }
     updateValue(getModelValue(), "onBlur");
     onBlur && onBlur(val, event);
-    blur && blur(val, event);
   };
   const handleClickInput = (event) => {
     onClickInput && onClickInput(event);
-    clickInput && clickInput(event);
   };
   const handleClickLeftIcon = (event) => {
     onClickLeftIcon && onClickLeftIcon(event);
-    clickLeftIcon && clickLeftIcon(event);
   };
   const handleClickRightIcon = (event) => {
     onClickRightIcon && onClickRightIcon(event);
-    clickRightIcon && clickRightIcon(event);
   };
   const resetValidation = () => {
   };
@@ -16645,7 +16636,6 @@ const Input = forwardRef((props, ref) => {
   const handleClear = (event) => {
     updateValue("");
     onClear && onClear("", event);
-    clear && clear("", event);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `${classes}  ${className || ""}`,
@@ -16653,7 +16643,6 @@ const Input = forwardRef((props, ref) => {
     ...rest,
     onClick: (e2) => {
       onClick && onClick(e2);
-      click && click(e2);
     }
   }, slotInput ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, label ? /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-input-label ${labelClass}`,

package/dist/nutui.react.umd.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui-react v1.4.1-beta.0 Wed Dec 28 2022 16:47:00 GMT+0800 (中国标准时间)
-* (c) 2022 @jdf2e.
+* @nutui/nutui-react v1.4.2-beta.0 Wed Jan 04 2023 14:54:28 GMT+0800 (China Standard Time)
+* (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
 (function(global2, factory) {
@@ -16548,14 +16548,6 @@
       onClickLeftIcon,
       onClickRightIcon,
       onClick,
-      change,
-      blur,
-      focus,
-      clear,
-      clickInput,
-      clickLeftIcon,
-      clickRightIcon,
-      click,
       iconClassPrefix,
       iconFontClassName,
       ...rest
@@ -16570,7 +16562,9 @@
     const getModelValue = () => String(inputValue != null ? inputValue : "");
     const inputRef = React.useRef(null);
     React.useLayoutEffect(() => {
-      updateValue(getModelValue(), formatTrigger);
+      if (defaultValue) {
+        updateValue(getModelValue(), formatTrigger);
+      }
     });
     React.useEffect(() => {
       setClasses(inputClass);
@@ -16596,8 +16590,11 @@
         `${border ? `${prefixCls}-border` : ""}`,
         `${slotButton || rightIcon ? `${prefixCls}-right-mark` : ""}`
       ].filter(Boolean).join(" ");
-    }, [disabled, required2, error, border]);
-    const updateValue = (value, trigger = "onChange") => {
+    }, [disabled, required2, error, border, slotButton, rightIcon, center]);
+    React.useEffect(() => {
+      setClasses(inputClass);
+    }, [disabled, required2, error, border, slotButton, rightIcon, center]);
+    const updateValue = (value, trigger = "onChange", event) => {
       var _a;
       let val = value;
       if (type2 === "digit" || type2 === "tel") {
@@ -16618,21 +16615,19 @@
         inputRef.current.value = val;
       }
       SetInputValue(val);
+      onChange && onChange(val, event);
     };
     const handleFocus = (event) => {
       const val = event.target.value;
       SetActive(true);
       onFocus && onFocus(val, event);
-      focus && focus(val, event);
     };
     const handleInput = (event) => {
       let val = event.target.value;
       if (maxlength && val.length > Number(maxlength)) {
         val = val.slice(0, Number(maxlength));
       }
-      updateValue(val);
-      onChange && onChange(val, event);
-      change && change(val, event);
+      updateValue(val, "onChange", event);
     };
     const handleBlur = (event) => {
       setTimeout(() => {
@@ -16644,19 +16639,15 @@
       }
       updateValue(getModelValue(), "onBlur");
       onBlur && onBlur(val, event);
-      blur && blur(val, event);
     };
     const handleClickInput = (event) => {
       onClickInput && onClickInput(event);
-      clickInput && clickInput(event);
     };
     const handleClickLeftIcon = (event) => {
       onClickLeftIcon && onClickLeftIcon(event);
-      clickLeftIcon && clickLeftIcon(event);
     };
     const handleClickRightIcon = (event) => {
       onClickRightIcon && onClickRightIcon(event);
-      clickRightIcon && clickRightIcon(event);
     };
     const resetValidation = () => {
     };
@@ -16672,7 +16663,6 @@
     const handleClear = (event) => {
       updateValue("");
       onClear && onClear("", event);
-      clear && clear("", event);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${classes}  ${className || ""}`,
@@ -16680,7 +16670,6 @@
       ...rest,
       onClick: (e2) => {
         onClick && onClick(e2);
-        click && click(e2);
       }
     }, slotInput ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, label ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-input-label ${labelClass}`,

package/dist/packages/input/input.scss

@@ -54,18 +54,18 @@ textarea {
     border: 0;
     text-decoration: none;
   }
-  &-label {
-    width: 80px;
-    overflow: hidden;
-    text-align: left;
-    display: flex;
-    .label-string {
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      color: $gray1;
-    }
-  }
+  //   &-label {
+  //     width: 80px;
+  //     overflow: hidden;
+  //     text-align: left;
+  //     display: flex;
+  //     .label-string {
+  //       overflow: hidden;
+  //       white-space: nowrap;
+  //       text-overflow: ellipsis;
+  //       color: $gray1;
+  //     }
+  //   }
   &__clear {
     width: 16px;
     height: 16px;