tdesign-react 0.25.1 → 0.26.0

package/es/select-input/SelectInput.js

@@ -0,0 +1,167 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-ada514b9.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-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/zh_CN_config.js';
+import '../popup/Popup.js';
+import '../_chunks/dep-e9eb270f.js';
+import '../_chunks/dep-722fe6eb.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-f5031153.js';
+import '../_util/easing.js';
+import '../popup/hooks/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/utils/getTransitionParams.js';
+import './style/css.js';
+import '../popup/type.js';
+import '../_chunks/dep-0c320105.js';
+import '../_chunks/dep-8d8a59c5.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-9c495ff4.js';
+import '../_chunks/dep-17843c23.js';
+import '../_chunks/dep-4bde00b2.js';
+import '../_chunks/dep-c5a4a84b.js';
+import '../_chunks/dep-93f0cc3c.js';
+import '../_chunks/dep-a3e8ed28.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-9f6be541.js';
+import 'tdesign-icons-react';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../_util/helper.js';
+import '../_chunks/dep-bce15148.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../input/type.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../loading/gradient.js';
+import '../_common/js/loading/circle-adapter.js';
+import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
+import '../loading/plugin.js';
+import '../loading/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-d08c8845.js';
+import 'lodash';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../tag/type.js';
+import '../tag-input/useHover.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 _useOverlayStyle = useOverlayStyle(props),
+      tOverlayStyle = _useOverlayStyle.tOverlayStyle,
+      innerPopupVisible = _useOverlayStyle.innerPopupVisible,
+      onInnerPopupVisibleChange = _useOverlayStyle.onInnerPopupVisibleChange;
+
+  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 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,
+    popupVisible: visibleProps.visible
+  }) : renderSelectSingle(visibleProps.visible));
+  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/es/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 { tOverlayStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayStyle(props);\n  const { commonInputProps, inputRef, onInnerClear, renderSelectSingle } = useSingle(props);\n  const { tagInputRef, renderSelectMultiple } = useMultiple(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            popupVisible: visibleProps.visible,\n          })\n        : renderSelectSingle(visibleProps.visible)}\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","useOverlayStyle","tOverlayStyle","innerPopupVisible","onInnerPopupVisibleChange","useSingle","commonInputProps","inputRef","onInnerClear","renderSelectSingle","useMultiple","tagInputRef","renderSelectMultiple","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/es/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/es/select-input/index.js

@@ -0,0 +1,105 @@
+/**
+ * tdesign v0.26.0
+ * (c) 2022 tdesign
+ * @license MIT
+ */
+
+import SelectInput$1 from './SelectInput.js';
+import './style/css.js';
+import './type.js';
+import '../_chunks/dep-ada514b9.js';
+import 'react';
+import 'classnames';
+import '../_util/useConfig.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/zh_CN_config.js';
+import '../popup/index.js';
+import '../popup/Popup.js';
+import '../_chunks/dep-e9eb270f.js';
+import '../_chunks/dep-722fe6eb.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-f5031153.js';
+import '../_util/easing.js';
+import '../popup/hooks/useTriggerProps.js';
+import '../_util/useClickOutside.js';
+import '../popup/utils/getTransitionParams.js';
+import '../popup/type.js';
+import './useSingle.js';
+import '../_chunks/dep-0c320105.js';
+import '../_chunks/dep-8d8a59c5.js';
+import '../_chunks/dep-6a9e2ff5.js';
+import '../_chunks/dep-9c495ff4.js';
+import '../_chunks/dep-17843c23.js';
+import '../_chunks/dep-4bde00b2.js';
+import '../_chunks/dep-c5a4a84b.js';
+import '../_chunks/dep-93f0cc3c.js';
+import '../_chunks/dep-a3e8ed28.js';
+import '../input/index.js';
+import '../input/Input.js';
+import '../_chunks/dep-9f6be541.js';
+import 'tdesign-icons-react';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
+import '../_util/helper.js';
+import '../_chunks/dep-bce15148.js';
+import '../_chunks/dep-b59a613a.js';
+import '../_chunks/dep-1f097e5c.js';
+import '../input/InputGroup.js';
+import '../_util/useDefaultValue.js';
+import '../input/type.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../loading/gradient.js';
+import '../_common/js/loading/circle-adapter.js';
+import '../_common/js/utils/set-style.js';
+import '../_common/js/utils/helper.js';
+import '../loading/plugin.js';
+import '../loading/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-d08c8845.js';
+import 'lodash';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../tag/type.js';
+import '../tag-input/useHover.js';
+import '../tag-input/type.js';
+import './useOverlayStyle.js';
+
+var SelectInput = SelectInput$1;
+
+export { SelectInput, SelectInput as default };
+//# sourceMappingURL=index.js.map

package/es/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/es/select-input/style/css.d.ts

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

package/es/select-input/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/es/select-input/style/index.css

@@ -0,0 +1,40 @@
+.t-select-input,
+.t-select-input__wrap {
+  width: 100%;
+  display: inline-block;
+}
+/** 无边框模式 */
+.t-select-input--borderless {
+  /** 无边框模式的多选 */
+}
+.t-select-input--borderless .t-input {
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
+}
+.t-select-input--borderless .t-input:hover {
+  background-color: var(--td-bg-color-container-hover);
+  border-radius: 3px;
+}
+.t-select-input--borderless .t-input--focused {
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible input {
+  display: inline-block;
+}
+.t-select-input--borderless.t-select-input--multiple:not(.t-select-input--empty).t-select-input--popup-visible .t-input {
+  background-color: var(--td-bg-color-container-hover);
+}
+.t-select-input--borderless.t-tag-input {
+  border: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: background-color 0.2s linear;
+  transition: background-color 0.2s linear;
+}
+.t-select-input--borderless.t-tag-input:hover {
+  background-color: var(--td-bg-color-container-hover);
+  border-radius: 3px;
+}

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

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

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

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

package/es/select-input/style/index.js.map

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

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

@@ -0,0 +1,211 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 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;
+    /**
+     * 是否处于加载状态
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 最小折叠数量，用于标签数量过多的情况下折叠选中项，超出该数值的选中项折叠。值为 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<HTMLInputElement>;
+    trigger: 'input' | 'clear' | 'blur';
+}
+export declare type SelectInputChangeContext = TagInputChangeContext;

package/es/select-input/type.js

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

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

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

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

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