tntd 2.7.30 → 2.7.31

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

@@ -1,346 +0,0 @@
-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;
-};
-import classNames from 'classnames';
-import KeyCode from 'rc-util/lib/KeyCode';
-import useMemo from 'rc-util/lib/hooks/useMemo';
-import omit from 'rc-util/lib/omit';
-import pickAttrs from 'rc-util/lib/pickAttrs';
-import List from 'rc-virtual-list';
-import * as React from 'react';
-import { useEffect } from 'react';
-import SelectContext from './SelectContext';
-import TransBtn from './TransBtn';
-import useBaseProps from './hooks/useBaseProps';
-import { isPlatformMac } from './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
-  } = useBaseProps();
-  const {
-    flattenOptions,
-    onActiveValue,
-    defaultActiveFirstOption,
-    onSelect,
-    menuItemSelectedIcon,
-    rawValues,
-    fieldNames,
-    virtual,
-    direction,
-    listHeight,
-    listItemHeight,
-    optionRender
-  } = React.useContext(SelectContext);
-  const itemPrefixCls = `${prefixCls}-item`;
-  const memoFlattenOptions = useMemo(() => 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
-  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
-  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.N:
-        case KeyCode.P:
-        case KeyCode.UP:
-        case KeyCode.DOWN:
-          {
-            let offset = 0;
-            if (which === KeyCode.UP) {
-              offset = -1;
-            } else if (which === KeyCode.DOWN) {
-              offset = 1;
-            } else if (isPlatformMac() && ctrlKey) {
-              if (which === KeyCode.N) {
-                offset = 1;
-              } else if (which === KeyCode.P) {
-                offset = -1;
-              }
-            }
-            if (offset !== 0) {
-              const nextActiveIndex = getEnabledActiveIndex(activeIndex + offset, offset);
-              scrollIntoView(nextActiveIndex);
-              setActive(nextActiveIndex, true);
-            }
-            break;
-          }
-        // >>> Select
-        case KeyCode.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.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 = pickAttrs(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(List, {
-    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: classNames(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 = omit(otherProps, omitFieldNameList);
-    // Option
-    const selected = isSelected(value);
-    const optionPrefixCls = `${itemPrefixCls}-option`;
-    const optionClassName = classNames(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({}, pickAttrs(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, {
-      className: `${itemPrefixCls}-option-state`,
-      customizeIcon: menuItemSelectedIcon,
-      customizeIconProps: {
-        value,
-        disabled,
-        isSelected: selected
-      }
-    }, selected ? '✓' : null));
-  }));
-};
-const RefOptionList = React.forwardRef(OptionList);
-RefOptionList.displayName = 'OptionList';
-export default RefOptionList;

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

@@ -1 +0,0 @@
-{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/OptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAE9C,OAAO,IAAI,MAAM,iBAAiB,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD,SAAS,WAAW,CAAC,OAAY;IAC/B,OAAO,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC;AACpE,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,GAA2D,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;IACpF,MAAM,EACJ,SAAS,EACT,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,UAAU,EACV,eAAe,EACf,aAAa,GACd,GAAG,YAAY,EAAE,CAAC;IACnB,MAAM,EACJ,cAAc,EACd,aAAa,EACb,wBAAwB,EACxB,QAAQ,EACR,oBAAoB,EACpB,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,YAAY,GACb,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,GAAG,SAAS,OAAO,CAAC;IAE1C,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,cAAc,EACpB,CAAC,IAAI,EAAE,cAAc,CAAC,EACtB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAC/C,CAAC;IAEF,+DAA+D;IAC/D,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAU,IAAI,CAAC,CAAC;IAE5C,MAAM,eAAe,GAA4C,CAAC,KAAK,EAAE,EAAE;QACzE,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,IAA2B,EAAE,EAAE;QACrD,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;SAC7E;IACH,CAAC,CAAC;IAEF,+DAA+D;IAC/D,MAAM,qBAAqB,GAAG,CAAC,KAAa,EAAE,SAAiB,CAAC,EAAU,EAAE;QAC1E,MAAM,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC;QAEtC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE;YAC/B,MAAM,OAAO,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,MAAM,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;YAEjD,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;YACpD,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAC5B,OAAO,OAAO,CAAC;aAChB;SACF;QAED,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrF,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,YAAY,GAAG,KAAK,EAAE,EAAE;QACxD,cAAc,CAAC,KAAK,CAAC,CAAC;QAEtB,MAAM,IAAI,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC,CAAE,UAAoB,CAAC,CAAC,CAAE,OAAiB,EAAE,CAAC;QAEnF,uBAAuB;QACvB,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,WAAW,EAAE;YAChB,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;YAC9B,OAAO;SACR;QACD,aAAa,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,iEAAiE;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,wBAAwB,KAAK,KAAK,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChF,CAAC,EAAE,CAAC,kBAAkB,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE7C,wDAAwD;IACxD,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,CAAC,KAAmB,EAAE,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,UAAU,EACpE,CAAC,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,CAClD,CAAC;IAEF,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;;QACb;;;;WAIG;QACH,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE;gBAC7C,MAAM,KAAK,GAAiB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrD,MAAM,KAAK,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;gBAE/E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;oBAChB,SAAS,CAAC,KAAK,CAAC,CAAC;oBACjB,cAAc,CAAC,KAAK,CAAC,CAAC;iBACvB;aACF;QACH,CAAC,CAAC,CAAC;QAEH,4CAA4C;QAC5C,IAAI,IAAI,EAAE;YACR,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;SACtC;QAED,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;IAExB,+DAA+D;IAC/D,MAAM,aAAa,GAAG,CAAC,KAAmB,EAAE,EAAE;QAC5C,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SACtD;QAED,4CAA4C;QAC5C,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,+DAA+D;IAC/D,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;YACjC,QAAQ,KAAK,EAAE;gBACb,qCAAqC;gBACrC,KAAK,OAAO,CAAC,CAAC,CAAC;gBACf,KAAK,OAAO,CAAC,CAAC,CAAC;gBACf,KAAK,OAAO,CAAC,EAAE,CAAC;gBAChB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;oBACjB,IAAI,MAAM,GAAG,CAAC,CAAC;oBACf,IAAI,KAAK,KAAK,OAAO,CAAC,EAAE,EAAE;wBACxB,MAAM,GAAG,CAAC,CAAC,CAAC;qBACb;yBAAM,IAAI,KAAK,KAAK,OAAO,CAAC,IAAI,EAAE;wBACjC,MAAM,GAAG,CAAC,CAAC;qBACZ;yBAAM,IAAI,aAAa,EAAE,IAAI,OAAO,EAAE;wBACrC,IAAI,KAAK,KAAK,OAAO,CAAC,CAAC,EAAE;4BACvB,MAAM,GAAG,CAAC,CAAC;yBACZ;6BAAM,IAAI,KAAK,KAAK,OAAO,CAAC,CAAC,EAAE;4BAC9B,MAAM,GAAG,CAAC,CAAC,CAAC;yBACb;qBACF;oBAED,IAAI,MAAM,KAAK,CAAC,EAAE;wBAChB,MAAM,eAAe,GAAG,qBAAqB,CAAC,WAAW,GAAG,MAAM,EAAE,MAAM,CAAC,CAAC;wBAC5E,cAAc,CAAC,eAAe,CAAC,CAAC;wBAChC,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;qBAClC;oBAED,MAAM;iBACP;gBAED,aAAa;gBACb,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;oBAClB,QAAQ;oBACR,MAAM,IAAI,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;oBAC7C,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;wBAC/B,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;qBAC3B;yBAAM;wBACL,aAAa,CAAC,SAAS,CAAC,CAAC;qBAC1B;oBAED,IAAI,IAAI,EAAE;wBACR,KAAK,CAAC,cAAc,EAAE,CAAC;qBACxB;oBAED,MAAM;iBACP;gBAED,YAAY;gBACZ,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;oBAChB,UAAU,CAAC,KAAK,CAAC,CAAC;oBAClB,IAAI,IAAI,EAAE;wBACR,KAAK,CAAC,eAAe,EAAE,CAAC;qBACzB;iBACF;aACF;QACH,CAAC;QACD,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;QAEjB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,+DAA+D;IAC/D,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;QACnC,OAAO,CACL,6BACE,IAAI,EAAC,SAAS,EACd,EAAE,EAAE,GAAG,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,aAAa,QAAQ,EACnC,WAAW,EAAE,eAAe,IAE3B,eAAe,CACZ,CACP,CAAC;KACH;IAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC;IAEhF,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;IAE3D,SAAS,gBAAgB,CAAC,IAAuC,EAAE,KAAa;QAC9E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEvB,OAAO;YACL,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ;YACvC,EAAE,EAAE,GAAG,EAAE,SAAS,KAAK,EAAE;SAC1B,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,MAAM,IAAI,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvB,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;QACjC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC;QAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACvB,MAAM,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;QACxC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,yDACc,OAAO,WAAW,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IACtE,KAAK,IACT,GAAG,EAAE,KAAK,IACN,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,qBAClB,UAAU,CAAC,KAAK,CAAC,KAE/B,KAAK,CACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,SAAS;QACf,EAAE,EAAE,GAAG,EAAE,OAAO;KACjB,CAAC;IAEF,OAAO,CACL;QACG,OAAO,IAAI,CACV,6CAAS,SAAS,IAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACnE,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC;YAC3B,UAAU,CAAC,WAAW,CAAC;YACvB,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,CACxB,CACP;QACD,oBAAC,IAAI,IACH,OAAO,EAAC,KAAK,EACb,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,kBAAkB,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,eAAe,EAC5B,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAErC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;;YACnB,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;YACxD,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;YAErB,QAAQ;YACR,IAAI,KAAK,EAAE;gBACT,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAErF,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,GAAG,aAAa,QAAQ,CAAC,EAC9D,KAAK,EAAE,UAAU,IAEhB,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAC9B,CACP,CAAC;aACH;YAED,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,KAAoB,IAAI,EAAnB,UAAU,UAAK,IAAI,EAArE,uDAA8D,CAAO,CAAC;YAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;YAExD,SAAS;YACT,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;YAEnC,MAAM,eAAe,GAAG,GAAG,aAAa,SAAS,CAAC;YAClD,MAAM,eAAe,GAAG,UAAU,CAAC,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE;gBAC5E,CAAC,GAAG,eAAe,UAAU,CAAC,EAAE,WAAW;gBAC3C,CAAC,GAAG,eAAe,SAAS,CAAC,EAAE,WAAW,KAAK,SAAS,IAAI,CAAC,QAAQ;gBACrE,CAAC,GAAG,eAAe,WAAW,CAAC,EAAE,QAAQ;gBACzC,CAAC,GAAG,eAAe,WAAW,CAAC,EAAE,QAAQ;aAC1C,CAAC,CAAC;YAEH,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEnC,MAAM,WAAW,GACf,CAAC,oBAAoB,IAAI,OAAO,oBAAoB,KAAK,UAAU,IAAI,QAAQ,CAAC;YAElF,wDAAwD;YACxD,MAAM,OAAO,GAAG,OAAO,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,IAAI,KAAK,CAAC;YACrF,wDAAwD;YACxD,IAAI,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACxE,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,WAAW,GAAG,KAAK,CAAC;aACrB;YAED,OAAO,CACL,6CACM,SAAS,CAAC,WAAW,CAAC,EACtB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,qBACxC,QAAQ,EACvB,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE,WAAW,EAClB,WAAW,EAAE,GAAG,EAAE;oBAChB,IAAI,WAAW,KAAK,SAAS,IAAI,QAAQ,EAAE;wBACzC,OAAO;qBACR;oBACD,SAAS,CAAC,SAAS,CAAC,CAAC;gBACvB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ,EAAE;wBACb,aAAa,CAAC,KAAK,CAAC,CAAC;qBACtB;gBACH,CAAC,EACD,KAAK,EAAE,KAAK;gBAEZ,6BAAK,SAAS,EAAE,GAAG,eAAe,UAAU,IACzC,OAAO,YAAY,KAAK,UAAU;oBACjC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;oBAC1C,CAAC,CAAC,OAAO,CACP;gBACL,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,IAAI,QAAQ;gBACtD,WAAW,IAAI,CACd,oBAAC,QAAQ,IACP,SAAS,EAAE,GAAG,aAAa,eAAe,EAC1C,aAAa,EAAE,oBAAoB,EACnC,kBAAkB,EAAE;wBAClB,KAAK;wBACL,QAAQ;wBACR,UAAU,EAAE,QAAQ;qBACrB,IAEA,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CACb,CACZ,CACG,CACP,CAAC;QACJ,CAAC,CACI,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AACnD,aAAa,CAAC,WAAW,GAAG,YAAY,CAAC;AAEzC,eAAe,aAAa,CAAC","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"]}