tntd 2.7.23 → 2.7.25

package/lib/tntd-select/rc-select/SelectTrigger.js

@@ -0,0 +1,119 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const trigger_1 = __importDefault(require("@rc-component/trigger"));
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const getBuiltInPlacements = (dropdownMatchSelectWidth) => {
+    // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided
+    const adjustX = dropdownMatchSelectWidth === true ? 0 : 1;
+    return {
+        bottomLeft: {
+            points: ['tl', 'bl'],
+            offset: [0, 4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+        bottomRight: {
+            points: ['tr', 'br'],
+            offset: [0, 4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+        topLeft: {
+            points: ['bl', 'tl'],
+            offset: [0, -4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+        topRight: {
+            points: ['br', 'tr'],
+            offset: [0, -4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+    };
+};
+const SelectTrigger = (props, ref) => {
+    const { prefixCls, disabled, visible, children, popupElement, animation, transitionName, dropdownStyle, dropdownClassName, direction = 'ltr', placement, builtinPlacements, dropdownMatchSelectWidth, dropdownRender, dropdownAlign, getPopupContainer, empty, getTriggerDOMNode, onPopupVisibleChange, onPopupMouseEnter } = props, restProps = __rest(props, ["prefixCls", "disabled", "visible", "children", "popupElement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "placement", "builtinPlacements", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "onPopupVisibleChange", "onPopupMouseEnter"]);
+    const dropdownPrefixCls = `${prefixCls}-dropdown`;
+    let popupNode = popupElement;
+    if (dropdownRender) {
+        popupNode = dropdownRender(popupElement);
+    }
+    const mergedBuiltinPlacements = React.useMemo(() => builtinPlacements || getBuiltInPlacements(dropdownMatchSelectWidth), [builtinPlacements, dropdownMatchSelectWidth]);
+    // ===================== Motion ======================
+    const mergedTransitionName = animation ? `${dropdownPrefixCls}-${animation}` : transitionName;
+    // =================== Popup Width ===================
+    const isNumberPopupWidth = typeof dropdownMatchSelectWidth === 'number';
+    const stretch = React.useMemo(() => {
+        if (isNumberPopupWidth) {
+            return null;
+        }
+        return dropdownMatchSelectWidth === false ? 'minWidth' : 'width';
+    }, [dropdownMatchSelectWidth, isNumberPopupWidth]);
+    let popupStyle = dropdownStyle;
+    if (isNumberPopupWidth) {
+        popupStyle = Object.assign(Object.assign({}, popupStyle), { width: dropdownMatchSelectWidth });
+    }
+    // ======================= Ref =======================
+    const popupRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => ({
+        getPopupElement: () => popupRef.current,
+    }));
+    return (React.createElement(trigger_1.default, Object.assign({}, restProps, { showAction: onPopupVisibleChange ? ['click'] : [], hideAction: onPopupVisibleChange ? ['click'] : [], popupPlacement: placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft'), builtinPlacements: mergedBuiltinPlacements, prefixCls: dropdownPrefixCls, popupTransitionName: mergedTransitionName, popup: React.createElement("div", { ref: popupRef, onMouseEnter: onPopupMouseEnter }, popupNode), stretch: stretch, popupAlign: dropdownAlign, popupVisible: visible, getPopupContainer: getPopupContainer, popupClassName: (0, classnames_1.default)(dropdownClassName, {
+            [`${dropdownPrefixCls}-empty`]: empty,
+        }), popupStyle: popupStyle, getTriggerDOMNode: getTriggerDOMNode, onPopupVisibleChange: onPopupVisibleChange }), children));
+};
+const RefSelectTrigger = React.forwardRef(SelectTrigger);
+RefSelectTrigger.displayName = 'SelectTrigger';
+exports.default = RefSelectTrigger;
+//# sourceMappingURL=SelectTrigger.js.map

package/lib/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/lib/tntd-select/rc-select/Selector/Input.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+declare type InputRef = HTMLInputElement | HTMLTextAreaElement;
+interface InputProps {
+    prefixCls: string;
+    id: string;
+    inputElement: React.ReactElement;
+    disabled: boolean;
+    autoFocus: boolean;
+    autoComplete: string;
+    editable: boolean;
+    activeDescendantId?: string;
+    value: string;
+    maxLength?: number;
+    open: boolean;
+    tabIndex: number;
+    /** Pass accessibility props to input */
+    attrs: Record<string, unknown>;
+    onKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+    onMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+    onPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+    onCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+    onCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement | HTMLElement>;
+}
+declare const RefInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputRef>>;
+export default RefInput;
+//# sourceMappingURL=Input.d.ts.map

package/lib/tntd-select/rc-select/Selector/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,aAAK,QAAQ,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAEvD,UAAU,UAAU;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,WAAW,CAAC,CAAC;IAC5F,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,WAAW,CAAC,CAAC;IAC3F,QAAQ,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,WAAW,CAAC,CAAC;IACzF,OAAO,EAAE,KAAK,CAAC,qBAAqB,CAAC,gBAAgB,GAAG,mBAAmB,GAAG,WAAW,CAAC,CAAC;IAC3F,kBAAkB,EAAE,KAAK,CAAC,uBAAuB,CAC/C,gBAAgB,GAAG,mBAAmB,GAAG,WAAW,CACrD,CAAC;IACF,gBAAgB,EAAE,KAAK,CAAC,uBAAuB,CAC7C,gBAAgB,GAAG,mBAAmB,GAAG,WAAW,CACrD,CAAC;CACH;AA6GD,QAAA,MAAM,QAAQ,6EAAgD,CAAC;AAG/D,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ref_1 = require("rc-util/lib/ref");
+const warning_1 = require("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;
+    (0, warning_1.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: (0, ref_1.composeRef)(ref, originRef), disabled,
+        tabIndex, autoComplete: autoComplete || 'off', autoFocus, className: (0, classnames_1.default)(`${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';
+exports.default = RefInput;
+//# sourceMappingURL=Input.js.map

package/lib/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/lib/tntd-select/rc-select/Selector/MultipleSelector.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { InnerSelectorProps } from '.';
+import type { DisplayValueType, RenderNode, CustomTagProps } from '../BaseSelect';
+interface SelectorProps extends InnerSelectorProps {
+    removeIcon?: RenderNode;
+    maxTagCount?: number | 'responsive';
+    maxTagTextLength?: number;
+    maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
+    tokenSeparators?: string[];
+    tagRender?: (props: CustomTagProps) => React.ReactElement;
+    onToggleOpen: (open?: boolean) => void;
+    choiceTransitionName?: string;
+    onRemove: (value: DisplayValueType) => void;
+}
+declare const SelectSelector: React.FC<SelectorProps>;
+export default SelectSelector;
+//# sourceMappingURL=MultipleSelector.d.ts.map

package/lib/tntd-select/rc-select/Selector/MultipleSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelector.d.ts","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/MultipleSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAG5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,cAAc,EAAgB,MAAM,eAAe,CAAC;AAOhG,UAAU,aAAc,SAAQ,kBAAkB;IAEhD,UAAU,CAAC,EAAE,UAAU,CAAC;IAGxB,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,aAAa,EAAE,gBAAgB,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAC/F,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,KAAK,CAAC,YAAY,CAAC;IAC1D,YAAY,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAGvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAG9B,QAAQ,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC7C;AAMD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6M3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,125 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const classnames_1 = __importDefault(require("classnames"));
+const pickAttrs_1 = __importDefault(require("rc-util/lib/pickAttrs"));
+const rc_overflow_1 = __importDefault(require("rc-overflow"));
+const TransBtn_1 = __importDefault(require("../TransBtn"));
+const Input_1 = __importDefault(require("./Input"));
+const useLayoutEffect_1 = __importDefault(require("../hooks/useLayoutEffect"));
+const commonUtil_1 = require("../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] = (0, react_1.useState)(0);
+    const [focused, setFocused] = (0, react_1.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
+    (0, useLayoutEffect_1.default)(() => {
+        setInputWidth(measureRef.current.scrollWidth);
+    }, [inputValue]);
+    // ===================== Render ======================
+    // >>> Render Selector Node. Includes Item & Rest
+    function defaultRenderSelector(item, content, itemDisabled, closable, onClose) {
+        return (React.createElement("span", { className: (0, classnames_1.default)(`${selectionPrefixCls}-item`, {
+                [`${selectionPrefixCls}-item-disabled`]: itemDisabled,
+            }), title: (0, commonUtil_1.getTitle)(item) },
+            React.createElement("span", { className: `${selectionPrefixCls}-item-content` }, content),
+            closable && (React.createElement(TransBtn_1.default, { 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_1.default, { 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: (0, pickAttrs_1.default)(props, true) }),
+        React.createElement("span", { ref: measureRef, className: `${selectionPrefixCls}-search-mirror`, "aria-hidden": true },
+            inputValue,
+            "\u00A0")));
+    // >>> Selections
+    const selectionNode = (React.createElement(rc_overflow_1.default, { 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))));
+};
+exports.default = SelectSelector;
+//# sourceMappingURL=MultipleSelector.js.map

package/lib/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/lib/tntd-select/rc-select/Selector/SingleSelector.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { InnerSelectorProps } from '.';
+interface SelectorProps extends InnerSelectorProps {
+    inputElement: React.ReactElement;
+    activeValue: string;
+}
+declare const SingleSelector: React.FC<SelectorProps>;
+export default SingleSelector;
+//# sourceMappingURL=SingleSelector.d.ts.map

package/lib/tntd-select/rc-select/Selector/SingleSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleSelector.d.ts","sourceRoot":"","sources":["../../../../src/tntd-select/rc-select/Selector/SingleSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAG5C,UAAU,aAAc,SAAQ,kBAAkB;IAChD,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoH3C,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const pickAttrs_1 = __importDefault(require("rc-util/lib/pickAttrs"));
+const Input_1 = __importDefault(require("./Input"));
+const commonUtil_1 = require("../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 ? (0, commonUtil_1.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_1.default, { 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: (0, pickAttrs_1.default)(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()));
+};
+exports.default = SingleSelector;
+//# sourceMappingURL=SingleSelector.js.map

package/lib/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/lib/tntd-select/rc-select/Selector/index.d.ts

@@ -0,0 +1,83 @@
+/**
+ * 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 type { ScrollTo } from 'rc-virtual-list/lib/List';
+import type { CustomTagProps, DisplayValueType, Mode, RenderNode } from '../BaseSelect';
+export interface InnerSelectorProps {
+    prefixCls: string;
+    id: string;
+    mode: Mode;
+    title?: string;
+    inputRef: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
+    placeholder?: React.ReactNode;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: string;
+    values: DisplayValueType[];
+    showSearch?: boolean;
+    searchValue: string;
+    autoClearSearchValue?: boolean;
+    activeDescendantId?: string;
+    open: boolean;
+    tabIndex?: number;
+    maxLength?: number;
+    onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputMouseDown: React.MouseEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputPaste: React.ClipboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputCompositionStart: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onInputCompositionEnd: React.CompositionEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+}
+export interface RefSelectorProps {
+    focus: () => void;
+    blur: () => void;
+    scrollTo?: ScrollTo;
+}
+export interface SelectorProps {
+    id: string;
+    prefixCls: string;
+    showSearch?: boolean;
+    open: boolean;
+    /** Display in the Selector value, it's not same as `value` prop */
+    values: DisplayValueType[];
+    mode: Mode;
+    searchValue: string;
+    activeValue: string;
+    autoClearSearchValue: boolean;
+    inputElement: JSX.Element;
+    maxLength?: number;
+    autoFocus?: boolean;
+    activeDescendantId?: string;
+    tabIndex?: number;
+    disabled?: boolean;
+    placeholder?: React.ReactNode;
+    removeIcon?: RenderNode;
+    maxTagCount?: number | 'responsive';
+    maxTagTextLength?: number;
+    maxTagPlaceholder?: React.ReactNode | ((omittedValues: DisplayValueType[]) => React.ReactNode);
+    tagRender?: (props: CustomTagProps) => React.ReactElement;
+    /** Check if `tokenSeparators` contains `\n` or `\r\n` */
+    tokenWithEnter?: boolean;
+    choiceTransitionName?: string;
+    onToggleOpen: (open?: boolean) => void;
+    /** `onSearch` returns go next step boolean to check if need do toggle open */
+    onSearch: (searchText: string, fromTyping: boolean, isCompositing: boolean) => boolean;
+    onSearchSubmit?: (searchText: string) => void;
+    onRemove: (value: DisplayValueType) => void;
+    onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    /**
+     * @private get real dom for trigger align.
+     * This may be removed after React provides replacement of `findDOMNode`
+     */
+    domRef: React.Ref<HTMLDivElement>;
+}
+declare const ForwardSelector: React.ForwardRefExoticComponent<SelectorProps & React.RefAttributes<RefSelectorProps>>;
+export default ForwardSelector;
+//# sourceMappingURL=index.d.ts.map