tntd 2.7.29 → 2.7.30

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/SelectTrigger.tsx"],"names":[],"mappings":"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","sourcesContent":["import Trigger from '@rc-component/trigger';\nimport type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport type { Placement, RenderDOMFunc } from './BaseSelect';\n\nconst getBuiltInPlacements = (\n  dropdownMatchSelectWidth: number | boolean,\n): Record<string, AlignType> => {\n  // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided\n  const adjustX = dropdownMatchSelectWidth === true ? 0 : 1;\n  return {\n    bottomLeft: {\n      points: ['tl', 'bl'],\n      offset: [0, 4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n    bottomRight: {\n      points: ['tr', 'br'],\n      offset: [0, 4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n    topLeft: {\n      points: ['bl', 'tl'],\n      offset: [0, -4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n    topRight: {\n      points: ['br', 'tr'],\n      offset: [0, -4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n  };\n};\n\nexport interface RefTriggerProps {\n  getPopupElement: () => HTMLDivElement;\n}\n\nexport interface SelectTriggerProps {\n  prefixCls: string;\n  children: React.ReactElement;\n  disabled: boolean;\n  visible: boolean;\n  popupElement: React.ReactElement;\n\n  animation?: string;\n  transitionName?: string;\n  placement?: Placement;\n  builtinPlacements?: BuildInPlacements;\n  dropdownStyle: React.CSSProperties;\n  dropdownClassName: string;\n  direction: string;\n  dropdownMatchSelectWidth?: boolean | number;\n  dropdownRender?: (menu: React.ReactElement) => React.ReactElement;\n  getPopupContainer?: RenderDOMFunc;\n  dropdownAlign: AlignType;\n  empty: boolean;\n\n  getTriggerDOMNode: () => HTMLElement;\n  onPopupVisibleChange?: (visible: boolean) => void;\n\n  onPopupMouseEnter: () => void;\n}\n\nconst SelectTrigger: React.RefForwardingComponent<RefTriggerProps, SelectTriggerProps> = (\n  props,\n  ref,\n) => {\n  const {\n    prefixCls,\n    disabled,\n    visible,\n    children,\n    popupElement,\n    animation,\n    transitionName,\n    dropdownStyle,\n    dropdownClassName,\n    direction = 'ltr',\n    placement,\n    builtinPlacements,\n    dropdownMatchSelectWidth,\n    dropdownRender,\n    dropdownAlign,\n    getPopupContainer,\n    empty,\n    getTriggerDOMNode,\n    onPopupVisibleChange,\n    onPopupMouseEnter,\n    ...restProps\n  } = props;\n\n  const dropdownPrefixCls = `${prefixCls}-dropdown`;\n\n  let popupNode = popupElement;\n  if (dropdownRender) {\n    popupNode = dropdownRender(popupElement);\n  }\n\n  const mergedBuiltinPlacements = React.useMemo(\n    () => builtinPlacements || getBuiltInPlacements(dropdownMatchSelectWidth),\n    [builtinPlacements, dropdownMatchSelectWidth],\n  );\n\n  // ===================== Motion ======================\n  const mergedTransitionName = animation ? `${dropdownPrefixCls}-${animation}` : transitionName;\n\n  // =================== Popup Width ===================\n  const isNumberPopupWidth = typeof dropdownMatchSelectWidth === 'number';\n\n  const stretch = React.useMemo(() => {\n    if (isNumberPopupWidth) {\n      return null;\n    }\n\n    return dropdownMatchSelectWidth === false ? 'minWidth' : 'width';\n  }, [dropdownMatchSelectWidth, isNumberPopupWidth]);\n\n  let popupStyle = dropdownStyle;\n\n  if (isNumberPopupWidth) {\n    popupStyle = {\n      ...popupStyle,\n      width: dropdownMatchSelectWidth,\n    };\n  }\n\n  // ======================= Ref =======================\n  const popupRef = React.useRef<HTMLDivElement>(null);\n\n  React.useImperativeHandle(ref, () => ({\n    getPopupElement: () => popupRef.current,\n  }));\n\n  return (\n    <Trigger\n      {...restProps}\n      showAction={onPopupVisibleChange ? ['click'] : []}\n      hideAction={onPopupVisibleChange ? ['click'] : []}\n      popupPlacement={placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft')}\n      builtinPlacements={mergedBuiltinPlacements}\n      prefixCls={dropdownPrefixCls}\n      popupTransitionName={mergedTransitionName}\n      popup={\n        <div ref={popupRef} onMouseEnter={onPopupMouseEnter}>\n          {popupNode}\n        </div>\n      }\n      stretch={stretch}\n      popupAlign={dropdownAlign}\n      popupVisible={visible}\n      getPopupContainer={getPopupContainer}\n      popupClassName={classNames(dropdownClassName, {\n        [`${dropdownPrefixCls}-empty`]: empty,\n      })}\n      popupStyle={popupStyle}\n      getTriggerDOMNode={getTriggerDOMNode}\n      onPopupVisibleChange={onPopupVisibleChange}\n    >\n      {children}\n    </Trigger>\n  );\n};\n\nconst RefSelectTrigger = React.forwardRef<RefTriggerProps, SelectTriggerProps>(SelectTrigger);\nRefSelectTrigger.displayName = 'SelectTrigger';\n\nexport default RefSelectTrigger;\n"]}

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

@@ -0,0 +1,103 @@
+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;

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,171 @@
+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;

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,98 @@
+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;

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,158 @@
+/**
+ * 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;

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"]}