tdesign-react 0.25.1 → 0.25.2

package/esm/tag/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,8 +7,8 @@
 import Tag$1 from './Tag.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-7b5ee09e.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-1dcd6f7a.js';
+import '../_chunks/dep-4b07e198.js';
 import 'react';
 import 'classnames';
 import 'tdesign-icons-react';
@@ -16,30 +16,30 @@ import '../_util/noop.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../_util/useConfig.js';
-import '../_chunks/dep-b327e031.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-e3baf9a5.js';
-import '../_chunks/dep-bb55dd2f.js';
-import '../_chunks/dep-8823a92e.js';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.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-0c32a524.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
 import './CheckTag.js';
-import '../_chunks/dep-bce0ce39.js';
-import '../_chunks/dep-f7f44030.js';
+import '../_chunks/dep-301db282.js';
+import '../_chunks/dep-5e33104a.js';
 import '../_util/useDefault.js';
 
 var Tag = Tag$1;

package/esm/tag/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/tag-input/TagInput.js

@@ -1,43 +1,44 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
+import { _ as _defineProperty } from '../_chunks/dep-1dcd6f7a.js';
+import { _ as _slicedToArray } from '../_chunks/dep-301db282.js';
 import React, { forwardRef, useState, useImperativeHandle } from 'react';
 import { CloseCircleFilledIcon } from 'tdesign-icons-react';
-import { i as isFunction_1 } from '../_chunks/dep-4979c2b8.js';
+import { i as isFunction_1 } from '../_chunks/dep-98412f1b.js';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
+import useDragSorter from '../_util/useDragSorter.js';
 import { Input } from '../input/index.js';
 import useTagScroll from './useTagScroll.js';
 import useTagList from './useTagList.js';
 import useHover from './useHover.js';
-import '../_chunks/dep-f7f44030.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
-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-5e33104a.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
+import '../_chunks/dep-0c32a524.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
 import '../input/Input.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-4b07e198.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../input/InputGroup.js';
@@ -46,7 +47,7 @@ import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../input/style/index.js';
 import '../input/type.js';
-import '../_chunks/dep-46120f73.js';
+import '../_chunks/dep-ed38fb3f.js';
 import 'lodash';
 import '../tag/index.js';
 import '../tag/Tag.js';
@@ -68,6 +69,7 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var _props$excessTagsDisp = props.excessTagsDisplayType,
       excessTagsDisplayType = _props$excessTagsDisp === void 0 ? "scroll" : _props$excessTagsDisp,
+      autoWidth = props.autoWidth,
       readonly = props.readonly,
       disabled = props.disabled,
       clearable = props.clearable,
@@ -80,15 +82,22 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
       status = props.status,
       suffixIcon = props.suffixIcon,
       suffix = props.suffix,
+      onClick = props.onClick,
       onPaste = props.onPaste,
       _onFocus = props.onFocus,
-      _onBlur = props.onBlur;
+      _onBlur = props.onBlur,
+      onInputChange = props.onInputChange;
 
   var _useHover = useHover(props),
       isHover = _useHover.isHover,
       addHover = _useHover.addHover,
       cancelHover = _useHover.cancelHover;
 
+  var _useDragSorter = useDragSorter(_objectSpread(_objectSpread({}, props), {}, {
+    sortOnDraggable: props.dragSort
+  })),
+      getDragProps = _useDragSorter.getDragProps;
+
   var _useTagScroll = useTagScroll(props),
       scrollToRight = _useTagScroll.scrollToRight,
       onWheel = _useTagScroll.onWheel,
@@ -96,8 +105,11 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
       scrollToLeftOnLeave = _useTagScroll.scrollToLeftOnLeave,
       tagInputRef = _useTagScroll.tagInputRef;
 
-  var _useTagList = useTagList(props),
+  var _useTagList = useTagList(_objectSpread(_objectSpread({}, props), {}, {
+    getDragProps: getDragProps
+  })),
       tagValue = _useTagList.tagValue,
+      _onClose = _useTagList.onClose,
       onInnerEnter = _useTagList.onInnerEnter,
       onInputBackspaceKeyUp = _useTagList.onInputBackspaceKeyUp,
       clearAll = _useTagList.clearAll,
@@ -119,24 +131,40 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
     scrollToRight();
   };
 
+  var onInnerClick = function onInnerClick(context) {
+    tagInputRef.current.inputElement.focus();
+    onClick === null || onClick === void 0 ? void 0 : onClick(context);
+  };
+
+  var onClearClick = function onClearClick(e) {
+    clearAll({
+      e: e
+    });
+    setTInputValue("");
+  };
+
   var suffixIconNode = showClearIcon ? /* @__PURE__ */React.createElement(CloseCircleFilledIcon, {
     className: CLEAR_CLASS,
-    onClick: function onClick(e) {
-      return clearAll({
-        e: e
-      });
-    }
+    onClick: onClearClick
   }) : suffixIcon;
   var displayNode = isFunction_1(valueDisplay) ? valueDisplay({
-    value: tagValue
+    value: tagValue,
+    onClose: function onClose(index, item) {
+      return _onClose({
+        index: index,
+        item: item
+      });
+    }
   }) : valueDisplay;
   return /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({
     ref: tagInputRef
   }, inputProps), {}, {
     value: tInputValue,
-    onChange: function onChange(val) {
+    onChange: function onChange(val, context) {
       setTInputValue(val);
+      onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(val, context);
     },
+    autoWidth: autoWidth,
     onWheel: onWheel,
     size: size,
     readonly: readonly,
@@ -154,6 +182,7 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
     suffix: suffix,
     suffixIcon: suffixIconNode,
     onPaste: onPaste,
+    onClick: onInnerClick,
     onEnter: onInputEnter,
     onKeyup: onInputBackspaceKeyUp,
     onMouseenter: function onMouseenter(context) {

package/esm/tag-input/TagInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagInput.js","sources":["../../src/tag-input/TagInput.tsx"],"sourcesContent":["import React, { useState, KeyboardEvent, useImperativeHandle, forwardRef } from 'react';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport isFunction from 'lodash/isFunction';\nimport classnames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport TInput, { InputValue } from '../input';\nimport { TdTagInputProps } from './type';\nimport useTagScroll from './useTagScroll';\nimport useTagList from './useTagList';\nimport useHover from './useHover';\nimport { StyledProps } from '../common';\n\nexport interface TagInputProps extends TdTagInputProps, StyledProps {}\n\nconst TagInput = forwardRef((props: TagInputProps, ref) => {\n  const { classPrefix: prefix } = useConfig();\n  const [tInputValue, setTInputValue] = useState<InputValue>();\n\n  const {\n    excessTagsDisplayType = 'scroll',\n    readonly,\n    disabled,\n    clearable,\n    placeholder,\n    valueDisplay,\n    label,\n    inputProps,\n    size,\n    tips,\n    status,\n    suffixIcon,\n    suffix,\n    onPaste,\n    onFocus,\n    onBlur,\n  } = props;\n\n  const { isHover, addHover, cancelHover } = useHover(props);\n\n  const { scrollToRight, onWheel, scrollToRightOnEnter, scrollToLeftOnLeave, tagInputRef } = useTagScroll(props);\n\n  // handle tag add and remove\n  const { tagValue, onInnerEnter, onInputBackspaceKeyUp, clearAll, renderLabel } = useTagList(props);\n\n  const NAME_CLASS = `${prefix}-tag-input`;\n  const CLEAR_CLASS = `${prefix}-tag-input__suffix-clear`;\n  const BREAK_LINE_CLASS = `${prefix}-tag-input--break-line`;\n\n  const classes = [\n    NAME_CLASS,\n    {\n      [BREAK_LINE_CLASS]: excessTagsDisplayType === 'break-line',\n    },\n  ];\n\n  const tagInputPlaceholder = isHover || !tagValue?.length ? placeholder : '';\n\n  const showClearIcon = Boolean(!readonly && !disabled && clearable && isHover && tagValue?.length);\n\n  useImperativeHandle(ref, () => ({ ...(tagInputRef.current || {}) }));\n\n  const onInputEnter = (value: InputValue, context: { e: KeyboardEvent<HTMLDivElement> }) => {\n    setTInputValue('');\n    onInnerEnter(value, context);\n    scrollToRight();\n  };\n\n  const suffixIconNode = showClearIcon ? (\n    <CloseCircleFilledIcon className={CLEAR_CLASS} onClick={(e) => clearAll({ e })} />\n  ) : (\n    suffixIcon\n  );\n  // 自定义 Tag 节点\n  const displayNode = isFunction(valueDisplay) ? valueDisplay({ value: tagValue }) : valueDisplay;\n\n  return (\n    <TInput\n      ref={tagInputRef}\n      {...inputProps}\n      value={tInputValue}\n      onChange={(val: InputValue) => {\n        setTInputValue(val);\n      }}\n      onWheel={onWheel}\n      size={size}\n      readonly={readonly}\n      disabled={disabled}\n      label={() => renderLabel({ displayNode, label })}\n      className={classnames(classes)}\n      tips={tips}\n      status={status}\n      placeholder={tagInputPlaceholder}\n      suffix={suffix}\n      suffixIcon={suffixIconNode}\n      onPaste={onPaste}\n      onEnter={onInputEnter}\n      onKeyup={onInputBackspaceKeyUp}\n      onMouseenter={(context) => {\n        addHover(context);\n        scrollToRightOnEnter();\n      }}\n      onMouseleave={(context) => {\n        cancelHover(context);\n        scrollToLeftOnLeave();\n      }}\n      onFocus={(inputValue, context) => {\n        onFocus?.(tagValue, { e: context.e, inputValue });\n      }}\n      onBlur={(inputValue, context) => {\n        onBlur?.(tagValue, { e: context.e, inputValue });\n      }}\n    />\n  );\n});\n\nTagInput.displayName = 'TagInput';\n\nexport default TagInput;\n"],"names":["TagInput","forwardRef","props","ref","useConfig","prefix","classPrefix","useState","tInputValue","setTInputValue","excessTagsDisplayType","readonly","disabled","clearable","placeholder","valueDisplay","label","inputProps","size","tips","status","suffixIcon","suffix","onPaste","onFocus","onBlur","useHover","isHover","addHover","cancelHover","useTagScroll","scrollToRight","onWheel","scrollToRightOnEnter","scrollToLeftOnLeave","tagInputRef","useTagList","tagValue","onInnerEnter","onInputBackspaceKeyUp","clearAll","renderLabel","NAME_CLASS","CLEAR_CLASS","BREAK_LINE_CLASS","classes","tagInputPlaceholder","length","showClearIcon","Boolean","useImperativeHandle","current","onInputEnter","value","context","suffixIconNode","React","createElement","CloseCircleFilledIcon","className","onClick","e","displayNode","isFunction","TInput","onChange","val","classnames","onEnter","onKeyup","onMouseenter","onMouseleave","inputValue","displayName"],"mappings":"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"}
+{"version":3,"file":"TagInput.js","sources":["../../src/tag-input/TagInput.tsx"],"sourcesContent":["import React, { useState, KeyboardEvent, useImperativeHandle, forwardRef, MouseEvent } from 'react';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport isFunction from 'lodash/isFunction';\nimport classnames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useDragSorter from '../_util/useDragSorter';\nimport TInput, { InputValue } from '../input';\nimport { TdTagInputProps } from './type';\nimport useTagScroll from './useTagScroll';\nimport useTagList from './useTagList';\nimport useHover from './useHover';\nimport { StyledProps } from '../common';\n\nexport interface TagInputProps extends TdTagInputProps, StyledProps {}\n\nconst TagInput = forwardRef((props: TagInputProps, ref) => {\n  const { classPrefix: prefix } = useConfig();\n  const [tInputValue, setTInputValue] = useState<InputValue>();\n\n  const {\n    excessTagsDisplayType = 'scroll',\n    autoWidth,\n    readonly,\n    disabled,\n    clearable,\n    placeholder,\n    valueDisplay,\n    label,\n    inputProps,\n    size,\n    tips,\n    status,\n    suffixIcon,\n    suffix,\n    onClick,\n    onPaste,\n    onFocus,\n    onBlur,\n    onInputChange,\n  } = props;\n\n  const { isHover, addHover, cancelHover } = useHover(props);\n  const { getDragProps } = useDragSorter({\n    ...props,\n    sortOnDraggable: props.dragSort,\n  });\n\n  const { scrollToRight, onWheel, scrollToRightOnEnter, scrollToLeftOnLeave, tagInputRef } = useTagScroll(props);\n\n  // handle tag add and remove\n  const { tagValue, onClose, onInnerEnter, onInputBackspaceKeyUp, clearAll, renderLabel } = useTagList({\n    ...props,\n    getDragProps,\n  });\n\n  const NAME_CLASS = `${prefix}-tag-input`;\n  const CLEAR_CLASS = `${prefix}-tag-input__suffix-clear`;\n  const BREAK_LINE_CLASS = `${prefix}-tag-input--break-line`;\n\n  const classes = [\n    NAME_CLASS,\n    {\n      [BREAK_LINE_CLASS]: excessTagsDisplayType === 'break-line',\n    },\n  ];\n\n  const tagInputPlaceholder = isHover || !tagValue?.length ? placeholder : '';\n\n  const showClearIcon = Boolean(!readonly && !disabled && clearable && isHover && tagValue?.length);\n\n  useImperativeHandle(ref, () => ({ ...(tagInputRef.current || {}) }));\n\n  const onInputEnter = (value: InputValue, context: { e: KeyboardEvent<HTMLDivElement> }) => {\n    setTInputValue('');\n    onInnerEnter(value, context);\n    scrollToRight();\n  };\n\n  const onInnerClick = (context: { e: MouseEvent<HTMLDivElement> }) => {\n    (tagInputRef.current as any).inputElement.focus();\n    onClick?.(context);\n  };\n\n  const onClearClick = (e: MouseEvent<SVGElement>) => {\n    clearAll({ e });\n    setTInputValue('');\n  };\n\n  const suffixIconNode = showClearIcon ? (\n    <CloseCircleFilledIcon className={CLEAR_CLASS} onClick={onClearClick} />\n  ) : (\n    suffixIcon\n  );\n  // 自定义 Tag 节点\n  const displayNode = isFunction(valueDisplay)\n    ? valueDisplay({\n        value: tagValue,\n        onClose: (index, item) => onClose({ index, item }),\n      })\n    : valueDisplay;\n\n  return (\n    <TInput\n      ref={tagInputRef}\n      {...inputProps}\n      value={tInputValue}\n      onChange={(val, context) => {\n        setTInputValue(val);\n        onInputChange?.(val, context);\n      }}\n      autoWidth={autoWidth}\n      onWheel={onWheel}\n      size={size}\n      readonly={readonly}\n      disabled={disabled}\n      label={() => renderLabel({ displayNode, label })}\n      className={classnames(classes)}\n      tips={tips}\n      status={status}\n      placeholder={tagInputPlaceholder}\n      suffix={suffix}\n      suffixIcon={suffixIconNode}\n      onPaste={onPaste}\n      onClick={onInnerClick}\n      onEnter={onInputEnter}\n      onKeyup={onInputBackspaceKeyUp}\n      onMouseenter={(context) => {\n        addHover(context);\n        scrollToRightOnEnter();\n      }}\n      onMouseleave={(context) => {\n        cancelHover(context);\n        scrollToLeftOnLeave();\n      }}\n      onFocus={(inputValue, context) => {\n        onFocus?.(tagValue, { e: context.e, inputValue });\n      }}\n      onBlur={(inputValue, context) => {\n        onBlur?.(tagValue, { e: context.e, inputValue });\n      }}\n    />\n  );\n});\n\nTagInput.displayName = 'TagInput';\n\nexport default TagInput;\n"],"names":["TagInput","forwardRef","props","ref","useConfig","prefix","classPrefix","useState","tInputValue","setTInputValue","excessTagsDisplayType","autoWidth","readonly","disabled","clearable","placeholder","valueDisplay","label","inputProps","size","tips","status","suffixIcon","suffix","onClick","onPaste","onFocus","onBlur","onInputChange","useHover","isHover","addHover","cancelHover","useDragSorter","sortOnDraggable","dragSort","getDragProps","useTagScroll","scrollToRight","onWheel","scrollToRightOnEnter","scrollToLeftOnLeave","tagInputRef","useTagList","tagValue","onClose","onInnerEnter","onInputBackspaceKeyUp","clearAll","renderLabel","NAME_CLASS","CLEAR_CLASS","BREAK_LINE_CLASS","classes","tagInputPlaceholder","length","showClearIcon","Boolean","useImperativeHandle","current","onInputEnter","value","context","onInnerClick","inputElement","focus","onClearClick","e","suffixIconNode","React","createElement","CloseCircleFilledIcon","className","displayNode","isFunction","index","item","TInput","onChange","val","classnames","onEnter","onKeyup","onMouseenter","onMouseleave","inputValue","displayName"],"mappings":"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"}

package/esm/tag-input/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,37 +7,38 @@
 import TagInput$1 from './TagInput.js';
 import './style/index.js';
 import './type.js';
-import '../_chunks/dep-7b5ee09e.js';
-import '../_chunks/dep-bce0ce39.js';
-import '../_chunks/dep-f7f44030.js';
+import '../_chunks/dep-1dcd6f7a.js';
+import '../_chunks/dep-301db282.js';
+import '../_chunks/dep-5e33104a.js';
 import 'react';
 import 'tdesign-icons-react';
-import '../_chunks/dep-4979c2b8.js';
-import '../_chunks/dep-f9242fec.js';
-import '../_chunks/dep-fd49ee45.js';
-import '../_chunks/dep-c869a7bd.js';
+import '../_chunks/dep-98412f1b.js';
+import '../_chunks/dep-04a6c042.js';
+import '../_chunks/dep-8aee3ad0.js';
+import '../_chunks/dep-e4bd3f59.js';
 import 'classnames';
 import '../_util/useConfig.js';
-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-0c32a524.js';
+import '../_chunks/dep-a64706b5.js';
+import '../_chunks/dep-50c12e42.js';
+import '../_chunks/dep-70c9bb2d.js';
+import '../_chunks/dep-5a75ddfa.js';
+import '../_chunks/dep-75144258.js';
+import '../_chunks/dep-aabdac78.js';
+import '../_chunks/dep-0529bc9f.js';
+import '../_chunks/dep-1aa31dc5.js';
+import '../_chunks/dep-10b8d252.js';
+import '../_chunks/dep-0c0fc89b.js';
+import '../_chunks/dep-8a07113f.js';
+import '../_chunks/dep-6fb8cfe3.js';
+import '../_chunks/dep-3e5f80c6.js';
 import '../locale/zh_CN.js';
 import '../_common/js/locale/zh_CN.js';
 import '../config-provider/defaultConfig.js';
+import '../_util/useDragSorter.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-4b07e198.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../input/InputGroup.js';
@@ -48,7 +49,7 @@ import '../input/style/index.js';
 import '../input/type.js';
 import './useTagScroll.js';
 import './useTagList.js';
-import '../_chunks/dep-46120f73.js';
+import '../_chunks/dep-ed38fb3f.js';
 import 'lodash';
 import '../tag/index.js';
 import '../tag/Tag.js';

package/esm/tag-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tag-input/index.ts"],"sourcesContent":["import _TagInput from './TagInput';\n\nimport './style/index.js';\n\nexport type { TagInputProps } from './TagInput';\nexport * from './type';\n\nexport const TagInput = _TagInput;\nexport default TagInput;\n"],"names":["TagInput","_TagInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,QAAQ,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tag-input/index.ts"],"sourcesContent":["import _TagInput from './TagInput';\n\nimport './style/index.js';\n\nexport type { TagInputProps } from './TagInput';\nexport * from './type';\n\nexport const TagInput = _TagInput;\nexport default TagInput;\n"],"names":["TagInput","_TagInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,QAAQ,GAAGC;;;;"}

package/esm/tag-input/type.d.ts

@@ -4,8 +4,13 @@
 import { InputProps, InputValue } from '../input';
 import { TagProps } from '../tag';
 import { TNode, TElement } from '../common';
-import { MouseEvent, KeyboardEvent, ClipboardEvent, FocusEvent } from 'react';
+import { MouseEvent, KeyboardEvent, ClipboardEvent, FocusEvent, FormEvent } from 'react';
 export interface TdTagInputProps {
+    /**
+     * 宽度随内容自适应
+     * @default false
+     */
+    autoWidth?: boolean;
     /**
      * 是否可清空
      * @default false
@@ -104,6 +109,7 @@ export interface TdTagInputProps {
      */
     valueDisplay?: string | TNode<{
         value: TagInputValue;
+        onClose: (index: number, item?: any) => void;
     }>;
     /**
      * 失去焦点时触发
@@ -113,13 +119,19 @@ export interface TdTagInputProps {
         e: FocusEvent<HTMLDivElement>;
     }) => void;
     /**
-     * 值变化时触发，参数 `trigger` 表示数据变化的触发来源
+     * 值变化时触发，参数 `context.trigger` 表示数据变化的触发来源；`context.index` 指当前变化项的下标；`context.item` 指当前变化项；`context.e` 表示事件参数
      */
     onChange?: (value: TagInputValue, context: TagInputChangeContext) => void;
     /**
      * 清空按钮点击时触发
      */
     onClear?: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    /**
+     * 点击组件时触发
+     */
+    onClick?: (context: {
         e: MouseEvent<HTMLDivElement>;
     }) => void;
     /**
@@ -136,6 +148,12 @@ export interface TdTagInputProps {
         inputValue: InputValue;
         e: FocusEvent<HTMLDivElement>;
     }) => void;
+    /**
+     * 输入框值发生变化时触发
+     */
+    onInputChange?: (value: InputValue, context?: {
+        e?: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement>;
+    }) => void;
     /**
      * 进入输入框时触发
      */
@@ -165,14 +183,14 @@ export interface TagInputChangeContext {
     trigger: TagInputTriggerSource;
     index?: number;
     item?: string | number;
-    e: MouseEvent<SVGElement> | KeyboardEvent<HTMLDivElement>;
+    e?: MouseEvent<SVGElement> | KeyboardEvent<HTMLDivElement>;
 }
 export declare type TagInputTriggerSource = 'enter' | 'tag-remove' | 'backspace' | 'clear';
 export interface TagInputRemoveContext {
     value: TagInputValue;
     index: number;
     item: string | number;
-    e: MouseEvent<SVGElement> | KeyboardEvent<HTMLDivElement>;
+    e?: MouseEvent<SVGElement> | KeyboardEvent<HTMLDivElement>;
     trigger: TagInputRemoveTrigger;
 }
 export declare type TagInputRemoveTrigger = 'tag-remove' | 'backspace';

package/esm/tag-input/type.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */

package/esm/tag-input/useHover.d.ts

@@ -1,6 +1,17 @@
+import { MouseEvent } from 'react';
 import { TdTagInputProps } from './type';
+export interface UseHoverParams {
+    readonly: boolean;
+    disabled: boolean;
+    onMouseenter: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    onMouseleave: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+}
 export default function useHover(props: TdTagInputProps): {
     isHover: boolean;
-    addHover: (context: Parameters<TdTagInputProps['onMouseenter']>[0]) => void;
-    cancelHover: (context: Parameters<TdTagInputProps['onMouseleave']>[0]) => void;
+    addHover: (context: Parameters<UseHoverParams['onMouseenter']>[0]) => void;
+    cancelHover: (context: Parameters<UseHoverParams['onMouseleave']>[0]) => void;
 };

package/esm/tag-input/useHover.js

@@ -1,12 +1,12 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.25.2
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
+import { _ as _slicedToArray } from '../_chunks/dep-301db282.js';
 import { useState } from 'react';
-import '../_chunks/dep-f7f44030.js';
+import '../_chunks/dep-5e33104a.js';
 
 function useHover(props) {
   var readonly = props.readonly,

package/esm/tag-input/useHover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHover.js","sources":["../../src/tag-input/useHover.ts"],"sourcesContent":["import { useState } from 'react';\nimport { TdTagInputProps } from './type';\n\nexport default function useHover(props: TdTagInputProps) {\n  const { readonly, disabled, onMouseenter, onMouseleave } = props;\n  const [isHover, setIsHover] = useState<boolean>(false);\n\n  const addHover = (context: Parameters<TdTagInputProps['onMouseenter']>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(true);\n    onMouseenter?.(context);\n  };\n\n  const cancelHover = (context: Parameters<TdTagInputProps['onMouseleave']>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(false);\n    onMouseleave?.(context);\n  };\n\n  return { isHover, addHover, cancelHover };\n}\n"],"names":["useHover","props","readonly","disabled","onMouseenter","onMouseleave","useState","isHover","setIsHover","addHover","context","cancelHover"],"mappings":";;;;;;;;;;AACe,SAASA,QAAT,CAAkBC,KAAlB,EAAyB;AACtC,MAAQC,QAAR,GAA2DD,KAA3D,CAAQC,QAAR;AAAA,MAAkBC,QAAlB,GAA2DF,KAA3D,CAAkBE,QAAlB;AAAA,MAA4BC,YAA5B,GAA2DH,KAA3D,CAA4BG,YAA5B;AAAA,MAA0CC,YAA1C,GAA2DJ,KAA3D,CAA0CI,YAA1C;;AACA,kBAA8BC,QAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAa;AAC5B,QAAIR,QAAQ,IAAIC,QAAhB,EACE;AACFK,IAAAA,UAAU,CAAC,IAAD,CAAV;AACAJ,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGM,OAAH,CAAZ;AACD,GALD;;AAMA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACD,OAAD,EAAa;AAC/B,QAAIR,QAAQ,IAAIC,QAAhB,EACE;AACFK,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAH,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGK,OAAH,CAAZ;AACD,GALD;;AAMA,SAAO;AAAEH,IAAAA,OAAO,EAAPA,OAAF;AAAWE,IAAAA,QAAQ,EAARA,QAAX;AAAqBE,IAAAA,WAAW,EAAXA;AAArB,GAAP;AACD;;;;"}
+{"version":3,"file":"useHover.js","sources":["../../src/tag-input/useHover.ts"],"sourcesContent":["import { useState, MouseEvent } from 'react';\nimport { TdTagInputProps } from './type';\n\nexport interface UseHoverParams {\n  readonly: boolean;\n  disabled: boolean;\n  onMouseenter: (context: { e: MouseEvent<HTMLDivElement> }) => void;\n  onMouseleave: (context: { e: MouseEvent<HTMLDivElement> }) => void;\n}\n\nexport default function useHover(props: TdTagInputProps) {\n  const { readonly, disabled, onMouseenter, onMouseleave } = props;\n  const [isHover, setIsHover] = useState<boolean>(false);\n\n  const addHover = (context: Parameters<UseHoverParams['onMouseenter']>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(true);\n    onMouseenter?.(context);\n  };\n\n  const cancelHover = (context: Parameters<UseHoverParams['onMouseleave']>[0]) => {\n    if (readonly || disabled) return;\n    setIsHover(false);\n    onMouseleave?.(context);\n  };\n\n  return { isHover, addHover, cancelHover };\n}\n"],"names":["useHover","props","readonly","disabled","onMouseenter","onMouseleave","useState","isHover","setIsHover","addHover","context","cancelHover"],"mappings":";;;;;;;;;;AACe,SAASA,QAAT,CAAkBC,KAAlB,EAAyB;AACtC,MAAQC,QAAR,GAA2DD,KAA3D,CAAQC,QAAR;AAAA,MAAkBC,QAAlB,GAA2DF,KAA3D,CAAkBE,QAAlB;AAAA,MAA4BC,YAA5B,GAA2DH,KAA3D,CAA4BG,YAA5B;AAAA,MAA0CC,YAA1C,GAA2DJ,KAA3D,CAA0CI,YAA1C;;AACA,kBAA8BC,QAAQ,CAAC,KAAD,CAAtC;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAa;AAC5B,QAAIR,QAAQ,IAAIC,QAAhB,EACE;AACFK,IAAAA,UAAU,CAAC,IAAD,CAAV;AACAJ,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGM,OAAH,CAAZ;AACD,GALD;;AAMA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACD,OAAD,EAAa;AAC/B,QAAIR,QAAQ,IAAIC,QAAhB,EACE;AACFK,IAAAA,UAAU,CAAC,KAAD,CAAV;AACAH,IAAAA,YAAY,SAAZ,IAAAA,YAAY,WAAZ,YAAAA,YAAY,CAAGK,OAAH,CAAZ;AACD,GALD;;AAMA,SAAO;AAAEH,IAAAA,OAAO,EAAPA,OAAF;AAAWE,IAAAA,QAAQ,EAARA,QAAX;AAAqBE,IAAAA,WAAW,EAAXA;AAArB,GAAP;AACD;;;;"}

package/esm/tag-input/useTagList.d.ts

@@ -1,14 +1,17 @@
 import React, { MouseEvent, KeyboardEvent, ReactNode } from 'react';
 import { TagInputChangeContext, TagInputValue, TdTagInputProps } from './type';
 import { InputValue } from '../input';
+import { DragSortInnerProps } from '../_util/useDragSorter';
 export declare type ChangeParams = [TagInputChangeContext];
-export default function useTagList(props: TdTagInputProps): {
+interface TagInputProps extends TdTagInputProps, DragSortInnerProps {
+}
+export default function useTagList(props: TagInputProps): {
     tagValue: TagInputValue;
     clearAll: (context: {
         e: MouseEvent<SVGElement>;
     }) => void;
     onClose: (p: {
-        e: MouseEvent<SVGElement>;
+        e?: MouseEvent<SVGElement>;
         index: number;
         item: string | number;
     }) => void;
@@ -23,3 +26,4 @@ export default function useTagList(props: TdTagInputProps): {
         label: ReactNode;
     }) => (true | React.ReactChild | React.ReactFragment | React.ReactPortal)[];
 };
+export {};