@tendaui/react 1.1.1 → 1.1.2

package/es/select/type.d.ts

@@ -0,0 +1,344 @@
+/**
+ * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
+ * */
+import { InputProps } from '../input';
+import { PopupProps } from '../popup';
+import { SelectInputProps } from '../select-input';
+import { TagInputProps } from '../tag-input';
+import { TagProps } from '../tag';
+import { SelectInputValueChangeContext } from '../select-input';
+import { PopupVisibleChangeContext } from '../popup';
+import { PlainObject, TNode, TElement, SizeEnum, InfinityScroll } from '../common';
+import { MouseEvent, KeyboardEvent, FocusEvent } from 'react';
+export interface TdSelectProps<T extends SelectOption = SelectOption> {
+    /**
+     * 宽度随内容自适应
+     * @default false
+     */
+    autoWidth?: boolean;
+    /**
+     * 自动聚焦
+     * @default false
+     */
+    autofocus?: boolean;
+    /**
+     * 无边框模式
+     * @default false
+     */
+    borderless?: boolean;
+    /**
+     * 是否可以清空选项
+     * @default false
+     */
+    clearable?: boolean;
+    /**
+     * 多选情况下，用于设置折叠项内容，默认为 `+N`。如果需要悬浮就显示其他内容，可以使用 collapsedItems 自定义。`value` 表示当前存在的所有标签，`collapsedSelectedItems` 表示折叠的标签，泛型 `T` 继承 `SelectOption`，表示选项数据；`count` 表示折叠的数量, `onClose` 表示移除标签
+     */
+    collapsedItems?: TNode<{
+        value: T[];
+        collapsedSelectedItems: T[];
+        count: number;
+        onClose: (context: {
+            index: number;
+            e?: MouseEvent;
+        }) => void;
+    }>;
+    /**
+     * 是否允许用户创建新条目，需配合 filterable 使用
+     * @default false
+     */
+    creatable?: boolean;
+    /**
+     * 是否禁用组件
+     */
+    disabled?: boolean;
+    /**
+     * 当下拉列表为空时显示的内容
+     */
+    empty?: TNode;
+    /**
+     * 自定义搜索规则，用于对现有数据进行搜索，判断是否过滤某一项数据。参数 `filterWords` 表示搜索词，`option`表示单个选项内容，返回值为 `true` 保留该选项，返回值为 `false` 则隐藏该选项。使用该方法时无需设置 `filterable`
+     */
+    filter?: (filterWords: string, option: T) => boolean | Promise<boolean>;
+    /**
+     * 是否可搜索，默认搜索规则不区分大小写，全文本任意位置匹配。如果默认搜索规则不符合业务需求，可以更为使用 `filter` 自定义过滤规则
+     */
+    filterable?: boolean;
+    /**
+     * 透传 Input 输入框组件的全部属性
+     */
+    inputProps?: InputProps;
+    /**
+     * 输入框的值
+     */
+    inputValue?: string;
+    /**
+     * 输入框的值，非受控属性
+     */
+    defaultInputValue?: string;
+    /**
+     * 用来定义 value / label / disabled 在 `options` 中对应的字段别名
+     */
+    keys?: SelectKeysType;
+    /**
+     * 左侧文本
+     */
+    label?: TNode;
+    /**
+     * 是否为加载状态
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * 远程加载时显示的文字，支持自定义。如加上超链接
+     */
+    loadingText?: TNode;
+    /**
+     * 用于控制多选数量，值为 0 则不限制
+     * @default 0
+     */
+    max?: number;
+    /**
+     * 最小折叠数量，用于多选情况下折叠选中项，超出该数值的选中项折叠。值为 0 则表示不折叠
+     * @default 0
+     */
+    minCollapsedNum?: number;
+    /**
+     * 是否允许多选
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * 数据化配置选项内容
+     */
+    options?: Array<T>;
+    /**
+     * 下拉选项布局方式，有纵向排列和横向排列两种，默认纵向排列
+     * @default vertical
+     */
+    optionsLayout?: 'vertical' | 'horizontal';
+    /**
+     * 面板内的底部内容
+     */
+    panelBottomContent?: TNode;
+    /**
+     * 面板内的顶部内容
+     */
+    panelTopContent?: TNode;
+    /**
+     * 占位符
+     */
+    placeholder?: string;
+    /**
+     * 透传给 popup 组件的全部属性
+     */
+    popupProps?: PopupProps;
+    /**
+     * 是否显示下拉框
+     */
+    popupVisible?: boolean;
+    /**
+     * 是否显示下拉框，非受控属性
+     */
+    defaultPopupVisible?: boolean;
+    /**
+     * 组件前置图标
+     */
+    prefixIcon?: TElement;
+    /**
+     * 只读状态，值为真会隐藏输入框，且无法打开下拉框
+     * @default false
+     */
+    readonly?: boolean;
+    /**
+     * 多选且可搜索时，是否在选中一个选项后保留当前的搜索关键词
+     * @default false
+     */
+    reserveKeyword?: boolean;
+    /**
+     * 懒加载和虚拟滚动。为保证组件收益最大化，当数据量小于阈值 `scroll.threshold` 时，无论虚拟滚动的配置是否存在，组件内部都不会开启虚拟滚动，`scroll.threshold` 默认为 `100`
+     */
+    scroll?: InfinityScroll;
+    /**
+     * 透传 SelectInput 筛选器输入框组件的全部属性
+     */
+    selectInputProps?: SelectInputProps;
+    /**
+     * 是否显示右侧箭头，默认显示
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * 组件尺寸
+     * @default medium
+     */
+    size?: SizeEnum;
+    /**
+     * 输入框状态
+     * @default default
+     */
+    status?: 'default' | 'success' | 'warning' | 'error';
+    /**
+     * 后置图标前的后置内容
+     */
+    suffix?: TNode;
+    /**
+     * 组件后置图标
+     */
+    suffixIcon?: TElement;
+    /**
+     * 透传 TagInput 标签输入框组件的全部属性
+     */
+    tagInputProps?: TagInputProps;
+    /**
+     * 透传 Tag 标签组件全部属性
+     */
+    tagProps?: TagProps;
+    /**
+     * 输入框下方提示文本，会根据不同的 `status` 呈现不同的样式
+     */
+    tips?: TNode;
+    /**
+     * 选中值
+     */
+    value?: SelectValue;
+    /**
+     * 选中值，非受控属性
+     */
+    defaultValue?: SelectValue;
+    /**
+     * 自定义选中项呈现的内容
+     */
+    valueDisplay?: string | TNode<{
+        value: SelectValue;
+        onClose: (index: number) => void;
+        displayValue?: SelectValue;
+    }>;
+    /**
+     * 用于控制选中值的类型。假设数据选项为：`[{ label: '姓名', value: 'name' }]`，value 表示值仅返回数据选项中的 value， object 表示值返回全部数据。
+     * @default value
+     */
+    valueType?: 'value' | 'object';
+    /**
+     * 输入框失去焦点时触发
+     */
+    onBlur?: (context: {
+        value: SelectValue;
+        e: FocusEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 选中值变化时触发。`context.trigger` 表示触发变化的来源；`context.selectedOptions` 表示选中值的完整对象，数组长度一定和 `value` 相同；`context.option` 表示当前操作的选项，不一定存在
+     */
+    onChange?: (value: SelectValue, context: {
+        option?: T;
+        selectedOptions: T[];
+        trigger: SelectValueChangeTrigger;
+        e?: MouseEvent<SVGElement | HTMLDivElement | HTMLLIElement> | KeyboardEvent<HTMLInputElement>;
+    }) => void;
+    /**
+     * 点击清除按钮时触发
+     */
+    onClear?: (context: {
+        e: MouseEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 当选择新创建的条目时触发
+     */
+    onCreate?: (value: string | number) => void;
+    /**
+     * 回车键按下时触发。`inputValue` 表示输入框的值，`value` 表示选中值
+     */
+    onEnter?: (context: {
+        inputValue: string;
+        e: KeyboardEvent<HTMLDivElement>;
+        value: SelectValue;
+    }) => void;
+    /**
+     * 输入框获得焦点时触发
+     */
+    onFocus?: (context: {
+        value: SelectValue;
+        e: FocusEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>;
+    }) => void;
+    /**
+     * 输入框值发生变化时触发，`context.trigger` 表示触发输入框值变化的来源：文本输入触发、清除按钮触发、失去焦点等
+     */
+    onInputChange?: (value: string, context?: SelectInputValueChangeContext) => void;
+    /**
+     * 下拉框显示或隐藏时触发
+     */
+    onPopupVisibleChange?: (visible: boolean, context: PopupVisibleChangeContext) => void;
+    /**
+     * 多选模式下，选中数据被移除时触发
+     */
+    onRemove?: (options: SelectRemoveContext<T>) => void;
+    /**
+     * 输入值变化时，触发搜索事件。主要用于远程搜索新数据
+     */
+    onSearch?: (filterWords: string, context: {
+        e: KeyboardEvent<HTMLDivElement>;
+    }) => void;
+}
+export interface TdOptionProps {
+    /**
+     * 当前选项是否为全选，全选可以在顶部，也可以在底部。点击当前选项会选中禁用态除外的全部选项，即使是分组选择器也会选中全部选项
+     * @default false
+     */
+    checkAll?: boolean;
+    /**
+     * 用于定义复杂的选项内容，同 content
+     */
+    children?: TNode;
+    /**
+     * 用于定义复杂的选项内容
+     */
+    content?: TNode;
+    /**
+     * 是否禁用该选项
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 选项名称
+     * @default ''
+     */
+    label?: string;
+    /**
+     * 选项标题，在选项过长时hover选项展示
+     * @default ''
+     */
+    title?: string;
+    /**
+     * 选项值
+     */
+    value?: string | number;
+}
+export interface TdOptionGroupProps {
+    /**
+     * 是否显示分隔线
+     * @default true
+     */
+    divider?: boolean;
+    /**
+     * 分组别名
+     * @default ''
+     */
+    label?: string;
+}
+export interface SelectKeysType {
+    value?: string;
+    label?: string;
+    disabled?: string;
+}
+export type SelectValue<T extends SelectOption = SelectOption> = string | number | boolean | T | Array<SelectValue<T>>;
+export type SelectValueChangeTrigger = 'clear' | 'tag-remove' | 'backspace' | 'check' | 'uncheck' | 'default';
+export interface SelectRemoveContext<T> {
+    value: SelectValue;
+    data: T;
+    e: MouseEvent<HTMLDivElement | HTMLLIElement> | KeyboardEvent<HTMLDivElement>;
+}
+export type SelectOption = TdOptionProps | SelectOptionGroup | PlainObject;
+export interface SelectOptionGroup extends TdOptionGroupProps {
+    group: string;
+    children: Array<TdOptionProps>;
+}

package/es/select/utils/helper.d.ts

@@ -0,0 +1,18 @@
+import { ReactElement } from "react";
+import { SelectValue, TdOptionProps, SelectKeysType, TdSelectProps, SelectOption, SelectOptionGroup } from "../type";
+export declare function isSelectOptionGroup(option: SelectOption): option is SelectOptionGroup;
+export type ValueToOption = {
+    [value: string | number]: TdOptionProps;
+};
+export declare const getValueToOption: (children: ReactElement, options: SelectOption[], keys: SelectKeysType) => ValueToOption;
+export declare const getLabel: (children: ReactElement, value: SelectValue<TdOptionProps>, options: TdOptionProps[], keys: SelectKeysType) => string;
+export declare const getMultipleTags: (values: SelectValue[], keys: SelectKeysType) => {
+    label: any;
+    value: any;
+}[];
+export declare const getSelectValueArr: (values: SelectValue | SelectValue[], activeValue: SelectValue, selected?: boolean, valueType?: TdSelectProps["valueType"], keys?: SelectKeysType, objVal?: SelectValue) => (string | number | boolean | import("../../common").PlainObject | TdOptionProps | SelectOptionGroup | SelectValue<SelectOption>[])[];
+export declare const getSelectedOptions: (value: SelectValue, multiple: TdSelectProps["multiple"], valueType: TdSelectProps["valueType"], keys: SelectKeysType, valueToOption: ValueToOption, selectedValue?: SelectValue) => {
+    currentSelectedOptions: any[];
+    currentOption: SelectOption;
+    allSelectedValue: SelectValue[];
+};

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { PopupRef } from "../popup";
+import { TdSelectInputProps } from "./type";
+import { StyledProps } from "../common";
+import { InputRef } from "../input";
+export interface SelectInputProps extends TdSelectInputProps, StyledProps {
+    updateScrollTop?: (content: HTMLDivElement) => void;
+    options?: unknown[];
+}
+declare const SelectInput: React.ForwardRefExoticComponent<SelectInputProps & React.RefAttributes<Partial<PopupRef & InputRef>>>;
+export default SelectInput;

package/es/select-input/SelectInput.js

@@ -8,15 +8,17 @@ import { _ as _typeof } from '../_chunks/dep-D-UKOauR.js';
 import { _ as _slicedToArray } from '../_chunks/dep-CzLhKWCf.js';
 import { isFunction, isObject } from 'lodash-es';
 import { u as useControlled } from '../_chunks/dep-DwWrhxkd.js';
-import { u as useConfig } from '../_chunks/dep-u1x3x6MJ.js';
+import { u as useConfig } from '../_chunks/dep-gy8uvBaS.js';
 import { u as useDefaultProps } from '../_chunks/dep-DGvfel3I.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '../_chunks/dep-DN7d1SzH.js';
 import '@tendaui/icons';
-import '../_chunks/dep-0QH2Ee4R.js';
+import '../_chunks/dep-BRbJGDI9.js';
+import '../_chunks/dep-DRwijJcv.js';
 import '../_chunks/dep-D6YxJv-F.js';
-import '../config-provider/ConfigContext.js';
+import '../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 import '../input/InputGroup.js';
 import '../input/style/css.js';
 import '../tag-input/index.js';
@@ -25,8 +27,9 @@ import '../tag-input/hooks/useTagList.js';
 import '../_chunks/dep-CgyDw_YI.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
+import '../_chunks/dep-zOZQ0R9g.js';
 import '../_chunks/dep-U1T8CQY9.js';
-import '../_chunks/dep-bWaVq_y3.js';
+import '../_chunks/dep-ByzdZjUR.js';
 import '../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
 import '../tag/style/css.js';
@@ -35,12 +38,14 @@ import '../tag-input/style/css.js';
 import '../popup/Popup.js';
 import '../portal/Portal.js';
 import 'react-dom';
+import '../_chunks/dep-CkmtEv0Y.js';
 import 'react-is';
 import '../_chunks/dep-C1XcmShP.js';
+import '../_chunks/dep-Ccktr_jk.js';
 import '@popperjs/core';
 import 'react-fast-compare';
 import 'react-transition-group';
-import '../_chunks/dep-BH5n5r1M.js';
+import '../_chunks/dep-DbVHGoUC.js';
 import '../popup/style/css.js';
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

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

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.js","sources":["../../../components/select-input/hook/useOverlayInnerStyle.ts","../../../components/select-input/defaultProps.ts","../../../components/select-input/SelectInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { isObject, isFunction } from \"lodash-es\";\nimport useControlled from \"../../hooks/useControlled\";\nimport { TdSelectInputProps } from \"../type\";\nimport { TdPopupProps, PopupVisibleChangeContext } from \"../../popup\";\n\nexport type overlayStyleProps = Pick<\n  TdSelectInputProps,\n  | \"popupProps\"\n  | \"autoWidth\"\n  | \"readonly\"\n  | \"onPopupVisibleChange\"\n  | \"disabled\"\n  | \"allowInput\"\n  | \"popupVisible\"\n  | \"defaultPopupVisible\"\n>;\n\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayInnerStyle(\n  props: overlayStyleProps,\n  extra?: {\n    afterHidePopups?: (ctx: PopupVisibleChangeContext) => void;\n  }\n) {\n  const { popupProps, autoWidth, readonly, disabled, onPopupVisibleChange, allowInput } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useControlled(props, \"popupVisible\", onPopupVisibleChange);\n  const matchWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) {\n      return;\n    }\n\n    const prevDisplay = popupElement.style.display;\n    popupElement.style.display = \"\";\n    const overlayScrollWidth = popupElement.offsetWidth - popupElement.scrollWidth;\n    const width =\n      popupElement.offsetWidth - overlayScrollWidth > triggerElement.offsetWidth\n        ? popupElement.scrollWidth\n        : triggerElement.offsetWidth - overlayScrollWidth;\n    if (prevDisplay === \"none\") {\n      popupElement.style.display = \"none\";\n    }\n    let otherOverlayInnerStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayInnerStyle === \"object\" && !popupProps.overlayInnerStyle.width) {\n      otherOverlayInnerStyle = popupProps.overlayInnerStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayInnerStyle\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    if (disabled || readonly) {\n      return;\n    }\n    // 如果点击触发元素（输入框）且为可输入状态，则继续显示下拉框\n    const newVisible = context.trigger === \"trigger-element-click\" && allowInput ? true : visible;\n    if (props.popupVisible !== newVisible) {\n      setInnerPopupVisible(newVisible, context);\n      if (!newVisible) {\n        extra?.afterHidePopups?.(context);\n      }\n    }\n  };\n  const tOverlayInnerStyle = useMemo(() => {\n    let result: TdPopupProps[\"overlayInnerStyle\"] = {};\n    const overlayInnerStyle = popupProps?.overlayInnerStyle || {};\n    if (isFunction(overlayInnerStyle) || (isObject(overlayInnerStyle) && overlayInnerStyle.width)) {\n      result = overlayInnerStyle;\n    } else if (!autoWidth) {\n      result = matchWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoWidth, popupProps?.overlayInnerStyle]);\n\n  return {\n    tOverlayInnerStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange\n  };\n}\n","import { TdSelectInputProps } from \"./type\";\n\nexport const selectInputDefaultProps: TdSelectInputProps = {\n  allowInput: false,\n  autoWidth: false,\n  autofocus: false,\n  borderless: false,\n  clearable: false,\n  loading: false,\n  minCollapsedNum: 0,\n  multiple: false,\n  readonly: false,\n  reserveKeyword: false,\n  status: \"default\"\n};\n","import React, { useRef, useImperativeHandle } from \"react\";\nimport classNames from \"classnames\";\nimport useSingle from \"./hook/useSingle\";\nimport useMultiple from \"./hook/useMultiple\";\nimport Popup, { PopupRef, PopupVisibleChangeContext } from \"../popup\";\nimport useOverlayInnerStyle from \"./hook/useOverlayInnerStyle\";\nimport { TdSelectInputProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport { selectInputDefaultProps } from \"./defaultProps\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { InputRef } from \"../input\";\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  updateScrollTop?: (content: HTMLDivElement) => void;\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nconst SelectInput = React.forwardRef<Partial<PopupRef & InputRef>, SelectInputProps>((originalProps, ref) => {\n  const props = useDefaultProps<SelectInputProps>(originalProps, selectInputDefaultProps);\n  const { classPrefix: prefix } = useConfig();\n  const selectInputRef = useRef<PopupRef>(null);\n  const selectInputWrapRef = useRef<HTMLElement>(null);\n  const { multiple, value, popupVisible, popupProps, borderless, disabled } = props;\n  const { commonInputProps, inputRef, singleInputValue, onInnerClear, renderSelectSingle } = useSingle(props);\n\n  const { tagInputRef, multipleInputValue, renderSelectMultiple } = useMultiple(props);\n  const { tOverlayInnerStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayInnerStyle(props, {\n    afterHidePopups: onInnerBlur\n  });\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  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {})\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n  function onInnerBlur(ctx: PopupVisibleChangeContext) {\n    const inputValue = props.multiple ? multipleInputValue : singleInputValue;\n    const params: Parameters<TdSelectInputProps[\"onBlur\"]>[1] = {\n      e: ctx.e,\n      inputValue\n    };\n    props.onBlur?.(props.value, params);\n  }\n  const mainContent = (\n    <div className={popupClasses} style={props.style}>\n      <Popup\n        ref={selectInputRef}\n        trigger={popupProps?.trigger || \"click\"}\n        placement=\"bottom-left\"\n        content={props.panel}\n        hideEmptyPopup={true}\n        onVisibleChange={onInnerPopupVisibleChange}\n        updateScrollTop={props.updateScrollTop}\n        {...visibleProps}\n        {...popupProps}\n        disabled={disabled}\n        overlayInnerStyle={tOverlayInnerStyle}\n      >\n        {multiple\n          ? renderSelectMultiple({\n              commonInputProps,\n              onInnerClear,\n              popupVisible: visibleProps.visible,\n              allowInput: props.allowInput\n            })\n          : renderSelectSingle(visibleProps.visible)}\n      </Popup>\n    </div>\n  );\n  if (!props.tips) {\n    return mainContent;\n  }\n\n  return (\n    <div ref={selectInputWrapRef as React.Ref<HTMLDivElement>} className={`t-select-input__wrap`}>\n      {mainContent}\n      {props.tips && <div className={`t-input__tips t-input__tips--${props.status || \"normal\"}`}>{props.tips}</div>}\n    </div>\n  );\n});\n\nSelectInput.displayName = \"SelectInput\";\n\nexport default SelectInput;\n"],"names":["MAX_POPUP_WIDTH","useOverlayInnerStyle","props","extra","popupProps","autoWidth","readonly","disabled","onPopupVisibleChange","allowInput","_useControlled","useControlled","_useControlled2","_slicedToArray","innerPopupVisible","setInnerPopupVisible","matchWidthFunc","triggerElement","popupElement","prevDisplay","style","display","overlayScrollWidth","offsetWidth","scrollWidth","width","otherOverlayInnerStyle","_typeof","overlayInnerStyle","_objectSpread","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","popupVisible","_extra$afterHidePopup","afterHidePopups","call","tOverlayInnerStyle","useMemo","result","isFunction","isObject","selectInputDefaultProps","autofocus","borderless","clearable","loading","minCollapsedNum","multiple","reserveKeyword","status","SelectInput","React","forwardRef","originalProps","ref","useDefaultProps","_useConfig","useConfig","prefix","classPrefix","selectInputRef","useRef","selectInputWrapRef","value","_useSingle","useSingle","commonInputProps","inputRef","singleInputValue","onInnerClear","renderSelectSingle","_useMultiple","useMultiple","tagInputRef","multipleInputValue","renderSelectMultiple","_useOverlayInnerStyle","onInnerBlur","popupClasses","classNames","className","concat","_defineProperty","Array","length","useImperativeHandle","current","visibleProps","ctx","_props$onBlur","inputValue","params","e","onBlur","mainContent","createElement","Popup","placement","content","panel","hideEmptyPopup","onVisibleChange","updateScrollTop","tips","displayName"],"mappings":"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"}
+{"version":3,"file":"SelectInput.js","sources":["../../../components/select-input/hook/useOverlayInnerStyle.ts","../../../components/select-input/defaultProps.ts","../../../components/select-input/SelectInput.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { isObject, isFunction } from \"lodash-es\";\nimport useControlled from \"../../hooks/useControlled\";\nimport { TdSelectInputProps } from \"../type\";\nimport { TdPopupProps, PopupVisibleChangeContext } from \"../../popup\";\n\nexport type overlayStyleProps = Pick<\n  TdSelectInputProps,\n  | \"popupProps\"\n  | \"autoWidth\"\n  | \"readonly\"\n  | \"onPopupVisibleChange\"\n  | \"disabled\"\n  | \"allowInput\"\n  | \"popupVisible\"\n  | \"defaultPopupVisible\"\n>;\n\nconst MAX_POPUP_WIDTH = 1000;\n\nexport default function useOverlayInnerStyle(\n  props: overlayStyleProps,\n  extra?: {\n    afterHidePopups?: (ctx: PopupVisibleChangeContext) => void;\n  }\n) {\n  const { popupProps, autoWidth, readonly, disabled, onPopupVisibleChange, allowInput } = props;\n  const [innerPopupVisible, setInnerPopupVisible] = useControlled(props, \"popupVisible\", onPopupVisibleChange);\n  const matchWidthFunc = (triggerElement: HTMLElement, popupElement: HTMLElement) => {\n    if (!triggerElement || !popupElement) {\n      return;\n    }\n\n    const prevDisplay = popupElement.style.display;\n    popupElement.style.display = \"\";\n    const overlayScrollWidth = popupElement.offsetWidth - popupElement.scrollWidth;\n    const width =\n      popupElement.offsetWidth - overlayScrollWidth > triggerElement.offsetWidth\n        ? popupElement.scrollWidth\n        : triggerElement.offsetWidth - overlayScrollWidth;\n    if (prevDisplay === \"none\") {\n      popupElement.style.display = \"none\";\n    }\n    let otherOverlayInnerStyle: React.CSSProperties = {};\n    if (popupProps && typeof popupProps.overlayInnerStyle === \"object\" && !popupProps.overlayInnerStyle.width) {\n      otherOverlayInnerStyle = popupProps.overlayInnerStyle;\n    }\n    return {\n      width: `${Math.min(width, MAX_POPUP_WIDTH)}px`,\n      ...otherOverlayInnerStyle\n    };\n  };\n\n  const onInnerPopupVisibleChange = (visible: boolean, context: PopupVisibleChangeContext) => {\n    if (disabled || readonly) {\n      return;\n    }\n    // 如果点击触发元素（输入框）且为可输入状态，则继续显示下拉框\n    const newVisible = context.trigger === \"trigger-element-click\" && allowInput ? true : visible;\n    if (props.popupVisible !== newVisible) {\n      setInnerPopupVisible(newVisible, context);\n      if (!newVisible) {\n        extra?.afterHidePopups?.(context);\n      }\n    }\n  };\n  const tOverlayInnerStyle = useMemo(() => {\n    let result: TdPopupProps[\"overlayInnerStyle\"] = {};\n    const overlayInnerStyle = popupProps?.overlayInnerStyle || {};\n    if (isFunction(overlayInnerStyle) || (isObject(overlayInnerStyle) && overlayInnerStyle.width)) {\n      result = overlayInnerStyle;\n    } else if (!autoWidth) {\n      result = matchWidthFunc;\n    }\n    return result;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [autoWidth, popupProps?.overlayInnerStyle]);\n\n  return {\n    tOverlayInnerStyle,\n    innerPopupVisible,\n    onInnerPopupVisibleChange\n  };\n}\n","import { TdSelectInputProps } from \"./type\";\n\nexport const selectInputDefaultProps: TdSelectInputProps = {\n  allowInput: false,\n  autoWidth: false,\n  autofocus: false,\n  borderless: false,\n  clearable: false,\n  loading: false,\n  minCollapsedNum: 0,\n  multiple: false,\n  readonly: false,\n  reserveKeyword: false,\n  status: \"default\"\n};\n","import React, { useRef, useImperativeHandle } from \"react\";\nimport classNames from \"classnames\";\nimport useSingle from \"./hook/useSingle\";\nimport useMultiple from \"./hook/useMultiple\";\nimport Popup, { PopupRef, PopupVisibleChangeContext } from \"../popup\";\nimport useOverlayInnerStyle from \"./hook/useOverlayInnerStyle\";\nimport { TdSelectInputProps } from \"./type\";\nimport { StyledProps } from \"../common\";\nimport { selectInputDefaultProps } from \"./defaultProps\";\nimport useConfig from \"../hooks/useConfig\";\nimport useDefaultProps from \"../hooks/useDefaultProps\";\nimport { InputRef } from \"../input\";\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  updateScrollTop?: (content: HTMLDivElement) => void;\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nconst SelectInput = React.forwardRef<Partial<PopupRef & InputRef>, SelectInputProps>((originalProps, ref) => {\n  const props = useDefaultProps<SelectInputProps>(originalProps, selectInputDefaultProps);\n  const { classPrefix: prefix } = useConfig();\n  const selectInputRef = useRef<PopupRef>(null);\n  const selectInputWrapRef = useRef<HTMLElement>(null);\n  const { multiple, value, popupVisible, popupProps, borderless, disabled } = props;\n  const { commonInputProps, inputRef, singleInputValue, onInnerClear, renderSelectSingle } = useSingle(props);\n\n  const { tagInputRef, multipleInputValue, renderSelectMultiple } = useMultiple(props);\n  const { tOverlayInnerStyle, innerPopupVisible, onInnerPopupVisibleChange } = useOverlayInnerStyle(props, {\n    afterHidePopups: onInnerBlur\n  });\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  useImperativeHandle(ref, () => ({\n    ...(selectInputRef.current || {}),\n    ...(inputRef.current || {}),\n    ...(tagInputRef.current || {})\n  }));\n\n  // 浮层显示的受控与非受控\n  const visibleProps = { visible: popupVisible ?? innerPopupVisible };\n  function onInnerBlur(ctx: PopupVisibleChangeContext) {\n    const inputValue = props.multiple ? multipleInputValue : singleInputValue;\n    const params: Parameters<TdSelectInputProps[\"onBlur\"]>[1] = {\n      e: ctx.e,\n      inputValue\n    };\n    props.onBlur?.(props.value, params);\n  }\n  const mainContent = (\n    <div className={popupClasses} style={props.style}>\n      <Popup\n        ref={selectInputRef}\n        trigger={popupProps?.trigger || \"click\"}\n        placement=\"bottom-left\"\n        content={props.panel}\n        hideEmptyPopup={true}\n        onVisibleChange={onInnerPopupVisibleChange}\n        updateScrollTop={props.updateScrollTop}\n        {...visibleProps}\n        {...popupProps}\n        disabled={disabled}\n        overlayInnerStyle={tOverlayInnerStyle}\n      >\n        {multiple\n          ? renderSelectMultiple({\n              commonInputProps,\n              onInnerClear,\n              popupVisible: visibleProps.visible,\n              allowInput: props.allowInput\n            })\n          : renderSelectSingle(visibleProps.visible)}\n      </Popup>\n    </div>\n  );\n  if (!props.tips) {\n    return mainContent;\n  }\n\n  return (\n    <div ref={selectInputWrapRef as React.Ref<HTMLDivElement>} className={`t-select-input__wrap`}>\n      {mainContent}\n      {props.tips && <div className={`t-input__tips t-input__tips--${props.status || \"normal\"}`}>{props.tips}</div>}\n    </div>\n  );\n});\n\nSelectInput.displayName = \"SelectInput\";\n\nexport default SelectInput;\n"],"names":["MAX_POPUP_WIDTH","useOverlayInnerStyle","props","extra","popupProps","autoWidth","readonly","disabled","onPopupVisibleChange","allowInput","_useControlled","useControlled","_useControlled2","_slicedToArray","innerPopupVisible","setInnerPopupVisible","matchWidthFunc","triggerElement","popupElement","prevDisplay","style","display","overlayScrollWidth","offsetWidth","scrollWidth","width","otherOverlayInnerStyle","_typeof","overlayInnerStyle","_objectSpread","Math","min","onInnerPopupVisibleChange","visible","context","newVisible","trigger","popupVisible","_extra$afterHidePopup","afterHidePopups","call","tOverlayInnerStyle","useMemo","result","isFunction","isObject","selectInputDefaultProps","autofocus","borderless","clearable","loading","minCollapsedNum","multiple","reserveKeyword","status","SelectInput","React","forwardRef","originalProps","ref","useDefaultProps","_useConfig","useConfig","prefix","classPrefix","selectInputRef","useRef","selectInputWrapRef","value","_useSingle","useSingle","commonInputProps","inputRef","singleInputValue","onInnerClear","renderSelectSingle","_useMultiple","useMultiple","tagInputRef","multipleInputValue","renderSelectMultiple","_useOverlayInnerStyle","onInnerBlur","popupClasses","classNames","className","concat","_defineProperty","Array","length","useImperativeHandle","current","visibleProps","ctx","_props$onBlur","inputValue","params","e","onBlur","mainContent","createElement","Popup","placement","content","panel","hideEmptyPopup","onVisibleChange","updateScrollTop","tips","displayName"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { TdSelectInputProps } from "./type";
+export declare const selectInputDefaultProps: TdSelectInputProps;

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

@@ -0,0 +1,23 @@
+import React, { MouseEvent } from "react";
+import { TdSelectInputProps } from "../type";
+import { SelectInputCommonProperties } from "../interface";
+import { InputRef } from "../../input";
+import { StyledProps } from "../../common";
+export interface RenderSelectMultipleParams {
+    commonInputProps: SelectInputCommonProperties;
+    onInnerClear: (context: {
+        e: MouseEvent<SVGElement>;
+    }) => void;
+    popupVisible: boolean;
+    allowInput: boolean;
+}
+export interface SelectInputProps extends TdSelectInputProps, StyledProps {
+    options?: unknown[];
+}
+export default function useMultiple(props: SelectInputProps): {
+    tags: any[];
+    tPlaceholder: string;
+    tagInputRef: React.MutableRefObject<InputRef>;
+    multipleInputValue: string;
+    renderSelectMultiple: (p: RenderSelectMultipleParams) => React.JSX.Element;
+};

package/es/select-input/hook/useMultiple.js

@@ -5,25 +5,28 @@ import { isObject } from 'lodash-es';
 import classNames from 'classnames';
 import { TagInput } from '../../tag-input/index.js';
 import { u as useControlled } from '../../_chunks/dep-DwWrhxkd.js';
-import { u as useConfig } from '../../_chunks/dep-u1x3x6MJ.js';
+import { u as useConfig } from '../../_chunks/dep-gy8uvBaS.js';
 import '../../_chunks/dep-D-UKOauR.js';
 import '../../tag-input/TagInput.js';
 import '@tendaui/icons';
 import '../../input/index.js';
 import '../../input/Input.js';
 import '../../_chunks/dep-DN7d1SzH.js';
-import '../../_chunks/dep-0QH2Ee4R.js';
+import '../../_chunks/dep-BRbJGDI9.js';
+import '../../_chunks/dep-DRwijJcv.js';
 import '../../_chunks/dep-D6YxJv-F.js';
 import '../../_chunks/dep-DGvfel3I.js';
-import '../../config-provider/ConfigContext.js';
+import '../../_chunks/dep-5U9UjDaf.js';
+import 'dayjs';
 import '../../input/InputGroup.js';
 import '../../input/style/css.js';
 import '../../tag-input/hooks/useTagList.js';
 import '../../_chunks/dep-CgyDw_YI.js';
 import '../../tag/index.js';
 import '../../tag/Tag.js';
+import '../../_chunks/dep-zOZQ0R9g.js';
 import '../../_chunks/dep-U1T8CQY9.js';
-import '../../_chunks/dep-bWaVq_y3.js';
+import '../../_chunks/dep-ByzdZjUR.js';
 import '../../_chunks/dep-BP0-apUT.js';
 import 'hoist-non-react-statics';
 import '../../tag/style/css.js';

package/es/select-input/hook/useMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMultiple.js","sources":["../../../../components/select-input/hook/useMultiple.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from \"react\";\nimport { isObject } from \"lodash-es\";\nimport classNames from \"classnames\";\nimport { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys, SelectInputValue } from \"../type\";\nimport TagInput, { TagInputValue } from \"../../tag-input\";\nimport { SelectInputCommonProperties } from \"../interface\";\nimport useControlled from \"../../hooks/useControlled\";\nimport useConfig from \"../../hooks/useConfig\";\nimport { InputRef } from \"../../input\";\nimport { StyledProps } from \"../../common\";\n\nexport interface RenderSelectMultipleParams {\n  commonInputProps: SelectInputCommonProperties;\n  onInnerClear: (context: { e: MouseEvent<SVGElement> }) => void;\n  popupVisible: boolean;\n  allowInput: boolean;\n}\n\nconst DEFAULT_KEYS = {\n  label: \"label\",\n  key: \"key\",\n  children: \"children\"\n};\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nexport default function useMultiple(props: SelectInputProps) {\n  const { value } = props;\n  const { classPrefix } = useConfig();\n  const tagInputRef = useRef<InputRef>(null);\n  const [tInputValue, setTInputValue] = useControlled(props, \"inputValue\", props.onInputChange);\n  const iKeys: SelectInputKeys = { ...DEFAULT_KEYS, ...props.keys };\n\n  const getTags = () => {\n    if (!(value instanceof Array)) {\n      if ([\"\", null, undefined].includes(String(value))) return [];\n      return isObject(value) ? [value[iKeys.label]] : [value];\n    }\n    return value.map((item: SelectInputValue) => (isObject(item) ? item[iKeys.label] : item));\n  };\n  const tags = getTags();\n  const tPlaceholder = !tags || !tags.length ? props.placeholder : \"\";\n\n  const onTagInputChange = (val: TagInputValue, context: SelectInputChangeContext) => {\n    // 避免触发浮层的显示或隐藏\n    if (context.trigger === \"tag-remove\") {\n      context.e?.stopPropagation();\n    }\n    props.onTagChange?.(val, context);\n  };\n\n  const renderSelectMultiple = (p: RenderSelectMultipleParams) => (\n    <TagInput\n      ref={tagInputRef}\n      {...p.commonInputProps}\n      autoWidth={props.autoWidth}\n      readonly={props.readonly}\n      minCollapsedNum={props.minCollapsedNum}\n      collapsedItems={props.collapsedItems}\n      tag={props.tag}\n      valueDisplay={props.valueDisplay}\n      placeholder={tPlaceholder}\n      options={props.options}\n      value={tags}\n      inputValue={p.popupVisible && p.allowInput ? tInputValue : \"\"}\n      onChange={onTagInputChange}\n      onInputChange={(val, context) => {\n        // 筛选器统一特性：筛选器按下回车时不清空输入框\n        if (context?.trigger === \"enter\" || context?.trigger === \"blur\") return;\n        setTInputValue(val, { trigger: context.trigger, e: context.e });\n      }}\n      tagProps={props.tagProps}\n      onClear={p.onInnerClear}\n      // [Important Info]: SelectInput.blur is not equal to TagInput, example: click popup panel\n      onFocus={(val, context) => {\n        props.onFocus?.(props.value, { ...context, tagInputValue: val });\n      }}\n      onBlur={!props.panel ? props.onBlur : null}\n      {...props.tagInputProps}\n      inputProps={{\n        ...props.inputProps,\n        readonly: !props.allowInput || props.readonly,\n        inputClass: classNames(props.tagInputProps?.className, {\n          [`${classPrefix}-input--focused`]: p.popupVisible,\n          [`${classPrefix}-is-focused`]: p.popupVisible\n        })\n      }}\n    />\n  );\n\n  return {\n    tags,\n    tPlaceholder,\n    tagInputRef,\n    multipleInputValue: tInputValue,\n    renderSelectMultiple\n  };\n}\n"],"names":["DEFAULT_KEYS","label","key","children","useMultiple","props","value","_useConfig","useConfig","classPrefix","tagInputRef","useRef","_useControlled","useControlled","onInputChange","_useControlled2","_slicedToArray","tInputValue","setTInputValue","iKeys","keys","getTags","Array","includes","String","isObject","map","item","tags","tPlaceholder","length","placeholder","onTagInputChange","val","context","_props$onTagChange","trigger","_context$e","e","stopPropagation","onTagChange","call","renderSelectMultiple","p","_props$tagInputProps","React","createElement","TagInput","_objectSpread","ref","commonInputProps","autoWidth","readonly","minCollapsedNum","collapsedItems","tag","valueDisplay","options","inputValue","popupVisible","allowInput","onChange","tagProps","onClear","onInnerClear","onFocus","_props$onFocus","tagInputValue","onBlur","panel","tagInputProps","inputProps","inputClass","classNames","className","_defineProperty","concat","multipleInputValue"],"mappings":"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"}
+{"version":3,"file":"useMultiple.js","sources":["../../../../components/select-input/hook/useMultiple.tsx"],"sourcesContent":["import React, { useRef, MouseEvent } from \"react\";\nimport { isObject } from \"lodash-es\";\nimport classNames from \"classnames\";\nimport { TdSelectInputProps, SelectInputChangeContext, SelectInputKeys, SelectInputValue } from \"../type\";\nimport TagInput, { TagInputValue } from \"../../tag-input\";\nimport { SelectInputCommonProperties } from \"../interface\";\nimport useControlled from \"../../hooks/useControlled\";\nimport useConfig from \"../../hooks/useConfig\";\nimport { InputRef } from \"../../input\";\nimport { StyledProps } from \"../../common\";\n\nexport interface RenderSelectMultipleParams {\n  commonInputProps: SelectInputCommonProperties;\n  onInnerClear: (context: { e: MouseEvent<SVGElement> }) => void;\n  popupVisible: boolean;\n  allowInput: boolean;\n}\n\nconst DEFAULT_KEYS = {\n  label: \"label\",\n  key: \"key\",\n  children: \"children\"\n};\n\nexport interface SelectInputProps extends TdSelectInputProps, StyledProps {\n  options?: unknown[]; // 参数穿透options, 给SelectInput/SelectInput 自定义选中项呈现的内容和多选状态下设置折叠项内容\n}\n\nexport default function useMultiple(props: SelectInputProps) {\n  const { value } = props;\n  const { classPrefix } = useConfig();\n  const tagInputRef = useRef<InputRef>(null);\n  const [tInputValue, setTInputValue] = useControlled(props, \"inputValue\", props.onInputChange);\n  const iKeys: SelectInputKeys = { ...DEFAULT_KEYS, ...props.keys };\n\n  const getTags = () => {\n    if (!(value instanceof Array)) {\n      if ([\"\", null, undefined].includes(String(value))) return [];\n      return isObject(value) ? [value[iKeys.label]] : [value];\n    }\n    return value.map((item: SelectInputValue) => (isObject(item) ? item[iKeys.label] : item));\n  };\n  const tags = getTags();\n  const tPlaceholder = !tags || !tags.length ? props.placeholder : \"\";\n\n  const onTagInputChange = (val: TagInputValue, context: SelectInputChangeContext) => {\n    // 避免触发浮层的显示或隐藏\n    if (context.trigger === \"tag-remove\") {\n      context.e?.stopPropagation();\n    }\n    props.onTagChange?.(val, context);\n  };\n\n  const renderSelectMultiple = (p: RenderSelectMultipleParams) => (\n    <TagInput\n      ref={tagInputRef}\n      {...p.commonInputProps}\n      autoWidth={props.autoWidth}\n      readonly={props.readonly}\n      minCollapsedNum={props.minCollapsedNum}\n      collapsedItems={props.collapsedItems}\n      tag={props.tag}\n      valueDisplay={props.valueDisplay}\n      placeholder={tPlaceholder}\n      options={props.options}\n      value={tags}\n      inputValue={p.popupVisible && p.allowInput ? tInputValue : \"\"}\n      onChange={onTagInputChange}\n      onInputChange={(val, context) => {\n        // 筛选器统一特性：筛选器按下回车时不清空输入框\n        if (context?.trigger === \"enter\" || context?.trigger === \"blur\") return;\n        setTInputValue(val, { trigger: context.trigger, e: context.e });\n      }}\n      tagProps={props.tagProps}\n      onClear={p.onInnerClear}\n      // [Important Info]: SelectInput.blur is not equal to TagInput, example: click popup panel\n      onFocus={(val, context) => {\n        props.onFocus?.(props.value, { ...context, tagInputValue: val });\n      }}\n      onBlur={!props.panel ? props.onBlur : null}\n      {...props.tagInputProps}\n      inputProps={{\n        ...props.inputProps,\n        readonly: !props.allowInput || props.readonly,\n        inputClass: classNames(props.tagInputProps?.className, {\n          [`${classPrefix}-input--focused`]: p.popupVisible,\n          [`${classPrefix}-is-focused`]: p.popupVisible\n        })\n      }}\n    />\n  );\n\n  return {\n    tags,\n    tPlaceholder,\n    tagInputRef,\n    multipleInputValue: tInputValue,\n    renderSelectMultiple\n  };\n}\n"],"names":["DEFAULT_KEYS","label","key","children","useMultiple","props","value","_useConfig","useConfig","classPrefix","tagInputRef","useRef","_useControlled","useControlled","onInputChange","_useControlled2","_slicedToArray","tInputValue","setTInputValue","iKeys","keys","getTags","Array","includes","String","isObject","map","item","tags","tPlaceholder","length","placeholder","onTagInputChange","val","context","_props$onTagChange","trigger","_context$e","e","stopPropagation","onTagChange","call","renderSelectMultiple","p","_props$tagInputProps","React","createElement","TagInput","_objectSpread","ref","commonInputProps","autoWidth","readonly","minCollapsedNum","collapsedItems","tag","valueDisplay","options","inputValue","popupVisible","allowInput","onChange","tagProps","onClear","onInnerClear","onFocus","_props$onFocus","tagInputValue","onBlur","panel","tagInputProps","inputProps","inputClass","classNames","className","_defineProperty","concat","multipleInputValue"],"mappings":"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"}

package/es/select-input/hook/useOverlayInnerStyle.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TdSelectInputProps } from "../type";
+import { PopupVisibleChangeContext } from "../../popup";
+export type overlayStyleProps = Pick<TdSelectInputProps, "popupProps" | "autoWidth" | "readonly" | "onPopupVisibleChange" | "disabled" | "allowInput" | "popupVisible" | "defaultPopupVisible">;
+export default function useOverlayInnerStyle(props: overlayStyleProps, extra?: {
+    afterHidePopups?: (ctx: PopupVisibleChangeContext) => void;
+}): {
+    tOverlayInnerStyle: React.CSSProperties | ((triggerElement: HTMLElement, popupElement: HTMLElement) => import("../../common").Styles);
+    innerPopupVisible: boolean;
+    onInnerPopupVisibleChange: (visible: boolean, context: PopupVisibleChangeContext) => void;
+};

package/es/select-input/hook/useSingle.d.ts

@@ -0,0 +1,16 @@
+import React, { MouseEvent } from "react";
+import { SelectInputCommonProperties } from "../interface";
+import { TdSelectInputProps } from "../type";
+import { InputRef } from "../../input";
+export interface RenderSelectSingleInputParams {
+    tPlaceholder: string;
+}
+export default function useSingle(props: TdSelectInputProps): {
+    inputRef: React.MutableRefObject<InputRef>;
+    commonInputProps: SelectInputCommonProperties;
+    singleInputValue: string;
+    onInnerClear: (context: {
+        e: MouseEvent<SVGSVGElement>;
+    }) => void;
+    renderSelectSingle: (popupVisible: boolean) => React.JSX.Element;
+};