@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/es/ProLayout/index.js

@@ -3,7 +3,8 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import "antd/es/message/style";
 import _message from "antd/es/message";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { createContext } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext } from 'react';
 import classNames from 'classnames';
 import { useSetState, useToggle, useDeepCompareEffect } from 'ahooks';
 import { ProWaterMark } from '../index';
@@ -11,7 +12,7 @@ import { ProCollapse, ProFooter, ProHeader } from './components';
 import { Header, Notice, Menu } from './components/Layout/index';
 import { transformMenus } from './utils';
 // 全局上下文
-export var LayoutContext = /*#__PURE__*/createContext({});
+export var LayoutContext = /*#__PURE__*/createContext(undefined);
 var ProLayout = function ProLayout(props) {
   var children = props.children,
     _props$className = props.className,
@@ -23,15 +24,18 @@ var ProLayout = function ProLayout(props) {
     waterMarkProps = _props$waterMarkProps === void 0 ? {} : _props$waterMarkProps,
     headerNotice = props.headerNotice,
     noticeIn = props.notice,
-    dataSource = props.dataSource;
+    dataSource = props.dataSource,
+    theme = props.theme;
   var _useSetState = useSetState({
       notice: headerNotice || noticeIn,
-      menus: []
+      menus: [],
+      selectedPath: ''
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     _useSetState2$ = _useSetState2[0],
     notice = _useSetState2$.notice,
     menus = _useSetState2$.menus,
+    selectedPath = _useSetState2$.selectedPath,
     setState = _useSetState2[1];
   var _useToggle = useToggle(props.collapsed || false),
     _useToggle2 = _slicedToArray(_useToggle, 2),
@@ -67,29 +71,42 @@ var ProLayout = function ProLayout(props) {
     'pro-layout-row-left-pure': typeof pure !== 'boolean' && pure.leftMenu
   });
   var noticeHeight = notice ? 32 : 0;
-  var layoutDom = /*#__PURE__*/React.createElement("div", {
+  var layoutDom = _jsxs("div", {
     className: classNames(_defineProperty({
-      'pro-layout': true
-    }, "".concat(className), className))
-  }, /*#__PURE__*/React.createElement(Header, _objectSpread({}, props)), /*#__PURE__*/React.createElement(Notice, _objectSpread(_objectSpread({}, props), {}, {
-    notice: notice,
-    onCancel: onCancelNotice
-  })), /*#__PURE__*/React.createElement("div", {
-    className: contentCls
-  }, /*#__PURE__*/React.createElement(Menu, _objectSpread(_objectSpread({}, props), {}, {
-    dataSource: menus,
-    notice: notice,
-    collapsed: collapsed,
-    onToggle: toggle
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "pro-layout-content",
-    style: _objectSpread(_objectSpread({}, contentStyle), {}, {
-      marginTop: headerHeight + noticeHeight
-    })
-  }, /*#__PURE__*/React.createElement("div", null, children))));
-  return /*#__PURE__*/React.createElement(LayoutContext.Provider, {
-    value: {}
-  }, !waterMarkProps ? layoutDom : /*#__PURE__*/React.createElement(ProWaterMark, _objectSpread({}, waterMarkProps), layoutDom));
+      'pro-layout': true,
+      'pro-layout-dark': theme === 'dark',
+      'pro-layout-light': theme === 'light'
+    }, "".concat(className), className)),
+    children: [_jsx(Header, _objectSpread({}, props)), _jsx(Notice, _objectSpread(_objectSpread({}, props), {}, {
+      notice: notice,
+      onCancel: onCancelNotice
+    })), _jsxs("div", {
+      className: contentCls,
+      children: [_jsx(Menu, _objectSpread(_objectSpread({}, props), {}, {
+        dataSource: menus,
+        notice: notice,
+        collapsed: collapsed,
+        onToggle: toggle
+      })), _jsx("div", {
+        className: "pro-layout-content",
+        style: _objectSpread(_objectSpread({}, contentStyle), {}, {
+          marginTop: headerHeight + noticeHeight
+        }),
+        children: _jsx("div", {
+          children: children
+        })
+      })]
+    })]
+  });
+  return _jsx(LayoutContext.Provider, {
+    value: {
+      selectedPath: selectedPath,
+      onSelected: setState
+    },
+    children: !waterMarkProps ? layoutDom : _jsx(ProWaterMark, _objectSpread(_objectSpread({}, waterMarkProps), {}, {
+      children: layoutDom
+    }))
+  });
 };
 ProLayout.defaultProps = {
   menus: [],
@@ -98,6 +115,7 @@ ProLayout.defaultProps = {
   collapsed: false,
   routerMatch: 'id',
   pure: false,
+  theme: 'dark',
   headerHeight: 48,
   contentStyle: {}
 };

package/es/ProLayout/propTypes.d.ts

@@ -24,6 +24,7 @@ export interface DataSourceProps {
     userInfo?: any;
     menus?: MenusProps[];
 }
+type themeEnum = 'light' | 'dark';
 type pureKey = boolean | {
     topMenu?: boolean;
     leftMenu?: boolean;
@@ -47,6 +48,7 @@ export interface ProLayoutProps {
     headerHeight?: number;
     contentStyle?: CSSProperties;
     waterMarkProps?: ProWaterMarkProps;
+    theme?: themeEnum;
     [key: string]: any;
 }
 export interface ProLayoutStates {

package/es/ProLayout/style/index.less

@@ -9,6 +9,161 @@
   flex-direction: column;
   background    : var(--zaui-base-bg, #ffffff);
 
+  .pro-layout-menu-open {
+    .pro-layout-open-menu-lv1 {
+      h2 {
+        font-weight: bold;
+      }
+    }
+  }
+
+  // light模式
+  &.pro-layout-light {
+
+
+    .pro-layout-menu-open,
+    .pro-layout-menu {
+      box-shadow: 2px 0px 5px 0px rgba(0, 55, 93, 0.1);
+    }
+
+    .pro-layout-open-menu .ant-menu-title-content div .pro-layout-icon {
+      color   : var(--zaui-text, #343434);
+      position: relative;
+      z-index : 1;
+    }
+
+    .pro-layout-menu-fold-list {
+      li {
+        position: relative;
+
+        &>div {
+          position: relative;
+          z-index : 1;
+        }
+
+        &.active {
+          background: transparent;
+
+          div .pro-layout-icon {
+            color: #fff;
+          }
+
+          &::before {
+            content         : '';
+            border-radius   : var(--zaui-border-radius, 4px);
+            background-color: var(--zaui-brand, #006aff);
+            height          : 38px;
+            position        : absolute;
+            left            : 5px;
+            top             : 4px;
+            width           : calc(100% - 10px);
+            opacity         : 1 !important;
+          }
+        }
+
+        &:hover {
+          background: transparent;
+
+          &::before {
+            content         : '';
+            border-radius   : var(--zaui-border-radius, 4px);
+            background-color: var(--zaui-brand, #006aff);
+            height          : 38px;
+            position        : absolute;
+            left            : 5px;
+            top             : 4px;
+            width           : calc(100% - 10px);
+            opacity         : 0.08;
+          }
+
+        }
+
+        div .pro-layout-icon {
+          color: var(--zaui-text, #343434);
+        }
+      }
+    }
+
+
+    .pro-layout-menu-fold-list li.active {
+      border-radius: var(--zaui-border-radius, 4px);
+    }
+
+    .pro-layout-menu-collapsed {
+      position: relative;
+
+      &::before {
+        content   : '';
+        height    : 1px;
+        background: #DEE0E3;
+        width     : calc(100% - 16px);
+        position  : absolute;
+        top       : 0;
+        left      : var(--zaui-space-size-sm, 8px);
+
+      }
+    }
+
+    .pro-layout-row {
+      .pro-layout-arrow {
+        border-color: var(--zaui-text, #343434);
+      }
+    }
+
+    .pro-layout-menu-collapsed {
+      background: var(--zaui-base-bg, #fff);
+    }
+
+    .ant-menu-root {
+      overflow-x: hidden !important;
+    }
+
+    .anticon-caret-down {
+      color: #CACACA !important;
+    }
+
+    .pro-layout-row .pro-layout-menu {
+      background: var(--zaui-base-bg, #ffffff);
+    }
+
+    .pro-layout-open-menu .ant-menu-root>.ant-menu-submenu .ant-menu-sub {
+      background: var(--zaui-base-bg, #ffffff);
+    }
+
+    .pro-layout-open-menu .ant-menu-title-content div h2 {
+      color: var(--zaui-text, #343434);
+    }
+
+    .pro-layout-open-menu .ant-menu-item:hover,
+    .pro-layout-open-menu .ant-menu-submenu-title:hover {
+      background: transparent;
+      position  : relative;
+
+      &:before {
+        content         : '';
+        border-radius   : var(--zaui-border-radius, 4px);
+        background-color: var(--zaui-brand, #006aff);
+        opacity         : 0.08;
+        height          : 38px;
+        position        : absolute;
+        left            : var(--zaui-space-size-sm, 8px);
+        width           : calc(100% - 16px);
+      }
+    }
+
+    .pro-layout-open-menu .ant-menu-item-selected {
+      &::after {
+        display: none;
+      }
+
+      background: transparent !important;
+
+      h2 {
+        color: var(--zaui-brand, #006aff) !important;
+      }
+    }
+  }
+
   .pro-layout-row-has-notice {
     .pro-layout-content {
       min-height: calc(100vh - 80px);
@@ -55,4 +210,4 @@
       top: 0 !important;
     }
   }
-}
+}

package/es/ProSelect/components/AdaptiveTooltip.d.ts

@@ -0,0 +1,4 @@
+declare const AdaptiveTooltip: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export default AdaptiveTooltip;

package/es/ProSelect/components/AdaptiveTooltip.js

@@ -0,0 +1,46 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+var AdaptiveTooltip = function AdaptiveTooltip(_ref) {
+  var children = _ref.children;
+  var _useState = useState('right'),
+    _useState2 = _slicedToArray(_useState, 2),
+    placement = _useState2[0],
+    setPlacement = _useState2[1];
+  useEffect(function () {
+    var handleResize = function handleResize() {
+      var tooltipElement = document.getElementById('adaptive-tooltip');
+      if (tooltipElement) {
+        var boundingRect = tooltipElement.getBoundingClientRect();
+        var windowWidth = window.innerWidth;
+        if (windowWidth - boundingRect.right < 150) {
+          setPlacement('left');
+        } else {
+          setPlacement('right');
+        }
+      }
+    };
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return function () {
+      window.removeEventListener('resize', handleResize);
+    };
+  }, [children]);
+  return _jsx(_Tooltip, {
+    placement: placement,
+    title: _jsx("div", {
+      onMouseDown: function onMouseDown(e) {
+        return e.stopPropagation();
+      },
+      children: children
+    }),
+    id: "adaptive-tooltip",
+    children: _jsxs("span", {
+      className: "pro-select-ellipse",
+      children: [" ", children]
+    })
+  });
+};
+export default AdaptiveTooltip;

package/es/ProSelect/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { PropSelectProps } from './propsType';
-export declare const ProSelect: (props: PropSelectProps, ref: React.Ref<unknown> | undefined) => React.JSX.Element;
+import './index.less';
+export declare const ProSelect: (props: PropSelectProps, ref: React.Ref<unknown> | undefined) => JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<PropSelectProps & React.RefAttributes<unknown>>;
 export default _default;

package/es/ProSelect/index.js

@@ -1,5 +1,3 @@
-import "antd/es/tooltip/style";
-import _Tooltip from "antd/es/tooltip";
 import "antd/es/space/style";
 import _Space from "antd/es/space";
 import "antd/es/input/style";
@@ -11,12 +9,15 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import "antd/es/select/style";
 import _Select from "antd/es/select";
-var _excluded = ["dataSource", "defaultDisableValue", "optionRender", "onChange", "useRequest", "updateDataSource", "transformResponse", "fieldNames", "tooltip", "onSearch", "otherProps", "labelInValue"];
+var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse"];
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useDeepCompareEffect, useRequest as useRequestFunc } from 'ahooks';
 import React, { useImperativeHandle, useState, forwardRef } from 'react';
 import { isFunction, isObject, isString, omit, cloneDeep } from 'lodash';
-import { useProConfig } from 'zat-design-pro-component';
+import { useProConfig } from '../ProConfigProvider';
 import Container from '../ProForm/components/Container';
+import './index.less';
+import AdaptiveTooltip from './components/AdaptiveTooltip';
 var Option = _Select.Option;
 export var ProSelect = function ProSelect(props, ref) {
   var _ref = useProConfig('ProSelect') || {},
@@ -31,17 +32,20 @@ export var ProSelect = function ProSelect(props, ref) {
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
     defaultDisableValue = props.defaultDisableValue,
-    optionRender = props.optionRender,
-    onChange = props.onChange,
     useRequest = props.useRequest,
-    updateDataSource = props.updateDataSource,
-    transformResponse = props.transformResponse,
     fieldNames = props.fieldNames,
     _props$tooltip = props.tooltip,
     tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
-    _onSearch = props.onSearch,
     otherProps = props.otherProps,
     labelInValue = props.labelInValue,
+    _props$scrollFollowPa = props.scrollFollowParent,
+    scrollFollowParent = _props$scrollFollowPa === void 0 ? true : _props$scrollFollowPa,
+    defaultOne = props.defaultOne,
+    _onSearch = props.onSearch,
+    optionRender = props.optionRender,
+    onChange = props.onChange,
+    updateDataSource = props.updateDataSource,
+    transformResponse = props.transformResponse,
     selectProps = _objectWithoutProperties(props, _excluded);
   var value = props.value;
   var _ref2 = otherProps || {},
@@ -55,6 +59,11 @@ export var ProSelect = function ProSelect(props, ref) {
     _useState2 = _slicedToArray(_useState, 2),
     selectList = _useState2[0],
     setSelectList = _useState2[1];
+  // 用来控制只有第一次才会设置 defaultOne 属性、🔒
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDefaultOne = _useState4[0],
+    setIsDefaultOne = _useState4[1];
   var OptionRender = optionRender;
   var defaultOnSuccessFun = function defaultOnSuccessFun(res) {
     var _res$status = res.status,
@@ -119,13 +128,14 @@ export var ProSelect = function ProSelect(props, ref) {
   }, [useRequest === null || useRequest === void 0 ? void 0 : useRequest.options, defaultDisableValue]);
   // disable默认值
   if (defaultDisableValue) {
-    return /*#__PURE__*/React.createElement("span", {
-      title: defaultDisableValue
-    }, /*#__PURE__*/React.createElement(_Input, {
-      disabled: true,
-      defaultValue: defaultDisableValue,
-      style: props === null || props === void 0 ? void 0 : props.style
-    }));
+    return _jsx("span", {
+      title: defaultDisableValue,
+      children: _jsx(_Input, {
+        disabled: true,
+        defaultValue: defaultDisableValue,
+        style: props === null || props === void 0 ? void 0 : props.style
+      })
+    });
   }
   var transToLabel = function transToLabel(value) {
     if (!Array.isArray(selectList) || !selectList.length) {
@@ -138,7 +148,10 @@ export var ProSelect = function ProSelect(props, ref) {
         }
         return item[code] === v;
       });
-      return selectProps.showCodeName ? "".concat(option[code], "-").concat(option[label]) : option === null || option === void 0 ? void 0 : option[label];
+      if (option) {
+        return selectProps.showCodeName ? "".concat(option[code], "-").concat(option[label]) : option === null || option === void 0 ? void 0 : option[label];
+      }
+      return '-';
     });
     var record = value.map(function (v) {
       return selectList.find(function (item) {
@@ -159,38 +172,36 @@ export var ProSelect = function ProSelect(props, ref) {
       record.forEach(function (item) {
         arr.push(props.optionRender(item));
       });
-      return /*#__PURE__*/React.createElement(_Space, {
+      return _jsx(_Space, {
         direction: "vertical",
-        size: 4
-      }, arr.map(function (item) {
-        return /*#__PURE__*/React.createElement(React.Fragment, {
-          key: item
-        }, item);
-      }));
+        size: 4,
+        children: arr.map(function (item) {
+          return _jsx(React.Fragment, {
+            children: item
+          }, item);
+        })
+      });
     };
     return isFunction(props.optionRender) && record.length ? _optionRender() : labelList === null || labelList === void 0 ? void 0 : labelList.join('，');
   };
   if (isView || props.isView) {
     if (Array.isArray(value)) {
-      return /*#__PURE__*/React.createElement(Container, {
+      return _jsx(Container, {
         tooltip: true,
-        viewEmpty: viewEmpty
-      }, transToLabel(value));
+        viewEmpty: viewEmpty,
+        children: transToLabel(value)
+      });
     }
-    return /*#__PURE__*/React.createElement(Container, {
-      viewEmpty: viewEmpty
-    }, value ? transToLabel([value]) : null);
+    return _jsx(Container, {
+      viewEmpty: viewEmpty,
+      children: value ? transToLabel([value]) : null
+    });
   }
   var TooltipOption = function TooltipOption(props) {
     if (tooltip) {
-      return /*#__PURE__*/React.createElement(_Tooltip, {
-        placement: "topLeft",
-        title: /*#__PURE__*/React.createElement("div", {
-          onMouseDown: function onMouseDown(e) {
-            return e.stopPropagation();
-          }
-        }, props.title)
-      }, props.children);
+      return _jsx(AdaptiveTooltip, {
+        children: props.children
+      });
     }
     return props.children;
   };
@@ -204,14 +215,14 @@ export var ProSelect = function ProSelect(props, ref) {
         });
       }
       if (labelInValue) {
-        onChange && onChange(getValueObject(value), option);
+        onChange === null || onChange === void 0 ? void 0 : onChange(getValueObject(value), option);
       } else {
-        onChange && onChange(value, option);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value, option);
       }
     } else if (!selectProps.mode && labelInValue) {
       onChange(getValueObject(value), option);
     } else {
-      onChange && onChange(value, option === null || option === void 0 ? void 0 : option.record);
+      onChange === null || onChange === void 0 ? void 0 : onChange(value, option === null || option === void 0 ? void 0 : option.record);
     }
   };
   /**
@@ -221,7 +232,6 @@ export var ProSelect = function ProSelect(props, ref) {
   var transformValue = function transformValue() {
     if (labelInValue && !selectProps.mode) {
       if (!isObject(value)) {
-        console.warn('labelInValue 模式下的值必须为对象');
         return undefined;
       }
       return value === null || value === void 0 ? void 0 : value[code];
@@ -239,12 +249,22 @@ export var ProSelect = function ProSelect(props, ref) {
     if (selectProps.mode && value === null) {
       return undefined;
     }
+    if (defaultOne && !value && !isDefaultOne) {
+      var option = selectList === null || selectList === void 0 ? void 0 : selectList[0];
+      // selectList 可能是异步回来的值
+      if (option) {
+        setIsDefaultOne(true);
+        onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option[code], option);
+        return option === null || option === void 0 ? void 0 : option[code];
+      }
+    }
     return value;
   };
-  return /*#__PURE__*/React.createElement(_Select, _objectSpread(_objectSpread({
+  return _jsx(_Select, _objectSpread(_objectSpread({
     placeholder: "\u8BF7\u9009\u62E9",
     allowClear: true,
     showArrow: true,
+    loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading,
     onChange: handleChange,
     optionLabelProp: "children" // 解决warning报错，添加默认值
     ,
@@ -256,23 +276,29 @@ export var ProSelect = function ProSelect(props, ref) {
     },
     onSearch: function onSearch(value) {
       _onSearch && _onSearch(value, _objectSpread({}, fetchFunction));
+    },
+    getPopupContainer: function getPopupContainer(trigger) {
+      return scrollFollowParent ? trigger.parentElement : document.body;
     }
-  }, omit(cloneDeep(selectProps), ['isView', 'showCodeName'])), {}, {
-    value: transformValue()
-  }), Array.isArray(selectList) && selectList.map(function (item) {
-    return /*#__PURE__*/React.createElement(Option, {
-      key: item[code],
-      value: item[code],
-      record: item,
-      disabled: !!item.disabled
-    }, /*#__PURE__*/React.createElement(TooltipOption, {
-      title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
-      key: item[code]
-    }, OptionRender ? /*#__PURE__*/React.createElement("span", {
-      title: OptionRender(item)
-    }, OptionRender(item)) : /*#__PURE__*/React.createElement("span", {
-      title: "".concat(item[code], "-").concat(item[label])
-    }, selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label])));
+  }, omit(cloneDeep(selectProps), ['isView', 'showCodeName', 'form', 'name'])), {}, {
+    value: transformValue(),
+    children: Array.isArray(selectList) && selectList.map(function (item) {
+      return _jsx(Option, {
+        value: item[code],
+        record: item,
+        disabled: !!item.disabled,
+        children: _jsx(TooltipOption, {
+          title: OptionRender ? OptionRender(item) : selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label],
+          children: OptionRender ? _jsx("span", {
+            title: OptionRender(item),
+            children: OptionRender(item)
+          }) : _jsx("span", {
+            title: "".concat(item[code], "-").concat(item[label]),
+            children: selectProps.showCodeName ? "".concat(item[code], "-").concat(item[label]) : item[label]
+          })
+        }, item[code])
+      }, item[code]);
+    })
   }));
 };
 export default /*#__PURE__*/forwardRef(ProSelect);

package/es/ProSelect/index.less

@@ -0,0 +1,8 @@
+.pro-select-ellipse {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-break: keep-all;
+}

package/es/ProSelect/propsType.d.ts

@@ -10,28 +10,38 @@ export interface DataOption {
 export interface PropSelectProps extends Omit<SelectProps, 'onSearch'> {
     /** 是否查看模式 */
     isView?: boolean;
+    /** 默认数组第一项 */
+    defaultOne?: boolean;
     /** 数据源 */
     dataSource?: DataOption[];
-    /** 兼容 2.0 版本、3.0 使用view 模式 */
+    /** @deprecated  兼容 2.0 版本、3.0 使用view 模式 */
     defaultDisableValue?: string;
-    /** 兼容 2.0 版本、3.0 使用 transformResponse */
-    updateDataSource?: (data: any, setSelectList: any) => void;
-    /** 格式化数据 */
-    transformResponse?: (data: any) => DataOption[];
     /** 是否展示 tooltip、当 label 特别长的时候使用 */
     tooltip?: boolean;
     /** 是否展示 code-label 形式 */
     showCodeName?: boolean;
     /** 集成表单 form 的属性 */
     otherProps?: ProFormOtherProps;
-    onSearch?: (value: string, useRequest: Result<any, any>) => void;
-    /** 自定义展示 */
-    optionRender?: (value: DataOption) => string | ReactNode;
+    /** 下拉框滚动是否跟随父级 */
+    scrollFollowParent?: boolean;
     /** 远程请求接口 */
     useRequest?: {
-        service: Service<any, any>;
+        service?: Service<any, any>;
         options?: Options<any, any>;
     };
+    /**
+     * @deprecated 兼容 2.0 版本、3.0 使用 transformResponse
+     * @param data
+     * @param setSelectList
+     * @returns
+     */
+    updateDataSource?: (data: any, setSelectList: any) => void;
+    /** 格式化数据 */
+    transformResponse?: (data: any) => DataOption[];
+    /** 点击搜索执行 */
+    onSearch?: (value: string, useRequest: Result<any, any>) => void;
+    /** 自定义展示 */
+    optionRender?: (value: DataOption) => string | ReactNode;
 }
 export interface ProSelectAction {
     /** 实例方法、根据 code ｜ code[] 批量获取数据 */

package/es/ProStep/components/Anchor/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-export declare const MenuItem: (props: any) => React.JSX.Element;
+export declare const MenuItem: (props: any) => JSX.Element;
 export default MenuItem;