tntd 2.7.23 → 2.7.24

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

@@ -0,0 +1,428 @@
+/**
+ * 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`
+ */
+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 useMergedState from 'rc-util/lib/hooks/useMergedState';
+import warning from 'rc-util/lib/warning';
+import * as React from 'react';
+import BaseSelect, { isMultiple } from './BaseSelect';
+import OptGroup from './OptGroup';
+import Option from './Option';
+import OptionList from './OptionList';
+import SelectContext from './SelectContext';
+import useCache from './hooks/useCache';
+import useFilterOptions from './hooks/useFilterOptions';
+import useId from './hooks/useId';
+import useOptions from './hooks/useOptions';
+import useRefFunc from './hooks/useRefFunc';
+import { hasValue, isComboNoValue, toArray } from './utils/commonUtil';
+import { fillFieldNames, flattenOptions, injectPropsWithOption } from './utils/valueUtil';
+import warningProps, { warningNullOptions } from './utils/warningPropsUtil';
+const OMIT_DOM_PROPS = ['inputValue'];
+function isRawValue(value) {
+    return !value || typeof value !== 'object';
+}
+const Select = React.forwardRef((props, ref) => {
+    const { id, mode, prefixCls = 'rc-select', backfill, fieldNames, 
+    // Search
+    inputValue, searchValue, onSearch, autoClearSearchValue = true, 
+    // Select
+    onSelect, onDeselect, dropdownMatchSelectWidth = true, 
+    // Options
+    filterOption, filterSort, optionFilterProp, optionLabelProp, options, optionRender, children, defaultActiveFirstOption, menuItemSelectedIcon, virtual, direction, listHeight = 200, listItemHeight = 20, 
+    // Value
+    value, defaultValue, labelInValue, onChange } = props, restProps = __rest(props, ["id", "mode", "prefixCls", "backfill", "fieldNames", "inputValue", "searchValue", "onSearch", "autoClearSearchValue", "onSelect", "onDeselect", "dropdownMatchSelectWidth", "filterOption", "filterSort", "optionFilterProp", "optionLabelProp", "options", "optionRender", "children", "defaultActiveFirstOption", "menuItemSelectedIcon", "virtual", "direction", "listHeight", "listItemHeight", "value", "defaultValue", "labelInValue", "onChange"]);
+    const mergedId = useId(id);
+    const multiple = isMultiple(mode);
+    const childrenAsData = !!(!options && children);
+    const mergedFilterOption = React.useMemo(() => {
+        if (filterOption === undefined && mode === 'combobox') {
+            return false;
+        }
+        return filterOption;
+    }, [filterOption, mode]);
+    // ========================= FieldNames =========================
+    const mergedFieldNames = React.useMemo(() => fillFieldNames(fieldNames, childrenAsData), 
+    /* eslint-disable react-hooks/exhaustive-deps */
+    [
+        // We stringify fieldNames to avoid unnecessary re-renders.
+        JSON.stringify(fieldNames),
+        childrenAsData,
+    ]);
+    // =========================== Search ===========================
+    const [mergedSearchValue, setSearchValue] = useMergedState('', {
+        value: searchValue !== undefined ? searchValue : inputValue,
+        postState: (search) => search || '',
+    });
+    // =========================== Option ===========================
+    const parsedOptions = useOptions(options, children, mergedFieldNames, optionFilterProp, optionLabelProp);
+    const { valueOptions, labelOptions, options: mergedOptions } = parsedOptions;
+    // ========================= Wrap Value =========================
+    const convert2LabelValues = React.useCallback((draftValues) => {
+        // Convert to array
+        const valueList = toArray(draftValues);
+        // Convert to labelInValue type
+        return valueList.map((val) => {
+            var _a, _b;
+            let rawValue;
+            let rawLabel;
+            let rawKey;
+            let rawDisabled;
+            let rawTitle;
+            // Fill label & value
+            if (isRawValue(val)) {
+                rawValue = val;
+            }
+            else {
+                rawKey = val.key;
+                rawLabel = val.label;
+                rawValue = (_a = val.value) !== null && _a !== void 0 ? _a : rawKey;
+            }
+            const option = valueOptions.get(rawValue);
+            if (option) {
+                // Fill missing props
+                if (rawLabel === undefined)
+                    rawLabel = option === null || option === void 0 ? void 0 : option[optionLabelProp || mergedFieldNames.label];
+                if (rawKey === undefined)
+                    rawKey = (_b = option === null || option === void 0 ? void 0 : option.key) !== null && _b !== void 0 ? _b : rawValue;
+                rawDisabled = option === null || option === void 0 ? void 0 : option.disabled;
+                rawTitle = option === null || option === void 0 ? void 0 : option.title;
+                // Warning if label not same as provided
+                if (process.env.NODE_ENV !== 'production' && !optionLabelProp) {
+                    const optionLabel = option === null || option === void 0 ? void 0 : option[mergedFieldNames.label];
+                    if (optionLabel !== undefined &&
+                        !React.isValidElement(optionLabel) &&
+                        !React.isValidElement(rawLabel) &&
+                        optionLabel !== rawLabel) {
+                        warning(false, '`label` of `value` is not same as `label` in Select options.');
+                    }
+                }
+            }
+            return {
+                label: rawLabel,
+                value: rawValue,
+                key: rawKey,
+                disabled: rawDisabled,
+                title: rawTitle,
+            };
+        });
+    }, [mergedFieldNames, optionLabelProp, valueOptions]);
+    // =========================== Values ===========================
+    const [internalValue, setInternalValue] = useMergedState(defaultValue, {
+        value,
+    });
+    // Merged value with LabelValueType
+    const rawLabeledValues = React.useMemo(() => {
+        var _a;
+        const values = convert2LabelValues(internalValue);
+        // combobox no need save value when it's no value (exclude value equal 0)
+        if (mode === 'combobox' && isComboNoValue((_a = values[0]) === null || _a === void 0 ? void 0 : _a.value)) {
+            return [];
+        }
+        return values;
+    }, [internalValue, convert2LabelValues, mode]);
+    // Fill label with cache to avoid option remove
+    const [mergedValues, getMixedOption] = useCache(rawLabeledValues, valueOptions);
+    const displayValues = React.useMemo(() => {
+        // `null` need show as placeholder instead
+        // https://github.com/ant-design/ant-design/issues/25057
+        if (!mode && mergedValues.length === 1) {
+            const firstValue = mergedValues[0];
+            if (firstValue.value === null &&
+                (firstValue.label === null || firstValue.label === undefined)) {
+                return [];
+            }
+        }
+        return mergedValues.map((item) => {
+            var _a;
+            return (Object.assign(Object.assign({}, item), { label: (_a = item.label) !== null && _a !== void 0 ? _a : item.value }));
+        });
+    }, [mode, mergedValues]);
+    /** Convert `displayValues` to raw value type set */
+    const rawValues = React.useMemo(() => new Set(mergedValues.map((val) => val.value)), [mergedValues]);
+    React.useEffect(() => {
+        var _a;
+        if (mode === 'combobox') {
+            const strValue = (_a = mergedValues[0]) === null || _a === void 0 ? void 0 : _a.value;
+            setSearchValue(hasValue(strValue) ? String(strValue) : '');
+        }
+    }, [mergedValues]);
+    // ======================= Display Option =======================
+    // Create a placeholder item if not exist in `options`
+    const createTagOption = useRefFunc((val, label) => {
+        const mergedLabel = label !== null && label !== void 0 ? label : val;
+        return {
+            [mergedFieldNames.value]: val,
+            [mergedFieldNames.label]: mergedLabel,
+        };
+    });
+    // Fill tag as option if mode is `tags`
+    const filledTagOptions = React.useMemo(() => {
+        if (mode !== 'tags') {
+            return mergedOptions;
+        }
+        // >>> Tag mode
+        const cloneOptions = [...mergedOptions];
+        // Check if value exist in options (include new patch item)
+        const existOptions = (val) => valueOptions.has(val);
+        // Fill current value as option
+        [...mergedValues]
+            .sort((a, b) => (a.value < b.value ? -1 : 1))
+            .forEach((item) => {
+            const val = item.value;
+            if (!existOptions(val)) {
+                cloneOptions.push(createTagOption(val, item.label));
+            }
+        });
+        return cloneOptions;
+    }, [createTagOption, mergedOptions, valueOptions, mergedValues, mode]);
+    const filteredOptions = useFilterOptions(filledTagOptions, mergedFieldNames, mergedSearchValue, mergedFilterOption, optionFilterProp);
+    // Fill options with search value if needed
+    const filledSearchOptions = React.useMemo(() => {
+        if (mode !== 'tags' ||
+            !mergedSearchValue ||
+            filteredOptions.some((item) => item[optionFilterProp || 'value'] === mergedSearchValue)) {
+            return filteredOptions;
+        }
+        // ignore when search value equal select input value
+        if (filteredOptions.some((item) => item[mergedFieldNames.value] === mergedSearchValue)) {
+            return filteredOptions;
+        }
+        // Fill search value as option
+        return [createTagOption(mergedSearchValue), ...filteredOptions];
+    }, [
+        createTagOption,
+        optionFilterProp,
+        mode,
+        filteredOptions,
+        mergedSearchValue,
+        mergedFieldNames,
+    ]);
+    const orderedFilteredOptions = React.useMemo(() => {
+        if (!filterSort) {
+            return filledSearchOptions;
+        }
+        return [...filledSearchOptions].sort((a, b) => filterSort(a, b));
+    }, [filledSearchOptions, filterSort]);
+    const displayOptions = React.useMemo(() => flattenOptions(orderedFilteredOptions, {
+        fieldNames: mergedFieldNames,
+        childrenAsData,
+    }), [orderedFilteredOptions, mergedFieldNames, childrenAsData]);
+    // =========================== Change ===========================
+    const triggerChange = (values) => {
+        const labeledValues = convert2LabelValues(values);
+        setInternalValue(labeledValues);
+        if (onChange &&
+            // Trigger event only when value changed
+            (labeledValues.length !== mergedValues.length ||
+                labeledValues.some((newVal, index) => { var _a; return ((_a = mergedValues[index]) === null || _a === void 0 ? void 0 : _a.value) !== (newVal === null || newVal === void 0 ? void 0 : newVal.value); }))) {
+            const returnValues = labelInValue ? labeledValues : labeledValues.map((v) => v.value);
+            const returnOptions = labeledValues.map((v) => injectPropsWithOption(getMixedOption(v.value)));
+            onChange(
+            // Value
+            multiple ? returnValues : returnValues[0], 
+            // Option
+            multiple ? returnOptions : returnOptions[0]);
+        }
+    };
+    // ======================= Accessibility ========================
+    const [activeValue, setActiveValue] = React.useState(null);
+    const [accessibilityIndex, setAccessibilityIndex] = React.useState(0);
+    const mergedDefaultActiveFirstOption = defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';
+    const onActiveValue = React.useCallback((active, index, { source = 'keyboard' } = {}) => {
+        setAccessibilityIndex(index);
+        if (backfill && mode === 'combobox' && active !== null && source === 'keyboard') {
+            setActiveValue(String(active));
+        }
+    }, [backfill, mode]);
+    // ========================= OptionList =========================
+    const triggerSelect = (val, selected, type) => {
+        const getSelectEnt = () => {
+            var _a;
+            const option = getMixedOption(val);
+            return [
+                labelInValue
+                    ? {
+                        label: option === null || option === void 0 ? void 0 : option[mergedFieldNames.label],
+                        value: val,
+                        key: (_a = option === null || option === void 0 ? void 0 : option.key) !== null && _a !== void 0 ? _a : val,
+                    }
+                    : val,
+                injectPropsWithOption(option),
+            ];
+        };
+        if (selected && onSelect) {
+            const [wrappedValue, option] = getSelectEnt();
+            onSelect(wrappedValue, option);
+        }
+        else if (!selected && onDeselect && type !== 'clear') {
+            const [wrappedValue, option] = getSelectEnt();
+            onDeselect(wrappedValue, option);
+        }
+    };
+    // Used for OptionList selection
+    const onInternalSelect = useRefFunc((val, info) => {
+        let cloneValues;
+        // Single mode always trigger select only with option list
+        const mergedSelect = multiple ? info.selected : true;
+        if (mergedSelect) {
+            cloneValues = multiple ? [...mergedValues, val] : [val];
+        }
+        else {
+            cloneValues = mergedValues.filter((v) => v.value !== val);
+        }
+        triggerChange(cloneValues);
+        triggerSelect(val, mergedSelect);
+        // Clean search value if single or configured
+        if (mode === 'combobox') {
+            // setSearchValue(String(val));
+            setActiveValue('');
+        }
+        else if (!isMultiple || autoClearSearchValue) {
+            setSearchValue('');
+            setActiveValue('');
+        }
+    });
+    // ======================= Display Change =======================
+    // BaseSelect display values change
+    const onDisplayValuesChange = (nextValues, info) => {
+        triggerChange(nextValues);
+        const { type, values } = info;
+        if (type === 'remove' || type === 'clear') {
+            values.forEach((item) => {
+                triggerSelect(item.value, false, type);
+            });
+        }
+    };
+    // =========================== Search ===========================
+    const onInternalSearch = (searchText, info) => {
+        setSearchValue(searchText);
+        setActiveValue(null);
+        // [Submit] Tag mode should flush input
+        if (info.source === 'submit') {
+            const formatted = (searchText || '').trim();
+            // prevent empty tags from appearing when you click the Enter button
+            if (formatted) {
+                const newRawValues = Array.from(new Set([...rawValues, formatted]));
+                triggerChange(newRawValues);
+                triggerSelect(formatted, true);
+                setSearchValue('');
+            }
+            return;
+        }
+        if (info.source !== 'blur') {
+            if (mode === 'combobox') {
+                triggerChange(searchText);
+            }
+            onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchText);
+        }
+    };
+    const onInternalSearchSplit = (words) => {
+        let patchValues = words;
+        if (mode !== 'tags') {
+            patchValues = words
+                .map((word) => {
+                const opt = labelOptions.get(word);
+                return opt === null || opt === void 0 ? void 0 : opt.value;
+            })
+                .filter((val) => val !== undefined);
+        }
+        const newRawValues = Array.from(new Set([...rawValues, ...patchValues]));
+        triggerChange(newRawValues);
+        newRawValues.forEach((newRawValue) => {
+            triggerSelect(newRawValue, true);
+        });
+    };
+    // ========================== Context ===========================
+    const selectContext = React.useMemo(() => {
+        const realVirtual = virtual !== false && dropdownMatchSelectWidth !== false;
+        return Object.assign(Object.assign({}, parsedOptions), { flattenOptions: displayOptions, onActiveValue, defaultActiveFirstOption: mergedDefaultActiveFirstOption, onSelect: onInternalSelect, menuItemSelectedIcon,
+            rawValues, fieldNames: mergedFieldNames, virtual: realVirtual, direction,
+            listHeight,
+            listItemHeight,
+            childrenAsData,
+            optionRender });
+    }, [
+        parsedOptions,
+        displayOptions,
+        onActiveValue,
+        mergedDefaultActiveFirstOption,
+        onInternalSelect,
+        menuItemSelectedIcon,
+        rawValues,
+        mergedFieldNames,
+        virtual,
+        dropdownMatchSelectWidth,
+        listHeight,
+        listItemHeight,
+        childrenAsData,
+        optionRender,
+    ]);
+    // ========================== Warning ===========================
+    if (process.env.NODE_ENV !== 'production') {
+        warningProps(props);
+        warningNullOptions(mergedOptions, mergedFieldNames);
+    }
+    // ==============================================================
+    // ==                          Render                          ==
+    // ==============================================================
+    return (React.createElement(SelectContext.Provider, { value: selectContext },
+        React.createElement(BaseSelect, Object.assign({}, restProps, { 
+            // >>> MISC
+            id: mergedId, prefixCls: prefixCls, ref: ref, omitDomProps: OMIT_DOM_PROPS, mode: mode, 
+            // >>> Values
+            displayValues: displayValues, onDisplayValuesChange: onDisplayValuesChange, 
+            // >>> Trigger
+            direction: direction, 
+            // >>> Search
+            searchValue: mergedSearchValue, onSearch: onInternalSearch, autoClearSearchValue: autoClearSearchValue, onSearchSplit: onInternalSearchSplit, dropdownMatchSelectWidth: dropdownMatchSelectWidth, 
+            // >>> OptionList
+            OptionList: OptionList, emptyOptions: !displayOptions.length, 
+            // >>> Accessibility
+            activeValue: activeValue, activeDescendantId: `${mergedId}_list_${accessibilityIndex}` }))));
+});
+if (process.env.NODE_ENV !== 'production') {
+    Select.displayName = 'Select';
+}
+const TypedSelect = Select;
+TypedSelect.Option = Option;
+TypedSelect.OptGroup = OptGroup;
+export default TypedSelect;
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/Select.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * To match accessibility requirement, we always provide an input in the component.\n * Other element will not set `tabIndex` to avoid `onBlur` sequence problem.\n * For focused select, we set `aria-live=\"polite\"` to update the accessibility content.\n *\n * ref:\n * - keyboard: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#Keyboard_interactions\n *\n * New api:\n * - listHeight\n * - listItemHeight\n * - component\n *\n * Remove deprecated api:\n * - multiple\n * - tags\n * - combobox\n * - firstActiveValue\n * - dropdownMenuStyle\n * - openClassName (Not list in api)\n *\n * Update:\n * - `backfill` only support `combobox` mode\n * - `combobox` mode not support `labelInValue` since it's meaningless\n * - `getInputElement` only support `combobox` mode\n * - `onChange` return OptionData instead of ReactNode\n * - `filterOption` `onChange` `onSelect` accept OptionData instead of ReactNode\n * - `combobox` mode trigger `onChange` will get `undefined` if no `value` match in Option\n * - `combobox` mode not support `optionLabelProp`\n */\n\nimport useMergedState from 'rc-util/lib/hooks/useMergedState';\nimport warning from 'rc-util/lib/warning';\nimport * as React from 'react';\nimport type {\n  BaseSelectProps,\n  BaseSelectPropsWithoutPrivate,\n  BaseSelectRef,\n  DisplayInfoType,\n  DisplayValueType,\n  RenderNode,\n} from './BaseSelect';\nimport BaseSelect, { isMultiple } from './BaseSelect';\nimport OptGroup from './OptGroup';\nimport Option from './Option';\nimport OptionList from './OptionList';\nimport SelectContext from './SelectContext';\nimport useCache from './hooks/useCache';\nimport useFilterOptions from './hooks/useFilterOptions';\nimport useId from './hooks/useId';\nimport useOptions from './hooks/useOptions';\nimport useRefFunc from './hooks/useRefFunc';\nimport type { FlattenOptionData } from './interface';\nimport { hasValue, isComboNoValue, toArray } from './utils/commonUtil';\nimport { fillFieldNames, flattenOptions, injectPropsWithOption } from './utils/valueUtil';\nimport warningProps, { warningNullOptions } from './utils/warningPropsUtil';\n\nconst OMIT_DOM_PROPS = ['inputValue'];\n\nexport type OnActiveValue = (\n  active: RawValueType,\n  index: number,\n  info?: { source?: 'keyboard' | 'mouse' },\n) => void;\n\nexport type OnInternalSelect = (value: RawValueType, info: { selected: boolean }) => void;\n\nexport type RawValueType = string | number;\nexport interface LabelInValueType {\n  label: React.ReactNode;\n  value: RawValueType;\n  /** @deprecated `key` is useless since it should always same as `value` */\n  key?: React.Key;\n}\n\nexport type DraftValueType =\n  | RawValueType\n  | LabelInValueType\n  | DisplayValueType\n  | (RawValueType | LabelInValueType | DisplayValueType)[];\n\nexport type FilterFunc<OptionType> = (inputValue: string, option?: OptionType) => boolean;\n\nexport interface FieldNames {\n  value?: string;\n  label?: string;\n  groupLabel?: string;\n  options?: string;\n}\n\nexport interface BaseOptionType {\n  disabled?: boolean;\n  [name: string]: any;\n}\n\nexport interface DefaultOptionType extends BaseOptionType {\n  label: React.ReactNode;\n  value?: string | number | null;\n  children?: Omit<DefaultOptionType, 'children'>[];\n}\n\nexport type SelectHandler<ValueType, OptionType extends BaseOptionType = DefaultOptionType> = (\n  value: ValueType,\n  option: OptionType,\n) => void;\n\ntype ArrayElementType<T> = T extends (infer E)[] ? E : T;\n\nexport interface SelectProps<ValueType = any, OptionType extends BaseOptionType = DefaultOptionType>\n  extends BaseSelectPropsWithoutPrivate {\n  prefixCls?: string;\n  id?: string;\n\n  backfill?: boolean;\n\n  // >>> Field Names\n  fieldNames?: FieldNames;\n\n  // >>> Search\n  /** @deprecated Use `searchValue` instead */\n  inputValue?: string;\n  searchValue?: string;\n  onSearch?: (value: string) => void;\n  autoClearSearchValue?: boolean;\n\n  // >>> Select\n  onSelect?: SelectHandler<ArrayElementType<ValueType>, OptionType>;\n  onDeselect?: SelectHandler<ArrayElementType<ValueType>, OptionType>;\n\n  // >>> Options\n  /**\n   * In Select, `false` means do nothing.\n   * In TreeSelect, `false` will highlight match item.\n   * It's by design.\n   */\n  filterOption?: boolean | FilterFunc<OptionType>;\n  filterSort?: (optionA: OptionType, optionB: OptionType) => number;\n  optionFilterProp?: string;\n  optionLabelProp?: string;\n  children?: React.ReactNode;\n  options?: OptionType[];\n  optionRender?: (\n    oriOption: FlattenOptionData<BaseOptionType>,\n    info: { index: number },\n  ) => React.ReactNode;\n  defaultActiveFirstOption?: boolean;\n  virtual?: boolean;\n  direction?: 'ltr' | 'rtl';\n  listHeight?: number;\n  listItemHeight?: number;\n\n  // >>> Icon\n  menuItemSelectedIcon?: RenderNode;\n\n  mode?: 'combobox' | 'multiple' | 'tags';\n  labelInValue?: boolean;\n  value?: ValueType | null;\n  defaultValue?: ValueType | null;\n  onChange?: (value: ValueType, option: OptionType | OptionType[]) => void;\n}\n\nfunction isRawValue(value: DraftValueType): value is RawValueType {\n  return !value || typeof value !== 'object';\n}\n\nconst Select = React.forwardRef(\n  (props: SelectProps<any, DefaultOptionType>, ref: React.Ref<BaseSelectRef>) => {\n    const {\n      id,\n      mode,\n      prefixCls = 'rc-select',\n      backfill,\n      fieldNames,\n\n      // Search\n      inputValue,\n      searchValue,\n      onSearch,\n      autoClearSearchValue = true,\n\n      // Select\n      onSelect,\n      onDeselect,\n      dropdownMatchSelectWidth = true,\n\n      // Options\n      filterOption,\n      filterSort,\n      optionFilterProp,\n      optionLabelProp,\n      options,\n      optionRender,\n      children,\n      defaultActiveFirstOption,\n      menuItemSelectedIcon,\n      virtual,\n      direction,\n      listHeight = 200,\n      listItemHeight = 20,\n\n      // Value\n      value,\n      defaultValue,\n      labelInValue,\n      onChange,\n\n      ...restProps\n    } = props;\n\n    const mergedId = useId(id);\n    const multiple = isMultiple(mode);\n    const childrenAsData = !!(!options && children);\n\n    const mergedFilterOption = React.useMemo(() => {\n      if (filterOption === undefined && mode === 'combobox') {\n        return false;\n      }\n      return filterOption;\n    }, [filterOption, mode]);\n\n    // ========================= FieldNames =========================\n    const mergedFieldNames = React.useMemo(\n      () => fillFieldNames(fieldNames, childrenAsData),\n      /* eslint-disable react-hooks/exhaustive-deps */\n      [\n        // We stringify fieldNames to avoid unnecessary re-renders.\n        JSON.stringify(fieldNames),\n        childrenAsData,\n      ],\n      /* eslint-enable react-hooks/exhaustive-deps */\n    );\n\n    // =========================== Search ===========================\n    const [mergedSearchValue, setSearchValue] = useMergedState('', {\n      value: searchValue !== undefined ? searchValue : inputValue,\n      postState: (search) => search || '',\n    });\n\n    // =========================== Option ===========================\n    const parsedOptions = useOptions(\n      options,\n      children,\n      mergedFieldNames,\n      optionFilterProp,\n      optionLabelProp,\n    );\n    const { valueOptions, labelOptions, options: mergedOptions } = parsedOptions;\n\n    // ========================= Wrap Value =========================\n    const convert2LabelValues = React.useCallback(\n      (draftValues: DraftValueType) => {\n        // Convert to array\n        const valueList = toArray(draftValues);\n\n        // Convert to labelInValue type\n        return valueList.map((val) => {\n          let rawValue: RawValueType;\n          let rawLabel: React.ReactNode;\n          let rawKey: React.Key;\n          let rawDisabled: boolean | undefined;\n          let rawTitle: string;\n\n          // Fill label & value\n          if (isRawValue(val)) {\n            rawValue = val;\n          } else {\n            rawKey = val.key;\n            rawLabel = val.label;\n            rawValue = val.value ?? rawKey;\n          }\n\n          const option = valueOptions.get(rawValue);\n          if (option) {\n            // Fill missing props\n            if (rawLabel === undefined)\n              rawLabel = option?.[optionLabelProp || mergedFieldNames.label];\n            if (rawKey === undefined) rawKey = option?.key ?? rawValue;\n            rawDisabled = option?.disabled;\n            rawTitle = option?.title;\n\n            // Warning if label not same as provided\n            if (process.env.NODE_ENV !== 'production' && !optionLabelProp) {\n              const optionLabel = option?.[mergedFieldNames.label];\n              if (\n                optionLabel !== undefined &&\n                !React.isValidElement(optionLabel) &&\n                !React.isValidElement(rawLabel) &&\n                optionLabel !== rawLabel\n              ) {\n                warning(false, '`label` of `value` is not same as `label` in Select options.');\n              }\n            }\n          }\n\n          return {\n            label: rawLabel,\n            value: rawValue,\n            key: rawKey,\n            disabled: rawDisabled,\n            title: rawTitle,\n          };\n        });\n      },\n      [mergedFieldNames, optionLabelProp, valueOptions],\n    );\n\n    // =========================== Values ===========================\n    const [internalValue, setInternalValue] = useMergedState(defaultValue, {\n      value,\n    });\n\n    // Merged value with LabelValueType\n    const rawLabeledValues = React.useMemo(() => {\n      const values = convert2LabelValues(internalValue);\n\n      // combobox no need save value when it's no value (exclude value equal 0)\n      if (mode === 'combobox' && isComboNoValue(values[0]?.value)) {\n        return [];\n      }\n\n      return values;\n    }, [internalValue, convert2LabelValues, mode]);\n\n    // Fill label with cache to avoid option remove\n    const [mergedValues, getMixedOption] = useCache(rawLabeledValues, valueOptions);\n\n    const displayValues = React.useMemo(() => {\n      // `null` need show as placeholder instead\n      // https://github.com/ant-design/ant-design/issues/25057\n      if (!mode && mergedValues.length === 1) {\n        const firstValue = mergedValues[0];\n        if (\n          firstValue.value === null &&\n          (firstValue.label === null || firstValue.label === undefined)\n        ) {\n          return [];\n        }\n      }\n\n      return mergedValues.map((item) => ({\n        ...item,\n        label: item.label ?? item.value,\n      }));\n    }, [mode, mergedValues]);\n\n    /** Convert `displayValues` to raw value type set */\n    const rawValues = React.useMemo(\n      () => new Set(mergedValues.map((val) => val.value)),\n      [mergedValues],\n    );\n\n    React.useEffect(() => {\n      if (mode === 'combobox') {\n        const strValue = mergedValues[0]?.value;\n        setSearchValue(hasValue(strValue) ? String(strValue) : '');\n      }\n    }, [mergedValues]);\n\n    // ======================= Display Option =======================\n    // Create a placeholder item if not exist in `options`\n    const createTagOption = useRefFunc((val: RawValueType, label?: React.ReactNode) => {\n      const mergedLabel = label ?? val;\n      return {\n        [mergedFieldNames.value]: val,\n        [mergedFieldNames.label]: mergedLabel,\n      } as DefaultOptionType;\n    });\n\n    // Fill tag as option if mode is `tags`\n    const filledTagOptions = React.useMemo(() => {\n      if (mode !== 'tags') {\n        return mergedOptions;\n      }\n\n      // >>> Tag mode\n      const cloneOptions = [...mergedOptions];\n\n      // Check if value exist in options (include new patch item)\n      const existOptions = (val: RawValueType) => valueOptions.has(val);\n\n      // Fill current value as option\n      [...mergedValues]\n        .sort((a, b) => (a.value < b.value ? -1 : 1))\n        .forEach((item) => {\n          const val = item.value;\n\n          if (!existOptions(val)) {\n            cloneOptions.push(createTagOption(val, item.label));\n          }\n        });\n\n      return cloneOptions;\n    }, [createTagOption, mergedOptions, valueOptions, mergedValues, mode]);\n\n    const filteredOptions = useFilterOptions(\n      filledTagOptions,\n      mergedFieldNames,\n      mergedSearchValue,\n      mergedFilterOption,\n      optionFilterProp,\n    );\n\n    // Fill options with search value if needed\n    const filledSearchOptions = React.useMemo(() => {\n      if (\n        mode !== 'tags' ||\n        !mergedSearchValue ||\n        filteredOptions.some((item) => item[optionFilterProp || 'value'] === mergedSearchValue)\n      ) {\n        return filteredOptions;\n      }\n      // ignore when search value equal select input value\n      if (filteredOptions.some((item) => item[mergedFieldNames.value] === mergedSearchValue)) {\n        return filteredOptions;\n      }\n      // Fill search value as option\n      return [createTagOption(mergedSearchValue), ...filteredOptions];\n    }, [\n      createTagOption,\n      optionFilterProp,\n      mode,\n      filteredOptions,\n      mergedSearchValue,\n      mergedFieldNames,\n    ]);\n\n    const orderedFilteredOptions = React.useMemo(() => {\n      if (!filterSort) {\n        return filledSearchOptions;\n      }\n\n      return [...filledSearchOptions].sort((a, b) => filterSort(a, b));\n    }, [filledSearchOptions, filterSort]);\n\n    const displayOptions = React.useMemo(\n      () =>\n        flattenOptions(orderedFilteredOptions, {\n          fieldNames: mergedFieldNames,\n          childrenAsData,\n        }),\n      [orderedFilteredOptions, mergedFieldNames, childrenAsData],\n    );\n\n    // =========================== Change ===========================\n    const triggerChange = (values: DraftValueType) => {\n      const labeledValues = convert2LabelValues(values);\n      setInternalValue(labeledValues);\n\n      if (\n        onChange &&\n        // Trigger event only when value changed\n        (labeledValues.length !== mergedValues.length ||\n          labeledValues.some((newVal, index) => mergedValues[index]?.value !== newVal?.value))\n      ) {\n        const returnValues = labelInValue ? labeledValues : labeledValues.map((v) => v.value);\n        const returnOptions = labeledValues.map((v) =>\n          injectPropsWithOption(getMixedOption(v.value)),\n        );\n\n        onChange(\n          // Value\n          multiple ? returnValues : returnValues[0],\n          // Option\n          multiple ? returnOptions : returnOptions[0],\n        );\n      }\n    };\n\n    // ======================= Accessibility ========================\n    const [activeValue, setActiveValue] = React.useState<string>(null);\n    const [accessibilityIndex, setAccessibilityIndex] = React.useState(0);\n    const mergedDefaultActiveFirstOption =\n      defaultActiveFirstOption !== undefined ? defaultActiveFirstOption : mode !== 'combobox';\n\n    const onActiveValue: OnActiveValue = React.useCallback(\n      (active, index, { source = 'keyboard' } = {}) => {\n        setAccessibilityIndex(index);\n\n        if (backfill && mode === 'combobox' && active !== null && source === 'keyboard') {\n          setActiveValue(String(active));\n        }\n      },\n      [backfill, mode],\n    );\n\n    // ========================= OptionList =========================\n    const triggerSelect = (val: RawValueType, selected: boolean, type?: DisplayInfoType) => {\n      const getSelectEnt = (): [RawValueType | LabelInValueType, DefaultOptionType] => {\n        const option = getMixedOption(val);\n        return [\n          labelInValue\n            ? {\n                label: option?.[mergedFieldNames.label],\n                value: val,\n                key: option?.key ?? val,\n              }\n            : val,\n          injectPropsWithOption(option),\n        ];\n      };\n\n      if (selected && onSelect) {\n        const [wrappedValue, option] = getSelectEnt();\n        onSelect(wrappedValue, option);\n      } else if (!selected && onDeselect && type !== 'clear') {\n        const [wrappedValue, option] = getSelectEnt();\n        onDeselect(wrappedValue, option);\n      }\n    };\n\n    // Used for OptionList selection\n    const onInternalSelect = useRefFunc<OnInternalSelect>((val, info) => {\n      let cloneValues: (RawValueType | DisplayValueType)[];\n\n      // Single mode always trigger select only with option list\n      const mergedSelect = multiple ? info.selected : true;\n\n      if (mergedSelect) {\n        cloneValues = multiple ? [...mergedValues, val] : [val];\n      } else {\n        cloneValues = mergedValues.filter((v) => v.value !== val);\n      }\n\n      triggerChange(cloneValues);\n      triggerSelect(val, mergedSelect);\n\n      // Clean search value if single or configured\n      if (mode === 'combobox') {\n        // setSearchValue(String(val));\n        setActiveValue('');\n      } else if (!isMultiple || autoClearSearchValue) {\n        setSearchValue('');\n        setActiveValue('');\n      }\n    });\n\n    // ======================= Display Change =======================\n    // BaseSelect display values change\n    const onDisplayValuesChange: BaseSelectProps['onDisplayValuesChange'] = (nextValues, info) => {\n      triggerChange(nextValues);\n      const { type, values } = info;\n\n      if (type === 'remove' || type === 'clear') {\n        values.forEach((item) => {\n          triggerSelect(item.value, false, type);\n        });\n      }\n    };\n\n    // =========================== Search ===========================\n    const onInternalSearch: BaseSelectProps['onSearch'] = (searchText, info) => {\n      setSearchValue(searchText);\n      setActiveValue(null);\n\n      // [Submit] Tag mode should flush input\n      if (info.source === 'submit') {\n        const formatted = (searchText || '').trim();\n        // prevent empty tags from appearing when you click the Enter button\n        if (formatted) {\n          const newRawValues = Array.from(new Set<RawValueType>([...rawValues, formatted]));\n          triggerChange(newRawValues);\n          triggerSelect(formatted, true);\n          setSearchValue('');\n        }\n\n        return;\n      }\n\n      if (info.source !== 'blur') {\n        if (mode === 'combobox') {\n          triggerChange(searchText);\n        }\n\n        onSearch?.(searchText);\n      }\n    };\n\n    const onInternalSearchSplit: BaseSelectProps['onSearchSplit'] = (words) => {\n      let patchValues: RawValueType[] = words;\n\n      if (mode !== 'tags') {\n        patchValues = words\n          .map((word) => {\n            const opt = labelOptions.get(word);\n            return opt?.value;\n          })\n          .filter((val) => val !== undefined);\n      }\n\n      const newRawValues = Array.from(new Set<RawValueType>([...rawValues, ...patchValues]));\n      triggerChange(newRawValues);\n      newRawValues.forEach((newRawValue) => {\n        triggerSelect(newRawValue, true);\n      });\n    };\n\n    // ========================== Context ===========================\n    const selectContext = React.useMemo(() => {\n      const realVirtual = virtual !== false && dropdownMatchSelectWidth !== false;\n      return {\n        ...parsedOptions,\n        flattenOptions: displayOptions,\n        onActiveValue,\n        defaultActiveFirstOption: mergedDefaultActiveFirstOption,\n        onSelect: onInternalSelect,\n        menuItemSelectedIcon,\n        rawValues,\n        fieldNames: mergedFieldNames,\n        virtual: realVirtual,\n        direction,\n        listHeight,\n        listItemHeight,\n        childrenAsData,\n        optionRender,\n      };\n    }, [\n      parsedOptions,\n      displayOptions,\n      onActiveValue,\n      mergedDefaultActiveFirstOption,\n      onInternalSelect,\n      menuItemSelectedIcon,\n      rawValues,\n      mergedFieldNames,\n      virtual,\n      dropdownMatchSelectWidth,\n      listHeight,\n      listItemHeight,\n      childrenAsData,\n      optionRender,\n    ]);\n\n    // ========================== Warning ===========================\n    if (process.env.NODE_ENV !== 'production') {\n      warningProps(props);\n      warningNullOptions(mergedOptions, mergedFieldNames);\n    }\n\n    // ==============================================================\n    // ==                          Render                          ==\n    // ==============================================================\n    return (\n      <SelectContext.Provider value={selectContext}>\n        <BaseSelect\n          {...restProps}\n          // >>> MISC\n          id={mergedId}\n          prefixCls={prefixCls}\n          ref={ref}\n          omitDomProps={OMIT_DOM_PROPS}\n          mode={mode}\n          // >>> Values\n          displayValues={displayValues}\n          onDisplayValuesChange={onDisplayValuesChange}\n          // >>> Trigger\n          direction={direction}\n          // >>> Search\n          searchValue={mergedSearchValue}\n          onSearch={onInternalSearch}\n          autoClearSearchValue={autoClearSearchValue}\n          onSearchSplit={onInternalSearchSplit}\n          dropdownMatchSelectWidth={dropdownMatchSelectWidth}\n          // >>> OptionList\n          OptionList={OptionList}\n          emptyOptions={!displayOptions.length}\n          // >>> Accessibility\n          activeValue={activeValue}\n          activeDescendantId={`${mergedId}_list_${accessibilityIndex}`}\n        />\n      </SelectContext.Provider>\n    );\n  },\n);\n\nif (process.env.NODE_ENV !== 'production') {\n  Select.displayName = 'Select';\n}\n\nconst TypedSelect = Select as unknown as (<\n  ValueType = any,\n  OptionType extends BaseOptionType | DefaultOptionType = DefaultOptionType,\n>(\n  props: React.PropsWithChildren<SelectProps<ValueType, OptionType>> & {\n    ref?: React.Ref<BaseSelectRef>;\n  },\n) => React.ReactElement) & {\n  Option: typeof Option;\n  OptGroup: typeof OptGroup;\n};\n\nTypedSelect.Option = Option;\nTypedSelect.OptGroup = OptGroup;\n\nexport default TypedSelect;\n"]}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+const SelectContext = React.createContext(null);
+export default SelectContext;
+//# sourceMappingURL=SelectContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/SelectContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,IAAI,CAAC,CAAC;AAEpE,eAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\nimport type { RawValueType, RenderNode } from './BaseSelect';\nimport type {\n  BaseOptionType,\n  FieldNames,\n  OnActiveValue,\n  OnInternalSelect,\n  SelectProps,\n} from './Select';\nimport type { FlattenOptionData } from './interface';\n\n// Use any here since we do not get the type during compilation\nexport interface SelectContextProps {\n  options: BaseOptionType[];\n  optionRender?: SelectProps['optionRender'];\n  flattenOptions: FlattenOptionData<BaseOptionType>[];\n  onActiveValue: OnActiveValue;\n  defaultActiveFirstOption?: boolean;\n  onSelect: OnInternalSelect;\n  menuItemSelectedIcon?: RenderNode;\n  rawValues: Set<RawValueType>;\n  fieldNames?: FieldNames;\n  virtual?: boolean;\n  direction?: 'ltr' | 'rtl';\n  listHeight?: number;\n  listItemHeight?: number;\n  childrenAsData?: boolean;\n}\n\nconst SelectContext = React.createContext<SelectContextProps>(null);\n\nexport default SelectContext;\n"]}

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

@@ -0,0 +1,91 @@
+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 Trigger from '@rc-component/trigger';
+import classNames from 'classnames';
+import * as React from 'react';
+const getBuiltInPlacements = (dropdownMatchSelectWidth) => {
+    // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided
+    const adjustX = dropdownMatchSelectWidth === true ? 0 : 1;
+    return {
+        bottomLeft: {
+            points: ['tl', 'bl'],
+            offset: [0, 4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+        bottomRight: {
+            points: ['tr', 'br'],
+            offset: [0, 4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+        topLeft: {
+            points: ['bl', 'tl'],
+            offset: [0, -4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+        topRight: {
+            points: ['br', 'tr'],
+            offset: [0, -4],
+            overflow: {
+                adjustX,
+                adjustY: 1,
+            },
+            htmlRegion: 'scroll',
+        },
+    };
+};
+const SelectTrigger = (props, ref) => {
+    const { prefixCls, disabled, visible, children, popupElement, animation, transitionName, dropdownStyle, dropdownClassName, direction = 'ltr', placement, builtinPlacements, dropdownMatchSelectWidth, dropdownRender, dropdownAlign, getPopupContainer, empty, getTriggerDOMNode, onPopupVisibleChange, onPopupMouseEnter } = props, restProps = __rest(props, ["prefixCls", "disabled", "visible", "children", "popupElement", "animation", "transitionName", "dropdownStyle", "dropdownClassName", "direction", "placement", "builtinPlacements", "dropdownMatchSelectWidth", "dropdownRender", "dropdownAlign", "getPopupContainer", "empty", "getTriggerDOMNode", "onPopupVisibleChange", "onPopupMouseEnter"]);
+    const dropdownPrefixCls = `${prefixCls}-dropdown`;
+    let popupNode = popupElement;
+    if (dropdownRender) {
+        popupNode = dropdownRender(popupElement);
+    }
+    const mergedBuiltinPlacements = React.useMemo(() => builtinPlacements || getBuiltInPlacements(dropdownMatchSelectWidth), [builtinPlacements, dropdownMatchSelectWidth]);
+    // ===================== Motion ======================
+    const mergedTransitionName = animation ? `${dropdownPrefixCls}-${animation}` : transitionName;
+    // =================== Popup Width ===================
+    const isNumberPopupWidth = typeof dropdownMatchSelectWidth === 'number';
+    const stretch = React.useMemo(() => {
+        if (isNumberPopupWidth) {
+            return null;
+        }
+        return dropdownMatchSelectWidth === false ? 'minWidth' : 'width';
+    }, [dropdownMatchSelectWidth, isNumberPopupWidth]);
+    let popupStyle = dropdownStyle;
+    if (isNumberPopupWidth) {
+        popupStyle = Object.assign(Object.assign({}, popupStyle), { width: dropdownMatchSelectWidth });
+    }
+    // ======================= Ref =======================
+    const popupRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => ({
+        getPopupElement: () => popupRef.current,
+    }));
+    return (React.createElement(Trigger, Object.assign({}, restProps, { showAction: onPopupVisibleChange ? ['click'] : [], hideAction: onPopupVisibleChange ? ['click'] : [], popupPlacement: placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft'), builtinPlacements: mergedBuiltinPlacements, prefixCls: dropdownPrefixCls, popupTransitionName: mergedTransitionName, popup: React.createElement("div", { ref: popupRef, onMouseEnter: onPopupMouseEnter }, popupNode), stretch: stretch, popupAlign: dropdownAlign, popupVisible: visible, getPopupContainer: getPopupContainer, popupClassName: classNames(dropdownClassName, {
+            [`${dropdownPrefixCls}-empty`]: empty,
+        }), popupStyle: popupStyle, getTriggerDOMNode: getTriggerDOMNode, onPopupVisibleChange: onPopupVisibleChange }), children));
+};
+const RefSelectTrigger = React.forwardRef(SelectTrigger);
+RefSelectTrigger.displayName = 'SelectTrigger';
+export default RefSelectTrigger;
+//# sourceMappingURL=SelectTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTrigger.js","sourceRoot":"","sources":["../../../src/tntd-select/rc-select/SelectTrigger.tsx"],"names":[],"mappings":"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","sourcesContent":["import Trigger from '@rc-component/trigger';\nimport type { AlignType, BuildInPlacements } from '@rc-component/trigger/lib/interface';\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport type { Placement, RenderDOMFunc } from './BaseSelect';\n\nconst getBuiltInPlacements = (\n  dropdownMatchSelectWidth: number | boolean,\n): Record<string, AlignType> => {\n  // Enable horizontal overflow auto-adjustment when a custom dropdown width is provided\n  const adjustX = dropdownMatchSelectWidth === true ? 0 : 1;\n  return {\n    bottomLeft: {\n      points: ['tl', 'bl'],\n      offset: [0, 4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n    bottomRight: {\n      points: ['tr', 'br'],\n      offset: [0, 4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n    topLeft: {\n      points: ['bl', 'tl'],\n      offset: [0, -4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n    topRight: {\n      points: ['br', 'tr'],\n      offset: [0, -4],\n      overflow: {\n        adjustX,\n        adjustY: 1,\n      },\n      htmlRegion: 'scroll',\n    },\n  };\n};\n\nexport interface RefTriggerProps {\n  getPopupElement: () => HTMLDivElement;\n}\n\nexport interface SelectTriggerProps {\n  prefixCls: string;\n  children: React.ReactElement;\n  disabled: boolean;\n  visible: boolean;\n  popupElement: React.ReactElement;\n\n  animation?: string;\n  transitionName?: string;\n  placement?: Placement;\n  builtinPlacements?: BuildInPlacements;\n  dropdownStyle: React.CSSProperties;\n  dropdownClassName: string;\n  direction: string;\n  dropdownMatchSelectWidth?: boolean | number;\n  dropdownRender?: (menu: React.ReactElement) => React.ReactElement;\n  getPopupContainer?: RenderDOMFunc;\n  dropdownAlign: AlignType;\n  empty: boolean;\n\n  getTriggerDOMNode: () => HTMLElement;\n  onPopupVisibleChange?: (visible: boolean) => void;\n\n  onPopupMouseEnter: () => void;\n}\n\nconst SelectTrigger: React.RefForwardingComponent<RefTriggerProps, SelectTriggerProps> = (\n  props,\n  ref,\n) => {\n  const {\n    prefixCls,\n    disabled,\n    visible,\n    children,\n    popupElement,\n    animation,\n    transitionName,\n    dropdownStyle,\n    dropdownClassName,\n    direction = 'ltr',\n    placement,\n    builtinPlacements,\n    dropdownMatchSelectWidth,\n    dropdownRender,\n    dropdownAlign,\n    getPopupContainer,\n    empty,\n    getTriggerDOMNode,\n    onPopupVisibleChange,\n    onPopupMouseEnter,\n    ...restProps\n  } = props;\n\n  const dropdownPrefixCls = `${prefixCls}-dropdown`;\n\n  let popupNode = popupElement;\n  if (dropdownRender) {\n    popupNode = dropdownRender(popupElement);\n  }\n\n  const mergedBuiltinPlacements = React.useMemo(\n    () => builtinPlacements || getBuiltInPlacements(dropdownMatchSelectWidth),\n    [builtinPlacements, dropdownMatchSelectWidth],\n  );\n\n  // ===================== Motion ======================\n  const mergedTransitionName = animation ? `${dropdownPrefixCls}-${animation}` : transitionName;\n\n  // =================== Popup Width ===================\n  const isNumberPopupWidth = typeof dropdownMatchSelectWidth === 'number';\n\n  const stretch = React.useMemo(() => {\n    if (isNumberPopupWidth) {\n      return null;\n    }\n\n    return dropdownMatchSelectWidth === false ? 'minWidth' : 'width';\n  }, [dropdownMatchSelectWidth, isNumberPopupWidth]);\n\n  let popupStyle = dropdownStyle;\n\n  if (isNumberPopupWidth) {\n    popupStyle = {\n      ...popupStyle,\n      width: dropdownMatchSelectWidth,\n    };\n  }\n\n  // ======================= Ref =======================\n  const popupRef = React.useRef<HTMLDivElement>(null);\n\n  React.useImperativeHandle(ref, () => ({\n    getPopupElement: () => popupRef.current,\n  }));\n\n  return (\n    <Trigger\n      {...restProps}\n      showAction={onPopupVisibleChange ? ['click'] : []}\n      hideAction={onPopupVisibleChange ? ['click'] : []}\n      popupPlacement={placement || (direction === 'rtl' ? 'bottomRight' : 'bottomLeft')}\n      builtinPlacements={mergedBuiltinPlacements}\n      prefixCls={dropdownPrefixCls}\n      popupTransitionName={mergedTransitionName}\n      popup={\n        <div ref={popupRef} onMouseEnter={onPopupMouseEnter}>\n          {popupNode}\n        </div>\n      }\n      stretch={stretch}\n      popupAlign={dropdownAlign}\n      popupVisible={visible}\n      getPopupContainer={getPopupContainer}\n      popupClassName={classNames(dropdownClassName, {\n        [`${dropdownPrefixCls}-empty`]: empty,\n      })}\n      popupStyle={popupStyle}\n      getTriggerDOMNode={getTriggerDOMNode}\n      onPopupVisibleChange={onPopupVisibleChange}\n    >\n      {children}\n    </Trigger>\n  );\n};\n\nconst RefSelectTrigger = React.forwardRef<RefTriggerProps, SelectTriggerProps>(SelectTrigger);\nRefSelectTrigger.displayName = 'SelectTrigger';\n\nexport default RefSelectTrigger;\n"]}