@zat-design/sisyphus-react 4.5.9 → 4.5.10-beta.2

package/es/ProSelect/index.js

@@ -1,23 +1,40 @@
-import _isNumber from "lodash/isNumber";
-import _omit from "lodash/omit";
-import _isFunction from "lodash/isFunction";
-import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
-import { message, Select, Space, Tooltip } from 'antd';
-import React, { useImperativeHandle, useState, forwardRef, isValidElement, useCallback, useEffect, useMemo, useRef } from 'react';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useDeepCompareEffect, useRequest as useRequestFunc } from "ahooks";
+import { message, Select, Space, Tooltip } from "antd";
+import React, {
+  useImperativeHandle,
+  useState,
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef
+} from "react";
+import isFunction from "lodash/isFunction";
+import omit from "lodash/omit";
+import isNumber from "lodash/isNumber";
 import { useProConfig } from "../ProConfigProvider";
 import Container from "../ProForm/components/Container";
 import AdaptiveTooltip from "./components/AdaptiveTooltip";
-import { ProForm } from '..';
+import { ProForm } from "..";
 import locale from "../locale";
-import { getSelectList, flattenOptions, findValueObject, defaultFilterOption as defaultFilterOptionFn, getInnerRecord, buildSelectOptions, resolveChangeOption, computeChangeValue, computeTransformValue } from "./utils";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const ProSelect = (props, ref) => {
-  const {
-    fieldNames: proSelectFieldNames = {},
-    showCodeName
-  } = useProConfig('ProSelect') || {};
-  let label = 'label';
-  let code = 'value';
+import {
+  getSelectList,
+  flattenOptions,
+  findValueObject,
+  defaultFilterOption as defaultFilterOptionFn,
+  getInnerRecord,
+  buildSelectOptions,
+  resolveChangeOption,
+  computeChangeValue,
+  computeTransformValue
+} from "./utils";
+const ProSelect = (props, ref) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const { fieldNames: proSelectFieldNames = {}, showCodeName } = useProConfig("ProSelect") || {};
+  let label = "label";
+  let code = "value";
   if (proSelectFieldNames && Object.keys(proSelectFieldNames).length) {
     code = proSelectFieldNames.value;
     label = proSelectFieldNames.label;
@@ -33,6 +50,7 @@ export const ProSelect = (props, ref) => {
     scrollFollowParent = true,
     defaultOne,
     onSearch: _onSearch,
+    onOpenChange,
     optionRender,
     onChange,
     transformResponse,
@@ -44,173 +62,146 @@ export const ProSelect = (props, ref) => {
   } = props;
   selectProps.showCodeName = selectProps.showCodeName ?? showCodeName;
   const value = getValueProps && props.value ? getValueProps(props.value) : props.value;
-  const {
-    isView: isViewCon,
-    viewEmpty
-  } = ProForm?.useFieldProps?.() || {};
-  const isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
-
+  const { isView: isViewCon, viewEmpty } = ((_b = (_a = ProForm) == null ? void 0 : _a.useFieldProps) == null ? void 0 : _b.call(_a)) || {};
+  const isView = typeof props.isView === "boolean" ? props.isView : isViewCon;
   if (fieldNames && Object.keys(fieldNames).length) {
     code = fieldNames.value;
     label = fieldNames.label;
   }
   const [selectList, setSelectList] = useState(dataSource || []);
-
-  // 用来控制只有第一次才会设置 defaultOne 属性、🔒
   const [isDefaultOne, setIsDefaultOne] = useState(false);
+  const [innerPopupOpen, setInnerPopupOpen] = useState(selectProps.defaultOpen ?? false);
+  const popupOpen = selectProps.open ?? innerPopupOpen;
+  const handleOpenChange = useCallback(
+    (open) => {
+      setInnerPopupOpen(open);
+      onOpenChange == null ? void 0 : onOpenChange(open);
+    },
+    [onOpenChange]
+  );
   const OptionRender = optionRender;
-  const defaultOnSuccessFun = res => {
-    const {
-      status = 200,
-      message: msg,
-      data
-    } = res;
+  const defaultOnSuccessFun = (res) => {
+    const { status = 200, message: msg, data } = res;
     if (status !== 200) {
       message.error(msg);
       return;
     }
     setSelectList(data || []);
   };
-  const successTransformDataHandle = useCallback(res => {
-    if (transformResponse && typeof transformResponse === 'function') {
+  const successTransformDataHandle = useCallback((res) => {
+    if (transformResponse && typeof transformResponse === "function") {
       return transformResponse(res);
     }
-    const {
-      status = 200,
-      message: msg,
-      data
-    } = res || {};
+    const { status = 200, message: msg, data } = res || {};
     if (status !== 200) {
       message.error(msg);
       return;
     }
     return data;
   }, []);
-  const fetchFunction = useRequestFunc(useRequest?.service, {
+  const fetchFunction = useRequestFunc(useRequest == null ? void 0 : useRequest.service, {
     manual: true,
     debounceWait: 300,
-    ...useRequest?.options,
-    onSuccess: data => {
-      if (transformResponse && typeof transformResponse === 'function') {
+    ...useRequest == null ? void 0 : useRequest.options,
+    onSuccess: (data) => {
+      var _a2, _b2, _c2;
+      if (transformResponse && typeof transformResponse === "function") {
         const responseData = transformResponse(data);
         setSelectList(responseData);
       } else {
         defaultOnSuccessFun(data);
       }
-      // 执行传入onSuccess
-      useRequest?.options?.onSuccess?.(data, useRequest?.options?.defaultParams);
+      (_c2 = (_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.onSuccess) == null ? void 0 : _c2.call(_a2, data, (_b2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _b2.defaultParams);
     }
   });
   const fetchFunctionRef = useRef(fetchFunction);
   useEffect(() => {
     fetchFunctionRef.current = fetchFunction;
   }, [fetchFunction]);
-  const cacheList = useRequest?.options?.cacheKey ? successTransformDataHandle(fetchFunction?.data) : [];
-
-  // 展平结果仅随 selectList 变化；滚动重挂载/无关 rerender 时复用，避免重复展平
+  const cacheList = ((_c = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _c.cacheKey) ? successTransformDataHandle(fetchFunction == null ? void 0 : fetchFunction.data) : [];
   const flatOptions = useMemo(() => flattenOptions(selectList), [selectList]);
-  const getValueObject = input => findValueObject(flatOptions, code, input);
-  useImperativeHandle(ref, () => ({
-    getValueObject,
-    useRequestRef: fetchFunction
-  }));
-
-  // 实现maxTagPlaceholder功能，支持hover显示完整标签 (必须在条件渲染之前)
-  const maxTagPlaceholder = useCallback(omittedValues => {
-    // 提取被省略的标签文本
-    const omittedLabels = omittedValues.map(value => {
-      // 在ProSelect中，value可能是各种格式
-      const targetValue = typeof value === 'object' ? value.value || value[code] : value;
-      const item = flatOptions.find(item => item[code] === targetValue);
-      return item?.[label] || targetValue;
-    });
-    const tooltipContent = omittedLabels.join('、');
-    return /*#__PURE__*/_jsx(Tooltip, {
-      title: tooltipContent,
-      placement: "topLeft",
-      children: /*#__PURE__*/_jsxs("span", {
-        children: ["+ ", /*#__PURE__*/_jsx("b", {
-          className: "pro-select-more-count",
-          children: omittedValues.length
-        }), " ..."]
-      })
-    });
-  }, [flatOptions, code, label]);
+  const getValueObject = (input) => findValueObject(flatOptions, code, input);
+  useImperativeHandle(
+    ref,
+    () => ({
+      getValueObject,
+      useRequestRef: fetchFunction
+    })
+  );
+  const maxTagPlaceholder = useCallback(
+    (omittedValues) => {
+      const omittedLabels = omittedValues.map((value2) => {
+        const targetValue = typeof value2 === "object" ? value2.value || value2[code] : value2;
+        const item = flatOptions.find((item2) => item2[code] === targetValue);
+        return (item == null ? void 0 : item[label]) || targetValue;
+      });
+      const tooltipContent = omittedLabels.join("、");
+      return /* @__PURE__ */ jsx(Tooltip, { title: tooltipContent, placement: "topLeft", children: /* @__PURE__ */ jsxs("span", { children: [
+        "+ ",
+        /* @__PURE__ */ jsx("b", { className: "pro-select-more-count", children: omittedValues.length }),
+        " ..."
+      ] }) });
+    },
+    [flatOptions, code, label]
+  );
   useDeepCompareEffect(() => {
     setSelectList(dataSource);
   }, [dataSource]);
   useDeepCompareEffect(() => {
-    // 设置cacheKey后使用缓存的数据
-    if (!selectList?.length && useRequest?.options?.cacheKey) {
-      if (cacheList?.length) {
+    var _a2;
+    if (!(selectList == null ? void 0 : selectList.length) && ((_a2 = useRequest == null ? void 0 : useRequest.options) == null ? void 0 : _a2.cacheKey)) {
+      if (cacheList == null ? void 0 : cacheList.length) {
         setSelectList(cacheList);
       }
     }
-  }, [fetchFunction?.data]);
+  }, [fetchFunction == null ? void 0 : fetchFunction.data]);
   useDeepCompareEffect(() => {
     if (!useRequest) {
       return;
     }
-    const {
-      defaultParams,
-      manual
-    } = useRequest?.options || {};
-    if (manual || cacheList?.length) {
+    const { defaultParams, manual } = (useRequest == null ? void 0 : useRequest.options) || {};
+    if (manual || (cacheList == null ? void 0 : cacheList.length)) {
       return;
     }
-    const params = Array.isArray(defaultParams) ? defaultParams?.[0] : defaultParams || {};
+    const params = Array.isArray(defaultParams) ? defaultParams == null ? void 0 : defaultParams[0] : defaultParams || {};
     fetchFunction.run(params);
-  }, [useRequest?.options]);
-
-  // 处理 defaultOne 逻辑：当 dataSource 只有一个值且没有 value 时，自动设置默认值
+  }, [useRequest == null ? void 0 : useRequest.options]);
   useEffect(() => {
-    if (defaultOne && !value && !isDefaultOne && selectList?.length === 1) {
-      const option = selectList?.[0];
-      if (option && option[code] !== undefined && option[code] !== null) {
+    if (defaultOne && !value && !isDefaultOne && (selectList == null ? void 0 : selectList.length) === 1) {
+      const option = selectList == null ? void 0 : selectList[0];
+      if (option && option[code] !== void 0 && option[code] !== null) {
         setIsDefaultOne(true);
-        // 使用 setTimeout 确保在下一个事件循环中调用，避免在渲染过程中更新状态
         setTimeout(() => {
-          onChange?.(option[code], option);
+          onChange == null ? void 0 : onChange(option[code], option);
         }, 0);
       }
     }
   }, [defaultOne, value, isDefaultOne, selectList, code, onChange]);
-  const transToLabel = value => {
+  const transToLabel = (value2) => {
     if (!flatOptions.length) {
       return viewEmpty;
     }
-    const findOption = v => flatOptions.find(item => labelInValue ? item[code] === v[code] : item[code] === v);
-    const record = value.map(findOption).filter(v => !!v);
-
-    // 自定义 option 时，默认取 optionRender 的值
-    if (_isFunction(props.optionRender) && record.length) {
-      return /*#__PURE__*/_jsx(Space, {
-        orientation: "vertical",
-        size: 4,
-        children: record.map(item => /*#__PURE__*/_jsx(React.Fragment, {
-          children: props.optionRender(item)
-        }, item[code]))
-      });
+    const findOption = (v) => flatOptions.find((item) => labelInValue ? item[code] === v[code] : item[code] === v);
+    const record = value2.map(findOption).filter((v) => !!v);
+    if (isFunction(props.optionRender) && record.length) {
+      return /* @__PURE__ */ jsx(Space, { orientation: "vertical", size: 4, children: record.map((item) => /* @__PURE__ */ jsx(React.Fragment, { children: props.optionRender(item) }, item[code])) });
     }
-    const labelList = value.map(v => {
+    const labelList = value2.map((v) => {
       const option = findOption(v);
-      if (!option) return '-';
-      return selectProps.showCodeName ? `${option[code]}-${option[label]}` : option?.[label];
+      if (!option)
+        return "-";
+      return selectProps.showCodeName ? `${option[code]}-${option[label]}` : option == null ? void 0 : option[label];
     });
-    return labelList?.join('、');
+    return labelList == null ? void 0 : labelList.join("、");
   };
-
-  // 必须在早期 return 之前声明，确保每次渲染 hooks 调用数量一致（React Rules of Hooks）
   const defaultFilterOption = useCallback(defaultFilterOptionFn, []);
   const mergedShowSearch = useMemo(() => {
     const defaultConfig = {
       enabled: true,
-      filterOption: _isFunction(_onSearch) ? false : defaultFilterOption,
-      optionFilterProp: 'label',
-      onSearch: searchValue => {
-        _onSearch?.(searchValue, {
-          ...fetchFunctionRef.current
-        });
+      filterOption: isFunction(_onSearch) ? false : defaultFilterOption,
+      optionFilterProp: "label",
+      onSearch: (searchValue) => {
+        _onSearch == null ? void 0 : _onSearch(searchValue, { ...fetchFunctionRef.current });
       }
     };
     const customShowSearch = selectProps.showSearch;
@@ -223,7 +214,7 @@ export const ProSelect = (props, ref) => {
     if (customShowSearch === true || customShowSearch == null) {
       return defaultConfig;
     }
-    if (typeof customShowSearch === 'object' && customShowSearch !== null) {
+    if (typeof customShowSearch === "object" && customShowSearch !== null) {
       return {
         ...defaultConfig,
         ...customShowSearch,
@@ -236,7 +227,7 @@ export const ProSelect = (props, ref) => {
     return defaultConfig;
   }, [_onSearch, defaultFilterOption, selectProps.showSearch]);
   let newSelectList = selectList;
-  if (otherProps?.listName && filterInList) {
+  if ((otherProps == null ? void 0 : otherProps.listName) && filterInList) {
     newSelectList = getSelectList({
       otherProps,
       value,
@@ -246,115 +237,74 @@ export const ProSelect = (props, ref) => {
       mode: selectProps.mode
     });
   }
-
-  // antd Select 的 options 仅随数据源/字段映射/展示配置变化；滚动重挂载与无关 rerender 时复用，
-  // 避免每次渲染全量重建 option 对象（落在虚拟表格挂载热路径上）。
-  // 依赖用 buildSelectOptions 实际消费的原始值（code/label/showCodeName/OptionRender），
-  // 而非每次新建的函数引用，避免缓存失效。
-  // 必须在 isView 早期 return 之前声明，确保每次渲染 hooks 调用数量一致（React Rules of Hooks）。
-  const selectOptions = useMemo(() => buildSelectOptions(newSelectList, {
-    code,
-    label,
-    showCodeName: selectProps.showCodeName,
-    optionRender: OptionRender
-  }), [newSelectList, code, label, selectProps.showCodeName, OptionRender]);
+  const selectOptions = useMemo(
+    () => buildSelectOptions(newSelectList, {
+      code,
+      label,
+      showCodeName: selectProps.showCodeName,
+      optionRender: OptionRender
+    }),
+    [newSelectList, code, label, selectProps.showCodeName, OptionRender]
+  );
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      // 如果设置了maxTagCount且超出数量，需要截断显示
-      const shouldTruncate = typeof selectProps.maxTagCount === 'number' && value.length > selectProps.maxTagCount;
+      const shouldTruncate = typeof selectProps.maxTagCount === "number" && value.length > selectProps.maxTagCount;
       if (shouldTruncate) {
-        // 截断显示：显示前N项 + "更多N项..."
-        const maxCount = typeof selectProps.maxTagCount === 'number' ? selectProps.maxTagCount : 0;
+        const maxCount = typeof selectProps.maxTagCount === "number" ? selectProps.maxTagCount : 0;
         const visibleItems = value.slice(0, maxCount);
         const hiddenItems = value.slice(maxCount);
         const hiddenCount = value.length - maxCount;
         const visibleText = transToLabel(visibleItems);
-        const hiddenText = transToLabel(hiddenItems); // 只显示被隐藏的标签
-        const moreText = locale?.ProForm?.moreItems ? /*#__PURE__*/_jsxs(_Fragment, {
-          children: [locale.ProForm.moreItems.split('{count}')[0], /*#__PURE__*/_jsx("b", {
-            className: "pro-select-more-count",
-            children: hiddenCount
-          }), locale.ProForm.moreItems.split('{count}')[1]]
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("b", {
-            className: "pro-select-more-count",
-            children: hiddenCount
-          }), " more..."]
-        });
-        return /*#__PURE__*/_jsxs(Container, {
-          viewEmpty: viewEmpty,
-          children: [visibleText, "\u3001", /*#__PURE__*/_jsx(Tooltip, {
-            title: hiddenText,
-            children: /*#__PURE__*/_jsx("span", {
-              children: moreText
-            })
-          })]
-        });
+        const hiddenText = transToLabel(hiddenItems);
+        const moreText = ((_e = (_d = locale) == null ? void 0 : _d.ProForm) == null ? void 0 : _e.moreItems) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          locale.ProForm.moreItems.split("{count}")[0],
+          /* @__PURE__ */ jsx("b", { className: "pro-select-more-count", children: hiddenCount }),
+          locale.ProForm.moreItems.split("{count}")[1]
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("b", { className: "pro-select-more-count", children: hiddenCount }),
+          " more..."
+        ] });
+        return /* @__PURE__ */ jsxs(Container, { viewEmpty, children: [
+          visibleText,
+          "、",
+          /* @__PURE__ */ jsx(Tooltip, { title: hiddenText, children: /* @__PURE__ */ jsx("span", { children: moreText }) })
+        ] });
       }
-
-      // 不需要截断，正常显示
-      return /*#__PURE__*/_jsx(Container, {
-        viewEmpty: viewEmpty,
-        children: transToLabel(value)
-      });
+      return /* @__PURE__ */ jsx(Container, { viewEmpty, children: transToLabel(value) });
     }
-    return /*#__PURE__*/_jsx(Container, {
-      viewEmpty: viewEmpty,
-      children: value || _isNumber(value) ? transToLabel([value]) : null
-    });
+    return /* @__PURE__ */ jsx(Container, { viewEmpty, children: value || isNumber(value) ? transToLabel([value]) : null });
   }
-  const TooltipOption = props => {
+  const TooltipOption = (props2) => {
     if (tooltip) {
-      return /*#__PURE__*/_jsx(AdaptiveTooltip, {
-        children: props.children
-      });
+      return /* @__PURE__ */ jsx(AdaptiveTooltip, { children: props2.children });
     }
-    return props.children;
+    return props2.children;
   };
-  const isReactElement = element => /*#__PURE__*/isValidElement(element);
-  const selectOptionRender = option => {
-    const currentRecord = option?.data?.record || option?.record;
-    const text = option?.data?.searchText ?? option?.data?.title ?? option?.label ?? '';
+  const isReactElement = (element) => isValidElement(element);
+  const selectOptionRender = (option) => {
+    var _a2, _b2, _c2;
+    const currentRecord = ((_a2 = option == null ? void 0 : option.data) == null ? void 0 : _a2.record) || (option == null ? void 0 : option.record);
+    const text = ((_b2 = option == null ? void 0 : option.data) == null ? void 0 : _b2.searchText) ?? ((_c2 = option == null ? void 0 : option.data) == null ? void 0 : _c2.title) ?? (option == null ? void 0 : option.label) ?? "";
     if (!currentRecord) {
-      return /*#__PURE__*/_jsx(TooltipOption, {
-        title: String(text),
-        children: String(text)
-      });
+      return /* @__PURE__ */ jsx(TooltipOption, { title: String(text), children: String(text) });
     }
-    return /*#__PURE__*/_jsx(TooltipOption, {
-      title: String(text),
-      children: OptionRender ? /*#__PURE__*/_jsx("span", {
-        children: OptionRender(currentRecord)
-      }) : /*#__PURE__*/_jsx("span", {
-        children: String(text)
-      })
-    });
+    return /* @__PURE__ */ jsx(TooltipOption, { title: String(text), children: OptionRender ? /* @__PURE__ */ jsx("span", { children: OptionRender(currentRecord) }) : /* @__PURE__ */ jsx("span", { children: String(text) }) });
   };
   const mode = selectProps.mode;
-  const handleChange = (value, rawOption) => {
-    // 仅多选、或单选 labelInValue 需要加工 option；其余直接取原始节点上的 record
-    if (mode !== 'multiple' && !(labelInValue && !mode)) {
-      onChange?.(computeChangeValue(value, {
-        mode,
-        getChangeValue,
-        flatOptions,
-        code
-      }), getInnerRecord(rawOption));
+  const handleChange = (value2, rawOption) => {
+    if (mode !== "multiple" && !(labelInValue && !mode)) {
+      onChange == null ? void 0 : onChange(
+        computeChangeValue(value2, { mode, getChangeValue, flatOptions, code }),
+        getInnerRecord(rawOption)
+      );
       return;
     }
-    // labelInValue 下，option/其首层子节点是 React 节点时取挂载的 record
-    const isReactNode = labelInValue && (isReactElement(rawOption) || isReactElement(rawOption?.children));
-    const option = resolveChangeOption(rawOption, {
-      mode,
-      isReactNode
-    });
-    onChange?.(computeChangeValue(value, {
-      labelInValue,
-      mode,
-      getChangeValue,
-      flatOptions,
-      code
-    }), option);
+    const isReactNode = labelInValue && (isReactElement(rawOption) || isReactElement(rawOption == null ? void 0 : rawOption.children));
+    const option = resolveChangeOption(rawOption, { mode, isReactNode });
+    onChange == null ? void 0 : onChange(
+      computeChangeValue(value2, { labelInValue, mode, getChangeValue, flatOptions, code }),
+      option
+    );
   };
   const transformValue = () => computeTransformValue({
     value,
@@ -366,31 +316,45 @@ export const ProSelect = (props, ref) => {
     flatOptions,
     code
   });
-  return /*#__PURE__*/_jsx("div", {
-    style: props.style,
-    className: "pro-select",
-    children: /*#__PURE__*/_jsx(Select, {
-      placeholder: locale?.ProSelect?.select,
+  return /* @__PURE__ */ jsx("div", { style: props.style, className: `pro-select${popupOpen ? " pro-select-popup-open" : ""}`, children: /* @__PURE__ */ jsx(
+    Select,
+    {
+      placeholder: (_g = (_f = locale) == null ? void 0 : _f.ProSelect) == null ? void 0 : _g.select,
       allowClear: true,
-      loading: fetchFunction?.loading,
+      loading: fetchFunction == null ? void 0 : fetchFunction.loading,
       onChange: handleChange,
       showSearch: mergedShowSearch.enabled ? {
         filterOption: mergedShowSearch.filterOption,
         optionFilterProp: mergedShowSearch.optionFilterProp,
         onSearch: mergedShowSearch.onSearch
       } : false,
-      getPopupContainer: trigger => {
+      getPopupContainer: (trigger) => {
         return scrollFollowParent ? trigger.parentElement : document.body;
       },
-      ..._omit({
-        ...selectProps
-      }, ['isView', 'showCodeName', 'form', 'name', 'style', 'onFieldChange', 'getChangeValue', 'viewportReady', 'showSearch', 'filterOption', 'optionFilterProp', 'searchValue']),
-      // 如果是多选模式且用户没有自定义maxTagPlaceholder，使用我们的hover版本
-      maxTagPlaceholder: selectProps.mode === 'multiple' && !selectProps.maxTagPlaceholder ? maxTagPlaceholder : selectProps.maxTagPlaceholder,
+      ...omit({ ...selectProps }, [
+        "isView",
+        "showCodeName",
+        "form",
+        "name",
+        "style",
+        "onFieldChange",
+        "getChangeValue",
+        "viewportReady",
+        "showSearch",
+        "filterOption",
+        "optionFilterProp",
+        "searchValue"
+      ]),
+      onOpenChange: handleOpenChange,
+      maxTagPlaceholder: selectProps.mode === "multiple" && !selectProps.maxTagPlaceholder ? maxTagPlaceholder : selectProps.maxTagPlaceholder,
       optionRender: selectOptionRender,
       value: transformValue(),
       options: selectOptions
-    })
-  });
+    }
+  ) });
+};
+var ProSelect_default = forwardRef(ProSelect);
+export {
+  ProSelect,
+  ProSelect_default as default
 };
-export default /*#__PURE__*/forwardRef(ProSelect);

package/es/ProSelect/propsType.js

@@ -1 +0,0 @@
-export {};

package/es/ProSelect/style/index.less

@@ -8,6 +8,13 @@
 }
 .pro-select {
   width: 100%;
+
+  // Ant Design Compact 控件的交互层级为 2；弹层打开时临时提升当前选择框。
+  &.pro-select-popup-open {
+    position: relative;
+    z-index: 3;
+  }
+
   > .ant-select {
     width: 100%;
   }
@@ -18,3 +25,9 @@
     font-weight: bold;
   }
 }
+
+// scrollFollowParent 会让弹层受祖先堆叠上下文约束，需要同步提升嵌套 Form.Item。
+.ant-form-item:has(.pro-select-popup-open) {
+  position: relative;
+  z-index: 3 !important;
+}