tntd 2.7.29-beta.1 → 2.7.30

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

@@ -1,285 +1,372 @@
 "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;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode"));
+var _useMemo = _interopRequireDefault(require("rc-util/lib/hooks/useMemo"));
+var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+var _pickAttrs = _interopRequireDefault(require("rc-util/lib/pickAttrs"));
+var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
+var React = _interopRequireWildcard(require("react"));
+var _SelectContext = _interopRequireDefault(require("./SelectContext"));
+var _TransBtn = _interopRequireDefault(require("./TransBtn"));
+var _useBaseProps2 = _interopRequireDefault(require("./hooks/useBaseProps"));
+var _platformUtil = require("./utils/platformUtil");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var __rest = void 0 && (void 0).__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';
+  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;
+var OptionList = function OptionList(_, ref) {
+  var _useBaseProps = (0, _useBaseProps2["default"])(),
+    prefixCls = _useBaseProps.prefixCls,
+    id = _useBaseProps.id,
+    open = _useBaseProps.open,
+    multiple = _useBaseProps.multiple,
+    mode = _useBaseProps.mode,
+    searchValue = _useBaseProps.searchValue,
+    toggleOpen = _useBaseProps.toggleOpen,
+    notFoundContent = _useBaseProps.notFoundContent,
+    onPopupScroll = _useBaseProps.onPopupScroll;
+  var _React$useContext = React.useContext(_SelectContext["default"]),
+    flattenOptions = _React$useContext.flattenOptions,
+    onActiveValue = _React$useContext.onActiveValue,
+    defaultActiveFirstOption = _React$useContext.defaultActiveFirstOption,
+    onSelect = _React$useContext.onSelect,
+    menuItemSelectedIcon = _React$useContext.menuItemSelectedIcon,
+    rawValues = _React$useContext.rawValues,
+    fieldNames = _React$useContext.fieldNames,
+    virtual = _React$useContext.virtual,
+    direction = _React$useContext.direction,
+    listHeight = _React$useContext.listHeight,
+    listItemHeight = _React$useContext.listItemHeight,
+    optionRender = _React$useContext.optionRender;
+  var itemPrefixCls = "".concat(prefixCls, "-item");
+  var memoFlattenOptions = (0, _useMemo["default"])(function () {
+    return flattenOptions;
+  }, [open, flattenOptions], function (prev, next) {
+    return next[0] && prev[1] !== next[1];
+  });
+  // =========================== List ===========================
+  var listRef = React.useRef(null);
+  var onListMouseDown = function onListMouseDown(event) {
+    event.preventDefault();
+  };
+  var scrollIntoView = function scrollIntoView(args) {
+    if (listRef.current) {
+      listRef.current.scrollTo(typeof args === 'number' ? {
+        index: args
+      } : args);
+    }
+  };
+  // ========================== Active ==========================
+  var getEnabledActiveIndex = function getEnabledActiveIndex(index) {
+    var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    var len = memoFlattenOptions.length;
+    for (var i = 0; i < len; i += 1) {
+      var current = (index + i * offset + len) % len;
+      var _memoFlattenOptions$c = memoFlattenOptions[current],
+        group = _memoFlattenOptions$c.group,
+        data = _memoFlattenOptions$c.data;
+      if (!group && !data.disabled) {
+        return current;
+      }
+    }
+    return -1;
+  };
+  var _React$useState = React.useState(function () {
+      return getEnabledActiveIndex(0);
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    activeIndex = _React$useState2[0],
+    setActiveIndex = _React$useState2[1];
+  var setActive = function setActive(index) {
+    var fromKeyboard = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    setActiveIndex(index);
+    var info = {
+      source: fromKeyboard ? 'keyboard' : 'mouse'
     };
-    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;
+    // Trigger active event
+    var 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.useEffect)(function () {
+    setActive(defaultActiveFirstOption !== false ? getEnabledActiveIndex(0) : -1);
+  }, [memoFlattenOptions.length, searchValue]);
+  // https://github.com/ant-design/ant-design/issues/34975
+  var isSelected = React.useCallback(function (value) {
+    return rawValues.has(value) && mode !== 'combobox';
+  }, [mode, _toConsumableArray(rawValues).toString(), rawValues.size]);
+  // Auto scroll to item position in single mode
+  (0, React.useEffect)(function () {
+    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.
+     */
+    var timeoutId = setTimeout(function () {
+      if (!multiple && open && rawValues.size === 1) {
+        var value = Array.from(rawValues)[0];
+        var index = memoFlattenOptions.findIndex(function (_ref) {
+          var data = _ref.data;
+          return data.value === value;
+        });
+        if (index !== -1) {
+          setActive(index);
+          scrollIntoView(index);
         }
-        onActiveValue(flattenItem.value, index, info);
+      }
+    });
+    // Force trigger scrollbar visible when open
+    if (open) {
+      (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined);
+    }
+    return function () {
+      return clearTimeout(timeoutId);
     };
-    // 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);
+  }, [open, searchValue]);
+  // ========================== Values ==========================
+  var onSelectValue = function 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, function () {
+    return {
+      onKeyDown: function onKeyDown(event) {
+        var which = event.which,
+          ctrlKey = event.ctrlKey;
+        switch (which) {
+          // >>> Arrow keys & ctrl + n/p on Mac
+          case _KeyCode["default"].N:
+          case _KeyCode["default"].P:
+          case _KeyCode["default"].UP:
+          case _KeyCode["default"].DOWN:
+            {
+              var offset = 0;
+              if (which === _KeyCode["default"].UP) {
+                offset = -1;
+              } else if (which === _KeyCode["default"].DOWN) {
+                offset = 1;
+              } else if ((0, _platformUtil.isPlatformMac)() && ctrlKey) {
+                if (which === _KeyCode["default"].N) {
+                  offset = 1;
+                } else if (which === _KeyCode["default"].P) {
+                  offset = -1;
                 }
+              }
+              if (offset !== 0) {
+                var nextActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);
+                scrollIntoView(nextActiveIndex);
+                setActive(nextActiveIndex, true);
+              }
+              break;
+            }
+          // >>> Select
+          case _KeyCode["default"].ENTER:
+            {
+              // value
+              var item = memoFlattenOptions[activeIndex];
+              if (item && !item.data.disabled) {
+                onSelectValue(item.value);
+              } else {
+                onSelectValue(undefined);
+              }
+              if (open) {
+                event.preventDefault();
+              }
+              break;
+            }
+          // >>> Close
+          case _KeyCode["default"].ESC:
+            {
+              toggleOpen(false);
+              if (open) {
+                event.stopPropagation();
+              }
             }
-        });
-        // 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);
         }
+      },
+      onKeyUp: function onKeyUp() {},
+      scrollTo: function scrollTo(index) {
+        scrollIntoView(index);
+      }
     };
-    // ========================= 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));
+  });
+  // ========================== Render ==========================
+  if (memoFlattenOptions.length === 0) {
+    return React.createElement("div", {
+      role: "listbox",
+      id: "".concat(id, "_list"),
+      className: "".concat(itemPrefixCls, "-empty"),
+      onMouseDown: onListMouseDown
+    }, notFoundContent);
+  }
+  var omitFieldNameList = Object.keys(fieldNames).map(function (key) {
+    return fieldNames[key];
+  });
+  var getLabel = function getLabel(item) {
+    return item.label;
+  };
+  function getItemAriaProps(item, index) {
+    var group = item.group;
+    return {
+      role: group ? 'presentation' : 'option',
+      id: "".concat(id, "_list_").concat(index)
+    };
+  }
+  var renderItem = function renderItem(index) {
+    var item = memoFlattenOptions[index];
+    if (!item) return null;
+    var itemData = item.data || {};
+    var value = itemData.value;
+    var group = item.group;
+    var attrs = (0, _pickAttrs["default"])(itemData, true);
+    var 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;
+  };
+  var a11yProps = {
+    role: 'listbox',
+    id: "".concat(id, "_list")
+  };
+  return React.createElement(React.Fragment, null, virtual && React.createElement("div", Object.assign({}, a11yProps, {
+    style: {
+      height: 0,
+      width: 0,
+      overflow: 'hidden'
     }
-    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}`,
-        };
+  }), renderItem(activeIndex - 1), renderItem(activeIndex), renderItem(activeIndex + 1)), React.createElement(_rcVirtualList["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
+  }, function (item, itemIndex) {
+    var _classNames;
+    var _a;
+    var group = item.group,
+      groupOption = item.groupOption,
+      data = item.data,
+      label = item.label,
+      value = item.value;
+    var key = data.key;
+    // Group
+    if (group) {
+      var groupTitle = (_a = data.title) !== null && _a !== void 0 ? _a : isTitleType(label) ? label.toString() : undefined;
+      return React.createElement("div", {
+        className: (0, _classnames["default"])(itemPrefixCls, "".concat(itemPrefixCls, "-group")),
+        title: groupTitle
+      }, label !== undefined ? label : key);
     }
-    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))));
-        })));
+    var disabled = data.disabled,
+      title = data.title,
+      children = data.children,
+      style = data.style,
+      className = data.className,
+      otherProps = __rest(data, ["disabled", "title", "children", "style", "className"]);
+    var passedProps = (0, _omit["default"])(otherProps, omitFieldNameList);
+    // Option
+    var selected = isSelected(value);
+    var optionPrefixCls = "".concat(itemPrefixCls, "-option");
+    var optionClassName = (0, _classnames["default"])(itemPrefixCls, optionPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(optionPrefixCls, "-grouped"), groupOption), _defineProperty(_classNames, "".concat(optionPrefixCls, "-active"), activeIndex === itemIndex && !disabled), _defineProperty(_classNames, "".concat(optionPrefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(optionPrefixCls, "-selected"), selected), _classNames));
+    var mergedLabel = getLabel(item);
+    var iconVisible = !menuItemSelectedIcon || typeof menuItemSelectedIcon === 'function' || selected;
+    // https://github.com/ant-design/ant-design/issues/34145
+    var content = typeof mergedLabel === 'number' ? mergedLabel : mergedLabel || value;
+    // https://github.com/ant-design/ant-design/issues/26717
+    var optionTitle = isTitleType(content) ? content.toString() : undefined;
+    if (title !== undefined) {
+      optionTitle = title;
+    }
+    return React.createElement("div", Object.assign({}, (0, _pickAttrs["default"])(passedProps), !virtual ? getItemAriaProps(item, itemIndex) : {}, {
+      "aria-selected": selected,
+      className: optionClassName,
+      title: optionTitle,
+      onMouseMove: function onMouseMove() {
+        if (activeIndex === itemIndex || disabled) {
+          return;
+        }
+        setActive(itemIndex);
+      },
+      onClick: function onClick() {
+        if (!disabled) {
+          onSelectValue(value);
+        }
+      },
+      style: style
+    }), React.createElement("div", {
+      className: "".concat(optionPrefixCls, "-content")
+    }, typeof optionRender === 'function' ? optionRender(item, {
+      index: itemIndex
+    }) : content), React.isValidElement(menuItemSelectedIcon) || selected, iconVisible && React.createElement(_TransBtn["default"], {
+      className: "".concat(itemPrefixCls, "-option-state"),
+      customizeIcon: menuItemSelectedIcon,
+      customizeIconProps: {
+        value: value,
+        disabled: disabled,
+        isSelected: selected
+      }
+    }, selected ? '✓' : null));
+  }));
 };
-const RefOptionList = React.forwardRef(OptionList);
+var RefOptionList = React.forwardRef(OptionList);
 RefOptionList.displayName = 'OptionList';
-exports.default = RefOptionList;
-//# sourceMappingURL=OptionList.js.map
+var _default = RefOptionList;
+exports["default"] = _default;