tntd 2.7.23 → 2.7.24

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

@@ -0,0 +1,285 @@
+"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 classnames_1 = __importDefault(require("classnames"));
+const KeyCode_1 = __importDefault(require("rc-util/lib/KeyCode"));
+const useMemo_1 = __importDefault(require("rc-util/lib/hooks/useMemo"));
+const omit_1 = __importDefault(require("rc-util/lib/omit"));
+const pickAttrs_1 = __importDefault(require("rc-util/lib/pickAttrs"));
+const rc_virtual_list_1 = __importDefault(require("rc-virtual-list"));
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const SelectContext_1 = __importDefault(require("./SelectContext"));
+const TransBtn_1 = __importDefault(require("./TransBtn"));
+const useBaseProps_1 = __importDefault(require("./hooks/useBaseProps"));
+const platformUtil_1 = require("./utils/platformUtil");
+function isTitleType(content) {
+    return typeof content === 'string' || typeof content === 'number';
+}
+/**
+ * Using virtual list of option display.
+ * Will fallback to dom if use customize render.
+ */
+const OptionList = (_, ref) => {
+    const { prefixCls, id, open, multiple, mode, searchValue, toggleOpen, notFoundContent, onPopupScroll, } = (0, useBaseProps_1.default)();
+    const { flattenOptions, onActiveValue, defaultActiveFirstOption, onSelect, menuItemSelectedIcon, rawValues, fieldNames, virtual, direction, listHeight, listItemHeight, optionRender, } = React.useContext(SelectContext_1.default);
+    const itemPrefixCls = `${prefixCls}-item`;
+    const memoFlattenOptions = (0, useMemo_1.default)(() => flattenOptions, [open, flattenOptions], (prev, next) => next[0] && prev[1] !== next[1]);
+    // =========================== List ===========================
+    const listRef = React.useRef(null);
+    const onListMouseDown = (event) => {
+        event.preventDefault();
+    };
+    const scrollIntoView = (args) => {
+        if (listRef.current) {
+            listRef.current.scrollTo(typeof args === 'number' ? { index: args } : args);
+        }
+    };
+    // ========================== Active ==========================
+    const getEnabledActiveIndex = (index, offset = 1) => {
+        const len = memoFlattenOptions.length;
+        for (let i = 0; i < len; i += 1) {
+            const current = (index + i * offset + len) % len;
+            const { group, data } = memoFlattenOptions[current];
+            if (!group && !data.disabled) {
+                return current;
+            }
+        }
+        return -1;
+    };
+    const [activeIndex, setActiveIndex] = React.useState(() => getEnabledActiveIndex(0));
+    const setActive = (index, fromKeyboard = false) => {
+        setActiveIndex(index);
+        const info = { source: fromKeyboard ? 'keyboard' : 'mouse' };
+        // Trigger active event
+        const flattenItem = memoFlattenOptions[index];
+        if (!flattenItem) {
+            onActiveValue(null, -1, info);
+            return;
+        }
+        onActiveValue(flattenItem.value, index, info);
+    };
+    // Auto active first item when list length or searchValue changed
+    (0, react_1.useEffect)(() => {
+        setActive(defaultActiveFirstOption !== false ? getEnabledActiveIndex(0) : -1);
+    }, [memoFlattenOptions.length, searchValue]);
+    // https://github.com/ant-design/ant-design/issues/34975
+    const isSelected = React.useCallback((value) => rawValues.has(value) && mode !== 'combobox', [mode, [...rawValues].toString(), rawValues.size]);
+    // Auto scroll to item position in single mode
+    (0, react_1.useEffect)(() => {
+        var _a;
+        /**
+         * React will skip `onChange` when component update.
+         * `setActive` function will call root accessibility state update which makes re-render.
+         * So we need to delay to let Input component trigger onChange first.
+         */
+        const timeoutId = setTimeout(() => {
+            if (!multiple && open && rawValues.size === 1) {
+                const value = Array.from(rawValues)[0];
+                const index = memoFlattenOptions.findIndex(({ data }) => data.value === value);
+                if (index !== -1) {
+                    setActive(index);
+                    scrollIntoView(index);
+                }
+            }
+        });
+        // Force trigger scrollbar visible when open
+        if (open) {
+            (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined);
+        }
+        return () => clearTimeout(timeoutId);
+    }, [open, searchValue]);
+    // ========================== Values ==========================
+    const onSelectValue = (value) => {
+        if (value !== undefined) {
+            onSelect(value, { selected: !rawValues.has(value) });
+        }
+        // Single mode should always close by select
+        if (!multiple) {
+            toggleOpen(false);
+        }
+    };
+    // ========================= Keyboard =========================
+    React.useImperativeHandle(ref, () => ({
+        onKeyDown: (event) => {
+            const { which, ctrlKey } = event;
+            switch (which) {
+                // >>> Arrow keys & ctrl + n/p on Mac
+                case KeyCode_1.default.N:
+                case KeyCode_1.default.P:
+                case KeyCode_1.default.UP:
+                case KeyCode_1.default.DOWN: {
+                    let offset = 0;
+                    if (which === KeyCode_1.default.UP) {
+                        offset = -1;
+                    }
+                    else if (which === KeyCode_1.default.DOWN) {
+                        offset = 1;
+                    }
+                    else if ((0, platformUtil_1.isPlatformMac)() && ctrlKey) {
+                        if (which === KeyCode_1.default.N) {
+                            offset = 1;
+                        }
+                        else if (which === KeyCode_1.default.P) {
+                            offset = -1;
+                        }
+                    }
+                    if (offset !== 0) {
+                        const nextActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);
+                        scrollIntoView(nextActiveIndex);
+                        setActive(nextActiveIndex, true);
+                    }
+                    break;
+                }
+                // >>> Select
+                case KeyCode_1.default.ENTER: {
+                    // value
+                    const item = memoFlattenOptions[activeIndex];
+                    if (item && !item.data.disabled) {
+                        onSelectValue(item.value);
+                    }
+                    else {
+                        onSelectValue(undefined);
+                    }
+                    if (open) {
+                        event.preventDefault();
+                    }
+                    break;
+                }
+                // >>> Close
+                case KeyCode_1.default.ESC: {
+                    toggleOpen(false);
+                    if (open) {
+                        event.stopPropagation();
+                    }
+                }
+            }
+        },
+        onKeyUp: () => { },
+        scrollTo: (index) => {
+            scrollIntoView(index);
+        },
+    }));
+    // ========================== Render ==========================
+    if (memoFlattenOptions.length === 0) {
+        return (React.createElement("div", { role: "listbox", id: `${id}_list`, className: `${itemPrefixCls}-empty`, onMouseDown: onListMouseDown }, notFoundContent));
+    }
+    const omitFieldNameList = Object.keys(fieldNames).map((key) => fieldNames[key]);
+    const getLabel = (item) => item.label;
+    function getItemAriaProps(item, index) {
+        const { group } = item;
+        return {
+            role: group ? 'presentation' : 'option',
+            id: `${id}_list_${index}`,
+        };
+    }
+    const renderItem = (index) => {
+        const item = memoFlattenOptions[index];
+        if (!item)
+            return null;
+        const itemData = item.data || {};
+        const { value } = itemData;
+        const { group } = item;
+        const attrs = (0, pickAttrs_1.default)(itemData, true);
+        const mergedLabel = getLabel(item);
+        return item ? (React.createElement("div", Object.assign({ "aria-label": typeof mergedLabel === 'string' && !group ? mergedLabel : null }, attrs, { key: index }, getItemAriaProps(item, index), { "aria-selected": isSelected(value) }), value)) : null;
+    };
+    const a11yProps = {
+        role: 'listbox',
+        id: `${id}_list`,
+    };
+    return (React.createElement(React.Fragment, null,
+        virtual && (React.createElement("div", Object.assign({}, a11yProps, { style: { height: 0, width: 0, overflow: 'hidden' } }),
+            renderItem(activeIndex - 1),
+            renderItem(activeIndex),
+            renderItem(activeIndex + 1))),
+        React.createElement(rc_virtual_list_1.default, { itemKey: "key", ref: listRef, data: memoFlattenOptions, height: listHeight, itemHeight: listItemHeight, fullHeight: false, onMouseDown: onListMouseDown, onScroll: onPopupScroll, virtual: virtual, direction: direction, innerProps: virtual ? null : a11yProps }, (item, itemIndex) => {
+            var _a;
+            const { group, groupOption, data, label, value } = item;
+            const { key } = data;
+            // Group
+            if (group) {
+                const groupTitle = (_a = data.title) !== null && _a !== void 0 ? _a : (isTitleType(label) ? label.toString() : undefined);
+                return (React.createElement("div", { className: (0, classnames_1.default)(itemPrefixCls, `${itemPrefixCls}-group`), title: groupTitle }, label !== undefined ? label : key));
+            }
+            const { disabled, title, children, style, className } = data, otherProps = __rest(data, ["disabled", "title", "children", "style", "className"]);
+            const passedProps = (0, omit_1.default)(otherProps, omitFieldNameList);
+            // Option
+            const selected = isSelected(value);
+            const optionPrefixCls = `${itemPrefixCls}-option`;
+            const optionClassName = (0, classnames_1.default)(itemPrefixCls, optionPrefixCls, className, {
+                [`${optionPrefixCls}-grouped`]: groupOption,
+                [`${optionPrefixCls}-active`]: activeIndex === itemIndex && !disabled,
+                [`${optionPrefixCls}-disabled`]: disabled,
+                [`${optionPrefixCls}-selected`]: selected,
+            });
+            const mergedLabel = getLabel(item);
+            const iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected;
+            // https://github.com/ant-design/ant-design/issues/34145
+            const content = typeof mergedLabel === 'number' ? mergedLabel : mergedLabel || value;
+            // https://github.com/ant-design/ant-design/issues/26717
+            let optionTitle = isTitleType(content) ? content.toString() : undefined;
+            if (title !== undefined) {
+                optionTitle = title;
+            }
+            return (React.createElement("div", Object.assign({}, (0, pickAttrs_1.default)(passedProps), (!virtual ? getItemAriaProps(item, itemIndex) : {}), { "aria-selected": selected, className: optionClassName, title: optionTitle, onMouseMove: () => {
+                    if (activeIndex === itemIndex || disabled) {
+                        return;
+                    }
+                    setActive(itemIndex);
+                }, onClick: () => {
+                    if (!disabled) {
+                        onSelectValue(value);
+                    }
+                }, style: style }),
+                React.createElement("div", { className: `${optionPrefixCls}-content` }, typeof optionRender === 'function'
+                    ? optionRender(item, { index: itemIndex })
+                    : content),
+                React.isValidElement(menuItemSelectedIcon) || selected,
+                iconVisible && (React.createElement(TransBtn_1.default, { className: `${itemPrefixCls}-option-state`, customizeIcon: menuItemSelectedIcon, customizeIconProps: {
+                        value,
+                        disabled,
+                        isSelected: selected,
+                    } }, selected ? '✓' : null))));
+        })));
+};
+const RefOptionList = React.forwardRef(OptionList);
+RefOptionList.displayName = 'OptionList';
+exports.default = RefOptionList;
+//# sourceMappingURL=OptionList.js.map

package/lib/tntd-select/rc-select/OptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/OptionList.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames';\nimport KeyCode from 'rc-util/lib/KeyCode';\nimport useMemo from 'rc-util/lib/hooks/useMemo';\nimport omit from 'rc-util/lib/omit';\nimport pickAttrs from 'rc-util/lib/pickAttrs';\nimport type { ListRef } from 'rc-virtual-list';\nimport List from 'rc-virtual-list';\nimport type { ScrollConfig } from 'rc-virtual-list/lib/List';\nimport * as React from 'react';\nimport { useEffect } from 'react';\nimport type { BaseOptionType, RawValueType } from './Select';\nimport SelectContext from './SelectContext';\nimport TransBtn from './TransBtn';\nimport useBaseProps from './hooks/useBaseProps';\nimport type { FlattenOptionData } from './interface';\nimport { isPlatformMac } from './utils/platformUtil';\n\n// export interface OptionListProps<OptionsType extends object[]> {\nexport type OptionListProps = Record<string, never>;\n\nexport interface RefOptionListProps {\n  onKeyDown: React.KeyboardEventHandler;\n  onKeyUp: React.KeyboardEventHandler;\n  scrollTo?: (args: number | ScrollConfig) => void;\n}\n\nfunction isTitleType(content: any) {\n  return typeof content === 'string' || typeof content === 'number';\n}\n\n/**\n * Using virtual list of option display.\n * Will fallback to dom if use customize render.\n */\nconst OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, ref) => {\n  const {\n    prefixCls,\n    id,\n    open,\n    multiple,\n    mode,\n    searchValue,\n    toggleOpen,\n    notFoundContent,\n    onPopupScroll,\n  } = useBaseProps();\n  const {\n    flattenOptions,\n    onActiveValue,\n    defaultActiveFirstOption,\n    onSelect,\n    menuItemSelectedIcon,\n    rawValues,\n    fieldNames,\n    virtual,\n    direction,\n    listHeight,\n    listItemHeight,\n    optionRender,\n  } = React.useContext(SelectContext);\n\n  const itemPrefixCls = `${prefixCls}-item`;\n\n  const memoFlattenOptions = useMemo(\n    () => flattenOptions,\n    [open, flattenOptions],\n    (prev, next) => next[0] && prev[1] !== next[1],\n  );\n\n  // =========================== List ===========================\n  const listRef = React.useRef<ListRef>(null);\n\n  const onListMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {\n    event.preventDefault();\n  };\n\n  const scrollIntoView = (args: number | ScrollConfig) => {\n    if (listRef.current) {\n      listRef.current.scrollTo(typeof args === 'number' ? { index: args } : args);\n    }\n  };\n\n  // ========================== Active ==========================\n  const getEnabledActiveIndex = (index: number, offset: number = 1): number => {\n    const len = memoFlattenOptions.length;\n\n    for (let i = 0; i < len; i += 1) {\n      const current = (index + i * offset + len) % len;\n\n      const { group, data } = memoFlattenOptions[current];\n      if (!group && !data.disabled) {\n        return current;\n      }\n    }\n\n    return -1;\n  };\n\n  const [activeIndex, setActiveIndex] = React.useState(() => getEnabledActiveIndex(0));\n  const setActive = (index: number, fromKeyboard = false) => {\n    setActiveIndex(index);\n\n    const info = { source: fromKeyboard ? ('keyboard' as const) : ('mouse' as const) };\n\n    // Trigger active event\n    const flattenItem = memoFlattenOptions[index];\n    if (!flattenItem) {\n      onActiveValue(null, -1, info);\n      return;\n    }\n    onActiveValue(flattenItem.value, index, info);\n  };\n\n  // Auto active first item when list length or searchValue changed\n  useEffect(() => {\n    setActive(defaultActiveFirstOption !== false ? getEnabledActiveIndex(0) : -1);\n  }, [memoFlattenOptions.length, searchValue]);\n\n  // https://github.com/ant-design/ant-design/issues/34975\n  const isSelected = React.useCallback(\n    (value: RawValueType) => rawValues.has(value) && mode !== 'combobox',\n    [mode, [...rawValues].toString(), rawValues.size],\n  );\n\n  // Auto scroll to item position in single mode\n  useEffect(() => {\n    /**\n     * React will skip `onChange` when component update.\n     * `setActive` function will call root accessibility state update which makes re-render.\n     * So we need to delay to let Input component trigger onChange first.\n     */\n    const timeoutId = setTimeout(() => {\n      if (!multiple && open && rawValues.size === 1) {\n        const value: RawValueType = Array.from(rawValues)[0];\n        const index = memoFlattenOptions.findIndex(({ data }) => data.value === value);\n\n        if (index !== -1) {\n          setActive(index);\n          scrollIntoView(index);\n        }\n      }\n    });\n\n    // Force trigger scrollbar visible when open\n    if (open) {\n      listRef.current?.scrollTo(undefined);\n    }\n\n    return () => clearTimeout(timeoutId);\n  }, [open, searchValue]);\n\n  // ========================== Values ==========================\n  const onSelectValue = (value: RawValueType) => {\n    if (value !== undefined) {\n      onSelect(value, { selected: !rawValues.has(value) });\n    }\n\n    // Single mode should always close by select\n    if (!multiple) {\n      toggleOpen(false);\n    }\n  };\n\n  // ========================= Keyboard =========================\n  React.useImperativeHandle(ref, () => ({\n    onKeyDown: (event) => {\n      const { which, ctrlKey } = event;\n      switch (which) {\n        // >>> Arrow keys & ctrl + n/p on Mac\n        case KeyCode.N:\n        case KeyCode.P:\n        case KeyCode.UP:\n        case KeyCode.DOWN: {\n          let offset = 0;\n          if (which === KeyCode.UP) {\n            offset = -1;\n          } else if (which === KeyCode.DOWN) {\n            offset = 1;\n          } else if (isPlatformMac() && ctrlKey) {\n            if (which === KeyCode.N) {\n              offset = 1;\n            } else if (which === KeyCode.P) {\n              offset = -1;\n            }\n          }\n\n          if (offset !== 0) {\n            const nextActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);\n            scrollIntoView(nextActiveIndex);\n            setActive(nextActiveIndex, true);\n          }\n\n          break;\n        }\n\n        // >>> Select\n        case KeyCode.ENTER: {\n          // value\n          const item = memoFlattenOptions[activeIndex];\n          if (item && !item.data.disabled) {\n            onSelectValue(item.value);\n          } else {\n            onSelectValue(undefined);\n          }\n\n          if (open) {\n            event.preventDefault();\n          }\n\n          break;\n        }\n\n        // >>> Close\n        case KeyCode.ESC: {\n          toggleOpen(false);\n          if (open) {\n            event.stopPropagation();\n          }\n        }\n      }\n    },\n    onKeyUp: () => {},\n\n    scrollTo: (index) => {\n      scrollIntoView(index);\n    },\n  }));\n\n  // ========================== Render ==========================\n  if (memoFlattenOptions.length === 0) {\n    return (\n      <div\n        role=\"listbox\"\n        id={`${id}_list`}\n        className={`${itemPrefixCls}-empty`}\n        onMouseDown={onListMouseDown}\n      >\n        {notFoundContent}\n      </div>\n    );\n  }\n\n  const omitFieldNameList = Object.keys(fieldNames).map((key) => fieldNames[key]);\n\n  const getLabel = (item: Record<string, any>) => item.label;\n\n  function getItemAriaProps(item: FlattenOptionData<BaseOptionType>, index: number) {\n    const { group } = item;\n\n    return {\n      role: group ? 'presentation' : 'option',\n      id: `${id}_list_${index}`,\n    };\n  }\n\n  const renderItem = (index: number) => {\n    const item = memoFlattenOptions[index];\n    if (!item) return null;\n\n    const itemData = item.data || {};\n    const { value } = itemData;\n    const { group } = item;\n    const attrs = pickAttrs(itemData, true);\n    const mergedLabel = getLabel(item);\n    return item ? (\n      <div\n        aria-label={typeof mergedLabel === 'string' && !group ? mergedLabel : null}\n        {...attrs}\n        key={index}\n        {...getItemAriaProps(item, index)}\n        aria-selected={isSelected(value)}\n      >\n        {value}\n      </div>\n    ) : null;\n  };\n\n  const a11yProps = {\n    role: 'listbox',\n    id: `${id}_list`,\n  };\n\n  return (\n    <>\n      {virtual && (\n        <div {...a11yProps} style={{ height: 0, width: 0, overflow: 'hidden' }}>\n          {renderItem(activeIndex - 1)}\n          {renderItem(activeIndex)}\n          {renderItem(activeIndex + 1)}\n        </div>\n      )}\n      <List<FlattenOptionData<BaseOptionType>>\n        itemKey=\"key\"\n        ref={listRef}\n        data={memoFlattenOptions}\n        height={listHeight}\n        itemHeight={listItemHeight}\n        fullHeight={false}\n        onMouseDown={onListMouseDown}\n        onScroll={onPopupScroll}\n        virtual={virtual}\n        direction={direction}\n        innerProps={virtual ? null : a11yProps}\n      >\n        {(item, itemIndex) => {\n          const { group, groupOption, data, label, value } = item;\n          const { key } = data;\n\n          // Group\n          if (group) {\n            const groupTitle = data.title ?? (isTitleType(label) ? label.toString() : undefined);\n\n            return (\n              <div\n                className={classNames(itemPrefixCls, `${itemPrefixCls}-group`)}\n                title={groupTitle}\n              >\n                {label !== undefined ? label : key}\n              </div>\n            );\n          }\n\n          const { disabled, title, children, style, className, ...otherProps } = data;\n          const passedProps = omit(otherProps, omitFieldNameList);\n\n          // Option\n          const selected = isSelected(value);\n\n          const optionPrefixCls = `${itemPrefixCls}-option`;\n          const optionClassName = classNames(itemPrefixCls, optionPrefixCls, className, {\n            [`${optionPrefixCls}-grouped`]: groupOption,\n            [`${optionPrefixCls}-active`]: activeIndex === itemIndex && !disabled,\n            [`${optionPrefixCls}-disabled`]: disabled,\n            [`${optionPrefixCls}-selected`]: selected,\n          });\n\n          const mergedLabel = getLabel(item);\n\n          const iconVisible =\n            !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected;\n\n          // https://github.com/ant-design/ant-design/issues/34145\n          const content = typeof mergedLabel === 'number' ? mergedLabel : mergedLabel || value;\n          // https://github.com/ant-design/ant-design/issues/26717\n          let optionTitle = isTitleType(content) ? content.toString() : undefined;\n          if (title !== undefined) {\n            optionTitle = title;\n          }\n\n          return (\n            <div\n              {...pickAttrs(passedProps)}\n              {...(!virtual ? getItemAriaProps(item, itemIndex) : {})}\n              aria-selected={selected}\n              className={optionClassName}\n              title={optionTitle}\n              onMouseMove={() => {\n                if (activeIndex === itemIndex || disabled) {\n                  return;\n                }\n                setActive(itemIndex);\n              }}\n              onClick={() => {\n                if (!disabled) {\n                  onSelectValue(value);\n                }\n              }}\n              style={style}\n            >\n              <div className={`${optionPrefixCls}-content`}>\n                {typeof optionRender === 'function'\n                  ? optionRender(item, { index: itemIndex })\n                  : content}\n              </div>\n              {React.isValidElement(menuItemSelectedIcon) || selected}\n              {iconVisible && (\n                <TransBtn\n                  className={`${itemPrefixCls}-option-state`}\n                  customizeIcon={menuItemSelectedIcon}\n                  customizeIconProps={{\n                    value,\n                    disabled,\n                    isSelected: selected,\n                  }}\n                >\n                  {selected ? '✓' : null}\n                </TransBtn>\n              )}\n            </div>\n          );\n        }}\n      </List>\n    </>\n  );\n};\n\nconst RefOptionList = React.forwardRef(OptionList);\nRefOptionList.displayName = 'OptionList';\n\nexport default RefOptionList;\n"]}

package/lib/tntd-select/rc-select/Select.d.ts

@@ -0,0 +1,115 @@
+/**
+ * To match accessibility requirement, we always provide an input in the component.
+ * Other element will not set `tabIndex` to avoid `onBlur` sequence problem.
+ * For focused select, we set `aria-live="polite"` to update the accessibility content.
+ *
+ * ref:
+ * - keyboard: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#Keyboard_interactions
+ *
+ * New api:
+ * - listHeight
+ * - listItemHeight
+ * - component
+ *
+ * Remove deprecated api:
+ * - multiple
+ * - tags
+ * - combobox
+ * - firstActiveValue
+ * - dropdownMenuStyle
+ * - openClassName (Not list in api)
+ *
+ * Update:
+ * - `backfill` only support `combobox` mode
+ * - `combobox` mode not support `labelInValue` since it's meaningless
+ * - `getInputElement` only support `combobox` mode
+ * - `onChange` return OptionData instead of ReactNode
+ * - `filterOption` `onChange` `onSelect` accept OptionData instead of ReactNode
+ * - `combobox` mode trigger `onChange` will get `undefined` if no `value` match in Option
+ * - `combobox` mode not support `optionLabelProp`
+ */
+import * as React from 'react';
+import type { BaseSelectPropsWithoutPrivate, BaseSelectRef, DisplayValueType, RenderNode } from './BaseSelect';
+import OptGroup from './OptGroup';
+import Option from './Option';
+import type { FlattenOptionData } from './interface';
+export declare type OnActiveValue = (active: RawValueType, index: number, info?: {
+    source?: 'keyboard' | 'mouse';
+}) => void;
+export declare type OnInternalSelect = (value: RawValueType, info: {
+    selected: boolean;
+}) => void;
+export declare type RawValueType = string | number;
+export interface LabelInValueType {
+    label: React.ReactNode;
+    value: RawValueType;
+    /** @deprecated `key` is useless since it should always same as `value` */
+    key?: React.Key;
+}
+export declare type DraftValueType = RawValueType | LabelInValueType | DisplayValueType | (RawValueType | LabelInValueType | DisplayValueType)[];
+export declare type FilterFunc<OptionType> = (inputValue: string, option?: OptionType) => boolean;
+export interface FieldNames {
+    value?: string;
+    label?: string;
+    groupLabel?: string;
+    options?: string;
+}
+export interface BaseOptionType {
+    disabled?: boolean;
+    [name: string]: any;
+}
+export interface DefaultOptionType extends BaseOptionType {
+    label: React.ReactNode;
+    value?: string | number | null;
+    children?: Omit<DefaultOptionType, 'children'>[];
+}
+export declare type SelectHandler<ValueType, OptionType extends BaseOptionType = DefaultOptionType> = (value: ValueType, option: OptionType) => void;
+declare type ArrayElementType<T> = T extends (infer E)[] ? E : T;
+export interface SelectProps<ValueType = any, OptionType extends BaseOptionType = DefaultOptionType> extends BaseSelectPropsWithoutPrivate {
+    prefixCls?: string;
+    id?: string;
+    backfill?: boolean;
+    fieldNames?: FieldNames;
+    /** @deprecated Use `searchValue` instead */
+    inputValue?: string;
+    searchValue?: string;
+    onSearch?: (value: string) => void;
+    autoClearSearchValue?: boolean;
+    onSelect?: SelectHandler<ArrayElementType<ValueType>, OptionType>;
+    onDeselect?: SelectHandler<ArrayElementType<ValueType>, OptionType>;
+    /**
+     * In Select, `false` means do nothing.
+     * In TreeSelect, `false` will highlight match item.
+     * It's by design.
+     */
+    filterOption?: boolean | FilterFunc<OptionType>;
+    filterSort?: (optionA: OptionType, optionB: OptionType) => number;
+    optionFilterProp?: string;
+    optionLabelProp?: string;
+    children?: React.ReactNode;
+    options?: OptionType[];
+    optionRender?: (oriOption: FlattenOptionData<BaseOptionType>, info: {
+        index: number;
+    }) => React.ReactNode;
+    defaultActiveFirstOption?: boolean;
+    virtual?: boolean;
+    direction?: 'ltr' | 'rtl';
+    listHeight?: number;
+    listItemHeight?: number;
+    menuItemSelectedIcon?: RenderNode;
+    mode?: 'combobox' | 'multiple' | 'tags';
+    labelInValue?: boolean;
+    value?: ValueType | null;
+    defaultValue?: ValueType | null;
+    onChange?: (value: ValueType, option: OptionType | OptionType[]) => void;
+}
+declare const TypedSelect: (<ValueType = any, OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<BaseSelectRef> | undefined;
+}) => React.ReactElement) & {
+    Option: typeof Option;
+    OptGroup: typeof OptGroup;
+};
+export default TypedSelect;
+//# sourceMappingURL=Select.d.ts.map

package/lib/tntd-select/rc-select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/Select.tsx"],"names":[],"mappings":"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"}