tntd 2.7.23 → 2.7.25

package/es/tntd-select/rc-select/Selector/Input.js

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import classNames from 'classnames';
+import { composeRef } from 'rc-util/lib/ref';
+import { warning } from 'rc-util/lib/warning';
+const Input = ({ prefixCls, id, inputElement, disabled, tabIndex, autoFocus, autoComplete, editable, activeDescendantId, value, maxLength, onKeyDown, onMouseDown, onChange, onPaste, onCompositionStart, onCompositionEnd, open, attrs, }, ref) => {
+    var _a;
+    let inputNode = inputElement || React.createElement("input", null);
+    const { ref: originRef, props: originProps } = inputNode;
+    const { onKeyDown: onOriginKeyDown, onChange: onOriginChange, onMouseDown: onOriginMouseDown, onCompositionStart: onOriginCompositionStart, onCompositionEnd: onOriginCompositionEnd, style, } = originProps;
+    warning(!('maxLength' in inputNode.props), `Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.`);
+    inputNode = React.cloneElement(inputNode, Object.assign(Object.assign(Object.assign(Object.assign({ type: 'search' }, originProps), { 
+        // Override over origin props
+        id, ref: composeRef(ref, originRef), disabled,
+        tabIndex, autoComplete: autoComplete || 'off', autoFocus, className: classNames(`${prefixCls}-selection-search-input`, (_a = inputNode === null || inputNode === void 0 ? void 0 : inputNode.props) === null || _a === void 0 ? void 0 : _a.className), role: 'combobox', 'aria-expanded': open || false, 'aria-haspopup': 'listbox', 'aria-owns': `${id}_list`, 'aria-autocomplete': 'list', 'aria-controls': `${id}_list`, 'aria-activedescendant': open ? activeDescendantId : undefined }), attrs), { value: editable ? value : '', maxLength, readOnly: !editable, unselectable: !editable ? 'on' : null, style: Object.assign(Object.assign({}, style), { opacity: editable ? null : 0 }), onKeyDown: (event) => {
+            onKeyDown(event);
+            if (onOriginKeyDown) {
+                onOriginKeyDown(event);
+            }
+        }, onMouseDown: (event) => {
+            onMouseDown(event);
+            if (onOriginMouseDown) {
+                onOriginMouseDown(event);
+            }
+        }, onChange: (event) => {
+            onChange(event);
+            if (onOriginChange) {
+                onOriginChange(event);
+            }
+        }, onCompositionStart(event) {
+            onCompositionStart(event);
+            if (onOriginCompositionStart) {
+                onOriginCompositionStart(event);
+            }
+        },
+        onCompositionEnd(event) {
+            onCompositionEnd(event);
+            if (onOriginCompositionEnd) {
+                onOriginCompositionEnd(event);
+            }
+        },
+        onPaste }));
+    return inputNode;
+};
+const RefInput = React.forwardRef(Input);
+RefInput.displayName = 'Input';
+export default RefInput;
+//# sourceMappingURL=Input.js.map

package/es/tntd-select/rc-select/Selector/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport { composeRef } from 'rc-util/lib/ref';\nimport { warning } from 'rc-util/lib/warning';\n\ntype InputRef = HTMLInputElement | HTMLTextAreaElement;\n\ninterface InputProps {\n  prefixCls: string;\n  id: string;\n  inputElement: React.ReactElement;\n  disabled: boolean;\n  autoFocus: boolean;\n  autoComplete: string;\n  editable: boolean;\n  activeDescendantId?: string;\n  value: string;\n  maxLength?: number;\n  open: boolean;\n  tabIndex: number;\n  /** Pass accessibility props to input */\n  attrs: Record<string, unknown>;\n\n  onKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n  onMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n  onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n  onPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;\n  onCompositionStart: React.CompositionEventHandler<\n    HTMLInputElement | HTMLTextAreaElement | HTMLElement\n  >;\n  onCompositionEnd: React.CompositionEventHandler<\n    HTMLInputElement | HTMLTextAreaElement | HTMLElement\n  >;\n}\n\nconst Input: React.RefForwardingComponent<InputRef, InputProps> = (\n  {\n    prefixCls,\n    id,\n    inputElement,\n    disabled,\n    tabIndex,\n    autoFocus,\n    autoComplete,\n    editable,\n    activeDescendantId,\n    value,\n    maxLength,\n    onKeyDown,\n    onMouseDown,\n    onChange,\n    onPaste,\n    onCompositionStart,\n    onCompositionEnd,\n    open,\n    attrs,\n  },\n  ref,\n) => {\n  let inputNode: React.ComponentElement<any, any> = inputElement || <input />;\n\n  const { ref: originRef, props: originProps } = inputNode;\n\n  const {\n    onKeyDown: onOriginKeyDown,\n    onChange: onOriginChange,\n    onMouseDown: onOriginMouseDown,\n    onCompositionStart: onOriginCompositionStart,\n    onCompositionEnd: onOriginCompositionEnd,\n    style,\n  } = originProps;\n\n  warning(\n    !('maxLength' in inputNode.props),\n    `Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled.`,\n  );\n\n  inputNode = React.cloneElement(inputNode, {\n    type: 'search',\n    ...originProps,\n\n    // Override over origin props\n    id,\n    ref: composeRef(ref, originRef as any),\n    disabled,\n    tabIndex,\n    autoComplete: autoComplete || 'off',\n\n    autoFocus,\n    className: classNames(`${prefixCls}-selection-search-input`, inputNode?.props?.className),\n\n    role: 'combobox',\n    'aria-expanded': open || false,\n    'aria-haspopup': 'listbox',\n    'aria-owns': `${id}_list`,\n    'aria-autocomplete': 'list',\n    'aria-controls': `${id}_list`,\n    'aria-activedescendant': open ? activeDescendantId : undefined,\n    ...attrs,\n    value: editable ? value : '',\n    maxLength,\n    readOnly: !editable,\n    unselectable: !editable ? 'on' : null,\n\n    style: { ...style, opacity: editable ? null : 0 },\n\n    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => {\n      onKeyDown(event);\n      if (onOriginKeyDown) {\n        onOriginKeyDown(event);\n      }\n    },\n    onMouseDown: (event: React.MouseEvent<HTMLElement>) => {\n      onMouseDown(event);\n      if (onOriginMouseDown) {\n        onOriginMouseDown(event);\n      }\n    },\n    onChange: (event: React.ChangeEvent<HTMLElement>) => {\n      onChange(event);\n      if (onOriginChange) {\n        onOriginChange(event);\n      }\n    },\n    onCompositionStart(event: React.CompositionEvent<HTMLElement>) {\n      onCompositionStart(event);\n      if (onOriginCompositionStart) {\n        onOriginCompositionStart(event);\n      }\n    },\n    onCompositionEnd(event: React.CompositionEvent<HTMLElement>) {\n      onCompositionEnd(event);\n      if (onOriginCompositionEnd) {\n        onOriginCompositionEnd(event);\n      }\n    },\n    onPaste,\n  });\n\n  return inputNode;\n};\n\nconst RefInput = React.forwardRef<InputRef, InputProps>(Input);\nRefInput.displayName = 'Input';\n\nexport default RefInput;\n"]}

package/es/tntd-select/rc-select/Selector/MultipleSelector.js

@@ -0,0 +1,97 @@
+import * as React from 'react';
+import { useState } from 'react';
+import classNames from 'classnames';
+import pickAttrs from 'rc-util/lib/pickAttrs';
+import Overflow from 'rc-overflow';
+import TransBtn from '../TransBtn';
+import Input from './Input';
+import useLayoutEffect from '../hooks/useLayoutEffect';
+import { getTitle } from '../utils/commonUtil';
+function itemKey(value) {
+    var _a;
+    return (_a = value.key) !== null && _a !== void 0 ? _a : value.value;
+}
+const onPreventMouseDown = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+};
+const SelectSelector = (props) => {
+    const { id, prefixCls, values, open, searchValue, autoClearSearchValue, inputRef, placeholder, disabled, mode, showSearch, autoFocus, autoComplete, activeDescendantId, tabIndex, removeIcon, maxTagCount, maxTagTextLength, maxTagPlaceholder = (omittedValues) => `+ ${omittedValues.length} ...`, tagRender, onToggleOpen, onRemove, onInputChange, onInputPaste, onInputKeyDown, onInputMouseDown, onInputCompositionStart, onInputCompositionEnd, } = props;
+    const measureRef = React.useRef(null);
+    const [inputWidth, setInputWidth] = useState(0);
+    const [focused, setFocused] = useState(false);
+    const selectionPrefixCls = `${prefixCls}-selection`;
+    // ===================== Search ======================
+    const inputValue = open || (mode === "multiple" && autoClearSearchValue === false) || mode === 'tags' ? searchValue : '';
+    const inputEditable = mode === 'tags' || (mode === "multiple" && autoClearSearchValue === false) || (showSearch && (open || focused));
+    // We measure width and set to the input immediately
+    useLayoutEffect(() => {
+        setInputWidth(measureRef.current.scrollWidth);
+    }, [inputValue]);
+    // ===================== Render ======================
+    // >>> Render Selector Node. Includes Item & Rest
+    function defaultRenderSelector(item, content, itemDisabled, closable, onClose) {
+        return (React.createElement("span", { className: classNames(`${selectionPrefixCls}-item`, {
+                [`${selectionPrefixCls}-item-disabled`]: itemDisabled,
+            }), title: getTitle(item) },
+            React.createElement("span", { className: `${selectionPrefixCls}-item-content` }, content),
+            closable && (React.createElement(TransBtn, { className: `${selectionPrefixCls}-item-remove`, onMouseDown: onPreventMouseDown, onClick: onClose, customizeIcon: removeIcon }, "\u00D7"))));
+    }
+    function customizeRenderSelector(value, content, itemDisabled, closable, onClose) {
+        const onMouseDown = (e) => {
+            onPreventMouseDown(e);
+            onToggleOpen(!open);
+        };
+        return (React.createElement("span", { onMouseDown: onMouseDown }, tagRender({
+            label: content,
+            value,
+            disabled: itemDisabled,
+            closable,
+            onClose,
+        })));
+    }
+    function renderItem(valueItem) {
+        const { disabled: itemDisabled, label, value } = valueItem;
+        const closable = !disabled && !itemDisabled;
+        let displayLabel = label;
+        if (typeof maxTagTextLength === 'number') {
+            if (typeof label === 'string' || typeof label === 'number') {
+                const strLabel = String(displayLabel);
+                if (strLabel.length > maxTagTextLength) {
+                    displayLabel = `${strLabel.slice(0, maxTagTextLength)}...`;
+                }
+            }
+        }
+        const onClose = (event) => {
+            if (event)
+                event.stopPropagation();
+            onRemove(valueItem);
+        };
+        return typeof tagRender === 'function'
+            ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose)
+            : defaultRenderSelector(valueItem, displayLabel, itemDisabled, closable, onClose);
+    }
+    function renderRest(omittedValues) {
+        const content = typeof maxTagPlaceholder === 'function'
+            ? maxTagPlaceholder(omittedValues)
+            : maxTagPlaceholder;
+        return defaultRenderSelector({ title: content }, content, false);
+    }
+    // >>> Input Node
+    const inputNode = (React.createElement("div", { className: `${selectionPrefixCls}-search`, style: { width: inputWidth }, onFocus: () => {
+            setFocused(true);
+        }, onBlur: () => {
+            setFocused(false);
+        } },
+        React.createElement(Input, { ref: inputRef, open: open, prefixCls: prefixCls, id: id, inputElement: null, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, editable: inputEditable, activeDescendantId: activeDescendantId, value: inputValue, onKeyDown: onInputKeyDown, onMouseDown: onInputMouseDown, onChange: onInputChange, onPaste: onInputPaste, onCompositionStart: onInputCompositionStart, onCompositionEnd: onInputCompositionEnd, tabIndex: tabIndex, attrs: pickAttrs(props, true) }),
+        React.createElement("span", { ref: measureRef, className: `${selectionPrefixCls}-search-mirror`, "aria-hidden": true },
+            inputValue,
+            "\u00A0")));
+    // >>> Selections
+    const selectionNode = (React.createElement(Overflow, { prefixCls: `${selectionPrefixCls}-overflow`, data: values, renderItem: renderItem, renderRest: renderRest, suffix: inputNode, itemKey: itemKey, maxCount: maxTagCount }));
+    return (React.createElement(React.Fragment, null,
+        selectionNode,
+        !values.length && !inputValue && (React.createElement("span", { className: `${selectionPrefixCls}-placeholder` }, placeholder))));
+};
+export default SelectSelector;
+//# sourceMappingURL=MultipleSelector.js.map

package/es/tntd-select/rc-select/Selector/MultipleSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelector.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/MultipleSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useState } from 'react';\nimport classNames from 'classnames';\nimport pickAttrs from 'rc-util/lib/pickAttrs';\nimport Overflow from 'rc-overflow';\nimport TransBtn from '../TransBtn';\nimport type { InnerSelectorProps } from '.';\nimport Input from './Input';\nimport useLayoutEffect from '../hooks/useLayoutEffect';\nimport type { DisplayValueType, RenderNode, CustomTagProps, RawValueType } from '../BaseSelect';\nimport { getTitle } from '../utils/commonUtil';\n\nfunction itemKey(value: DisplayValueType) {\n  return value.key ?? value.value;\n}\n\ninterface SelectorProps extends InnerSelectorProps {\n  // Icon\n  removeIcon?: RenderNode;\n\n  // Tags\n  maxTagCount?: number | 'responsive';\n  maxTagTextLength?: number;\n  maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);\n  tokenSeparators?: string[];\n  tagRender?: (props: CustomTagProps) => React.ReactElement;\n  onToggleOpen: (open?: boolean) => void;\n\n  // Motion\n  choiceTransitionName?: string;\n\n  // Event\n  onRemove: (value: DisplayValueType) => void;\n}\n\nconst onPreventMouseDown = (event: React.MouseEvent) => {\n  event.preventDefault();\n  event.stopPropagation();\n};\nconst SelectSelector: React.FC<SelectorProps> = (props) => {\n  const {\n    id,\n    prefixCls,\n\n    values,\n    open,\n    searchValue,\n    autoClearSearchValue,\n    inputRef,\n    placeholder,\n    disabled,\n    mode,\n    showSearch,\n    autoFocus,\n    autoComplete,\n    activeDescendantId,\n    tabIndex,\n\n    removeIcon,\n\n    maxTagCount,\n    maxTagTextLength,\n    maxTagPlaceholder = (omittedValues: DisplayValueType[]) => `+ ${omittedValues.length} ...`,\n    tagRender,\n    onToggleOpen,\n\n    onRemove,\n    onInputChange,\n    onInputPaste,\n    onInputKeyDown,\n    onInputMouseDown,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n  } = props;\n\n  const measureRef = React.useRef<HTMLSpanElement>(null);\n  const [inputWidth, setInputWidth] = useState(0);\n  const [focused, setFocused] = useState(false);\n\n  const selectionPrefixCls = `${prefixCls}-selection`;\n\n  // ===================== Search ======================\n  const inputValue = open || (mode === \"multiple\" && autoClearSearchValue === false) || mode === 'tags' ? searchValue : '';\n  const inputEditable: boolean = mode === 'tags' || (mode === \"multiple\" && autoClearSearchValue === false) || (showSearch && (open || focused));\n\n  // We measure width and set to the input immediately\n  useLayoutEffect(() => {\n    setInputWidth(measureRef.current.scrollWidth);\n  }, [inputValue]);\n\n  // ===================== Render ======================\n  // >>> Render Selector Node. Includes Item & Rest\n  function defaultRenderSelector(\n    item: DisplayValueType,\n    content: React.ReactNode,\n    itemDisabled: boolean,\n    closable?: boolean,\n    onClose?: React.MouseEventHandler,\n  ) {\n    return (\n      <span\n        className={classNames(`${selectionPrefixCls}-item`, {\n          [`${selectionPrefixCls}-item-disabled`]: itemDisabled,\n        })}\n        title={getTitle(item)}\n      >\n        <span className={`${selectionPrefixCls}-item-content`}>{content}</span>\n        {closable && (\n          <TransBtn\n            className={`${selectionPrefixCls}-item-remove`}\n            onMouseDown={onPreventMouseDown}\n            onClick={onClose}\n            customizeIcon={removeIcon}\n          >\n            ×\n          </TransBtn>\n        )}\n      </span>\n    );\n  }\n\n  function customizeRenderSelector(\n    value: RawValueType,\n    content: React.ReactNode,\n    itemDisabled: boolean,\n    closable: boolean,\n    onClose: React.MouseEventHandler,\n  ) {\n    const onMouseDown = (e: React.MouseEvent) => {\n      onPreventMouseDown(e);\n      onToggleOpen(!open);\n    };\n\n    return (\n      <span onMouseDown={onMouseDown}>\n        {tagRender({\n          label: content,\n          value,\n          disabled: itemDisabled,\n          closable,\n          onClose,\n        })}\n      </span>\n    );\n  }\n\n  function renderItem(valueItem: DisplayValueType) {\n    const { disabled: itemDisabled, label, value } = valueItem;\n    const closable = !disabled && !itemDisabled;\n\n    let displayLabel: React.ReactNode = label;\n\n    if (typeof maxTagTextLength === 'number') {\n      if (typeof label === 'string' || typeof label === 'number') {\n        const strLabel = String(displayLabel);\n\n        if (strLabel.length > maxTagTextLength) {\n          displayLabel = `${strLabel.slice(0, maxTagTextLength)}...`;\n        }\n      }\n    }\n\n    const onClose = (event?: React.MouseEvent) => {\n      if (event) event.stopPropagation();\n      onRemove(valueItem);\n    };\n\n    return typeof tagRender === 'function'\n      ? customizeRenderSelector(value, displayLabel, itemDisabled, closable, onClose)\n      : defaultRenderSelector(valueItem, displayLabel, itemDisabled, closable, onClose);\n  }\n\n  function renderRest(omittedValues: DisplayValueType[]) {\n    const content =\n      typeof maxTagPlaceholder === 'function'\n        ? maxTagPlaceholder(omittedValues)\n        : maxTagPlaceholder;\n\n    return defaultRenderSelector({ title: content }, content, false);\n  }\n\n  // >>> Input Node\n  const inputNode = (\n    <div\n      className={`${selectionPrefixCls}-search`}\n      style={{ width: inputWidth }}\n      onFocus={() => {\n        setFocused(true);\n      }}\n      onBlur={() => {\n        setFocused(false);\n      }}\n    >\n      <Input\n        ref={inputRef}\n        open={open}\n        prefixCls={prefixCls}\n        id={id}\n        inputElement={null}\n        disabled={disabled}\n        autoFocus={autoFocus}\n        autoComplete={autoComplete}\n        editable={inputEditable}\n        activeDescendantId={activeDescendantId}\n        value={inputValue}\n        onKeyDown={onInputKeyDown}\n        onMouseDown={onInputMouseDown}\n        onChange={onInputChange}\n        onPaste={onInputPaste}\n        onCompositionStart={onInputCompositionStart}\n        onCompositionEnd={onInputCompositionEnd}\n        tabIndex={tabIndex}\n        attrs={pickAttrs(props, true)}\n      />\n\n      {/* Measure Node */}\n      <span ref={measureRef} className={`${selectionPrefixCls}-search-mirror`} aria-hidden>\n        {inputValue}&nbsp;\n      </span>\n    </div>\n  );\n\n  // >>> Selections\n  const selectionNode = (\n    <Overflow\n      prefixCls={`${selectionPrefixCls}-overflow`}\n      data={values}\n      renderItem={renderItem}\n      renderRest={renderRest}\n      suffix={inputNode}\n      itemKey={itemKey}\n      maxCount={maxTagCount}\n    />\n  );\n\n  return (\n    <>\n      {selectionNode}\n\n      {!values.length && !inputValue && (\n        <span className={`${selectionPrefixCls}-placeholder`}>{placeholder}</span>\n      )}\n    </>\n  );\n};\n\nexport default SelectSelector;\n"]}

package/es/tntd-select/rc-select/Selector/SingleSelector.js

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import pickAttrs from 'rc-util/lib/pickAttrs';
+import Input from './Input';
+import { getTitle } from '../utils/commonUtil';
+const SingleSelector = (props) => {
+    const { inputElement, prefixCls, id, inputRef, disabled, autoFocus, autoComplete, activeDescendantId, mode, open, values, placeholder, tabIndex, showSearch, searchValue, activeValue, maxLength, onInputKeyDown, onInputMouseDown, onInputChange, onInputPaste, onInputCompositionStart, onInputCompositionEnd, title, } = props;
+    const [inputChanged, setInputChanged] = React.useState(false);
+    const combobox = mode === 'combobox';
+    const inputEditable = combobox || showSearch;
+    const item = values[0];
+    let inputValue = searchValue || '';
+    if (combobox && activeValue && !inputChanged) {
+        inputValue = activeValue;
+    }
+    React.useEffect(() => {
+        if (combobox) {
+            setInputChanged(false);
+        }
+    }, [combobox, activeValue]);
+    // Not show text when closed expect combobox mode
+    const hasTextInput = mode !== 'combobox' && !open && !showSearch ? false : !!inputValue;
+    // Get title of selection item
+    const selectionTitle = title === undefined ? getTitle(item) : title;
+    const renderPlaceholder = () => {
+        if (item) {
+            return null;
+        }
+        const hiddenStyle = hasTextInput ? { visibility: 'hidden' } : undefined;
+        return (React.createElement("span", { className: `${prefixCls}-selection-placeholder`, style: hiddenStyle }, placeholder));
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("span", { className: `${prefixCls}-selection-search` },
+            React.createElement(Input, { ref: inputRef, prefixCls: prefixCls, id: id, open: open, inputElement: inputElement, disabled: disabled, autoFocus: autoFocus, autoComplete: autoComplete, editable: inputEditable, activeDescendantId: activeDescendantId, value: inputValue, onKeyDown: onInputKeyDown, onMouseDown: onInputMouseDown, onChange: (e) => {
+                    setInputChanged(true);
+                    onInputChange(e);
+                }, onPaste: onInputPaste, onCompositionStart: onInputCompositionStart, onCompositionEnd: onInputCompositionEnd, tabIndex: tabIndex, attrs: pickAttrs(props, true), maxLength: combobox ? maxLength : undefined })),
+        (!combobox && item) ? (React.createElement("span", { className: `${prefixCls}-selection-item`, title: selectionTitle, 
+            // 当 Select 已经选中选项时，还需 selection 隐藏但留在原地占位
+            // https://github.com/ant-design/ant-design/issues/27688
+            // https://github.com/ant-design/ant-design/issues/41530
+            style: hasTextInput ? { visibility: 'hidden' } : undefined }, item.label)) : null,
+        renderPlaceholder()));
+};
+export default SingleSelector;
+//# sourceMappingURL=SingleSelector.js.map

package/es/tntd-select/rc-select/Selector/SingleSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelector.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/SingleSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport pickAttrs from 'rc-util/lib/pickAttrs';\nimport Input from './Input';\nimport type { InnerSelectorProps } from '.';\nimport { getTitle } from '../utils/commonUtil';\n\ninterface SelectorProps extends InnerSelectorProps {\n  inputElement: React.ReactElement;\n  activeValue: string;\n}\n\nconst SingleSelector: React.FC<SelectorProps> = (props) => {\n  const {\n    inputElement,\n    prefixCls,\n    id,\n    inputRef,\n    disabled,\n    autoFocus,\n    autoComplete,\n    activeDescendantId,\n    mode,\n    open,\n    values,\n    placeholder,\n    tabIndex,\n\n    showSearch,\n    searchValue,\n    activeValue,\n    maxLength,\n\n    onInputKeyDown,\n    onInputMouseDown,\n    onInputChange,\n    onInputPaste,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n    title,\n  } = props;\n\n  const [inputChanged, setInputChanged] = React.useState(false);\n\n  const combobox = mode === 'combobox';\n  const inputEditable = combobox || showSearch;\n  const item = values[0];\n\n  let inputValue: string = searchValue || '';\n  if (combobox && activeValue && !inputChanged) {\n    inputValue = activeValue;\n  }\n\n  React.useEffect(() => {\n    if (combobox) {\n      setInputChanged(false);\n    }\n  }, [combobox, activeValue]);\n\n  // Not show text when closed expect combobox mode\n  const hasTextInput = mode !== 'combobox' && !open && !showSearch ? false : !!inputValue;\n\n  // Get title of selection item\n  const selectionTitle = title === undefined ? getTitle(item) : title;\n\n  const renderPlaceholder = () => {\n    if (item) {\n      return null;\n    }\n    const hiddenStyle = hasTextInput ? { visibility: 'hidden' } as React.CSSProperties : undefined;\n    return (\n      <span\n        className={`${prefixCls}-selection-placeholder`}\n        style={hiddenStyle}\n      >\n        {placeholder}\n      </span>\n    );\n  };\n\n  return (\n    <>\n      <span className={`${prefixCls}-selection-search`}>\n        <Input\n          ref={inputRef}\n          prefixCls={prefixCls}\n          id={id}\n          open={open}\n          inputElement={inputElement}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          autoComplete={autoComplete}\n          editable={inputEditable}\n          activeDescendantId={activeDescendantId}\n          value={inputValue}\n          onKeyDown={onInputKeyDown}\n          onMouseDown={onInputMouseDown}\n          onChange={(e) => {\n            setInputChanged(true);\n            onInputChange(e as any);\n          }}\n          onPaste={onInputPaste}\n          onCompositionStart={onInputCompositionStart}\n          onCompositionEnd={onInputCompositionEnd}\n          tabIndex={tabIndex}\n          attrs={pickAttrs(props, true)}\n          maxLength={combobox ? maxLength : undefined}\n        />\n      </span>\n\n      {/* Display value */}\n      {(!combobox && item) ? (\n        <span\n          className={`${prefixCls}-selection-item`}\n          title={selectionTitle}\n          // 当 Select 已经选中选项时，还需 selection 隐藏但留在原地占位\n          // https://github.com/ant-design/ant-design/issues/27688\n          // https://github.com/ant-design/ant-design/issues/41530\n          style={hasTextInput ? { visibility: 'hidden' } as React.CSSProperties : undefined}\n        >\n          {item.label}\n        </span>\n      ) : null}\n\n      {/* Display placeholder */}\n      {renderPlaceholder()}\n    </>\n  );\n};\n\nexport default SingleSelector;\n"]}

package/es/tntd-select/rc-select/Selector/index.js

@@ -0,0 +1,136 @@
+/**
+ * Cursor rule:
+ * 1. Only `showSearch` enabled
+ * 2. Only `open` is `true`
+ * 3. When typing, set `open` to `true` which hit rule of 2
+ *
+ * Accessibility:
+ * - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html
+ */
+import * as React from 'react';
+import { useRef } from 'react';
+import KeyCode from 'rc-util/lib/KeyCode';
+import MultipleSelector from './MultipleSelector';
+import SingleSelector from './SingleSelector';
+import useLock from '../hooks/useLock';
+import { isValidateOpenKey } from '../utils/keyUtil';
+const Selector = (props, ref) => {
+    const inputRef = useRef(null);
+    const compositionStatusRef = useRef(false);
+    const { prefixCls, open, mode, showSearch, tokenWithEnter, autoClearSearchValue, onSearch, onSearchSubmit, onToggleOpen, onInputKeyDown, domRef, } = props;
+    // ======================= Ref =======================
+    React.useImperativeHandle(ref, () => ({
+        focus: () => {
+            inputRef.current.focus();
+        },
+        blur: () => {
+            inputRef.current.blur();
+        },
+    }));
+    // ====================== Input ======================
+    const [getInputMouseDown, setInputMouseDown] = useLock(0);
+    const onInternalInputKeyDown = (event) => {
+        const { which } = event;
+        if (which === KeyCode.UP || which === KeyCode.DOWN) {
+            event.preventDefault();
+        }
+        if (onInputKeyDown) {
+            onInputKeyDown(event);
+        }
+        if (which === KeyCode.ENTER && mode === 'tags' && !compositionStatusRef.current && !open) {
+            // When menu isn't open, OptionList won't trigger a value change
+            // So when enter is pressed, the tag's input value should be emitted here to let selector know
+            onSearchSubmit === null || onSearchSubmit === void 0 ? void 0 : onSearchSubmit(event.target.value);
+        }
+        if (isValidateOpenKey(which)) {
+            onToggleOpen(true);
+        }
+    };
+    /**
+     * We can not use `findDOMNode` sine it will get warning,
+     * have to use timer to check if is input element.
+     */
+    const onInternalInputMouseDown = () => {
+        setInputMouseDown(true);
+    };
+    // When paste come, ignore next onChange
+    const pastedTextRef = useRef(null);
+    const triggerOnSearch = (value) => {
+        if (onSearch(value, true, compositionStatusRef.current) !== false) {
+            onToggleOpen(true);
+        }
+    };
+    const onInputCompositionStart = () => {
+        compositionStatusRef.current = true;
+    };
+    const onInputCompositionEnd = (e) => {
+        compositionStatusRef.current = false;
+        // Trigger search again to support `tokenSeparators` with typewriting
+        if (mode !== 'combobox') {
+            triggerOnSearch(e.target.value);
+        }
+    };
+    const onInputChange = (event) => {
+        let { target: { value }, } = event;
+        // Pasted text should replace back to origin content
+        if (tokenWithEnter && pastedTextRef.current && /[\r\n]/.test(pastedTextRef.current)) {
+            // CRLF will be treated as a single space for input element
+            const replacedText = pastedTextRef.current
+                .replace(/[\r\n]+$/, '')
+                .replace(/\r\n/g, ' ')
+                .replace(/[\r\n]/g, ' ');
+            value = value.replace(replacedText, pastedTextRef.current);
+        }
+        pastedTextRef.current = null;
+        triggerOnSearch(value);
+    };
+    const onInputPaste = (e) => {
+        const { clipboardData } = e;
+        const value = clipboardData.getData('text');
+        pastedTextRef.current = value;
+    };
+    const onClick = ({ target }) => {
+        if (target !== inputRef.current) {
+            // Should focus input if click the selector
+            const isIE = document.body.style.msTouchAction !== undefined;
+            if (isIE) {
+                setTimeout(() => {
+                    inputRef.current.focus();
+                });
+            }
+            else {
+                inputRef.current.focus();
+            }
+        }
+    };
+    const onMouseDown = (event) => {
+        const inputMouseDown = getInputMouseDown();
+        // when mode is combobox, don't prevent default behavior
+        // https://github.com/ant-design/ant-design/issues/37320
+        if (event.target !== inputRef.current && !inputMouseDown && mode !== 'combobox') {
+            event.preventDefault();
+        }
+        if ((mode !== 'combobox' && (!showSearch || !inputMouseDown)) || !open) {
+            if (open && autoClearSearchValue !== false) {
+                onSearch('', true, false);
+            }
+            onToggleOpen();
+        }
+    };
+    // ================= Inner Selector ==================
+    const sharedProps = {
+        inputRef,
+        onInputKeyDown: onInternalInputKeyDown,
+        onInputMouseDown: onInternalInputMouseDown,
+        onInputChange,
+        onInputPaste,
+        onInputCompositionStart,
+        onInputCompositionEnd,
+    };
+    const selectNode = mode === 'multiple' || mode === 'tags' ? (React.createElement(MultipleSelector, Object.assign({}, props, sharedProps))) : (React.createElement(SingleSelector, Object.assign({}, props, sharedProps)));
+    return (React.createElement("div", { ref: domRef, className: `${prefixCls}-selector`, onClick: onClick, onMouseDown: onMouseDown }, selectNode));
+};
+const ForwardSelector = React.forwardRef(Selector);
+ForwardSelector.displayName = 'Selector';
+export default ForwardSelector;
+//# sourceMappingURL=index.js.map

package/es/tntd-select/rc-select/Selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * Cursor rule:\n * 1. Only `showSearch` enabled\n * 2. Only `open` is `true`\n * 3. When typing, set `open` to `true` which hit rule of 2\n *\n * Accessibility:\n * - https://www.w3.org/TR/wai-aria-practices/examples/combobox/aria1.1pattern/listbox-combo.html\n */\n\nimport * as React from 'react';\nimport { useRef } from 'react';\nimport KeyCode from 'rc-util/lib/KeyCode';\nimport type { ScrollTo } from 'rc-virtual-list/lib/List';\nimport MultipleSelector from './MultipleSelector';\nimport SingleSelector from './SingleSelector';\nimport useLock from '../hooks/useLock';\nimport type { CustomTagProps, DisplayValueType, Mode, RenderNode } from '../BaseSelect';\nimport { isValidateOpenKey } from '../utils/keyUtil';\n\nexport interface InnerSelectorProps {\n  prefixCls: string;\n  id: string;\n  mode: Mode;\n  title?: string;\n\n  inputRef: React.Ref<HTMLInputElement | HTMLTextAreaElement>;\n  placeholder?: React.ReactNode;\n  disabled?: boolean;\n  autoFocus?: boolean;\n  autoComplete?: string;\n  values: DisplayValueType[];\n  showSearch?: boolean;\n  searchValue: string;\n  autoClearSearchValue?: boolean;\n  activeDescendantId?: string;\n  open: boolean;\n  tabIndex?: number;\n  maxLength?: number;\n\n  onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onInputMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onInputChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onInputPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onInputCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n}\n\nexport interface RefSelectorProps {\n  focus: () => void;\n  blur: () => void;\n  scrollTo?: ScrollTo;\n}\n\nexport interface SelectorProps {\n  id: string;\n  prefixCls: string;\n  showSearch?: boolean;\n  open: boolean;\n  /** Display in the Selector value, it's not same as `value` prop */\n  values: DisplayValueType[];\n  mode: Mode;\n  searchValue: string;\n  activeValue: string;\n  autoClearSearchValue: boolean;\n  inputElement: JSX.Element;\n  maxLength?: number;\n\n  autoFocus?: boolean;\n  activeDescendantId?: string;\n  tabIndex?: number;\n  disabled?: boolean;\n  placeholder?: React.ReactNode;\n  removeIcon?: RenderNode;\n\n  // Tags\n  maxTagCount?: number | 'responsive';\n  maxTagTextLength?: number;\n  maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);\n  tagRender?: (props: CustomTagProps) => React.ReactElement;\n\n  /** Check if `tokenSeparators` contains `\\n` or `\\r\\n` */\n  tokenWithEnter?: boolean;\n\n  // Motion\n  choiceTransitionName?: string;\n\n  onToggleOpen: (open?: boolean) => void;\n  /** `onSearch` returns go next step boolean to check if need do toggle open */\n  onSearch: (searchText: string, fromTyping: boolean, isCompositing: boolean) => boolean;\n  onSearchSubmit?: (searchText: string) => void;\n  onRemove: (value: DisplayValueType) => void;\n  onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n\n  /**\n   * @private get real dom for trigger align.\n   * This may be removed after React provides replacement of `findDOMNode`\n   */\n  domRef: React.Ref<HTMLDivElement>;\n}\n\nconst Selector: React.RefForwardingComponent<RefSelectorProps, SelectorProps> = (props, ref) => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const compositionStatusRef = useRef<boolean>(false);\n\n  const {\n    prefixCls,\n    open,\n    mode,\n    showSearch,\n    tokenWithEnter,\n\n    autoClearSearchValue,\n\n    onSearch,\n    onSearchSubmit,\n    onToggleOpen,\n    onInputKeyDown,\n\n    domRef,\n  } = props;\n\n  // ======================= Ref =======================\n  React.useImperativeHandle(ref, () => ({\n    focus: () => {\n      inputRef.current.focus();\n    },\n    blur: () => {\n      inputRef.current.blur();\n    },\n  }));\n\n  // ====================== Input ======================\n  const [getInputMouseDown, setInputMouseDown] = useLock(0);\n\n  const onInternalInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    const { which } = event;\n\n    if (which === KeyCode.UP || which === KeyCode.DOWN) {\n      event.preventDefault();\n    }\n\n    if (onInputKeyDown) {\n      onInputKeyDown(event);\n    }\n\n    if (which === KeyCode.ENTER && mode === 'tags' && !compositionStatusRef.current && !open) {\n      // When menu isn't open, OptionList won't trigger a value change\n      // So when enter is pressed, the tag's input value should be emitted here to let selector know\n      onSearchSubmit?.((event.target as HTMLInputElement).value);\n    }\n\n    if (isValidateOpenKey(which)) {\n      onToggleOpen(true);\n    }\n  };\n\n  /**\n   * We can not use `findDOMNode` sine it will get warning,\n   * have to use timer to check if is input element.\n   */\n  const onInternalInputMouseDown: React.MouseEventHandler<HTMLInputElement> = () => {\n    setInputMouseDown(true);\n  };\n\n  // When paste come, ignore next onChange\n  const pastedTextRef = useRef<string>(null);\n\n  const triggerOnSearch = (value: string) => {\n    if (onSearch(value, true, compositionStatusRef.current) !== false) {\n      onToggleOpen(true);\n    }\n  };\n\n  const onInputCompositionStart = () => {\n    compositionStatusRef.current = true;\n  };\n\n  const onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement> = (e) => {\n    compositionStatusRef.current = false;\n\n    // Trigger search again to support `tokenSeparators` with typewriting\n    if (mode !== 'combobox') {\n      triggerOnSearch((e.target as HTMLInputElement).value);\n    }\n  };\n\n  const onInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    let {\n      target: { value },\n    } = event;\n\n    // Pasted text should replace back to origin content\n    if (tokenWithEnter && pastedTextRef.current && /[\\r\\n]/.test(pastedTextRef.current)) {\n      // CRLF will be treated as a single space for input element\n      const replacedText = pastedTextRef.current\n        .replace(/[\\r\\n]+$/, '')\n        .replace(/\\r\\n/g, ' ')\n        .replace(/[\\r\\n]/g, ' ');\n      value = value.replace(replacedText, pastedTextRef.current);\n    }\n\n    pastedTextRef.current = null;\n\n    triggerOnSearch(value);\n  };\n\n  const onInputPaste: React.ClipboardEventHandler = (e) => {\n    const { clipboardData } = e;\n    const value = clipboardData.getData('text');\n\n    pastedTextRef.current = value;\n  };\n\n  const onClick = ({ target }) => {\n    if (target !== inputRef.current) {\n      // Should focus input if click the selector\n      const isIE = (document.body.style as any).msTouchAction !== undefined;\n      if (isIE) {\n        setTimeout(() => {\n          inputRef.current.focus();\n        });\n      } else {\n        inputRef.current.focus();\n      }\n    }\n  };\n\n  const onMouseDown: React.MouseEventHandler<HTMLElement> = (event) => {\n    const inputMouseDown = getInputMouseDown();\n\n    // when mode is combobox, don't prevent default behavior\n    // https://github.com/ant-design/ant-design/issues/37320\n    if (event.target !== inputRef.current && !inputMouseDown && mode !== 'combobox') {\n      event.preventDefault();\n    }\n\n    if ((mode !== 'combobox' && (!showSearch || !inputMouseDown)) || !open) {\n      if (open && autoClearSearchValue !== false) {\n        onSearch('', true, false);\n      }\n      onToggleOpen();\n    }\n  };\n\n  // ================= Inner Selector ==================\n  const sharedProps = {\n    inputRef,\n    onInputKeyDown: onInternalInputKeyDown,\n    onInputMouseDown: onInternalInputMouseDown,\n    onInputChange,\n    onInputPaste,\n    onInputCompositionStart,\n    onInputCompositionEnd,\n  };\n\n  const selectNode =\n    mode === 'multiple' || mode === 'tags' ? (\n      <MultipleSelector {...props} {...sharedProps} />\n    ) : (\n      <SingleSelector {...props} {...sharedProps} />\n    );\n\n  return (\n    <div\n      ref={domRef}\n      className={`${prefixCls}-selector`}\n      onClick={onClick}\n      onMouseDown={onMouseDown}\n    >\n      {selectNode}\n    </div>\n  );\n};\n\nconst ForwardSelector = React.forwardRef<RefSelectorProps, SelectorProps>(Selector);\nForwardSelector.displayName = 'Selector';\n\nexport default ForwardSelector;\n"]}

package/es/tntd-select/rc-select/TransBtn.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import classNames from 'classnames';
+const TransBtn = ({ className, customizeIcon, customizeIconProps, onMouseDown, onClick, children, }) => {
+    let icon;
+    if (typeof customizeIcon === 'function') {
+        icon = customizeIcon(customizeIconProps);
+    }
+    else {
+        icon = customizeIcon;
+    }
+    return (React.createElement("span", { className: className, onMouseDown: (event) => {
+            event.preventDefault();
+            if (onMouseDown) {
+                onMouseDown(event);
+            }
+        }, style: {
+            userSelect: 'none',
+            WebkitUserSelect: 'none',
+        }, unselectable: "on", onClick: onClick, "aria-hidden": true }, icon !== undefined ? (icon) : (React.createElement("span", { className: classNames(className.split(/\s+/).map((cls) => `${cls}-icon`)) }, children))));
+};
+export default TransBtn;
+//# sourceMappingURL=TransBtn.js.map

package/es/tntd-select/rc-select/TransBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransBtn.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/TransBtn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAYpC,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,OAAO,EACP,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,IAAqB,CAAC;IAE1B,IAAI,OAAO,aAAa,KAAK,UAAU,EAAE;QACvC,IAAI,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAC;KAC1C;SAAM;QACL,IAAI,GAAG,aAAa,CAAC;KACtB;IAED,OAAO,CACL,8BACE,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,WAAW,EAAE;gBACf,WAAW,CAAC,KAAK,CAAC,CAAC;aACpB;QACH,CAAC,EACD,KAAK,EAAE;YACL,UAAU,EAAE,MAAM;YAClB,gBAAgB,EAAE,MAAM;SACzB,EACD,YAAY,EAAC,IAAI,EACjB,OAAO,EAAE,OAAO,yBAGf,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACpB,IAAI,CACL,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,CAAC,IAC5E,QAAQ,CACJ,CACR,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\nimport type { RenderNode } from './BaseSelect';\n\nexport interface TransBtnProps {\n  className: string;\n  customizeIcon: RenderNode;\n  customizeIconProps?: any;\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>;\n  onClick?: React.MouseEventHandler<HTMLSpanElement>;\n  children?: React.ReactNode;\n}\n\nconst TransBtn: React.FC<TransBtnProps> = ({\n  className,\n  customizeIcon,\n  customizeIconProps,\n  onMouseDown,\n  onClick,\n  children,\n}) => {\n  let icon: React.ReactNode;\n\n  if (typeof customizeIcon === 'function') {\n    icon = customizeIcon(customizeIconProps);\n  } else {\n    icon = customizeIcon;\n  }\n\n  return (\n    <span\n      className={className}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        if (onMouseDown) {\n          onMouseDown(event);\n        }\n      }}\n      style={{\n        userSelect: 'none',\n        WebkitUserSelect: 'none',\n      }}\n      unselectable=\"on\"\n      onClick={onClick}\n      aria-hidden\n    >\n      {icon !== undefined ? (\n        icon\n      ) : (\n        <span className={classNames(className.split(/\\s+/).map((cls) => `${cls}-icon`))}>\n          {children}\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport default TransBtn;\n"]}

package/es/tntd-select/rc-select/hooks/useAllowClear.js

@@ -0,0 +1,25 @@
+import TransBtn from '../TransBtn';
+import React from 'react';
+export function useAllowClear(prefixCls, onClearMouseDown, displayValues, allowClear, clearIcon, disabled = false, mergedSearchValue, mode) {
+    const mergedClearIcon = React.useMemo(() => {
+        if (typeof allowClear === "object") {
+            return allowClear.clearIcon;
+        }
+        if (!!clearIcon)
+            return clearIcon;
+    }, [allowClear, clearIcon]);
+    const mergedAllowClear = React.useMemo(() => {
+        if (!disabled &&
+            !!allowClear &&
+            (displayValues.length || mergedSearchValue) &&
+            !(mode === 'combobox' && mergedSearchValue === '')) {
+            return true;
+        }
+        return false;
+    }, [allowClear, disabled, displayValues.length, mergedSearchValue, mode]);
+    return {
+        allowClear: mergedAllowClear,
+        clearIcon: (React.createElement(TransBtn, { className: `${prefixCls}-clear`, onMouseDown: onClearMouseDown, customizeIcon: mergedClearIcon }, "\u00D7"))
+    };
+}
+//# sourceMappingURL=useAllowClear.js.map

package/es/tntd-select/rc-select/hooks/useAllowClear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAllowClear.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/hooks/useAllowClear.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AAGnC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,aAAa,CACzB,SAAS,EACT,gBAAgB,EAChB,aAAiC,EACjC,UAAgD,EAChD,SAAqB,EACrB,QAAQ,GAAG,KAAK,EAChB,iBAA0B,EAC1B,IAAW;IAEX,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACvC,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAChC,OAAO,UAAU,CAAC,SAAS,CAAC;SAC/B;QACD,IAAI,CAAC,CAAC,SAAS;YAAE,OAAO,SAAS,CAAC;IACtC,CAAC,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAG5B,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,IACI,CAAC,QAAQ;YACT,CAAC,CAAC,UAAU;YACZ,CAAC,aAAa,CAAC,MAAM,IAAI,iBAAiB,CAAC;YAC3C,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,iBAAiB,KAAK,EAAE,CAAC,EACpD;YACE,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,CAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1E,OAAO;QACH,UAAU,EAAE,gBAAgB;QAC5B,SAAS,EAAE,CACP,oBAAC,QAAQ,IACL,SAAS,EAAE,GAAG,SAAS,QAAQ,EAC/B,WAAW,EAAE,gBAAgB,EAC7B,aAAa,EAAE,eAAe,aAGvB,CACd;KACJ,CAAC;AACN,CAAC","sourcesContent":["import TransBtn from '../TransBtn';\nimport type { DisplayValueType, Mode } from '../interface';\nimport type { ReactNode } from 'react';\nimport React from 'react';\n\nexport function useAllowClear(\n    prefixCls,\n    onClearMouseDown,\n    displayValues: DisplayValueType[],\n    allowClear?: boolean | { clearIcon?: ReactNode },\n    clearIcon?: ReactNode,\n    disabled = false,\n    mergedSearchValue?: string,\n    mode?: Mode\n) {\n    const mergedClearIcon = React.useMemo(() => {\n        if (typeof allowClear === \"object\") {\n            return allowClear.clearIcon;\n        }\n        if (!!clearIcon) return clearIcon;\n    }, [allowClear, clearIcon]);\n\n\n    const mergedAllowClear = React.useMemo(() => {\n        if (\n            !disabled &&\n            !!allowClear &&\n            (displayValues.length || mergedSearchValue) &&\n            !(mode === 'combobox' && mergedSearchValue === '')\n        ) {\n            return true;\n        }\n        return false;\n    }, [allowClear, disabled, displayValues.length, mergedSearchValue, mode]);\n\n    return {\n        allowClear: mergedAllowClear,\n        clearIcon: (\n            <TransBtn\n                className={`${prefixCls}-clear`}\n                onMouseDown={onClearMouseDown}\n                customizeIcon={mergedClearIcon}\n            >\n                ×\n            </TransBtn>\n        )\n    };\n}\n"]}

package/es/tntd-select/rc-select/hooks/useBaseProps.js

@@ -0,0 +1,10 @@
+/**
+ * BaseSelect provide some parsed data into context.
+ * You can use this hooks to get them.
+ */
+import * as React from 'react';
+export const BaseSelectContext = React.createContext(null);
+export default function useBaseProps() {
+    return React.useContext(BaseSelectContext);
+}
+//# sourceMappingURL=useBaseProps.js.map

package/es/tntd-select/rc-select/hooks/useBaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseProps.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/hooks/useBaseProps.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAyB,IAAI,CAAC,CAAC;AAEnF,MAAM,CAAC,OAAO,UAAU,YAAY;IAClC,OAAO,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["/**\n * BaseSelect provide some parsed data into context.\n * You can use this hooks to get them.\n */\n\nimport * as React from 'react';\nimport type { BaseSelectProps } from '../BaseSelect';\n\nexport interface BaseSelectContextProps extends BaseSelectProps {\n  triggerOpen: boolean;\n  multiple: boolean;\n  toggleOpen: (open?: boolean) => void;\n}\n\nexport const BaseSelectContext = React.createContext<BaseSelectContextProps>(null);\n\nexport default function useBaseProps() {\n  return React.useContext(BaseSelectContext);\n}\n"]}

package/es/tntd-select/rc-select/hooks/useCache.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+/**
+ * Cache `value` related LabeledValue & options.
+ */
+export default (labeledValues, valueOptions) => {
+    const cacheRef = React.useRef({
+        values: new Map(),
+        options: new Map(),
+    });
+    const filledLabeledValues = React.useMemo(() => {
+        const { values: prevValueCache, options: prevOptionCache } = cacheRef.current;
+        // Fill label by cache
+        const patchedValues = labeledValues.map((item) => {
+            var _a;
+            if (item.label === undefined) {
+                return Object.assign(Object.assign({}, item), { label: (_a = prevValueCache.get(item.value)) === null || _a === void 0 ? void 0 : _a.label });
+            }
+            return item;
+        });
+        // Refresh cache
+        const valueCache = new Map();
+        const optionCache = new Map();
+        patchedValues.forEach((item) => {
+            valueCache.set(item.value, item);
+            optionCache.set(item.value, valueOptions.get(item.value) || prevOptionCache.get(item.value));
+        });
+        cacheRef.current.values = valueCache;
+        cacheRef.current.options = optionCache;
+        return patchedValues;
+    }, [labeledValues, valueOptions]);
+    const getOption = React.useCallback((val) => valueOptions.get(val) || cacheRef.current.options.get(val), [valueOptions]);
+    return [filledLabeledValues, getOption];
+};
+//# sourceMappingURL=useCache.js.map

package/es/tntd-select/rc-select/hooks/useCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCache.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/hooks/useCache.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,eAAe,CACb,aAAiC,EACjC,YAAkD,EACc,EAAE;IAClE,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,MAAM,EAAE,IAAI,GAAG,EAAkC;QACjD,OAAO,EAAE,IAAI,GAAG,EAAmC;KACpD,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7C,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE9E,sBAAsB;QACtB,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;;YAC/C,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;gBAC5B,uCACK,IAAI,KACP,KAAK,EAAE,MAAA,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,0CAAE,KAAK,IAC5C;aACH;YAED,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QAEH,gBAAgB;QAChB,MAAM,UAAU,GAAG,IAAI,GAAG,EAAkC,CAAC;QAC7D,MAAM,WAAW,GAAG,IAAI,GAAG,EAAmC,CAAC;QAE/D,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACjC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/F,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,UAAU,CAAC;QACrC,QAAQ,CAAC,OAAO,CAAC,OAAO,GAAG,WAAW,CAAC;QAEvC,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;IAElC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,GAAiB,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EACjF,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport type { RawValueType } from '../BaseSelect';\nimport type { DefaultOptionType, LabelInValueType } from '../Select';\n\n/**\n * Cache `value` related LabeledValue & options.\n */\nexport default (\n  labeledValues: LabelInValueType[],\n  valueOptions: Map<RawValueType, DefaultOptionType>,\n): [LabelInValueType[], (val: RawValueType) => DefaultOptionType] => {\n  const cacheRef = React.useRef({\n    values: new Map<RawValueType, LabelInValueType>(),\n    options: new Map<RawValueType, DefaultOptionType>(),\n  });\n\n  const filledLabeledValues = React.useMemo(() => {\n    const { values: prevValueCache, options: prevOptionCache } = cacheRef.current;\n\n    // Fill label by cache\n    const patchedValues = labeledValues.map((item) => {\n      if (item.label === undefined) {\n        return {\n          ...item,\n          label: prevValueCache.get(item.value)?.label,\n        };\n      }\n\n      return item;\n    });\n\n    // Refresh cache\n    const valueCache = new Map<RawValueType, LabelInValueType>();\n    const optionCache = new Map<RawValueType, DefaultOptionType>();\n\n    patchedValues.forEach((item) => {\n      valueCache.set(item.value, item);\n      optionCache.set(item.value, valueOptions.get(item.value) || prevOptionCache.get(item.value));\n    });\n\n    cacheRef.current.values = valueCache;\n    cacheRef.current.options = optionCache;\n\n    return patchedValues;\n  }, [labeledValues, valueOptions]);\n\n  const getOption = React.useCallback(\n    (val: RawValueType) => valueOptions.get(val) || cacheRef.current.options.get(val),\n    [valueOptions],\n  );\n\n  return [filledLabeledValues, getOption];\n};\n"]}

package/es/tntd-select/rc-select/hooks/useDelayReset.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+/**
+ * Similar with `useLock`, but this hook will always execute last value.
+ * When set to `true`, it will keep `true` for a short time even if `false` is set.
+ */
+export default function useDelayReset(timeout = 10) {
+    const [bool, setBool] = React.useState(false);
+    const delayRef = React.useRef(null);
+    const cancelLatest = () => {
+        window.clearTimeout(delayRef.current);
+    };
+    React.useEffect(() => cancelLatest, []);
+    const delaySetBool = (value, callback) => {
+        cancelLatest();
+        delayRef.current = window.setTimeout(() => {
+            setBool(value);
+            if (callback) {
+                callback();
+            }
+        }, timeout);
+    };
+    return [bool, delaySetBool, cancelLatest];
+}
+//# sourceMappingURL=useDelayReset.js.map

package/es/tntd-select/rc-select/hooks/useDelayReset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayReset.js","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/hooks/useDelayReset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,UAAkB,EAAE;IAEpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAS,IAAI,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,CAAC,KAAc,EAAE,QAAoB,EAAE,EAAE;QAC5D,YAAY,EAAE,CAAC;QAEf,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACxC,OAAO,CAAC,KAAK,CAAC,CAAC;YACf,IAAI,QAAQ,EAAE;gBACZ,QAAQ,EAAE,CAAC;aACZ;QACH,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\n/**\n * Similar with `useLock`, but this hook will always execute last value.\n * When set to `true`, it will keep `true` for a short time even if `false` is set.\n */\nexport default function useDelayReset(\n  timeout: number = 10,\n): [boolean, (val: boolean, callback?: () => void) => void, () => void] {\n  const [bool, setBool] = React.useState<boolean>(false);\n  const delayRef = React.useRef<number>(null);\n\n  const cancelLatest = () => {\n    window.clearTimeout(delayRef.current);\n  };\n\n  React.useEffect(() => cancelLatest, []);\n\n  const delaySetBool = (value: boolean, callback: () => void) => {\n    cancelLatest();\n\n    delayRef.current = window.setTimeout(() => {\n      setBool(value);\n      if (callback) {\n        callback();\n      }\n    }, timeout);\n  };\n\n  return [bool, delaySetBool, cancelLatest];\n}\n"]}