tntd 2.7.23 → 2.7.24

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

@@ -0,0 +1,257 @@
+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;
+//# sourceMappingURL=OptionList.js.map

package/es/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"]}