tdesign-react 0.25.1 → 0.26.0

package/es/index.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
 export { Layout } from './layout/index.js';
 export { Col, Row } from './grid/index.js';
-export { Loading } from './loading/index.js';
+export { Loading, LoadingPlugin, loading } from './loading/index.js';
 export { Popup } from './popup/index.js';
 export { Button } from './button/index.js';
 export { Input } from './input/index.js';
@@ -18,17 +18,18 @@ export { Checkbox } from './checkbox/index.js';
 export { InputNumber } from './input-number/index.js';
 import './config-provider/index.js';
 export { Steps } from './steps/index.js';
-export { Message } from './message/index.js';
+export { Message, MessagePlugin, message } from './message/index.js';
 export { EnhancedTable, SimpleTable, Table } from './table/index.js';
 export { Tag } from './tag/index.js';
 export { TagInput } from './tag-input/index.js';
 export { Select } from './select/index.js';
+export { SelectInput } from './select-input/index.js';
 export { List } from './list/index.js';
 export { Tabs } from './tabs/index.js';
-export { Notification } from './notification/index.js';
+export { Notification, NotificationPlugin, notification } from './notification/index.js';
 export { Pagination } from './pagination/index.js';
 export { Menu } from './menu/index.js';
-export { Dialog } from './dialog/index.js';
+export { Dialog, DialogPlugin, dialog } from './dialog/index.js';
 export { Tree } from './tree/index.js';
 export { TreeSelect } from './tree-select/index.js';
 export { Divider } from './divider/index.js';
@@ -42,7 +43,7 @@ export { Progress } from './progress/index.js';
 export { PopConfirm } from './popconfirm/index.js';
 export { Textarea } from './textarea/index.js';
 export { Breadcrumb } from './breadcrumb/index.js';
-import './affix/index.js';
+export { Affix } from './affix/index.js';
 export { Dropdown } from './dropdown/index.js';
 export { Slider } from './slider/index.js';
 export { Cascader } from './cascader/index.js';
@@ -54,19 +55,14 @@ export { Comment } from './comment/index.js';
 export { Transfer } from './transfer/index.js';
 export { Avatar } from './avatar/index.js';
 export { Skeleton } from './skeleton/index.js';
-export { LoadingPlugin, loading } from './loading/plugin.js';
-export { C as ConfigContext } from './_chunks/dep-b327e031.js';
+export { C as ConfigContext } from './_chunks/dep-a8619fd7.js';
 export { default as ConfigProvider, merge } from './config-provider/ConfigProvider.js';
-export { MessagePlugin, message } from './message/Message.js';
-export { NotificationPlugin, notification } from './notification/NotificationPlugin.js';
-export { DialogPlugin, dialog } from './dialog/plugin.js';
-export { default as Affix } from './affix/Affix.js';
 import './layout/Layout.js';
-import './_chunks/dep-c869a7bd.js';
-import './_chunks/dep-bce0ce39.js';
-import './_chunks/dep-f7f44030.js';
-import './_chunks/dep-7b5ee09e.js';
-import './_chunks/dep-c0b93c23.js';
+import './_chunks/dep-87647568.js';
+import './_chunks/dep-e9eb270f.js';
+import './_chunks/dep-722fe6eb.js';
+import './_chunks/dep-ada514b9.js';
+import './_chunks/dep-9f6be541.js';
 import 'react';
 import 'classnames';
 import './_util/useConfig.js';
@@ -74,16 +70,16 @@ import './layout/Aside.js';
 import './style/css.js';
 import './layout/type.js';
 import './grid/Row.js';
-import './_chunks/dep-4979c2b8.js';
-import './_chunks/dep-f9242fec.js';
-import './_chunks/dep-fd49ee45.js';
+import './_chunks/dep-08a538d7.js';
+import './_chunks/dep-c5e6a539.js';
+import './_chunks/dep-76bc9a8e.js';
 import './grid/Col.js';
 import './_util/dom.js';
 import 'raf';
-import './_chunks/dep-35ecd49c.js';
-import './_chunks/dep-3f70a0f5.js';
-import './_chunks/dep-72e1bd13.js';
-import './_chunks/dep-c50b5bb9.js';
+import './_chunks/dep-f5031153.js';
+import './_chunks/dep-d945c24c.js';
+import './_chunks/dep-43841bc9.js';
+import './_chunks/dep-456d7444.js';
 import './_util/easing.js';
 import './grid/type.js';
 import './loading/loading.js';
@@ -93,12 +89,14 @@ import './loading/gradient.js';
 import './_common/js/loading/circle-adapter.js';
 import './_common/js/utils/set-style.js';
 import './_common/js/utils/helper.js';
+import './loading/plugin.js';
 import './loading/type.js';
 import './popup/Popup.js';
 import 'react-transition-group';
 import 'react-popper';
 import './_util/useDefault.js';
 import './_util/noop.js';
+import './_util/useAnimation.js';
 import './_util/composeRefs.js';
 import './popup/hooks/useTriggerProps.js';
 import './_util/useClickOutside.js';
@@ -112,26 +110,27 @@ import './input/Input.js';
 import 'tdesign-icons-react';
 import './_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
+import './_util/helper.js';
+import './_chunks/dep-bce15148.js';
+import './_chunks/dep-9c495ff4.js';
+import './_chunks/dep-6a9e2ff5.js';
+import './_chunks/dep-b59a613a.js';
+import './_chunks/dep-1f097e5c.js';
 import './input/InputGroup.js';
 import './_util/useDefaultValue.js';
 import './input/type.js';
 import './addon/Addon.js';
 import './alert/Alert.js';
+import './locale/LocalReceiver.js';
 import './alert/type.js';
 import './badge/Badge.js';
 import './badge/type.js';
-import './_chunks/dep-989dca4b.js';
+import './_chunks/dep-21e0b815.js';
 import './common/Check.js';
-import './_util/helper.js';
-import './_chunks/dep-0ff35b5e.js';
-import './_chunks/dep-360d6135.js';
-import './_chunks/dep-6d5c2511.js';
-import './_chunks/dep-427158bb.js';
-import './_chunks/dep-9b59ab07.js';
 import './_util/useCommonClassName.js';
 import './radio/type.js';
-import './_chunks/dep-36516db7.js';
-import './_chunks/dep-aa302200.js';
+import './_chunks/dep-bd1de886.js';
+import './_chunks/dep-2a49e378.js';
 import './checkbox/type.js';
 import './input-number/InputNumber.js';
 import './_util/useUpdateEffect.js';
@@ -143,29 +142,30 @@ import './steps/Steps.js';
 import './steps/StepItem.js';
 import './steps/StepsContext.js';
 import './steps/type.js';
-import './message/type.js';
+import './message/Message.js';
+import './message/const.js';
 import './message/MessageComponent.js';
 import './message/MessageClose.js';
 import './message/useMessageClass.js';
 import './message/MessageIcon.js';
+import './message/type.js';
 import './table/base/Table.js';
-import './_chunks/dep-0b34f475.js';
-import './_chunks/dep-91fd8fa6.js';
+import './_chunks/dep-abb47ab5.js';
+import './_chunks/dep-a1b98045.js';
 import './table/hooks/useColumns.js';
-import './_chunks/dep-46120f73.js';
+import './_chunks/dep-d08c8845.js';
 import './table/util/index.js';
 import './table/base/TableEmptyBody.js';
-import './locale/LocalReceiver.js';
 import './table/base/TableHeader.js';
 import './table/base/TableCell.js';
 import './table/base/TableContext.js';
 import './table/base/TableBody.js';
-import './_chunks/dep-896efa92.js';
-import './_chunks/dep-09442174.js';
-import './_chunks/dep-bb55dd2f.js';
-import './_chunks/dep-8823a92e.js';
-import './_chunks/dep-c008b410.js';
-import './_chunks/dep-a7731315.js';
+import './_chunks/dep-4e3754ac.js';
+import './_chunks/dep-8d8a59c5.js';
+import './_chunks/dep-4506ade7.js';
+import './_chunks/dep-96268fc3.js';
+import './_chunks/dep-cfa4c989.js';
+import './_chunks/dep-f81e5642.js';
 import './table/base/TableRow.js';
 import './table/base/TableLoadingBody.js';
 import './table/base/TableAsyncLoadingBody.js';
@@ -173,6 +173,7 @@ import './table/base/TableColGroup.js';
 import './table/base/TableFooter.js';
 import './table/enhanced/TableContext.js';
 import './table/primary/Table.js';
+import './_util/useDragSorter.js';
 import './table/primary/useSorter.js';
 import './table/primary/SorterButton.js';
 import './table/primary/useFilter.js';
@@ -180,7 +181,6 @@ import './table/primary/FilterButton.js';
 import './table/primary/useSelect.js';
 import './table/primary/useExpand.js';
 import './table/primary/expand-box.js';
-import './table/primary/useDragSorter.js';
 import './table/enhanced/Table.js';
 import './table/enhanced/useTree.js';
 import './table/type.js';
@@ -195,14 +195,25 @@ import './tag-input/useHover.js';
 import './tag-input/type.js';
 import './select/base/Select.js';
 import './select/util/helper.js';
-import './_chunks/dep-a180486a.js';
-import './_chunks/dep-90eb9c48.js';
-import './_chunks/dep-65c1d541.js';
+import './_chunks/dep-6ef661cb.js';
+import './_chunks/dep-a3b25bd0.js';
+import './_chunks/dep-b52934ba.js';
 import './select/base/OptionGroup.js';
 import './select/base/Option.js';
 import './common/FakeArrow.js';
 import './select/base/PopupContent.js';
 import './select/type.js';
+import './select-input/SelectInput.js';
+import './select-input/useSingle.js';
+import './_chunks/dep-0c320105.js';
+import './_chunks/dep-17843c23.js';
+import './_chunks/dep-4bde00b2.js';
+import './_chunks/dep-c5a4a84b.js';
+import './_chunks/dep-93f0cc3c.js';
+import './_chunks/dep-a3e8ed28.js';
+import './select-input/useMultiple.js';
+import './select-input/useOverlayStyle.js';
+import './select-input/type.js';
 import './list/List.js';
 import './list/ListItem.js';
 import './list/ListItemMeta.js';
@@ -214,7 +225,8 @@ import './tabs/TabNavItem.js';
 import './tabs/TabBar.js';
 import './tabs/TabPanel.js';
 import './tabs/type.js';
-import './notification/Notification.js';
+import './_chunks/dep-7243000c.js';
+import './notification/NotificationPlugin.js';
 import './notification/type.js';
 import './pagination/Pagination.js';
 import './pagination/validators.js';
@@ -237,7 +249,9 @@ import './menu/MenuGroup.js';
 import './menu/type.js';
 import './dialog/Dialog.js';
 import './dialog/RenderDialog.js';
+import './_util/useDialogEsc.js';
 import './_util/useSetState.js';
+import './dialog/plugin.js';
 import './dialog/type.js';
 import './tree/Tree.js';
 import './_util/usePersistFn.js';
@@ -245,36 +259,32 @@ import './tree/useTreeConfig.js';
 import './tree/useControllable.js';
 import './tree/TreeItem.js';
 import './tree/useStore.js';
-import './_chunks/dep-0b5c7f77.js';
-import './_chunks/dep-e3baf9a5.js';
-import './_chunks/dep-ff79fb39.js';
-import './_chunks/dep-bfd83090.js';
-import './_chunks/dep-1d476548.js';
-import './_chunks/dep-c5782559.js';
+import './_chunks/dep-f5304919.js';
+import './_chunks/dep-8fea0649.js';
+import './_chunks/dep-5e81ed02.js';
+import './_chunks/dep-16ace5a1.js';
+import './_chunks/dep-b0d60167.js';
 import './_common/js/tree/tree-store.js';
-import './_chunks/dep-c1490cf6.js';
-import './_chunks/dep-2f489a35.js';
+import './_chunks/dep-2d596bd1.js';
+import './_chunks/dep-27f0aed6.js';
 import './_common/js/tree/tree-node-model.js';
-import './_chunks/dep-8f43c3b0.js';
-import './_chunks/dep-4ba0cdcf.js';
-import './_chunks/dep-695a3ead.js';
-import './_chunks/dep-861da54c.js';
 import './_common/js/log/log.js';
-import './_chunks/dep-a62bdfd5.js';
-import './_chunks/dep-deeece0d.js';
+import './_chunks/dep-48303847.js';
+import './_chunks/dep-f93431de.js';
 import './tree/type.js';
 import './tree-select/TreeSelect.js';
-import './_chunks/dep-611402ed.js';
-import './tree-select/TreeSelectTags.js';
-import './tree-select/TreeSelectInput.js';
-import './tree-select/TreeSelectSuffix.js';
-import './tree-select/useTreeSelectConfig.js';
+import './_util/useSwitch.js';
+import './tree-select/useTreeSelectUtils.js';
+import './tree-select/TreeSelectArrow.js';
+import './tree-select/useTreeSelectPassthoughProps.js';
+import './tree-select/useTreeSelectLocale.js';
 import './tree-select/type.js';
 import './divider/Divider.js';
 import './divider/type.js';
 import './switch/Switch.js';
 import './switch/type.js';
 import './anchor/Anchor.js';
+import './_chunks/dep-fad90f7c.js';
 import './anchor/AnchorContext.js';
 import './anchor/_util/dom.js';
 import './anchor/AnchorItem.js';
@@ -289,6 +299,7 @@ import './calendar/type.js';
 import './form/Form.js';
 import './form/FormContext.js';
 import './form/FormItem.js';
+import './_chunks/dep-2f1a6244.js';
 import './form/formModel.js';
 import './form/type.js';
 import './tooltip/Tooltip.js';
@@ -311,6 +322,7 @@ import './breadcrumb/Breadcrumb.js';
 import './breadcrumb/BreadcrumbItem.js';
 import './breadcrumb/BreadcrumbContext.js';
 import './breadcrumb/type.js';
+import './affix/Affix.js';
 import './affix/type.js';
 import './dropdown/Dropdown.js';
 import './dropdown/DropdownMenu.js';
@@ -335,10 +347,9 @@ import './time-picker/TimePicker.js';
 import './time-picker/TimeRangePicker.js';
 import './time-picker/panel/TimePickerRangePanel.js';
 import './time-picker/panel/SinglePanel.js';
-import './_chunks/dep-fc9c9fdd.js';
-import './_chunks/dep-f3331392.js';
-import './_chunks/dep-2e56daa5.js';
-import './_chunks/dep-491ab1c7.js';
+import './_chunks/dep-dd00374d.js';
+import './_chunks/dep-e1cc480b.js';
+import './_chunks/dep-3d0febec.js';
 import './time-picker/interfaces.js';
 import './time-picker/consts.js';
 import './time-picker/InputItems.js';
@@ -378,7 +389,7 @@ import './transfer/Transfer.js';
 import './transfer/TransferList.js';
 import './transfer/utils.js';
 import './transfer/type.js';
-import './_chunks/dep-48a0d26a.js';
+import './_chunks/dep-83d9f47c.js';
 import 'use-resize-observer';
 import './avatar/AvatarContext.js';
 import './avatar/type.js';
@@ -386,7 +397,5 @@ import './skeleton/Skeleton.js';
 import './skeleton/type.js';
 import './locale/zh_CN.js';
 import './_common/js/locale/zh_CN.js';
-import './config-provider/defaultConfig.js';
-import './message/const.js';
-import './notification/NotificationList.js';
+import './config-provider/zh_CN_config.js';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/input/Input.js

@@ -1,46 +1,52 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c0b93c23.js';
-import React, { useRef, useState, useImperativeHandle } from 'react';
+import { _ as _typeof } from '../_chunks/dep-87647568.js';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
+import { _ as _slicedToArray } from '../_chunks/dep-e9eb270f.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-9f6be541.js';
+import React, { useRef, useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import { CloseCircleFilledIcon } from 'tdesign-icons-react';
-import { i as isFunction_1 } from '../_chunks/dep-4979c2b8.js';
+import { i as isFunction_1 } from '../_chunks/dep-08a538d7.js';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import useConfig from '../_util/useConfig.js';
+import { getCharacterLength } from '../_util/helper.js';
 import InputGroup from './InputGroup.js';
 import useDefaultValue from '../_util/useDefaultValue.js';
-import '../_chunks/dep-f7f44030.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
+import '../_chunks/dep-722fe6eb.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-76bc9a8e.js';
 import 'hoist-non-react-statics';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-c008b410.js';
-import '../_chunks/dep-c50b5bb9.js';
-import '../_chunks/dep-a7731315.js';
-import '../_chunks/dep-a180486a.js';
-import '../_chunks/dep-90eb9c48.js';
-import '../_chunks/dep-65c1d541.js';
-import '../_chunks/dep-ff79fb39.js';
-import '../_chunks/dep-3f70a0f5.js';
-import '../_chunks/dep-72e1bd13.js';
-import '../_chunks/dep-491ab1c7.js';
+import '../_chunks/dep-a8619fd7.js';
+import '../_chunks/dep-8fea0649.js';
+import '../_chunks/dep-4506ade7.js';
+import '../_chunks/dep-96268fc3.js';
+import '../_chunks/dep-cfa4c989.js';
+import '../_chunks/dep-456d7444.js';
+import '../_chunks/dep-f81e5642.js';
+import '../_chunks/dep-6ef661cb.js';
+import '../_chunks/dep-a3b25bd0.js';
+import '../_chunks/dep-b52934ba.js';
+import '../_chunks/dep-5e81ed02.js';
+import '../_chunks/dep-d945c24c.js';
+import '../_chunks/dep-43841bc9.js';
+import '../_chunks/dep-2f1a6244.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
-import '../config-provider/defaultConfig.js';
+import '../config-provider/zh_CN_config.js';
+import '../_chunks/dep-bce15148.js';
+import '../_chunks/dep-9c495ff4.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 
-var _excluded = ["disabled", "status", "size", "className", "style", "prefixIcon", "suffixIcon", "clearable", "value", "tips", "align", "onChange", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "autofocus", "readonly", "label", "suffix"];
+var _excluded = ["autoWidth", "placeholder", "disabled", "status", "size", "className", "style", "prefixIcon", "suffixIcon", "clearable", "value", "tips", "align", "maxlength", "maxcharacter", "format", "onClick", "onChange", "onClear", "onEnter", "onKeydown", "onKeyup", "onKeypress", "onFocus", "onBlur", "onPaste", "onMouseenter", "onMouseleave", "onWheel", "onCompositionstart", "onCompositionend", "showClearIconOnEmpty", "autofocus", "autocomplete", "readonly", "label", "suffix"];
 
 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; }
 
@@ -50,10 +56,11 @@ var renderIcon = function renderIcon(classPrefix, type, icon) {
   var result = null;
   if (icon) result = icon;
   if (typeof icon === "function") result = icon();
+  var iconClassName = icon ? "".concat(classPrefix, "-input__suffix-icon") : "";
 
   if (result) {
     result = /* @__PURE__ */React.createElement("span", {
-      className: "".concat(classPrefix, "-input__").concat(type)
+      className: "".concat(classPrefix, "-input__").concat(type, " ").concat(iconClassName)
     }, result);
   }
 
@@ -64,6 +71,8 @@ var Input = forwardRefWithStatics(function (props, ref) {
   var _classNames;
 
   var _useDefaultValue = useDefaultValue(props, ""),
+      autoWidth = _useDefaultValue.autoWidth,
+      placeholder = _useDefaultValue.placeholder,
       disabled = _useDefaultValue.disabled,
       status = _useDefaultValue.status,
       size = _useDefaultValue.size,
@@ -75,6 +84,10 @@ var Input = forwardRefWithStatics(function (props, ref) {
       value = _useDefaultValue.value,
       tips = _useDefaultValue.tips,
       align = _useDefaultValue.align,
+      maxlength = _useDefaultValue.maxlength,
+      maxcharacter = _useDefaultValue.maxcharacter,
+      format = _useDefaultValue.format,
+      _onClick = _useDefaultValue.onClick,
       onChange = _useDefaultValue.onChange,
       onClear = _useDefaultValue.onClear,
       onEnter = _useDefaultValue.onEnter,
@@ -89,7 +102,9 @@ var Input = forwardRefWithStatics(function (props, ref) {
       onWheel = _useDefaultValue.onWheel,
       onCompositionstart = _useDefaultValue.onCompositionstart,
       onCompositionend = _useDefaultValue.onCompositionend,
+      showClearIconOnEmpty = _useDefaultValue.showClearIconOnEmpty,
       autofocus = _useDefaultValue.autofocus,
+      autocomplete = _useDefaultValue.autocomplete,
       readonly = _useDefaultValue.readonly,
       label = _useDefaultValue.label,
       suffix = _useDefaultValue.suffix,
@@ -100,6 +115,7 @@ var Input = forwardRefWithStatics(function (props, ref) {
 
   var composingRef = useRef(false);
   var inputRef = useRef();
+  var inputPreRef = useRef();
   var wrapperRef = useRef();
 
   var _useState = useState(false),
@@ -117,7 +133,7 @@ var Input = forwardRefWithStatics(function (props, ref) {
       composingRefValue = _useState6[0],
       setComposingValue = _useState6[1];
 
-  var isShowClearIcon = clearable && value && !disabled && isHover;
+  var isShowClearIcon = (clearable && value && !disabled || showClearIconOnEmpty) && isHover;
   var prefixIconContent = renderIcon(classPrefix, "prefix", prefixIcon);
   var suffixIconNew = isShowClearIcon ? /* @__PURE__ */React.createElement(CloseCircleFilledIcon, {
     className: "".concat(classPrefix, "-input__suffix-clear"),
@@ -145,18 +161,21 @@ var Input = forwardRefWithStatics(function (props, ref) {
     }));
     return eventProps2;
   }, {});
-  var wrapperProps = {
-    style: style,
-    ref: wrapperRef
-  };
+  useEffect(function () {
+    if (!autoWidth) return;
+    inputRef.current.style.width = "".concat(inputPreRef.current.offsetWidth, "px");
+  }, [autoWidth, value, placeholder]);
   var renderInput = /* @__PURE__ */React.createElement("input", _objectSpread(_objectSpread(_objectSpread({
-    ref: inputRef
+    ref: inputRef,
+    placeholder: placeholder
   }, inputProps), eventProps), {}, {
     className: classNames(inputProps.className, "".concat(classPrefix, "-input__inner")),
     value: composingRef.current ? composingRefValue : value,
     readOnly: readonly,
     disabled: disabled,
+    autoComplete: autocomplete,
     autoFocus: autofocus,
+    maxLength: maxlength,
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     onKeyUp: handleKeyUp,
@@ -167,14 +186,22 @@ var Input = forwardRefWithStatics(function (props, ref) {
     onBlur: handleBlur,
     onPaste: handlePaste
   }));
-  var renderInputNode = /* @__PURE__ */React.createElement("div", _objectSpread(_objectSpread({}, wrapperProps), {}, {
-    className: classNames(tips ? "" : className, "".concat(classPrefix, "-input"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-is-readonly"), readonly), _defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-is-focused"), isFocused), _defineProperty(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty(_classNames, "".concat(classPrefix, "-align-").concat(align), align), _defineProperty(_classNames, "".concat(classPrefix, "-is-").concat(status), status), _defineProperty(_classNames, "".concat(classPrefix, "-input--prefix"), prefixIcon || labelContent), _defineProperty(_classNames, "".concat(classPrefix, "-input--suffix"), suffixIconContent || suffixContent), _defineProperty(_classNames, "".concat(classPrefix, "-input--focused"), isFocused), _classNames)),
+  var renderInputNode = /* @__PURE__ */React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-input"), (_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-is-readonly"), readonly), _defineProperty(_classNames, "".concat(classPrefix, "-is-disabled"), disabled), _defineProperty(_classNames, "".concat(classPrefix, "-is-focused"), isFocused), _defineProperty(_classNames, "".concat(classPrefix, "-size-s"), size === "small"), _defineProperty(_classNames, "".concat(classPrefix, "-size-l"), size === "large"), _defineProperty(_classNames, "".concat(classPrefix, "-align-").concat(align), align), _defineProperty(_classNames, "".concat(classPrefix, "-is-").concat(status), status), _defineProperty(_classNames, "".concat(classPrefix, "-input--prefix"), prefixIcon || labelContent), _defineProperty(_classNames, "".concat(classPrefix, "-input--suffix"), suffixIconContent || suffixContent), _defineProperty(_classNames, "".concat(classPrefix, "-input--focused"), isFocused), _classNames)),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    onWheel: handleWheel
-  }), prefixIconContent, labelContent ? /* @__PURE__ */React.createElement("div", {
+    onWheel: handleWheel,
+    onClick: function onClick(e) {
+      return _onClick === null || _onClick === void 0 ? void 0 : _onClick({
+        e: e
+      });
+    }
+  }, prefixIconContent, labelContent ? /* @__PURE__ */React.createElement("div", {
     className: "".concat(classPrefix, "-input__prefix")
-  }, labelContent) : null, renderInput, suffixContent ? /* @__PURE__ */React.createElement("div", {
+  }, labelContent) : null, renderInput, autoWidth && /* @__PURE__ */React.createElement("span", {
+    ref: inputPreRef,
+    className: "".concat(classPrefix, "-input__input-pre")
+  }, value || props.placeholder), suffixContent ? /* @__PURE__ */React.createElement("div", {
     className: "".concat(classPrefix, "-input__suffix")
   }, suffixContent) : null, suffixIconContent);
 
@@ -184,6 +211,11 @@ var Input = forwardRefWithStatics(function (props, ref) {
     if (composingRef.current) {
       setComposingValue(value2);
     } else {
+      if (typeof maxcharacter === "number" && maxcharacter >= 0) {
+        var stringInfo = getCharacterLength(value2, maxcharacter);
+        value2 = _typeof(stringInfo) === "object" && stringInfo.characters;
+      }
+
       onChange(value2, {
         e: e
       });
@@ -256,6 +288,9 @@ var Input = forwardRefWithStatics(function (props, ref) {
 
   function handleBlur(e) {
     var value2 = e.currentTarget.value;
+    format && onChange(format(value2), {
+      e: e
+    });
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(value2, {
       e: e
     });
@@ -312,16 +347,13 @@ var Input = forwardRefWithStatics(function (props, ref) {
       }
     };
   });
-
-  if (tips) {
-    return /* @__PURE__ */React.createElement("div", _objectSpread(_objectSpread({}, wrapperProps), {}, {
-      className: classNames(className, "".concat(classPrefix, "-input__wrap"))
-    }), renderInputNode, /* @__PURE__ */React.createElement("div", {
-      className: classNames("".concat(classPrefix, "-input__tips"), "".concat(classPrefix, "-input__tips--").concat(status || "normal"))
-    }, tips));
-  }
-
-  return renderInputNode;
+  return /* @__PURE__ */React.createElement("div", {
+    ref: wrapperRef,
+    style: style,
+    className: classNames(className, "".concat(classPrefix, "-input__wrap"), _defineProperty({}, "".concat(classPrefix, "-input--auto-width"), autoWidth))
+  }, renderInputNode, tips && /* @__PURE__ */React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-input__tips"), "".concat(classPrefix, "-input__tips--").concat(status || "normal"))
+  }, tips));
 }, {
   Group: InputGroup
 });