@nutui/nutui-react 1.3.2 → 1.3.3-beta.1

package/dist/esm/CountDown.js

@@ -1,34 +1,37 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["showPlainText", "showDays", "paused", "startTime", "endTime", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
+var _excluded = ["paused", "startTime", "endTime", "millisecond", "format", "autoStart", "time", "className", "style", "onEnd", "onPaused", "onRestart", "onUpdate", "children"];
 
 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, { useState, useRef, useEffect } from 'react';
+import React__default, { useState, useRef, useImperativeHandle, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
 var defaultProps = {
-  showPlainText: false,
-  showDays: false,
   paused: false,
   startTime: Date.now(),
-  endTime: Date.now()
+  endTime: Date.now(),
+  millisecond: false,
+  format: 'HH:mm:ss',
+  autoStart: true,
+  time: 0
 };
 
-var CountDown = function CountDown(props) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
+var InternalCountDown = function InternalCountDown(props, ref) {
+  useConfig();
 
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      showPlainText = _defaultProps$props.showPlainText,
-      showDays = _defaultProps$props.showDays,
       paused = _defaultProps$props.paused,
       startTime = _defaultProps$props.startTime,
       endTime = _defaultProps$props.endTime,
+      millisecond = _defaultProps$props.millisecond,
+      format = _defaultProps$props.format,
+      autoStart = _defaultProps$props.autoStart,
+      time = _defaultProps$props.time,
       className = _defaultProps$props.className,
       style = _defaultProps$props.style,
       onEnd = _defaultProps$props.onEnd,
@@ -48,145 +51,210 @@ var CountDown = function CountDown(props) {
   var stateRef = useRef({
     pauseTime: 0,
     curr: 0,
-    timer: 0,
     isPaused: paused,
-    isIninted: false
-  }); // 补0操作
+    isIninted: false,
+    timer: 0,
+    restTime: 0,
+    counting: !paused && autoStart,
+    handleEndTime: Date.now(),
+    diffTime: 0 // 设置了 startTime 时，与 date.now() 的差异
 
-  var fill2 = function fill2(v) {
-    v += '';
+  }); // 时间戳转换 或 获取当前时间的时间戳
 
-    while (v.length < 2) {
-      v = "0".concat(v);
-    }
+  var getTimeStamp = function getTimeStamp(timeStr) {
+    if (!timeStr) return Date.now();
+    var t = timeStr;
+    t = t > 0 ? +t : t.toString().replace(/-/g, '/');
+    return new Date(t).getTime();
+  }; // 倒计时 interval
+
+
+  var initTime = function initTime() {
+    stateRef.current.handleEndTime = endTime;
+    stateRef.current.diffTime = Date.now() - getTimeStamp(startTime); // 时间差
+
+    if (!stateRef.current.counting) stateRef.current.counting = true;
+    tick();
+  };
+
+  var tick = function tick() {
+    stateRef.current.timer = requestAnimationFrame(function () {
+      if (stateRef.current.counting) {
+        var currentTime = Date.now() - stateRef.current.diffTime;
+        var remainTime = Math.max(stateRef.current.handleEndTime - currentTime, 0);
+        stateRef.current.restTime = remainTime;
+        setRestTime(remainTime);
+
+        if (!remainTime) {
+          stateRef.current.counting = false;
+          pause();
+          onEnd && onEnd();
+        }
 
-    return v;
-  }; // 倒计时数据
+        if (remainTime > 0) {
+          tick();
+        }
+      }
+    });
+  }; // 将倒计时剩余时间格式化   参数： t  时间戳  type custom 自定义类型
 
 
-  var restTime = function restTime(t) {
+  var formatRemainTime = function formatRemainTime(t, type) {
     var ts = t;
     var rest = {
-      d: '-',
-      h: '--',
-      m: '--',
-      s: '--'
+      d: 0,
+      h: 0,
+      m: 0,
+      s: 0,
+      ms: 0
     };
-
-    if (ts === 0) {
-      rest = {
-        d: '0',
-        h: '00',
-        m: '00',
-        s: '00'
-      };
+    var SECOND = 1000;
+    var MINUTE = 60 * SECOND;
+    var HOUR = 60 * MINUTE;
+    var DAY = 24 * HOUR;
+
+    if (ts > 0) {
+      rest.d = ts >= SECOND ? Math.floor(ts / DAY) : 0;
+      rest.h = Math.floor(ts % DAY / HOUR);
+      rest.m = Math.floor(ts % HOUR / MINUTE);
+      rest.s = Math.floor(ts % MINUTE / SECOND);
+      rest.ms = Math.floor(ts % SECOND);
     }
 
-    if (ts) {
-      var ds = 24 * 60 * 60 * 1000;
-      var hs = 60 * 60 * 1000;
-      var ms = 60 * 1000;
-      var d = ts >= ds ? parseInt(String(ts / ds)) : 0;
-      var h = ts - d * ds >= hs ? parseInt(String((ts - d * ds) / hs)) : 0;
-      var m = ts - d * ds - h * hs >= ms ? parseInt(String((ts - d * ds - h * hs) / ms)) : 0;
-      var s = Math.round((ts - d * ds - h * hs - m * ms) / 1000);
-      if (d >= 0) rest.d = "".concat(d);
-      if (h >= 0) rest.h = fill2(h);
-      if (m >= 0) rest.m = fill2(m);
-      if (s >= 0) rest.s = fill2(s);
-    }
-
-    return rest;
-  }; // 倒计最终时格式数据
-
+    return type === 'custom' ? rest : parseFormat(_objectSpread({}, rest));
+  };
 
-  var resttime = function () {
-    var rest = restTime(restTimeStamp);
-    var d = rest.d;
+  var parseFormat = function parseFormat(time) {
+    var d = time.d;
+    var h = time.h,
+        m = time.m,
+        s = time.s,
+        ms = time.ms;
+    var formatCache = format;
+
+    if (formatCache.includes('DD')) {
+      formatCache = formatCache.replace('DD', padZero(d));
+    } else {
+      h += Number(d) * 24;
+    }
 
-    if (!showDays && Number(d) > 0) {
-      rest.h = fill2(Number(rest.h) + Number(d) * 24);
-      rest.d = '0';
+    if (formatCache.includes('HH')) {
+      formatCache = formatCache.replace('HH', padZero(h));
+    } else {
+      m += Number(h) * 60;
     }
 
-    return rest;
-  }(); // 获取时间戳
+    if (formatCache.includes('mm')) {
+      formatCache = formatCache.replace('mm', padZero(m));
+    } else {
+      s += Number(m) * 60;
+    }
 
+    if (formatCache.includes('ss')) {
+      formatCache = formatCache.replace('ss', padZero(s));
+    } else {
+      ms += Number(s) * 1000;
+    }
 
-  var getTimeStamp = function getTimeStamp(timeStr) {
-    if (!timeStr) return Date.now();
-    var t = timeStr;
-    t = t > 0 ? +t : t.toString().replace(/\-/g, '/');
-    return new Date(t).getTime();
-  }; // 展示文案，English todo @hanyuxinting
+    if (formatCache.includes('S')) {
+      var msC = padZero(ms, 3).toString();
 
+      if (formatCache.includes('SSS')) {
+        formatCache = formatCache.replace('SSS', msC);
+      } else if (formatCache.includes('SS')) {
+        formatCache = formatCache.replace('SS', msC.slice(0, 2));
+      } else if (formatCache.includes('S')) {
+        formatCache = formatCache.replace('SS', msC.slice(0, 1));
+      }
+    }
 
-  var plainText = function () {
-    var d = resttime.d,
-        h = resttime.h,
-        m = resttime.m,
-        s = resttime.s;
-    var showDayshours = Number(d) > 0 && showDays ? "".concat(d).concat(locale.countdown.day).concat(h) : h;
-    return "".concat(showDayshours).concat(locale.countdown.hour).concat(m).concat(locale.countdown.minute).concat(s).concat(locale.countdown.second);
-  }(); // 初始化
+    return formatCache;
+  };
 
+  var padZero = function padZero(num) {
+    var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+    num += '';
 
-  var initTimer = function initTimer() {
-    if (!stateRef.current.isIninted) {
-      stateRef.current.isIninted = true;
+    while (num.length < length) {
+      num = "0".concat(num);
     }
 
-    var delay = 1000;
-    var curr = Date.now();
-    var start = getTimeStamp(startTime || curr);
-    var end = getTimeStamp(endTime || curr);
-    var diffTime = curr - start;
-    setRestTime(end - (start + diffTime));
-    stateRef.current.timer = setInterval(function () {
-      if (!stateRef.current.isPaused) {
-        var _restTime = end - (Date.now() - stateRef.current.pauseTime + diffTime);
+    return num.toString();
+  }; // 暂定
 
-        setRestTime(_restTime);
 
-        if (_restTime < 0) {
-          setRestTime(0);
-          onEnd && onEnd();
-          clearInterval(stateRef.current.timer);
+  var pause = function pause() {
+    cancelAnimationFrame(stateRef.current.timer);
+    stateRef.current.counting = false;
+    onPaused && onPaused(stateRef.current.restTime);
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      start: function start() {
+        if (!stateRef.current.counting && !autoStart) {
+          stateRef.current.counting = true;
+          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+          tick();
+          onRestart && onRestart(stateRef.current.restTime);
+        }
+      },
+      pause: function pause() {
+        cancelAnimationFrame(stateRef.current.timer);
+        stateRef.current.counting = false;
+        onPaused && onPaused(stateRef.current.restTime);
+      },
+      reset: function reset() {
+        if (!autoStart) {
+          pause();
+          stateRef.current.restTime = time;
+          setRestTime(time);
         }
       }
-    }, delay);
-  }; // 监听值变更
-
+    };
+  }); // 监听值变更
 
   useEffect(function () {
-    if (onUpdate) {
-      var tranTime = restTime(restTimeStamp);
-      onUpdate(tranTime);
-    }
+    var tranTime = formatRemainTime(stateRef.current.restTime, 'custom');
+    onUpdate && onUpdate(tranTime);
   }, [restTimeStamp]); // 监听暂停
 
   useEffect(function () {
     if (stateRef.current.isIninted) {
-      stateRef.current.isPaused = paused;
-
       if (paused) {
-        stateRef.current.curr = getTimeStamp();
-        onPaused && onPaused(restTimeStamp);
+        if (stateRef.current.counting) {
+          pause();
+        }
       } else {
-        stateRef.current.pauseTime += getTimeStamp() - stateRef.current.curr;
-        onRestart && onRestart(restTimeStamp);
+        if (!stateRef.current.counting) {
+          stateRef.current.counting = true;
+          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+          tick();
+        }
+
+        onRestart && onRestart(stateRef.current.restTime);
       }
     }
   }, [paused]); // 监听开始结束时间变更
 
   useEffect(function () {
     if (stateRef.current.isIninted) {
-      initTimer();
+      initTime();
     }
   }, [endTime, startTime]); // 初始化
 
   useEffect(function () {
-    initTimer();
+    if (autoStart) {
+      initTime();
+    } else {
+      stateRef.current.restTime = time;
+      setRestTime(time);
+    }
+
+    if (!stateRef.current.isIninted) {
+      stateRef.current.isIninted = true;
+    }
+
     return componentWillUnmount;
   }, []);
 
@@ -194,28 +262,23 @@ var CountDown = function CountDown(props) {
     clearInterval(stateRef.current.timer);
   };
 
+  var renderTime = function () {
+    return formatRemainTime(stateRef.current.restTime);
+  }();
+
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className || ''),
     style: _objectSpread({}, style)
-  }, rest), children || React__default.createElement(React__default.Fragment, null, showPlainText ? React__default.createElement("div", {
-    className: b('block')
-  }, " ", plainText, " ") : React__default.createElement(React__default.Fragment, null, Number(resttime.d) >= 0 && showDays ? React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: b('block')
-  }, resttime.d), React__default.createElement("div", {
-    className: b('dot')
-  }, locale.countdown.day || ':')) : null, React__default.createElement("div", {
-    className: b('block')
-  }, resttime.h), React__default.createElement("div", {
-    className: b('dot')
-  }, ":"), React__default.createElement("div", {
-    className: b('block')
-  }, resttime.m), React__default.createElement("div", {
-    className: b('dot')
-  }, ":"), React__default.createElement("div", {
-    className: b('block')
-  }, resttime.s))));
+  }, rest), children || React__default.createElement("div", {
+    className: b('block'),
+    // eslint-disable-next-line react/no-danger
+    dangerouslySetInnerHTML: {
+      __html: "".concat(renderTime)
+    }
+  }));
 };
 
+var CountDown = React__default.forwardRef(InternalCountDown);
 CountDown.defaultProps = defaultProps;
 CountDown.displayName = 'NutCountDown';
 export { CountDown as default };

package/dist/esm/DatePicker/style/index.js

@@ -1,2 +1,2 @@
-require('../../Picker/style')
-require('../../../packages/datepicker/datepicker.scss')
+import '../../Picker/style'
+import '../../../packages/datepicker/datepicker.scss'

package/dist/esm/Dialog/style/index.js

@@ -1,3 +1,3 @@
-require('../../Button/style')
+import '../../Button/style'
 
-require('../../../packages/dialog/dialog.scss')
+import '../../../packages/dialog/dialog.scss'

package/dist/esm/Divider/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/divider/divider.scss')
+import '../../../packages/divider/divider.scss'

package/dist/esm/Drag/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/drag/drag.scss')
+import '../../../packages/drag/drag.scss'

package/dist/esm/Elevator/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/elevator/elevator.scss')
+import '../../../packages/elevator/elevator.scss'

package/dist/esm/Empty/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/empty/empty.scss')
+import '../../../packages/empty/empty.scss'

package/dist/esm/FixedNav/style/index.js

@@ -1,3 +1,3 @@
-require('../../Icon/style')
-require('../../Overlay/style')
-require('../../../packages/fixednav/fixednav.scss')
+import '../../Icon/style'
+import '../../Overlay/style'
+import '../../../packages/fixednav/fixednav.scss'

package/dist/esm/FixedNav.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn"];
 
 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; }
@@ -12,8 +12,10 @@ import Icon from './Icon.js';
 import Overlay from './Overlay.js';
 import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   fixednavClass: 'nut-fixednav',
   activeText: '',
   unActiveText: '',
@@ -22,7 +24,7 @@ var defaultProps = {
     top: 'auto',
     bottom: 'auto'
   }
-};
+});
 
 var FixedNav = function FixedNav(props) {
   var _useConfig = useConfig(),
@@ -98,6 +100,8 @@ var FixedNav = function FixedNav(props) {
       return onUpdateValue();
     }
   }, slotBtn || React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "left",
     color: "#fff"
   }), React__default.createElement("div", {

package/dist/esm/Grid/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/grid/grid.scss')
+import '../../../packages/grid/grid.scss'

package/dist/esm/GridItem/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/griditem/griditem.scss')
+import '../../../packages/griditem/griditem.scss'

package/dist/esm/GridItem.js

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction"];
 
 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; }
@@ -10,8 +10,10 @@ import React__default from 'react';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   text: '',
   icon: '',
   iconSize: '',
@@ -25,7 +27,7 @@ var defaultProps = {
   square: false,
   reverse: false,
   direction: 'vertical'
-};
+});
 
 var GridItem = function GridItem(props) {
   useConfig();
@@ -86,6 +88,8 @@ var GridItem = function GridItem(props) {
   }, rest), React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon,
     size: iconSize || parentIconSize,
     color: iconColor || parentIconColor

package/dist/esm/Icon/style/index.js

@@ -1,3 +1,4 @@
+import'../../../styles/font/iconfont.css';
 
 
-require('../../../packages/icon/icon.scss')
+import '../../../packages/icon/icon.scss'

package/dist/esm/ImagePreview/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/imagepreview/imagepreview.scss')
+import '../../../packages/imagepreview/imagepreview.scss'

package/dist/esm/Indicator/style/index.js

@@ -1,2 +1,2 @@
 
-require('../../../packages/indicator/indicator.scss')
+import '../../../packages/indicator/indicator.scss'

package/dist/esm/Infiniteloading/style/index.js

@@ -1,2 +1,2 @@
-require('../../Icon/style')
-require('../../../packages/infiniteloading/infiniteloading.scss')
+import '../../Icon/style'
+import '../../../packages/infiniteloading/infiniteloading.scss'

package/dist/esm/Infiniteloading.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "hasMore", "threshold", "containerId", "useWindow", "useCapture", "isOpenRefresh", "pullIcon", "pullTxt", "loadIcon", "loadTxt", "loadMoreTxt", "className", "refresh", "loadMore", "scrollChange"];
 
 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; }
@@ -12,8 +12,10 @@ import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-var defaultProps = {
+
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   hasMore: true,
   threshold: 200,
   containerId: '',
@@ -25,7 +27,7 @@ var defaultProps = {
   loadIcon: 'https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png',
   loadTxt: '加载中···',
   loadMoreTxt: '哎呀，这里是底部了啦'
-};
+});
 
 var Infiniteloading = function Infiniteloading(props) {
   var _useConfig = useConfig(),
@@ -214,6 +216,8 @@ var Infiniteloading = function Infiniteloading(props) {
   }, React__default.createElement("div", {
     className: "top-box"
   }, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "top-img",
     name: pullIcon
   }), React__default.createElement("span", {
@@ -225,6 +229,8 @@ var Infiniteloading = function Infiniteloading(props) {
   }, isInfiniting ? React__default.createElement("div", {
     className: "bottom-box"
   }, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "bottom-img",
     name: loadIcon
   }), React__default.createElement("div", {

package/dist/esm/Input/style/index.js

@@ -1,2 +1,2 @@
-require('../../Icon/style')
-require('../../../packages/input/input.scss')
+import '../../Icon/style'
+import '../../../packages/input/input.scss'

package/dist/esm/Input.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "type", "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", "change", "blur", "focus", "clear", "formatter", "keypress", "clickInput", "clickLeftIcon", "clickRightIcon", "click"];
 
 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; }
@@ -10,6 +10,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React__default, { useState, useRef, useLayoutEffect, useEffect, useCallback } from 'react';
 import Icon from './Icon.js';
 import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
 
 function trimExtraChar(value, _char, regExp) {
   var index = value.indexOf(_char);
@@ -45,7 +46,7 @@ function formatNumber(value) {
   return value.replace(regExp, '');
 }
 
-var defaultProps = {
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   type: 'text',
   defaultValue: '',
   placeholder: '',
@@ -78,7 +79,7 @@ var defaultProps = {
   autofocus: false,
   slotButton: null,
   slotInput: null
-};
+});
 
 var Input = function Input(props) {
   var _useConfig = useConfig(),
@@ -297,6 +298,8 @@ var Input = function Input(props) {
       onClickLeftIcon(e);
     }
   }, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: leftIcon,
     size: leftIconSize
   })) : null, React__default.createElement("div", {
@@ -359,6 +362,8 @@ var Input = function Input(props) {
       _onInput(e);
     }
   }), clearable && !readonly && active && inputValue.length > 0 ? React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "nut-input-clear",
     name: clearIcon,
     size: clearSize,
@@ -371,6 +376,8 @@ var Input = function Input(props) {
       onClickRightIcon(e);
     }
   }, React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: rightIcon,
     size: rightIconSize
   })) : null, slotButton ? React__default.createElement("div", {