tdesign-react 0.25.1 → 0.26.0

package/esm/tag/Tag.js

@@ -1,11 +1,11 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-7b5ee09e.js';
-import { _ as _objectWithoutProperties } from '../_chunks/dep-c0b93c23.js';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
+import { _ as _objectWithoutProperties } from '../_chunks/dep-9f6be541.js';
 import React from 'react';
 import classNames from 'classnames';
 import { CloseIcon } from 'tdesign-icons-react';
@@ -14,29 +14,29 @@ import forwardRefWithStatics from '../_util/forwardRefWithStatics.js';
 import useConfig from '../_util/useConfig.js';
 import CheckTag from './CheckTag.js';
 import 'hoist-non-react-statics';
-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-a8619fd7.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-8fea0649.js';
+import '../_chunks/dep-4506ade7.js';
+import '../_chunks/dep-96268fc3.js';
+import '../_chunks/dep-08a538d7.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.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 '../_chunks/dep-bce0ce39.js';
-import '../_chunks/dep-f7f44030.js';
+import '../config-provider/zh_CN_config.js';
+import '../_chunks/dep-e9eb270f.js';
+import '../_chunks/dep-722fe6eb.js';
 import '../_util/useDefault.js';
 
 var _excluded = ["theme", "size", "shape", "variant", "closable", "maxWidth", "icon", "content", "onClick", "onClose", "className", "style", "disabled", "children"];

package/esm/tag/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (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-ada514b9.js';
+import '../_chunks/dep-9f6be541.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-a8619fd7.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-8fea0649.js';
+import '../_chunks/dep-4506ade7.js';
+import '../_chunks/dep-96268fc3.js';
+import '../_chunks/dep-08a538d7.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.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 './CheckTag.js';
-import '../_chunks/dep-bce0ce39.js';
-import '../_chunks/dep-f7f44030.js';
+import '../_chunks/dep-e9eb270f.js';
+import '../_chunks/dep-722fe6eb.js';
 import '../_util/useDefault.js';
 
 var Tag = Tag$1;

package/esm/tag/type.js

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

package/esm/tag-input/TagInput.js

@@ -1,52 +1,59 @@
 /**
- * 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 React, { forwardRef, useState, useImperativeHandle } from 'react';
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.js';
+import { _ as _slicedToArray } from '../_chunks/dep-e9eb270f.js';
+import React, { forwardRef, 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-08a538d7.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 useDefault from '../_util/useDefault.js';
+import '../_chunks/dep-722fe6eb.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.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 '../input/Input.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-9f6be541.js';
 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 '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../input/style/index.js';
 import '../input/type.js';
-import '../_chunks/dep-46120f73.js';
+import '../_chunks/dep-d08c8845.js';
 import 'lodash';
 import '../tag/index.js';
 import '../tag/Tag.js';
@@ -61,13 +68,9 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useConfig = useConfig(),
       prefix = _useConfig.classPrefix;
 
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      tInputValue = _useState2[0],
-      setTInputValue = _useState2[1];
-
   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 +83,26 @@ 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;
 
+  var _useDefault = useDefault(props.inputValue, props.defaultInputValue, props.onInputChange),
+      _useDefault2 = _slicedToArray(_useDefault, 2),
+      tInputValue = _useDefault2[0],
+      setTInputValue = _useDefault2[1];
+
   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 +110,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,
@@ -106,37 +123,60 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var NAME_CLASS = "".concat(prefix, "-tag-input");
   var CLEAR_CLASS = "".concat(prefix, "-tag-input__suffix-clear");
   var BREAK_LINE_CLASS = "".concat(prefix, "-tag-input--break-line");
-  var classes = [NAME_CLASS, _defineProperty({}, BREAK_LINE_CLASS, excessTagsDisplayType === "break-line")];
-  var tagInputPlaceholder = isHover || !(tagValue !== null && tagValue !== void 0 && tagValue.length) ? placeholder : "";
+  var classes = [NAME_CLASS, _defineProperty({}, BREAK_LINE_CLASS, excessTagsDisplayType === "break-line"), props.className];
+  var tagInputPlaceholder = !(tagValue !== null && tagValue !== void 0 && tagValue.length) ? placeholder : "";
   var showClearIcon = Boolean(!readonly && !disabled && clearable && isHover && (tagValue === null || tagValue === void 0 ? void 0 : tagValue.length));
   useImperativeHandle(ref, function () {
     return _objectSpread({}, tagInputRef.current || {});
   });
 
   var onInputEnter = function onInputEnter(value, context) {
-    setTInputValue("");
+    setTInputValue("", {
+      e: context.e,
+      trigger: "enter"
+    });
     onInnerEnter(value, context);
     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("", {
+      e: e,
+      trigger: "clear"
+    });
+  };
+
   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) {
-      setTInputValue(val);
+    onChange: function onChange(val, context) {
+      setTInputValue(val, _objectSpread(_objectSpread({}, context), {}, {
+        trigger: "input"
+      }));
     },
+    autoWidth: autoWidth,
     onWheel: onWheel,
     size: size,
     readonly: readonly,
@@ -148,12 +188,14 @@ var TagInput = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     },
     className: classNames(classes),
+    style: props.style,
     tips: tips,
     status: status,
     placeholder: tagInputPlaceholder,
     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, { 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 useDefault from '../_util/useDefault';\nimport { StyledProps } from '../common';\n\nexport interface TagInputProps extends TdTagInputProps, StyledProps {}\n\nconst TagInput = forwardRef((props: TagInputProps, ref) => {\n  const { classPrefix: prefix } = useConfig();\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  } = props;\n\n  const [tInputValue, setTInputValue] = useDefault(props.inputValue, props.defaultInputValue, props.onInputChange);\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    props.className,\n  ];\n\n  const tagInputPlaceholder = !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('', { e: context.e, trigger: 'enter' });\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('', { e, trigger: 'clear' });\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, { ...context, trigger: 'input' });\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      style={props.style}\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","excessTagsDisplayType","autoWidth","readonly","disabled","clearable","placeholder","valueDisplay","label","inputProps","size","tips","status","suffixIcon","suffix","onClick","onPaste","onFocus","onBlur","useDefault","inputValue","defaultInputValue","onInputChange","tInputValue","setTInputValue","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","className","tagInputPlaceholder","length","showClearIcon","Boolean","useImperativeHandle","current","onInputEnter","value","context","e","trigger","onInnerClick","inputElement","focus","onClearClick","suffixIconNode","React","createElement","CloseCircleFilledIcon","displayNode","isFunction","index","item","TInput","onChange","val","classnames","style","onEnter","onKeyup","onMouseenter","onMouseleave","displayName"],"mappings":"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"}

package/esm/tag-input/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.25.1
+ * tdesign v0.26.0
  * (c) 2022 tdesign
  * @license MIT
  */
@@ -7,39 +7,46 @@
 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-ada514b9.js';
+import '../_chunks/dep-e9eb270f.js';
+import '../_chunks/dep-722fe6eb.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-08a538d7.js';
+import '../_chunks/dep-c5e6a539.js';
+import '../_chunks/dep-76bc9a8e.js';
+import '../_chunks/dep-87647568.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-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 '../_util/useDragSorter.js';
 import '../input/index.js';
 import '../input/Input.js';
-import '../_chunks/dep-c0b93c23.js';
+import '../_chunks/dep-9f6be541.js';
 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 '../_util/useDefault.js';
@@ -48,7 +55,7 @@ import '../input/style/index.js';
 import '../input/type.js';
 import './useTagScroll.js';
 import './useTagList.js';
-import '../_chunks/dep-46120f73.js';
+import '../_chunks/dep-d08c8845.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
@@ -25,7 +30,7 @@ export interface TdTagInputProps {
      */
     disabled?: boolean;
     /**
-     * 【开发中】拖拽调整标签顺序
+     * 拖拽调整标签顺序
      * @default false
      */
     dragSort?: boolean;
@@ -38,6 +43,14 @@ export interface TdTagInputProps {
      * 透传 Input 输入框组件全部属性
      */
     inputProps?: InputProps;
+    /**
+     * 输入框的值
+     */
+    inputValue?: InputValue;
+    /**
+     * 输入框的值，非受控属性
+     */
+    defaultInputValue?: InputValue;
     /**
      * 左侧文本
      */
@@ -104,24 +117,40 @@ export interface TdTagInputProps {
      */
     valueDisplay?: string | TNode<{
         value: TagInputValue;
+        onClose: (index: number, item?: any) => void;
     }>;
     /**
      * 失去焦点时触发
      */
     onBlur?: (value: TagInputValue, context: {
         inputValue: InputValue;
-        e: FocusEvent<HTMLDivElement>;
+        e: FocusEvent<HTMLInputElement>;
     }) => 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;
+    /**
+     * 【开发中】拖拽排序时触发
+     */
+    onDragSort?: (context: {
+        currentIndex: number;
+        current: string | number;
+        targetIndex: number;
+        target: string | number;
+    }) => void;
     /**
      * 按键按下 Enter 时触发
      */
@@ -134,8 +163,12 @@ export interface TdTagInputProps {
      */
     onFocus?: (value: TagInputValue, context: {
         inputValue: InputValue;
-        e: FocusEvent<HTMLDivElement>;
+        e: FocusEvent<HTMLInputElement>;
     }) => void;
+    /**
+     * 输入框值发生变化时触发，`context.trigger` 表示触发输入框值变化的来源：文本输入触发、清除按钮触发、回车键触发等
+     */
+    onInputChange?: (value: InputValue, context?: InputValueChangeContext) => void;
     /**
      * 进入输入框时触发
      */
@@ -165,14 +198,18 @@ 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 InputValueChangeContext {
+    e?: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> | KeyboardEvent<HTMLDivElement>;
+    trigger: 'input' | 'clear' | 'enter';
+}
 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.26.0
  * (c) 2022 tdesign
  * @license MIT
  */