tdesign-react 0.25.1 → 0.25.3-alpha.2

package/esm/select-input/SelectInput.js

@@ -0,0 +1,157 @@
+/**
+ * tdesign v0.25.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-cad4c9bb.js';
+import React, { forwardRef, useRef, useImperativeHandle } from 'react';
+import classNames from 'classnames';
+import useConfig from '../_util/useConfig.js';
+import { Popup } from '../popup/index.js';
+import useSingle from './useSingle.js';
+import useMultiple from './useMultiple.js';
+import useOverlayStyle from './useOverlayStyle.js';
+import '../_chunks/dep-10a0787c.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-58ff7bce.js';
+import '../_chunks/dep-8b84448e.js';
+import '../_chunks/dep-ac1b23ff.js';
+import '../_chunks/dep-9893f12f.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
+import '../_chunks/dep-07116ce5.js';
+import '../_chunks/dep-6d9098b6.js';
+import '../_chunks/dep-a96d8a0e.js';
+import '../_chunks/dep-e417d118.js';
+import '../_chunks/dep-1af55183.js';
+import '../_chunks/dep-ed441d47.js';
+import '../_chunks/dep-b71fa220.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-0058bc23.js';
+import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
+import '../popup/Popup.js';
+import '../_chunks/dep-ca97d683.js';
+import '../_chunks/dep-6f5ded5c.js';
+import 'react-transition-group';
+import 'react-popper';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../_util/useAnimation.js';
+import '../_util/composeRefs.js';
+import '../common/Portal.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-02e6b611.js';
+import '../_util/easing.js';
+import '../popup/hooks/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/utils/getTransitionParams.js';
+import '../popup/style/index.js';
+import '../popup/type.js';
+import '../_chunks/dep-b7d8b7af.js';
+import '../_chunks/dep-f6037fb6.js';
+import '../_chunks/dep-cb80eab2.js';
+import '../_chunks/dep-ce5e6d7b.js';
+import '../_chunks/dep-0496aed2.js';
+import '../_chunks/dep-483d0d43.js';
+import '../_chunks/dep-45df395e.js';
+import '../_chunks/dep-a164f50b.js';
+import '../_chunks/dep-ec5725fb.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-497887bb.js';
+import 'tdesign-icons-react';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../input/style/index.js';
+import '../input/type.js';
+import '../tag-input/index.js';
+import '../tag-input/TagInput.js';
+import '../_util/useDragSorter.js';
+import '../tag-input/useTagScroll.js';
+import '../tag-input/useTagList.js';
+import '../_chunks/dep-4a5a3bfe.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 '../tag-input/useHover.js';
+import '../tag-input/style/index.js';
+import '../tag-input/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 SelectInput = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _ref;
+
+  var selectInputRef = useRef();
+  var selectInputWrapRef = useRef();
+
+  var _useConfig = useConfig(),
+      prefix = _useConfig.classPrefix;
+
+  var multiple = props.multiple,
+      value = props.value,
+      popupVisible = props.popupVisible,
+      popupProps = props.popupProps,
+      borderless = props.borderless;
+
+  var _useSingle = useSingle(props),
+      commonInputProps = _useSingle.commonInputProps,
+      inputRef = _useSingle.inputRef,
+      onInnerClear = _useSingle.onInnerClear,
+      renderSelectSingle = _useSingle.renderSelectSingle;
+
+  var _useMultiple = useMultiple(props),
+      tagInputRef = _useMultiple.tagInputRef,
+      renderSelectMultiple = _useMultiple.renderSelectMultiple;
+
+  var _useOverlayStyle = useOverlayStyle(props),
+      tOverlayStyle = _useOverlayStyle.tOverlayStyle,
+      innerPopupVisible = _useOverlayStyle.innerPopupVisible,
+      onInnerPopupVisibleChange = _useOverlayStyle.onInnerPopupVisibleChange;
+
+  var popupClasses = classNames([props.className, "".concat(prefix, "-select-input"), (_ref = {}, _defineProperty(_ref, "".concat(prefix, "-select-input--borderless"), borderless), _defineProperty(_ref, "".concat(prefix, "-select-input--multiple"), multiple), _defineProperty(_ref, "".concat(prefix, "-select-input--popup-visible"), popupVisible !== null && popupVisible !== void 0 ? popupVisible : innerPopupVisible), _defineProperty(_ref, "".concat(prefix, "-select-input--empty"), value instanceof Array ? !value.length : !value), _ref)]);
+  useImperativeHandle(ref, function () {
+    return _objectSpread(_objectSpread(_objectSpread({}, selectInputRef.current || {}), inputRef.current || {}), tagInputRef.current || {});
+  });
+  var visibleProps = {
+    visible: popupVisible !== null && popupVisible !== void 0 ? popupVisible : innerPopupVisible
+  };
+  var mainContent = /* @__PURE__ */React.createElement(Popup, _objectSpread(_objectSpread(_objectSpread({
+    ref: selectInputRef,
+    style: props.style,
+    className: popupClasses,
+    trigger: (popupProps === null || popupProps === void 0 ? void 0 : popupProps.trigger) || "click",
+    placement: "bottom-left",
+    content: props.panel,
+    hideEmptyPopup: true,
+    onVisibleChange: onInnerPopupVisibleChange
+  }, visibleProps), popupProps), {}, {
+    overlayStyle: tOverlayStyle
+  }), multiple ? renderSelectMultiple({
+    commonInputProps: commonInputProps,
+    onInnerClear: onInnerClear
+  }) : renderSelectSingle());
+  if (!props.tips) return mainContent;
+  return /* @__PURE__ */React.createElement("div", {
+    ref: selectInputWrapRef,
+    className: "".concat(prefix, "-select-input__wrap")
+  }, mainContent, /* @__PURE__ */React.createElement("div", {
+    className: "".concat(prefix, "-input__tips ").concat(prefix, "-input__tips--").concat(props.status || "normal")
+  }, props.tips));
+});
+SelectInput.displayName = "SelectInput";
+
+export { SelectInput as default };
+//# sourceMappingURL=SelectInput.js.map

package/esm/select-input/SelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.js","sources":["../../src/select-input/SelectInput.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport Popup from '../popup';\nimport useSingle from './useSingle';\nimport useMultiple from './useMultiple';\nimport useOverlayStyle from './useOverlayStyle';\nimport { TdSelectInputProps } from './type';\nimport { StyledProps } from '../common';\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {}\n\nconst SelectInput = forwardRef((props: SelectInputProps, ref) => {\n  const selectInputRef = useRef();\n  const selectInputWrapRef = useRef();\n  const { classPrefix: prefix } = useConfig();\n  const { multiple, value, popupVisible, popupProps, borderless } = props;\n  const { commonInputProps, inputRef, onInnerClear, renderSelectSingle } = useSingle(props);\n  const { tagInputRef, renderSelectMultiple } = useMultiple(props);\n  const { tOverlayStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayStyle(props);\n\n  const popupClasses = classNames([\n    props.className,\n    `${prefix}-select-input`,\n    {\n      [`${prefix}-select-input--borderless`]: borderless,\n      [`${prefix}-select-input--multiple`]: multiple,\n      [`${prefix}-select-input--popup-visible`]: popupVisible ?? innerPopupVisible,\n      [`${prefix}-select-input--empty`]: value instanceof Array ? !value.length : !value,\n    },\n  ]);\n\n  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {}),\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n\n  const mainContent = (\n    <Popup\n      ref={selectInputRef}\n      style={props.style}\n      className={popupClasses}\n      trigger={popupProps?.trigger || 'click'}\n      placement=\"bottom-left\"\n      content={props.panel}\n      hideEmptyPopup={true}\n      onVisibleChange={onInnerPopupVisibleChange}\n      {...visibleProps}\n      {...popupProps}\n      overlayStyle={tOverlayStyle}\n    >\n      {multiple\n        ? renderSelectMultiple({\n            commonInputProps,\n            onInnerClear,\n          })\n        : renderSelectSingle()}\n    </Popup>\n  );\n\n  if (!props.tips) return mainContent;\n\n  return (\n    <div ref={selectInputWrapRef} className={`${prefix}-select-input__wrap`}>\n      {mainContent}\n      <div className={`${prefix}-input__tips ${prefix}-input__tips--${props.status || 'normal'}`}>{props.tips}</div>\n    </div>\n  );\n});\n\nSelectInput.displayName = 'SelectInput';\n\nexport default SelectInput;\n"],"names":["SelectInput","forwardRef","props","ref","selectInputRef","useRef","selectInputWrapRef","useConfig","prefix","classPrefix","multiple","value","popupVisible","popupProps","borderless","useSingle","commonInputProps","inputRef","onInnerClear","renderSelectSingle","useMultiple","tagInputRef","renderSelectMultiple","useOverlayStyle","tOverlayStyle","innerPopupVisible","onInnerPopupVisibleChange","popupClasses","classNames","className","Array","length","useImperativeHandle","current","visibleProps","visible","mainContent","React","createElement","Popup","style","trigger","placement","content","panel","hideEmptyPopup","onVisibleChange","overlayStyle","tips","status","displayName"],"mappings":"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"}

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

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

package/esm/select-input/index.js

@@ -0,0 +1,97 @@
+/**
+ * tdesign v0.25.3-alpha.1
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import SelectInput$1 from './SelectInput.js';
+import './style/index.js';
+import './type.js';
+import '../_chunks/dep-cad4c9bb.js';
+import 'react';
+import 'classnames';
+import '../_util/useConfig.js';
+import '../_chunks/dep-10a0787c.js';
+import '../_chunks/dep-461ab060.js';
+import '../_chunks/dep-58ff7bce.js';
+import '../_chunks/dep-8b84448e.js';
+import '../_chunks/dep-ac1b23ff.js';
+import '../_chunks/dep-9893f12f.js';
+import '../_chunks/dep-a2f13442.js';
+import '../_chunks/dep-0edc09ed.js';
+import '../_chunks/dep-07116ce5.js';
+import '../_chunks/dep-6d9098b6.js';
+import '../_chunks/dep-a96d8a0e.js';
+import '../_chunks/dep-e417d118.js';
+import '../_chunks/dep-1af55183.js';
+import '../_chunks/dep-ed441d47.js';
+import '../_chunks/dep-b71fa220.js';
+import '../_chunks/dep-89ac56b6.js';
+import '../_chunks/dep-b15d6ac2.js';
+import '../_chunks/dep-0058bc23.js';
+import '../locale/zh_CN.js';
+import '../_common/js/locale/zh_CN.js';
+import '../config-provider/defaultConfig.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import '../_chunks/dep-ca97d683.js';
+import '../_chunks/dep-6f5ded5c.js';
+import 'react-transition-group';
+import 'react-popper';
+import '../_util/useDefault.js';
+import '../_util/noop.js';
+import '../_util/useAnimation.js';
+import '../_util/composeRefs.js';
+import '../common/Portal.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-02e6b611.js';
+import '../_util/easing.js';
+import '../popup/hooks/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/utils/getTransitionParams.js';
+import '../popup/style/index.js';
+import '../popup/type.js';
+import './useSingle.js';
+import '../_chunks/dep-b7d8b7af.js';
+import '../_chunks/dep-f6037fb6.js';
+import '../_chunks/dep-cb80eab2.js';
+import '../_chunks/dep-ce5e6d7b.js';
+import '../_chunks/dep-0496aed2.js';
+import '../_chunks/dep-483d0d43.js';
+import '../_chunks/dep-45df395e.js';
+import '../_chunks/dep-a164f50b.js';
+import '../_chunks/dep-ec5725fb.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-497887bb.js';
+import 'tdesign-icons-react';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../input/style/index.js';
+import '../input/type.js';
+import './useMultiple.js';
+import '../tag-input/index.js';
+import '../tag-input/TagInput.js';
+import '../_util/useDragSorter.js';
+import '../tag-input/useTagScroll.js';
+import '../tag-input/useTagList.js';
+import '../_chunks/dep-4a5a3bfe.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 '../tag-input/useHover.js';
+import '../tag-input/style/index.js';
+import '../tag-input/type.js';
+import './useOverlayStyle.js';
+
+var SelectInput = SelectInput$1;
+
+export { SelectInput, SelectInput as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/select-input/index.ts"],"sourcesContent":["import _SelectInput from './SelectInput';\n\nimport './style/index.js';\n\nexport type { SelectInputProps } from './SelectInput';\nexport * from './type';\n\nexport const SelectInput = _SelectInput;\nexport default SelectInput;\n"],"names":["SelectInput","_SelectInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,WAAW,GAAGC;;;;"}

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

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

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

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

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

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

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

@@ -0,0 +1,206 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+import { InputProps, InputValue } from '../input';
+import { PopupProps } from '../popup';
+import { TagInputProps, TagInputValue, TagInputChangeContext } from '../tag-input';
+import { TagProps } from '../tag';
+import { PopupVisibleChangeContext } from '../popup';
+import { TNode, TElement } from '../common';
+import { MouseEvent, KeyboardEvent, ClipboardEvent, FocusEvent, FormEvent } from 'react';
+export interface TdSelectInputProps {
+    /**
+     * 是否允许输入
+     * @default false
+     */
+    allowInput?: boolean;
+    /**
+     * 宽度随内容自适应
+     * @default false
+     */
+    autoWidth?: boolean;
+    /**
+     * 无边框模式
+     * @default false
+     */
+    borderless?: boolean;
+    /**
+     * 是否可清空
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 标签过多的情况下，折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 `collapsedItems` 自定义。`value` 表示所有标签值，`collapsedTags` 表示折叠标签值，`count` 表示总标签数量
+     */
+    collapsedItems?: TNode<{
+        value: SelectInputValue;
+        collapsedTags: SelectInputValue;
+        count: number;
+    }>;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 透传 Input 输入框组件全部属性
+     */
+    inputProps?: InputProps;
+    /**
+     * 输入框的值
+     */
+    inputValue?: InputValue;
+    /**
+     * 输入框的值，非受控属性
+     */
+    defaultInputValue?: InputValue;
+    /**
+     * 定义字段别名，示例：`{ label: 'text', value: 'id', children: 'list' }`
+     */
+    keys?: SelectInputKeys;
+    /**
+     * 左侧文本
+     */
+    label?: TNode;
+    /**
+     * 最小折叠数量，用于标签数量过多的情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠
+     * @default 0
+     */
+    minCollapsedNum?: number;
+    /**
+     * 是否为多选模式，默认为单选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 下拉框内容，可完全自定义
+     */
+    panel?: TNode;
+    /**
+     * 占位符
+     * @default ''
+     */
+    placeholder?: string;
+    /**
+     * 透传 Popup 浮层组件全部属性
+     */
+    popupProps?: PopupProps;
+    /**
+     * 是否显示下拉框，受控属性
+     */
+    popupVisible?: boolean;
+    /**
+     * 是否只读，值为真会隐藏输入框，且无法打开下拉框
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 输入框状态
+     */
+    status?: 'success' | 'warning' | 'error';
+    /**
+     * 后置图标前的后置内容
+     */
+    suffix?: TNode;
+    /**
+     * 组件后置图标
+     */
+    suffixIcon?: TElement;
+    /**
+     * 自定义标签的内部内容，每一个标签的当前值。注意和 `valueDisplay` 区分，`valueDisplay`  是用来定义全部标签内容，而非某一个标签
+     */
+    tag?: string | TNode<{
+        value: string | number;
+    }>;
+    /**
+     * 透传 TagInput 组件全部属性
+     */
+    tagInputProps?: TagInputProps;
+    /**
+     * 透传 Tag 标签组件全部属性
+     */
+    tagProps?: TagProps;
+    /**
+     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+     */
+    tips?: TNode;
+    /**
+     * 全部标签值。值为数组表示多个标签，值为非数组表示单个数值
+     */
+    value?: SelectInputValue;
+    /**
+     * 自定义值呈现的全部内容，参数为所有标签的值
+     */
+    valueDisplay?: string | TNode<{
+        value: SelectInputValue;
+        onClose: (index: number, item?: any) => void;
+    }>;
+    /**
+     * 失去焦点时触发，`context.inputValue` 表示输入框的值；`context.tagInputValue` 表示标签输入框的值
+     */
+    onBlur?: (value: SelectInputValue, context: SelectInputFocusContext) => void;
+    /**
+     * 清空按钮点击时触发
+     */
+    onClear?: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    /**
+     * 按键按下 Enter 时触发
+     */
+    onEnter?: (value: SelectInputValue, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+        inputValue: InputValue;
+    }) => void;
+    /**
+     * 聚焦时触发
+     */
+    onFocus?: (value: SelectInputValue, context: SelectInputFocusContext) => void;
+    /**
+     * 输入框值发生变化时触发，`context.trigger` 表示触发输入框值变化的来源：文本输入触发、清除按钮触发、失去焦点等
+     */
+    onInputChange?: (value: InputValue, context?: SelectInputValueChangeContext) => void;
+    /**
+     * 进入输入框时触发
+     */
+    onMouseenter?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 离开输入框时触发
+     */
+    onMouseleave?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 粘贴事件，`pasteValue` 表示粘贴板的内容
+     */
+    onPaste?: (context: {
+        e: ClipboardEvent<HTMLDivElement>;
+        pasteValue: string;
+    }) => void;
+    /**
+     * 下拉框显示或隐藏时触发
+     */
+    onPopupVisibleChange?: (visible: boolean, context: PopupVisibleChangeContext) => void;
+    /**
+     * 值变化时触发，参数 `context.trigger` 表示数据变化的触发来源；`context.index` 指当前变化项的下标；`context.item` 指当前变化项；`context.e` 表示事件参数
+     */
+    onTagChange?: (value: SelectInputValue, context: SelectInputChangeContext) => void;
+}
+export interface SelectInputKeys {
+    label?: string;
+    value?: string;
+    children?: string;
+}
+export declare type SelectInputValue = string | number | boolean | Date | Object | Array<any> | Array<SelectInputValue>;
+export interface SelectInputFocusContext {
+    inputValue: InputValue;
+    tagInputValue?: TagInputValue;
+    e: FocusEvent<HTMLInputElement>;
+}
+export interface SelectInputValueChangeContext {
+    e?: FormEvent<HTMLDivElement> | MouseEvent<HTMLElement | SVGElement> | FocusEvent<HTMLInputElement> | KeyboardEvent<HTMLDivElement>;
+    trigger: 'input' | 'clear' | 'blur';
+}
+export declare type SelectInputChangeContext = TagInputChangeContext;

package/esm/select-input/type.js

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

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

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

package/esm/select-input/useMultiple.d.ts

@@ -0,0 +1,15 @@
+import React, { MouseEvent } from 'react';
+import { TdSelectInputProps } from './type';
+import { SelectInputCommonProperties } from './interface';
+export interface RenderSelectMultipleParams {
+    commonInputProps: SelectInputCommonProperties;
+    onInnerClear: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+}
+export default function useMultiple(props: TdSelectInputProps): {
+    tags: any[];
+    tPlaceholder: string;
+    tagInputRef: React.MutableRefObject<undefined>;
+    renderSelectMultiple: (p: RenderSelectMultipleParams) => JSX.Element;
+};