tdesign-react 0.22.1 → 0.23.0

package/lib/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.22.1
+ * tdesign v0.23.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -58,36 +58,37 @@ export { MessagePlugin, message } from './message/Message.js';
 export { NotificationPlugin, notification } from './notification/NotificationPlugin.js';
 export { DialogPlugin, dialog } from './dialog/plugin.js';
 import './layout/Layout.js';
-import './_chunks/dep-156c830d.js';
-import './_chunks/dep-93971e86.js';
-import './_chunks/dep-beac373a.js';
-import './_chunks/dep-9332bbea.js';
-import './_chunks/dep-27d690ce.js';
+import './_chunks/dep-55ec31d6.js';
+import './_chunks/dep-442ff40f.js';
+import './_chunks/dep-42dfd306.js';
+import './_chunks/dep-72ef6cf6.js';
+import './_chunks/dep-c611ea38.js';
 import 'react';
 import 'classnames';
 import './_util/useConfig.js';
 import './layout/Aside.js';
 import './grid/Row.js';
-import './_chunks/dep-b33ecffe.js';
+import './_chunks/dep-3f6bcf45.js';
 import './grid/Col.js';
 import './loading/loading.js';
 import './_util/dom.js';
 import 'raf';
-import './_chunks/dep-f3f6eedc.js';
-import './_chunks/dep-c6576f8f.js';
-import './_chunks/dep-04305406.js';
-import './_chunks/dep-6ca758b4.js';
+import './_chunks/dep-2c954aac.js';
+import './_chunks/dep-ad63776f.js';
+import './_chunks/dep-566d4902.js';
+import './_chunks/dep-106adff6.js';
 import './_util/easing.js';
 import './common/Portal.js';
 import 'react-dom';
 import './loading/gradient.js';
+import './_common/js/loading/circle-adapter.js';
+import './_common/js/utils/set-style.js';
 import './popup/Popup.js';
 import 'react-transition-group';
 import 'react-popper';
 import './_util/useDefault.js';
 import './_util/noop.js';
 import './_util/composeRefs.js';
-import './_util/usePrevious.js';
 import './popup/Portal.js';
 import './popup/hooks/useTriggerProps.js';
 import './_util/useClickOutside.js';
@@ -96,7 +97,6 @@ import './button/Button.js';
 import './_util/useRipple.js';
 import './_util/setStyle.js';
 import './input/Input.js';
-import './_chunks/dep-a347fb20.js';
 import 'tdesign-icons-react';
 import './_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
@@ -105,17 +105,17 @@ import './_util/useDefaultValue.js';
 import './addon/Addon.js';
 import './alert/Alert.js';
 import './badge/Badge.js';
-import './_chunks/dep-8610b562.js';
+import './_chunks/dep-2670b458.js';
 import './common/Check.js';
 import './_util/helper.js';
-import './_chunks/dep-5913685b.js';
-import './_chunks/dep-76c67131.js';
-import './_chunks/dep-7cf92957.js';
-import './_chunks/dep-e7eff919.js';
-import './_chunks/dep-3dccad86.js';
+import './_chunks/dep-073cc01e.js';
+import './_chunks/dep-3c713383.js';
+import './_chunks/dep-595a775f.js';
+import './_chunks/dep-c0c0ba5e.js';
+import './_chunks/dep-e71d0ba4.js';
 import './_util/useCommonClassName.js';
-import './_chunks/dep-18a6adb5.js';
-import './_chunks/dep-e2a4740c.js';
+import './_chunks/dep-7dfff374.js';
+import './_chunks/dep-e4b59541.js';
 import './input-number/InputNumber.js';
 import './_util/useUpdateEffect.js';
 import './input-number/StepHandler.js';
@@ -128,20 +128,21 @@ import './message/MessageClose.js';
 import './message/useMessageClass.js';
 import './message/MessageIcon.js';
 import './table/base/Table.js';
-import './_chunks/dep-e335ac07.js';
-import './_chunks/dep-fc84e5e6.js';
+import './_chunks/dep-cfb40ae9.js';
+import './_chunks/dep-e7d98398.js';
 import './table/hooks/useColumns.js';
-import './_chunks/dep-124f91c5.js';
+import './_chunks/dep-a2bc34d5.js';
 import './table/util/index.js';
 import './table/base/TableEmptyBody.js';
 import './table/base/TableHeader.js';
+import './_chunks/dep-b05d4541.js';
 import './table/base/TableCell.js';
 import './table/base/TableContext.js';
 import './table/base/TableBody.js';
-import './_chunks/dep-623f5502.js';
-import './_chunks/dep-734d525f.js';
-import './_chunks/dep-a554e9c2.js';
-import './_chunks/dep-0268bf88.js';
+import './_chunks/dep-e09b37eb.js';
+import './_chunks/dep-3b234d38.js';
+import './_chunks/dep-17da32ea.js';
+import './_chunks/dep-9f75cf86.js';
 import './table/base/TableRow.js';
 import './table/base/TableLoadingBody.js';
 import './table/base/TableAsyncLoadingBody.js';
@@ -201,31 +202,32 @@ import './tree/useTreeConfig.js';
 import './tree/useControllable.js';
 import './tree/TreeItem.js';
 import './tree/useStore.js';
-import './_chunks/dep-7dc750a9.js';
-import './_chunks/dep-f99c7286.js';
-import './_chunks/dep-055d1d0f.js';
-import './_chunks/dep-060885ed.js';
-import './_chunks/dep-00169190.js';
-import './_chunks/dep-17892822.js';
-import './_chunks/dep-2924d6ff.js';
-import './_chunks/dep-beebb45e.js';
-import './_chunks/dep-8acca302.js';
-import './_chunks/dep-99f6ab64.js';
-import './_chunks/dep-aeb2fb38.js';
-import './_chunks/dep-07c9edb2.js';
-import './_chunks/dep-532b8f09.js';
-import './_chunks/dep-6cc953ca.js';
-import './_chunks/dep-cc1bc349.js';
-import './_chunks/dep-38f29685.js';
+import './_chunks/dep-393a231f.js';
+import './_chunks/dep-347cfd5e.js';
+import './_chunks/dep-9779f7b5.js';
+import './_chunks/dep-00c682f2.js';
+import './_chunks/dep-0532d795.js';
+import './_chunks/dep-7cc7e3b1.js';
+import './_chunks/dep-5496d5fc.js';
+import './_chunks/dep-befa6559.js';
+import './_chunks/dep-3720660d.js';
+import './_chunks/dep-fa7917fc.js';
+import './_chunks/dep-644def38.js';
+import './_chunks/dep-c0e4122f.js';
+import './_chunks/dep-c1730598.js';
+import './_chunks/dep-76ac4ad1.js';
+import './_chunks/dep-1bdb91ee.js';
+import './_chunks/dep-5588acf9.js';
 import './_common/js/tree/tree-store.js';
-import './_chunks/dep-37f63687.js';
-import './_chunks/dep-bf08cd6d.js';
+import './_chunks/dep-c87bcb14.js';
+import './_chunks/dep-78bdf5e4.js';
 import './_common/js/tree/tree-node-model.js';
-import './_chunks/dep-26c74cb0.js';
-import './_chunks/dep-0762ef06.js';
-import './_chunks/dep-fba8d70d.js';
+import './_chunks/dep-db274e18.js';
+import './_common/js/log/log.js';
+import './_chunks/dep-a20bc341.js';
+import './_chunks/dep-0e93f995.js';
 import './tree-select/TreeSelect.js';
-import './_chunks/dep-97e692ae.js';
+import './_chunks/dep-6609d273.js';
 import './tree-select/TreeSelectTags.js';
 import './tree-select/TreeSelectInput.js';
 import './tree-select/TreeSelectSuffix.js';
@@ -254,7 +256,7 @@ import './drawer/DrawerWrapper.js';
 import './progress/Progress.js';
 import './_util/linearGradient.js';
 import './popconfirm/PopConfirm.js';
-import './_chunks/dep-ab9c749e.js';
+import './_chunks/dep-33e85467.js';
 import './popconfirm/PopContent.js';
 import './textarea/Textarea.js';
 import './breadcrumb/Breadcrumb.js';
@@ -280,10 +282,10 @@ 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-4912e829.js';
-import './_chunks/dep-e7a51908.js';
-import './_chunks/dep-61d30284.js';
-import './_chunks/dep-5950eb93.js';
+import './_chunks/dep-cb3cccda.js';
+import './_chunks/dep-314993f3.js';
+import './_chunks/dep-44e9b93c.js';
+import './_chunks/dep-f4f551a6.js';
 import './time-picker/interfaces.js';
 import './time-picker/consts.js';
 import './time-picker/InputItems.js';
@@ -294,7 +296,7 @@ import './date-picker/panel/Date.js';
 import './date-picker/base/Header.js';
 import './date-picker/base/Table.js';
 import './date-picker/base/Cell.js';
-import './date-picker/utils.js';
+import './_common/js/date-picker/utils.js';
 import './date-picker/panel/DateRange.js';
 import './upload/upload.js';
 import './upload/dragger.js';
@@ -310,13 +312,14 @@ import './upload/themes/flow-list/index.js';
 import './upload/themes/flow-list/img-list.js';
 import './upload/themes/flow-list/file-list.js';
 import './upload/hooks/useDefaultValue.js';
+import './upload/hooks/useSizeLimit.js';
 import './swiper/Swiper.js';
 import './swiper/SwiperItem.js';
 import './comment/Comment.js';
 import './transfer/Transfer.js';
 import './transfer/TransferList.js';
 import './transfer/utils.js';
-import './_chunks/dep-d94d4b8e.js';
+import './_chunks/dep-ab2216ba.js';
 import 'use-resize-observer';
 import './avatar/AvatarContext.js';
 import './locale/zh_CN.js';

package/lib/index.js.map

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

package/lib/input/Input.d.ts

@@ -5,10 +5,14 @@ export interface InputProps extends TdInputProps, StyledProps {
     onCompositionStart?: Function;
     onCompositionEnd?: Function;
 }
-/**
- * 组件
- */
-declare const Input: React.FunctionComponent<InputProps & React.RefAttributes<HTMLInputElement>> & {
+export interface InputRefInterface extends React.RefObject<unknown> {
+    currentElement: HTMLDivElement;
+    inputElement: HTMLInputElement;
+    focus: () => void;
+    blur: () => void;
+    select: () => void;
+}
+declare const Input: React.FunctionComponent<InputProps & React.RefAttributes<any>> & {
     Group: React.ForwardRefExoticComponent<import("./InputGroup").InputGroupProps & React.RefAttributes<HTMLDivElement>>;
 };
 export default Input;

package/lib/input/Input.js

@@ -1,31 +1,27 @@
 /**
- * tdesign v0.22.1
+ * tdesign v0.23.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-9332bbea.js';
-import { _ as _slicedToArray } from '../_chunks/dep-93971e86.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-27d690ce.js';
-import React, { useRef, useState } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
+import { _ as _slicedToArray } from '../_chunks/dep-442ff40f.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-c611ea38.js';
+import React, { useRef, useState, useImperativeHandle } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../_chunks/dep-a347fb20.js';
 import { CloseCircleFilledIcon } from 'tdesign-icons-react';
 import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import useConfig from '../_util/useConfig.js';
 import InputGroup from './InputGroup.js';
 import useDefaultValue from '../_util/useDefaultValue.js';
-import '../_chunks/dep-beac373a.js';
-import '../_chunks/dep-c6576f8f.js';
-import '../_chunks/dep-156c830d.js';
-import '../_chunks/dep-b33ecffe.js';
+import '../_chunks/dep-42dfd306.js';
 import 'hoist-non-react-statics';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 
-var _excluded = ["disabled", "status", "size", "className", "style", "prefixIcon", "suffixIcon", "clearable", "value", "onChange", "onClear", "onEnter", "onKeydown", "onCompositionStart", "onCompositionEnd", "autofocus", "readonly"];
+var _excluded = ["disabled", "status", "size", "className", "style", "prefixIcon", "suffixIcon", "clearable", "value", "tips", "onChange", "onClear", "onEnter", "onKeydown", "onFocus", "onBlur", "onPaste", "onCompositionStart", "onCompositionEnd", "autofocus", "readonly"];
 
 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; }
 
@@ -58,10 +54,14 @@ var Input = forwardRefWithStatics(function (props, ref) {
       suffixIcon = _useDefaultValue.suffixIcon,
       clearable = _useDefaultValue.clearable,
       value = _useDefaultValue.value,
+      tips = _useDefaultValue.tips,
       onChange = _useDefaultValue.onChange,
       onClear = _useDefaultValue.onClear,
       onEnter = _useDefaultValue.onEnter,
       onKeydown = _useDefaultValue.onKeydown,
+      onFocus = _useDefaultValue.onFocus,
+      onBlur = _useDefaultValue.onBlur,
+      onPaste = _useDefaultValue.onPaste,
       onCompositionStart = _useDefaultValue.onCompositionStart,
       onCompositionEnd = _useDefaultValue.onCompositionEnd,
       autofocus = _useDefaultValue.autofocus,
@@ -72,6 +72,8 @@ var Input = forwardRefWithStatics(function (props, ref) {
       classPrefix = _useConfig.classPrefix;
 
   var composingRef = useRef(false);
+  var inputRef = useRef();
+  var wrapperRef = useRef();
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -89,17 +91,10 @@ var Input = forwardRefWithStatics(function (props, ref) {
       setComposingValue = _useState6[1];
 
   var isShowClearIcon = clearable && value && !disabled && isHover;
-  var componentType = "input";
   var prefixIconContent = renderIcon(classPrefix, "prefix", prefixIcon);
   var suffixIconNew = isShowClearIcon ? /* @__PURE__ */React.createElement(CloseCircleFilledIcon, {
     className: "".concat(classPrefix, "-input__suffix-clear"),
-    onClick: handleClear,
-    onMouseUp: function onMouseUp(e) {
-      return e.preventDefault();
-    },
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
-    }
+    onClick: handleClear
   }) : suffixIcon;
   var suffixIconContent = renderIcon(classPrefix, "suffix", suffixIconNew);
   var inputPropsNames = Object.keys(restProps).filter(function (key) {
@@ -107,7 +102,9 @@ var Input = forwardRefWithStatics(function (props, ref) {
   });
   var inputProps = inputPropsNames.reduce(function (inputProps2, key) {
     return Object.assign(inputProps2, _defineProperty({}, key, props[key]));
-  }, {});
+  }, {
+    className: ""
+  });
   var eventPropsNames = Object.keys(restProps).filter(function (key) {
     return /^on[A-Z]/.test(key);
   });
@@ -119,19 +116,35 @@ var Input = forwardRefWithStatics(function (props, ref) {
     }));
     return eventProps2;
   }, {});
+  var wrapperProps = {
+    style: style,
+    ref: wrapperRef
+  };
   var renderInput = /* @__PURE__ */React.createElement("input", _objectSpread(_objectSpread(_objectSpread({
+    ref: inputRef
+  }, inputProps), eventProps), {}, {
+    className: classNames(inputProps.className, "".concat(classPrefix, "-input__inner")),
+    value: composingRef.current ? composingRefValue : value,
     readOnly: readonly,
     disabled: disabled,
-    className: "".concat(classPrefix, "-").concat(componentType, "__inner")
-  }, inputProps), {}, {
-    value: composingRef.current ? composingRefValue : value
-  }, eventProps), {}, {
     autoFocus: autofocus,
     onChange: handleChange,
     onKeyDown: handleKeyDown,
     onCompositionStart: handleCompositionStart,
-    onCompositionEnd: handleCompositionEnd
+    onCompositionEnd: handleCompositionEnd,
+    onFocus: handleFocus,
+    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, "-is-").concat(status), status), _defineProperty(_classNames, "".concat(classPrefix, "-input--prefix"), prefixIcon), _defineProperty(_classNames, "".concat(classPrefix, "-input--suffix"), suffixIconContent), _defineProperty(_classNames, "".concat(classPrefix, "-input--focused"), isFocused), _classNames)),
+    onMouseEnter: function onMouseEnter() {
+      return toggleIsHover(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return toggleIsHover(false);
+    }
+  }), prefixIconContent, renderInput, suffixIconContent);
 
   function handleChange(e) {
     var value2 = e.currentTarget.value;
@@ -146,10 +159,10 @@ var Input = forwardRefWithStatics(function (props, ref) {
   }
 
   function handleClear(e) {
-    isFunction_1(onChange) && onChange("", {
+    onChange === null || onChange === void 0 ? void 0 : onChange("", {
       e: e
     });
-    isFunction_1(onClear) && onClear({
+    onClear === null || onClear === void 0 ? void 0 : onClear({
       e: e
     });
   }
@@ -157,46 +170,92 @@ var Input = forwardRefWithStatics(function (props, ref) {
   function handleKeyDown(e) {
     var key = e.key,
         value2 = e.currentTarget.value;
-    isFunction_1(onEnter) && key === "Enter" && onEnter(value2, {
+    key === "Enter" && (onEnter === null || onEnter === void 0 ? void 0 : onEnter(value2, {
       e: e
-    });
-    isFunction_1(onKeydown) && onKeydown(value2, {
+    }));
+    onKeydown === null || onKeydown === void 0 ? void 0 : onKeydown(value2, {
       e: e
     });
   }
 
-  function handleCompositionStart(event) {
+  function handleCompositionStart(e) {
     composingRef.current = true;
-    isFunction_1(onCompositionStart) && onCompositionStart(event);
+    var value2 = e.currentTarget.value;
+    onCompositionStart === null || onCompositionStart === void 0 ? void 0 : onCompositionStart(value2, {
+      e: e
+    });
   }
 
-  function handleCompositionEnd(event) {
+  function handleCompositionEnd(e) {
+    var value2 = e.currentTarget.value;
+
     if (composingRef.current) {
       composingRef.current = false;
-      handleChange(event);
+      handleChange(e);
     }
 
     setComposingValue("");
-    isFunction_1(onCompositionEnd) && onCompositionEnd(event);
+    onCompositionEnd === null || onCompositionEnd === void 0 ? void 0 : onCompositionEnd(value2, {
+      e: e
+    });
   }
 
-  return /* @__PURE__ */React.createElement("div", {
-    ref: ref,
-    style: style,
-    className: classNames("".concat(classPrefix, "-").concat(componentType), (_classNames = {}, _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, "-is-").concat(status), status), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(componentType, "--prefix"), prefixIcon), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(componentType, "--suffix"), suffixIconContent), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(componentType, "--focused"), isFocused), _classNames), className),
-    onMouseEnter: function onMouseEnter() {
-      return toggleIsHover(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return toggleIsHover(false);
-    },
-    onFocus: function onFocus() {
-      return toggleIsFocused(true);
-    },
-    onBlur: function onBlur() {
-      return toggleIsFocused(false);
-    }
-  }, prefixIconContent, renderInput, suffixIconContent);
+  function handleFocus(e) {
+    var value2 = e.currentTarget.value;
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(value2, {
+      e: e
+    });
+    toggleIsFocused(true);
+  }
+
+  function handleBlur(e) {
+    var value2 = e.currentTarget.value;
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(value2, {
+      e: e
+    });
+    toggleIsFocused(false);
+  }
+
+  function handlePaste(e) {
+    var clipData = e.clipboardData;
+    var pasteValue = clipData === null || clipData === void 0 ? void 0 : clipData.getData("text/plain");
+    onPaste === null || onPaste === void 0 ? void 0 : onPaste({
+      e: e,
+      pasteValue: pasteValue
+    });
+  }
+
+  useImperativeHandle(ref, function () {
+    return {
+      currentElement: wrapperRef.current,
+      inputElement: inputRef.current,
+      focus: function focus() {
+        var _inputRef$current;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      },
+      blur: function blur() {
+        var _inputRef$current2;
+
+        return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
+      },
+      select: function select() {
+        var _inputRef$current3;
+
+        return (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.select();
+      }
+    };
+  });
+
+  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;
 }, {
   Group: InputGroup
 });

package/lib/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/input/Input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../_util/useConfig';\nimport { TdInputProps, InputValue } from './type';\nimport { StyledProps, TNode } from '../common';\nimport InputGroup from './InputGroup';\nimport useDefaultValue from '../_util/useDefaultValue';\n\nexport interface InputProps extends TdInputProps, StyledProps {\n  onCompositionStart?: Function;\n  onCompositionEnd?: Function;\n}\n\nconst renderIcon = (classPrefix: string, type: 'prefix' | 'suffix', icon: TNode) => {\n  let result: React.ReactNode = null;\n\n  if (icon) result = icon;\n\n  if (typeof icon === 'function') result = icon();\n\n  if (result) {\n    result = <span className={`${classPrefix}-input__${type}`}>{result}</span>;\n  }\n\n  return result;\n};\n\n/**\n * 组件\n */\nconst Input = forwardRefWithStatics(\n  (props: InputProps, ref: React.Ref<HTMLInputElement>) => {\n    const {\n      disabled,\n      status,\n      size,\n      className,\n      style,\n      prefixIcon,\n      suffixIcon,\n      clearable,\n      value,\n      onChange,\n      onClear,\n      onEnter,\n      onKeydown,\n      onCompositionStart,\n      onCompositionEnd,\n      autofocus,\n      readonly,\n      ...restProps\n    } = useDefaultValue<InputValue, InputProps>(props, '');\n    const { classPrefix } = useConfig();\n    const composingRef = useRef(false);\n    const [isHover, toggleIsHover] = useState(false);\n    const [isFocused, toggleIsFocused] = useState(false);\n\n    const [composingRefValue, setComposingValue] = useState<string>('');\n    const isShowClearIcon = clearable && value && !disabled && isHover;\n    const componentType = 'input';\n    const prefixIconContent = renderIcon(classPrefix, 'prefix', prefixIcon);\n    const suffixIconNew = isShowClearIcon ? (\n      <CloseCircleFilledIcon\n        className={`${classPrefix}-input__suffix-clear`}\n        onClick={handleClear}\n        onMouseUp={(e) => e.preventDefault()}\n        onMouseDown={(e) => e.preventDefault()}\n      />\n    ) : (\n      suffixIcon\n    );\n    const suffixIconContent = renderIcon(classPrefix, 'suffix', suffixIconNew);\n\n    const inputPropsNames = Object.keys(restProps).filter((key) => !/^on[A-Z]/.test(key));\n    const inputProps = inputPropsNames.reduce(\n      (inputProps, key) => Object.assign(inputProps, { [key]: props[key] }),\n      {},\n    );\n    const eventPropsNames = Object.keys(restProps).filter((key) => /^on[A-Z]/.test(key));\n    const eventProps = eventPropsNames.reduce((eventProps, key) => {\n      Object.assign(eventProps, {\n        [key]: (e) => props[key](e.currentTarget.value, { e }),\n      });\n      return eventProps;\n    }, {});\n\n    const renderInput = (\n      <input\n        readOnly={readonly}\n        disabled={disabled}\n        className={`${classPrefix}-${componentType}__inner`}\n        {...inputProps}\n        value={composingRef.current ? composingRefValue : value}\n        {...eventProps}\n        autoFocus={autofocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\n      />\n    );\n\n    function handleChange(e: React.ChangeEvent<HTMLInputElement> | React.CompositionEvent<HTMLInputElement>) {\n      const { value } = e.currentTarget;\n      if (composingRef.current) {\n        setComposingValue(value);\n      } else {\n        onChange(value, { e });\n      }\n    }\n    function handleClear(e: React.MouseEvent<SVGSVGElement>) {\n      isFunction(onChange) && onChange('', { e });\n      isFunction(onClear) && onClear({ e });\n    }\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const {\n        key,\n        currentTarget: { value },\n      } = e;\n      isFunction(onEnter) && key === 'Enter' && onEnter(value, { e });\n      isFunction(onKeydown) && onKeydown(value, { e });\n    }\n    function handleCompositionStart(event: React.CompositionEvent<HTMLInputElement>) {\n      composingRef.current = true;\n      isFunction(onCompositionStart) && onCompositionStart(event);\n    }\n    function handleCompositionEnd(event: React.CompositionEvent<HTMLInputElement>) {\n      if (composingRef.current) {\n        composingRef.current = false;\n        handleChange(event);\n      }\n      setComposingValue('');\n      isFunction(onCompositionEnd) && onCompositionEnd(event);\n    }\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        className={classNames(\n          `${classPrefix}-${componentType}`,\n          {\n            [`${classPrefix}-is-disabled`]: disabled,\n            [`${classPrefix}-is-focused`]: isFocused,\n            [`${classPrefix}-size-s`]: size === 'small',\n            [`${classPrefix}-size-l`]: size === 'large',\n            [`${classPrefix}-is-${status}`]: status,\n            [`${classPrefix}-${componentType}--prefix`]: prefixIcon,\n            [`${classPrefix}-${componentType}--suffix`]: suffixIconContent,\n            [`${classPrefix}-${componentType}--focused`]: isFocused,\n          },\n          className,\n        )}\n        onMouseEnter={() => toggleIsHover(true)}\n        onMouseLeave={() => toggleIsHover(false)}\n        onFocus={() => toggleIsFocused(true)}\n        onBlur={() => toggleIsFocused(false)}\n      >\n        {prefixIconContent}\n        {renderInput}\n        {suffixIconContent}\n      </div>\n    );\n  },\n  { Group: InputGroup },\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["renderIcon","classPrefix","type","icon","result","React","createElement","className","Input","forwardRefWithStatics","props","ref","useDefaultValue","disabled","status","size","style","prefixIcon","suffixIcon","clearable","value","onChange","onClear","onEnter","onKeydown","onCompositionStart","onCompositionEnd","autofocus","readonly","restProps","useConfig","composingRef","useRef","useState","isHover","toggleIsHover","isFocused","toggleIsFocused","composingRefValue","setComposingValue","isShowClearIcon","componentType","prefixIconContent","suffixIconNew","CloseCircleFilledIcon","onClick","handleClear","onMouseUp","e","preventDefault","onMouseDown","suffixIconContent","inputPropsNames","Object","keys","filter","key","test","inputProps","reduce","inputProps2","assign","eventPropsNames","eventProps","eventProps2","currentTarget","renderInput","readOnly","current","autoFocus","handleChange","onKeyDown","handleKeyDown","handleCompositionStart","handleCompositionEnd","value2","isFunction","event","classNames","onMouseEnter","onMouseLeave","onFocus","onBlur","Group","InputGroup","displayName"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../src/input/Input.tsx"],"sourcesContent":["import React, { useState, useRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport forwardRefWithStatics from '../_util/forwardRefWithStatics';\nimport useConfig from '../_util/useConfig';\nimport { TdInputProps, InputValue } from './type';\nimport { StyledProps, TNode } from '../common';\nimport InputGroup from './InputGroup';\nimport useDefaultValue from '../_util/useDefaultValue';\n\nexport interface InputProps extends TdInputProps, StyledProps {\n  onCompositionStart?: Function;\n  onCompositionEnd?: Function;\n}\n\nexport interface InputRefInterface extends React.RefObject<unknown> {\n  currentElement: HTMLDivElement;\n  inputElement: HTMLInputElement;\n  focus: () => void;\n  blur: () => void;\n  select: () => void;\n}\n\nconst renderIcon = (classPrefix: string, type: 'prefix' | 'suffix', icon: TNode) => {\n  let result: React.ReactNode = null;\n\n  if (icon) result = icon;\n\n  if (typeof icon === 'function') result = icon();\n\n  if (result) {\n    result = <span className={`${classPrefix}-input__${type}`}>{result}</span>;\n  }\n\n  return result;\n};\n\nconst Input = forwardRefWithStatics(\n  (props: InputProps, ref) => {\n    const {\n      disabled,\n      status,\n      size,\n      className,\n      style,\n      prefixIcon,\n      suffixIcon,\n      clearable,\n      value,\n      tips,\n      onChange,\n      onClear,\n      onEnter,\n      onKeydown,\n      onFocus,\n      onBlur,\n      onPaste,\n      onCompositionStart,\n      onCompositionEnd,\n      autofocus,\n      readonly,\n      ...restProps\n    } = useDefaultValue<InputValue, InputProps>(props, '');\n\n    const { classPrefix } = useConfig();\n    const composingRef = useRef(false);\n    const inputRef: React.RefObject<HTMLInputElement> = useRef();\n    const wrapperRef: React.RefObject<HTMLDivElement> = useRef();\n    const [isHover, toggleIsHover] = useState(false);\n    const [isFocused, toggleIsFocused] = useState(false);\n\n    const [composingRefValue, setComposingValue] = useState<string>('');\n    const isShowClearIcon = clearable && value && !disabled && isHover;\n\n    const prefixIconContent = renderIcon(classPrefix, 'prefix', prefixIcon);\n    const suffixIconNew = isShowClearIcon ? (\n      <CloseCircleFilledIcon className={`${classPrefix}-input__suffix-clear`} onClick={handleClear} />\n    ) : (\n      suffixIcon\n    );\n    const suffixIconContent = renderIcon(classPrefix, 'suffix', suffixIconNew);\n\n    const inputPropsNames = Object.keys(restProps).filter((key) => !/^on[A-Z]/.test(key));\n    const inputProps = inputPropsNames.reduce((inputProps, key) => Object.assign(inputProps, { [key]: props[key] }), {\n      className: '',\n    });\n    const eventPropsNames = Object.keys(restProps).filter((key) => /^on[A-Z]/.test(key));\n    const eventProps = eventPropsNames.reduce((eventProps, key) => {\n      Object.assign(eventProps, {\n        [key]: (e: any) => props[key](e.currentTarget.value, { e }),\n      });\n      return eventProps;\n    }, {});\n\n    // tips 会引起 dom 变动，抽离透传属性\n    const wrapperProps = { style, ref: wrapperRef };\n\n    const renderInput = (\n      <input\n        ref={inputRef}\n        {...inputProps}\n        {...eventProps}\n        className={classNames(inputProps.className, `${classPrefix}-input__inner`)}\n        value={composingRef.current ? composingRefValue : value}\n        readOnly={readonly}\n        disabled={disabled}\n        autoFocus={autofocus}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={handleCompositionStart}\n        onCompositionEnd={handleCompositionEnd}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onPaste={handlePaste}\n      />\n    );\n\n    const renderInputNode = (\n      <div\n        {...wrapperProps}\n        className={classNames(tips ? '' : className, `${classPrefix}-input`, {\n          [`${classPrefix}-is-readonly`]: readonly,\n          [`${classPrefix}-is-disabled`]: disabled,\n          [`${classPrefix}-is-focused`]: isFocused,\n          [`${classPrefix}-size-s`]: size === 'small',\n          [`${classPrefix}-size-l`]: size === 'large',\n          [`${classPrefix}-is-${status}`]: status,\n          [`${classPrefix}-input--prefix`]: prefixIcon,\n          [`${classPrefix}-input--suffix`]: suffixIconContent,\n          [`${classPrefix}-input--focused`]: isFocused,\n        })}\n        onMouseEnter={() => toggleIsHover(true)}\n        onMouseLeave={() => toggleIsHover(false)}\n      >\n        {prefixIconContent}\n        {renderInput}\n        {suffixIconContent}\n      </div>\n    );\n\n    function handleChange(e: React.ChangeEvent<HTMLInputElement> | React.CompositionEvent<HTMLInputElement>) {\n      const { value } = e.currentTarget;\n      if (composingRef.current) {\n        setComposingValue(value);\n      } else {\n        onChange(value, { e });\n      }\n    }\n    function handleClear(e: React.MouseEvent<SVGSVGElement>) {\n      onChange?.('', { e });\n      onClear?.({ e });\n    }\n    function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n      const {\n        key,\n        currentTarget: { value },\n      } = e;\n      key === 'Enter' && onEnter?.(value, { e });\n      onKeydown?.(value, { e });\n    }\n    function handleCompositionStart(e: React.CompositionEvent<HTMLInputElement>) {\n      composingRef.current = true;\n      const {\n        currentTarget: { value },\n      } = e;\n      onCompositionStart?.(value, { e });\n    }\n    function handleCompositionEnd(e: React.CompositionEvent<HTMLInputElement>) {\n      const {\n        currentTarget: { value },\n      } = e;\n      if (composingRef.current) {\n        composingRef.current = false;\n        handleChange(e);\n      }\n      setComposingValue('');\n      onCompositionEnd?.(value, { e });\n    }\n\n    function handleFocus(e: React.FocusEvent<HTMLInputElement>) {\n      const {\n        currentTarget: { value },\n      } = e;\n      onFocus?.(value, { e });\n      toggleIsFocused(true);\n    }\n\n    function handleBlur(e: React.FocusEvent<HTMLInputElement>) {\n      const {\n        currentTarget: { value },\n      } = e;\n      onBlur?.(value, { e });\n      toggleIsFocused(false);\n    }\n\n    function handlePaste(e: React.ClipboardEvent<HTMLInputElement>) {\n      const clipData = e.clipboardData;\n      const pasteValue = clipData?.getData('text/plain');\n      onPaste?.({ e, pasteValue });\n    }\n\n    useImperativeHandle(ref as InputRefInterface, () => ({\n      currentElement: wrapperRef.current,\n      inputElement: inputRef.current,\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      select: () => inputRef.current?.select(),\n    }));\n\n    if (tips) {\n      return (\n        <div {...wrapperProps} className={classNames(className, `${classPrefix}-input__wrap`)}>\n          {renderInputNode}\n          <div\n            className={classNames(`${classPrefix}-input__tips`, `${classPrefix}-input__tips--${status || 'normal'}`)}\n          >\n            {tips}\n          </div>\n        </div>\n      );\n    }\n\n    return renderInputNode;\n  },\n  { Group: InputGroup },\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["renderIcon","classPrefix","type","icon","result","React","createElement","className","Input","forwardRefWithStatics","props","ref","useDefaultValue","disabled","status","size","style","prefixIcon","suffixIcon","clearable","value","tips","onChange","onClear","onEnter","onKeydown","onFocus","onBlur","onPaste","onCompositionStart","onCompositionEnd","autofocus","readonly","restProps","useConfig","composingRef","useRef","inputRef","wrapperRef","useState","isHover","toggleIsHover","isFocused","toggleIsFocused","composingRefValue","setComposingValue","isShowClearIcon","prefixIconContent","suffixIconNew","CloseCircleFilledIcon","onClick","handleClear","suffixIconContent","inputPropsNames","Object","keys","filter","key","test","inputProps","reduce","inputProps2","assign","eventPropsNames","eventProps","eventProps2","e","currentTarget","wrapperProps","renderInput","classNames","current","readOnly","autoFocus","handleChange","onKeyDown","handleKeyDown","handleCompositionStart","handleCompositionEnd","handleFocus","handleBlur","handlePaste","renderInputNode","onMouseEnter","onMouseLeave","value2","clipData","clipboardData","pasteValue","getData","useImperativeHandle","currentElement","inputElement","focus","blur","select","Group","InputGroup","displayName"],"mappings":"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"}

package/lib/input/InputGroup.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.22.1
+ * tdesign v0.23.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-9332bbea.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-27d690ce.js';
+import { _ as _defineProperty } from '../_chunks/dep-72ef6cf6.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-c611ea38.js';
 import React, { forwardRef } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';

package/lib/input/index.d.ts

@@ -3,7 +3,7 @@ import './style/index.js';
 export type { InputProps } from './Input';
 export type { InputGroupProps } from './InputGroup';
 export * from './type';
-export declare const Input: import("react").FunctionComponent<import("./Input").InputProps & import("react").RefAttributes<HTMLInputElement>> & {
+export declare const Input: import("react").FunctionComponent<import("./Input").InputProps & import("react").RefAttributes<any>> & {
     Group: import("react").ForwardRefExoticComponent<import("./InputGroup").InputGroupProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export default Input;

package/lib/input/index.js

@@ -1,20 +1,16 @@
 /**
- * tdesign v0.22.1
+ * tdesign v0.23.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
 import Input$1 from './Input.js';
-import '../_chunks/dep-9332bbea.js';
-import '../_chunks/dep-93971e86.js';
-import '../_chunks/dep-beac373a.js';
-import '../_chunks/dep-27d690ce.js';
+import '../_chunks/dep-72ef6cf6.js';
+import '../_chunks/dep-442ff40f.js';
+import '../_chunks/dep-42dfd306.js';
+import '../_chunks/dep-c611ea38.js';
 import 'react';
 import 'classnames';
-import '../_chunks/dep-a347fb20.js';
-import '../_chunks/dep-c6576f8f.js';
-import '../_chunks/dep-156c830d.js';
-import '../_chunks/dep-b33ecffe.js';
 import 'tdesign-icons-react';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';