tdesign-react 0.24.0 → 0.25.1

package/esm/tag-input/TagInput.js

@@ -0,0 +1,184 @@
+/**
+ * tdesign v0.25.1
+ * (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 { CloseCircleFilledIcon } from 'tdesign-icons-react';
+import { i as isFunction_1 } from '../_chunks/dep-4979c2b8.js';
+import classNames from 'classnames';
+import useConfig from '../_util/useConfig.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 '../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 '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+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 'lodash';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../tag/style/index.js';
+import '../tag/type.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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,
+      readonly = props.readonly,
+      disabled = props.disabled,
+      clearable = props.clearable,
+      placeholder = props.placeholder,
+      valueDisplay = props.valueDisplay,
+      _label = props.label,
+      inputProps = props.inputProps,
+      size = props.size,
+      tips = props.tips,
+      status = props.status,
+      suffixIcon = props.suffixIcon,
+      suffix = props.suffix,
+      onPaste = props.onPaste,
+      _onFocus = props.onFocus,
+      _onBlur = props.onBlur;
+
+  var _useHover = useHover(props),
+      isHover = _useHover.isHover,
+      addHover = _useHover.addHover,
+      cancelHover = _useHover.cancelHover;
+
+  var _useTagScroll = useTagScroll(props),
+      scrollToRight = _useTagScroll.scrollToRight,
+      onWheel = _useTagScroll.onWheel,
+      scrollToRightOnEnter = _useTagScroll.scrollToRightOnEnter,
+      scrollToLeftOnLeave = _useTagScroll.scrollToLeftOnLeave,
+      tagInputRef = _useTagScroll.tagInputRef;
+
+  var _useTagList = useTagList(props),
+      tagValue = _useTagList.tagValue,
+      onInnerEnter = _useTagList.onInnerEnter,
+      onInputBackspaceKeyUp = _useTagList.onInputBackspaceKeyUp,
+      clearAll = _useTagList.clearAll,
+      renderLabel = _useTagList.renderLabel;
+
+  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 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("");
+    onInnerEnter(value, context);
+    scrollToRight();
+  };
+
+  var suffixIconNode = showClearIcon ? /* @__PURE__ */React.createElement(CloseCircleFilledIcon, {
+    className: CLEAR_CLASS,
+    onClick: function onClick(e) {
+      return clearAll({
+        e: e
+      });
+    }
+  }) : suffixIcon;
+  var displayNode = isFunction_1(valueDisplay) ? valueDisplay({
+    value: tagValue
+  }) : valueDisplay;
+  return /* @__PURE__ */React.createElement(Input, _objectSpread(_objectSpread({
+    ref: tagInputRef
+  }, inputProps), {}, {
+    value: tInputValue,
+    onChange: function onChange(val) {
+      setTInputValue(val);
+    },
+    onWheel: onWheel,
+    size: size,
+    readonly: readonly,
+    disabled: disabled,
+    label: function label() {
+      return renderLabel({
+        displayNode: displayNode,
+        label: _label
+      });
+    },
+    className: classNames(classes),
+    tips: tips,
+    status: status,
+    placeholder: tagInputPlaceholder,
+    suffix: suffix,
+    suffixIcon: suffixIconNode,
+    onPaste: onPaste,
+    onEnter: onInputEnter,
+    onKeyup: onInputBackspaceKeyUp,
+    onMouseenter: function onMouseenter(context) {
+      addHover(context);
+      scrollToRightOnEnter();
+    },
+    onMouseleave: function onMouseleave(context) {
+      cancelHover(context);
+      scrollToLeftOnLeave();
+    },
+    onFocus: function onFocus(inputValue, context) {
+      _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(tagValue, {
+        e: context.e,
+        inputValue: inputValue
+      });
+    },
+    onBlur: function onBlur(inputValue, context) {
+      _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(tagValue, {
+        e: context.e,
+        inputValue: inputValue
+      });
+    }
+  }));
+});
+TagInput.displayName = "TagInput";
+
+export { TagInput as default };
+//# sourceMappingURL=TagInput.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './style/index.js';
+export type { TagInputProps } from './TagInput';
+export * from './type';
+export declare const TagInput: import("react").ForwardRefExoticComponent<import("./TagInput").TagInputProps & import("react").RefAttributes<unknown>>;
+export default TagInput;

package/esm/tag-input/index.js

@@ -0,0 +1,63 @@
+/**
+ * tdesign v0.25.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+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 '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 '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 '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-c0b93c23.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+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 './useTagScroll.js';
+import './useTagList.js';
+import '../_chunks/dep-46120f73.js';
+import 'lodash';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../tag/style/index.js';
+import '../tag/type.js';
+import './useHover.js';
+
+var TagInput = TagInput$1;
+
+export { TagInput, TagInput as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;"}

package/esm/tag-input/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/tag-input/style/index.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+import '../../_common/style/web/components/tag-input/_index.less';

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

@@ -0,0 +1,178 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+import { InputProps, InputValue } from '../input';
+import { TagProps } from '../tag';
+import { TNode, TElement } from '../common';
+import { MouseEvent, KeyboardEvent, ClipboardEvent, FocusEvent } from 'react';
+export interface TdTagInputProps {
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示标签值，`collapsedTags` 表示折叠标签值，`count` 表示总标签数量
+     */
+    collapsedItems?: TNode<{
+        value: TagInputValue;
+        collapsedTags: TagInputValue;
+        count: number;
+    }>;
+    /**
+     * 是否禁用标签输入框
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 【开发中】拖拽调整标签顺序
+     * @default false
+     */
+    dragSort?: boolean;
+    /**
+     * 标签超出时的呈现方式，有两种：横向滚动显示 和 换行显示
+     * @default scroll
+     */
+    excessTagsDisplayType?: 'scroll' | 'break-line';
+    /**
+     * 透传 Input 输入框组件全部属性
+     */
+    inputProps?: InputProps;
+    /**
+     * 左侧文本
+     */
+    label?: TNode;
+    /**
+     * 最大允许输入的标签数量
+     */
+    max?: number;
+    /**
+     * 最小折叠数量，用于标签数量过多的情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠
+     * @default 0
+     */
+    minCollapsedNum?: number;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 是否只读，值为真会隐藏标签移除按钮和输入框
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 尺寸
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * 输入框状态
+     */
+    status?: 'success' | 'warning' | 'error';
+    /**
+     * 后置图标前的后置内容
+     */
+    suffix?: TNode;
+    /**
+     * 组件后置图标
+     */
+    suffixIcon?: TElement;
+    /**
+     * 自定义标签的内部内容，每一个标签的当前值。注意和 `valueDisplay` 区分，`valueDisplay`  是用来定义全部标签内容，而非某一个标签
+     */
+    tag?: string | TNode<{
+        value: string | number;
+    }>;
+    /**
+     * 透传 Tag 组件全部属性
+     */
+    tagProps?: TagProps;
+    /**
+     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+     */
+    tips?: TNode;
+    /**
+     * 值
+     */
+    value?: TagInputValue;
+    /**
+     * 值，非受控属性
+     */
+    defaultValue?: TagInputValue;
+    /**
+     * 自定义值呈现的全部内容，参数为所有标签的值
+     */
+    valueDisplay?: string | TNode<{
+        value: TagInputValue;
+    }>;
+    /**
+     * 失去焦点时触发
+     */
+    onBlur?: (value: TagInputValue, context: {
+        inputValue: InputValue;
+        e: FocusEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 值变化时触发，参数 `trigger` 表示数据变化的触发来源
+     */
+    onChange?: (value: TagInputValue, context: TagInputChangeContext) => void;
+    /**
+     * 清空按钮点击时触发
+     */
+    onClear?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 按键按下 Enter 时触发
+     */
+    onEnter?: (value: TagInputValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+        inputValue: InputValue;
+    }) => void;
+    /**
+     * 聚焦时触发
+     */
+    onFocus?: (value: TagInputValue, context: {
+        inputValue: InputValue;
+        e: FocusEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 进入输入框时触发
+     */
+    onMouseenter?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 离开输入框时触发
+     */
+    onMouseleave?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 粘贴事件，`pasteValue` 表示粘贴板的内容
+     */
+    onPaste?: (context: {
+        e: ClipboardEvent<HTMLInputElement>;
+        pasteValue: string;
+    }) => void;
+    /**
+     * 移除单个标签时触发
+     */
+    onRemove?: (context: TagInputRemoveContext) => void;
+}
+export declare type TagInputValue = Array<string | number>;
+export interface TagInputChangeContext {
+    trigger: TagInputTriggerSource;
+    index?: number;
+    item?: string | number;
+    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>;
+    trigger: TagInputRemoveTrigger;
+}
+export declare type TagInputRemoveTrigger = 'tag-remove' | 'backspace';

package/esm/tag-input/type.js

@@ -0,0 +1,7 @@
+/**
+ * tdesign v0.25.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+//# sourceMappingURL=type.js.map

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

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

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

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

package/esm/tag-input/useHover.js

@@ -0,0 +1,42 @@
+/**
+ * tdesign v0.25.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _slicedToArray } from '../_chunks/dep-bce0ce39.js';
+import { useState } from 'react';
+import '../_chunks/dep-f7f44030.js';
+
+function useHover(props) {
+  var readonly = props.readonly,
+      disabled = props.disabled,
+      onMouseenter = props.onMouseenter,
+      onMouseleave = props.onMouseleave;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isHover = _useState2[0],
+      setIsHover = _useState2[1];
+
+  var addHover = function addHover(context) {
+    if (readonly || disabled) return;
+    setIsHover(true);
+    onMouseenter === null || onMouseenter === void 0 ? void 0 : onMouseenter(context);
+  };
+
+  var cancelHover = function cancelHover(context) {
+    if (readonly || disabled) return;
+    setIsHover(false);
+    onMouseleave === null || onMouseleave === void 0 ? void 0 : onMouseleave(context);
+  };
+
+  return {
+    isHover: isHover,
+    addHover: addHover,
+    cancelHover: cancelHover
+  };
+}
+
+export { useHover as default };
+//# sourceMappingURL=useHover.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,25 @@
+import React, { MouseEvent, KeyboardEvent, ReactNode } from 'react';
+import { TagInputChangeContext, TagInputValue, TdTagInputProps } from './type';
+import { InputValue } from '../input';
+export declare type ChangeParams = [TagInputChangeContext];
+export default function useTagList(props: TdTagInputProps): {
+    tagValue: TagInputValue;
+    clearAll: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    onClose: (p: {
+        e: MouseEvent<SVGElement>;
+        index: number;
+        item: string | number;
+    }) => void;
+    onInnerEnter: (value: InputValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    onInputBackspaceKeyUp: (value: InputValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    renderLabel: ({ displayNode, label }: {
+        displayNode: ReactNode;
+        label: ReactNode;
+    }) => (true | React.ReactChild | React.ReactFragment | React.ReactPortal)[];
+};