@rc-component/cascader 1.0.1 → 1.1.1

package/es/Cascader.d.ts

@@ -37,14 +37,10 @@ interface BaseCascaderProps<OptionType extends DefaultOptionType = DefaultOption
     expandTrigger?: 'hover' | 'click';
     options?: OptionType[];
     /** @private Internal usage. Do not use in your production. */
-    dropdownPrefixCls?: string;
+    popupPrefixCls?: string;
     loadData?: (selectOptions: OptionType[]) => void;
-    /** @deprecated Use `open` instead */
-    popupVisible?: boolean;
     popupClassName?: string;
-    dropdownMenuColumnStyle?: React.CSSProperties;
-    /** @deprecated Use `placement` instead */
-    popupPlacement?: Placement;
+    popupMenuColumnStyle?: React.CSSProperties;
     placement?: Placement;
     builtinPlacements?: BuildInPlacements;
     onPopupVisibleChange?: (open: boolean) => void;
@@ -66,6 +62,7 @@ export interface CascaderProps<OptionType extends DefaultOptionType = DefaultOpt
     onChange?: (value: GetValueType<OptionType, ValueField, Multiple>, selectOptions: GetOptionType<OptionType, Multiple>) => void;
 }
 export type SingleValueType = (string | number)[];
+export type LegacyKey = string | number;
 export type InternalValueType = SingleValueType | SingleValueType[];
 export interface InternalFieldNames extends Required<FieldNames> {
     key: string;

package/es/Cascader.js

@@ -16,7 +16,7 @@ import OptionList from "./OptionList";
 import Panel from "./Panel";
 import { fillFieldNames, SHOW_CHILD, SHOW_PARENT, toPathKeys, toRawValues } from "./utils/commonUtil";
 import { formatStrategyValues, toPathOptions } from "./utils/treeUtil";
-import warningProps, { warningNullOptions } from "./utils/warningPropsUtil";
+import { warningNullOptions } from "./utils/warningPropsUtil";
 const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     // MISC
@@ -39,15 +39,12 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     expandTrigger,
     // Options
     options,
-    dropdownPrefixCls,
+    popupPrefixCls,
     loadData,
-    // Open
-    popupVisible,
     open,
     popupClassName,
-    dropdownMenuColumnStyle,
+    popupMenuColumnStyle,
     popupStyle: customPopupStyle,
-    popupPlacement,
     placement,
     onPopupVisibleChange,
     // Icon
@@ -89,7 +86,7 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   };
   const [mergedShowSearch, searchConfig] = useSearchConfig(showSearch);
-  const searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect || multiple);
+  const searchOptions = useSearchOptions(mergedSearchValue, mergedOptions, mergedFieldNames, popupPrefixCls || prefixCls, searchConfig, changeOnSelect || multiple);
 
   // =========================== Values ===========================
   const getMissingValues = useMissingValues(mergedOptions, mergedFieldNames);
@@ -139,17 +136,12 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     } = info.values[0];
     onInternalSelect(valueCells);
   };
-
-  // ============================ Open ============================
-  const mergedOpen = open !== undefined ? open : popupVisible;
-  const mergedPlacement = placement || popupPlacement;
   const onInternalPopupVisibleChange = nextVisible => {
     onPopupVisibleChange?.(nextVisible);
   };
 
   // ========================== Warning ===========================
   if (process.env.NODE_ENV !== 'production') {
-    warningProps(props);
     warningNullOptions(mergedOptions, mergedFieldNames);
   }
 
@@ -163,14 +155,14 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     onSelect: onInternalSelect,
     checkable,
     searchOptions,
-    dropdownPrefixCls,
+    popupPrefixCls,
     loadData,
     expandTrigger,
     expandIcon,
     loadingIcon,
-    dropdownMenuColumnStyle,
+    popupMenuColumnStyle,
     optionRender
-  }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, optionRender]);
+  }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, popupPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, popupMenuColumnStyle, optionRender]);
 
   // ==============================================================
   // ==                          Render                          ==
@@ -212,9 +204,9 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     emptyOptions: emptyOptions
     // Open
     ,
-    open: mergedOpen,
+    open: open,
     popupClassName: popupClassName,
-    placement: mergedPlacement,
+    placement: placement,
     onPopupVisibleChange: onInternalPopupVisibleChange
     // Children
     ,

package/es/OptionList/CacheContent.d.ts

@@ -3,5 +3,5 @@ export interface CacheContentProps {
     children?: React.ReactNode;
     open?: boolean;
 }
-declare const CacheContent: React.MemoExoticComponent<({ children }: CacheContentProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
+declare const CacheContent: React.MemoExoticComponent<({ children }: CacheContentProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>;
 export default CacheContent;

package/es/OptionList/Column.js

@@ -22,13 +22,14 @@ export default function Column({
 }) {
   const menuPrefixCls = `${prefixCls}-menu`;
   const menuItemPrefixCls = `${prefixCls}-menu-item`;
+  const menuRef = React.useRef(null);
   const {
     fieldNames,
     changeOnSelect,
     expandTrigger,
     expandIcon,
     loadingIcon,
-    dropdownMenuColumnStyle,
+    popupMenuColumnStyle,
     optionRender
   } = React.useContext(CascaderContext);
   const hoverOpen = expandTrigger === 'hover';
@@ -69,10 +70,23 @@ export default function Column({
       fullPathKey
     };
   }), [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]);
+  React.useEffect(() => {
+    if (menuRef.current) {
+      const selector = `.${menuItemPrefixCls}-active`;
+      const activeElement = menuRef.current.querySelector(selector);
+      if (activeElement) {
+        activeElement.scrollIntoView({
+          block: 'nearest',
+          inline: 'nearest'
+        });
+      }
+    }
+  }, [activeValue, menuItemPrefixCls]);
 
   // ============================ Render ============================
   return /*#__PURE__*/React.createElement("ul", {
     className: menuPrefixCls,
+    ref: menuRef,
     role: "menu"
   }, optionInfoList.map(({
     disabled,
@@ -123,7 +137,7 @@ export default function Column({
         [`${menuItemPrefixCls}-disabled`]: isOptionDisabled(disabled),
         [`${menuItemPrefixCls}-loading`]: isLoading
       }),
-      style: dropdownMenuColumnStyle,
+      style: popupMenuColumnStyle,
       role: "menuitemcheckbox",
       title: title,
       "aria-checked": checked,

package/es/OptionList/List.js

@@ -30,11 +30,11 @@ const RawOptionList = /*#__PURE__*/React.forwardRef((props, ref) => {
     changeOnSelect,
     onSelect,
     searchOptions,
-    dropdownPrefixCls,
+    popupPrefixCls,
     loadData,
     expandTrigger
   } = React.useContext(CascaderContext);
-  const mergedPrefixCls = dropdownPrefixCls || prefixCls;
+  const mergedPrefixCls = popupPrefixCls || prefixCls;
 
   // ========================= loadData =========================
   const [loadingKeys, setLoadingKeys] = React.useState([]);

package/es/OptionList/useActive.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { LegacyKey } from "../Cascader";
 /**
  * Control the active open options path.
  */
-declare const useActive: (multiple?: boolean, open?: boolean) => [React.Key[], (activeValueCells: React.Key[]) => void];
+declare const useActive: (multiple?: boolean, open?: boolean) => [LegacyKey[], (activeValueCells: LegacyKey[]) => void];
 export default useActive;

package/es/OptionList/useActive.js

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import CascaderContext from "../context";
-
 /**
  * Control the active open options path.
  */

package/es/OptionList/useKeyboard.d.ts

@@ -1,7 +1,7 @@
 import type { RefOptionListProps } from '@rc-component/select/lib/OptionList';
 import * as React from 'react';
-import type { DefaultOptionType, InternalFieldNames, SingleValueType } from '../Cascader';
-declare const _default: (ref: React.Ref<RefOptionListProps>, options: DefaultOptionType[], fieldNames: InternalFieldNames, activeValueCells: React.Key[], setActiveValueCells: (activeValueCells: React.Key[]) => void, onKeyBoardSelect: (valueCells: SingleValueType, option: DefaultOptionType) => void, contextProps: {
+import type { DefaultOptionType, InternalFieldNames, LegacyKey, SingleValueType } from '../Cascader';
+declare const _default: (ref: React.Ref<RefOptionListProps>, options: DefaultOptionType[], fieldNames: InternalFieldNames, activeValueCells: LegacyKey[], setActiveValueCells: (activeValueCells: LegacyKey[]) => void, onKeyBoardSelect: (valueCells: SingleValueType, option: DefaultOptionType) => void, contextProps: {
     direction?: "ltr" | "rtl" | undefined;
     searchValue: string;
     toggleOpen: (open?: boolean) => void;

package/es/Panel.js

@@ -85,12 +85,12 @@ export default function Panel(props) {
     onSelect: onInternalSelect,
     checkable,
     searchOptions: [],
-    dropdownPrefixCls: undefined,
+    popupPrefixCls: undefined,
     loadData,
     expandTrigger,
     expandIcon,
     loadingIcon,
-    dropdownMenuColumnStyle: undefined
+    popupMenuColumnStyle: undefined
   }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, loadData, expandTrigger, expandIcon, loadingIcon]);
 
   // ========================= Render =========================

package/es/context.d.ts

@@ -9,12 +9,12 @@ export interface CascaderContextProps {
     onSelect: (valuePath: SingleValueType) => void;
     checkable?: boolean | React.ReactNode;
     searchOptions: DefaultOptionType[];
-    dropdownPrefixCls?: string;
+    popupPrefixCls?: string;
     loadData?: (selectOptions: DefaultOptionType[]) => void;
     expandTrigger?: 'hover' | 'click';
     expandIcon?: React.ReactNode;
     loadingIcon?: React.ReactNode;
-    dropdownMenuColumnStyle?: React.CSSProperties;
+    popupMenuColumnStyle?: React.CSSProperties;
     optionRender?: CascaderProps['optionRender'];
 }
 declare const CascaderContext: React.Context<CascaderContextProps>;

package/es/hooks/useEntities.d.ts

@@ -1,5 +1,5 @@
 import type { DefaultOptionType, InternalFieldNames } from '../Cascader';
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 export interface OptionsInfo {
     keyEntities: Record<string, DataEntity>;
     pathKeyEntities: Record<string, DataEntity>;

package/es/hooks/useEntities.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { convertDataToEntities } from "rc-tree/es/utils/treeUtil";
+import { convertDataToEntities } from "@rc-component/tree/es/utils/treeUtil";
 import { VALUE_SPLIT } from "../utils/commonUtil";
 /** Lazy parse options data into conduct-able info to avoid perf issue in single mode */
 export default ((options, fieldNames) => {

package/es/hooks/useOptions.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import type { DefaultOptionType } from '..';
-import type { InternalFieldNames, SingleValueType } from '../Cascader';
+import type { InternalFieldNames, SingleValueType, LegacyKey } from '../Cascader';
 import { type GetEntities } from './useEntities';
 export default function useOptions(mergedFieldNames: InternalFieldNames, options?: DefaultOptionType[]): [
     mergedOptions: DefaultOptionType[],
     getPathKeyEntities: GetEntities,
-    getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[]
+    getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[]
 ];

package/es/hooks/useSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { InternalValueType, ShowCheckedStrategy, SingleValueType } from '../Cascader';
+import type { InternalValueType, LegacyKey, ShowCheckedStrategy, SingleValueType } from '../Cascader';
 import type { GetEntities } from './useEntities';
-export default function useSelect(multiple: boolean, triggerChange: (nextValues: InternalValueType) => void, checkedValues: SingleValueType[], halfCheckedValues: SingleValueType[], missingCheckedValues: SingleValueType[], getPathKeyEntities: GetEntities, getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[], showCheckedStrategy?: ShowCheckedStrategy): (valuePath: SingleValueType) => void;
+export default function useSelect(multiple: boolean, triggerChange: (nextValues: InternalValueType) => void, checkedValues: SingleValueType[], halfCheckedValues: SingleValueType[], missingCheckedValues: SingleValueType[], getPathKeyEntities: GetEntities, getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[], showCheckedStrategy?: ShowCheckedStrategy): (valuePath: SingleValueType) => void;

package/es/hooks/useSelect.js

@@ -1,4 +1,4 @@
-import { conductCheck } from "rc-tree/es/utils/conductUtil";
+import { conductCheck } from "@rc-component/tree/es/utils/conductUtil";
 import { toPathKey, toPathKeys } from "../utils/commonUtil";
 import { formatStrategyValues } from "../utils/treeUtil";
 export default function useSelect(multiple, triggerChange, checkedValues, halfCheckedValues, missingCheckedValues, getPathKeyEntities, getValueByKeyPath, showCheckedStrategy) {

package/es/hooks/useValues.d.ts

@@ -1,8 +1,7 @@
-import type { DataEntity } from 'rc-tree/lib/interface';
-import * as React from 'react';
-import type { SingleValueType } from '../Cascader';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
+import type { LegacyKey, SingleValueType } from '../Cascader';
 import type { GetMissValues } from './useMissingValues';
-export default function useValues(multiple: boolean, rawValues: SingleValueType[], getPathKeyEntities: () => Record<string, DataEntity>, getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[], getMissingValues: GetMissValues): [
+export default function useValues(multiple: boolean, rawValues: SingleValueType[], getPathKeyEntities: () => Record<string, DataEntity>, getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[], getMissingValues: GetMissValues): [
     checkedValues: SingleValueType[],
     halfCheckedValues: SingleValueType[],
     missingCheckedValues: SingleValueType[]

package/es/hooks/useValues.js

@@ -1,4 +1,4 @@
-import { conductCheck } from "rc-tree/es/utils/conductUtil";
+import { conductCheck } from "@rc-component/tree/es/utils/conductUtil";
 import * as React from 'react';
 import { toPathKeys } from "../utils/commonUtil";
 export default function useValues(multiple, rawValues, getPathKeyEntities, getValueByKeyPath, getMissingValues) {

package/es/utils/treeUtil.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { SingleValueType, DefaultOptionType, InternalFieldNames, ShowCheckedStrategy } from '../Cascader';
+import type { SingleValueType, DefaultOptionType, InternalFieldNames, ShowCheckedStrategy, LegacyKey } from '../Cascader';
 import type { GetEntities } from '../hooks/useEntities';
-export declare function formatStrategyValues(pathKeys: React.Key[], getKeyPathEntities: GetEntities, showCheckedStrategy?: ShowCheckedStrategy): import("react").Key[];
+export declare function formatStrategyValues(pathKeys: LegacyKey[], getKeyPathEntities: GetEntities, showCheckedStrategy?: ShowCheckedStrategy): LegacyKey[];
 export declare function toPathOptions(valueCells: SingleValueType, options: DefaultOptionType[], fieldNames: InternalFieldNames, stringMode?: boolean): {
     value: SingleValueType[number];
     index: number;

package/es/utils/warningPropsUtil.d.ts

@@ -1,4 +1,2 @@
-import type { DefaultOptionType, FieldNames, InternalCascaderProps } from '../Cascader';
-declare function warningProps(props: InternalCascaderProps): void;
+import type { DefaultOptionType, FieldNames } from '../Cascader';
 export declare function warningNullOptions(options: DefaultOptionType[], fieldNames: FieldNames): void;
-export default warningProps;

package/es/utils/warningPropsUtil.js

@@ -1,13 +1,4 @@
 import warning from "@rc-component/util/es/warning";
-function warningProps(props) {
-  const {
-    popupVisible,
-    popupPlacement
-  } = props;
-  warning(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.');
-  warning(popupPlacement === undefined, '`popupPlacement` is deprecated. Please use `placement` instead.');
-}
-
 // value in Cascader options should not be null
 export function warningNullOptions(options, fieldNames) {
   if (options) {
@@ -25,5 +16,4 @@ export function warningNullOptions(options, fieldNames) {
     };
     recursiveOptions(options);
   }
-}
-export default warningProps;
+}

package/lib/Cascader.d.ts

@@ -37,14 +37,10 @@ interface BaseCascaderProps<OptionType extends DefaultOptionType = DefaultOption
     expandTrigger?: 'hover' | 'click';
     options?: OptionType[];
     /** @private Internal usage. Do not use in your production. */
-    dropdownPrefixCls?: string;
+    popupPrefixCls?: string;
     loadData?: (selectOptions: OptionType[]) => void;
-    /** @deprecated Use `open` instead */
-    popupVisible?: boolean;
     popupClassName?: string;
-    dropdownMenuColumnStyle?: React.CSSProperties;
-    /** @deprecated Use `placement` instead */
-    popupPlacement?: Placement;
+    popupMenuColumnStyle?: React.CSSProperties;
     placement?: Placement;
     builtinPlacements?: BuildInPlacements;
     onPopupVisibleChange?: (open: boolean) => void;
@@ -66,6 +62,7 @@ export interface CascaderProps<OptionType extends DefaultOptionType = DefaultOpt
     onChange?: (value: GetValueType<OptionType, ValueField, Multiple>, selectOptions: GetOptionType<OptionType, Multiple>) => void;
 }
 export type SingleValueType = (string | number)[];
+export type LegacyKey = string | number;
 export type InternalValueType = SingleValueType | SingleValueType[];
 export interface InternalFieldNames extends Required<FieldNames> {
     key: string;

package/lib/Cascader.js

@@ -21,7 +21,7 @@ var _OptionList = _interopRequireDefault(require("./OptionList"));
 var _Panel = _interopRequireDefault(require("./Panel"));
 var _commonUtil = require("./utils/commonUtil");
 var _treeUtil = require("./utils/treeUtil");
-var _warningPropsUtil = _interopRequireWildcard(require("./utils/warningPropsUtil"));
+var _warningPropsUtil = require("./utils/warningPropsUtil");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -48,15 +48,12 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     expandTrigger,
     // Options
     options,
-    dropdownPrefixCls,
+    popupPrefixCls,
     loadData,
-    // Open
-    popupVisible,
     open,
     popupClassName,
-    dropdownMenuColumnStyle,
+    popupMenuColumnStyle,
     popupStyle: customPopupStyle,
-    popupPlacement,
     placement,
     onPopupVisibleChange,
     // Icon
@@ -98,7 +95,7 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   };
   const [mergedShowSearch, searchConfig] = (0, _useSearchConfig.default)(showSearch);
-  const searchOptions = (0, _useSearchOptions.default)(mergedSearchValue, mergedOptions, mergedFieldNames, dropdownPrefixCls || prefixCls, searchConfig, changeOnSelect || multiple);
+  const searchOptions = (0, _useSearchOptions.default)(mergedSearchValue, mergedOptions, mergedFieldNames, popupPrefixCls || prefixCls, searchConfig, changeOnSelect || multiple);
 
   // =========================== Values ===========================
   const getMissingValues = (0, _useMissingValues.default)(mergedOptions, mergedFieldNames);
@@ -148,17 +145,12 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     } = info.values[0];
     onInternalSelect(valueCells);
   };
-
-  // ============================ Open ============================
-  const mergedOpen = open !== undefined ? open : popupVisible;
-  const mergedPlacement = placement || popupPlacement;
   const onInternalPopupVisibleChange = nextVisible => {
     onPopupVisibleChange?.(nextVisible);
   };
 
   // ========================== Warning ===========================
   if (process.env.NODE_ENV !== 'production') {
-    (0, _warningPropsUtil.default)(props);
     (0, _warningPropsUtil.warningNullOptions)(mergedOptions, mergedFieldNames);
   }
 
@@ -172,14 +164,14 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     onSelect: onInternalSelect,
     checkable,
     searchOptions,
-    dropdownPrefixCls,
+    popupPrefixCls,
     loadData,
     expandTrigger,
     expandIcon,
     loadingIcon,
-    dropdownMenuColumnStyle,
+    popupMenuColumnStyle,
     optionRender
-  }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, dropdownPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, optionRender]);
+  }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, searchOptions, popupPrefixCls, loadData, expandTrigger, expandIcon, loadingIcon, popupMenuColumnStyle, optionRender]);
 
   // ==============================================================
   // ==                          Render                          ==
@@ -221,9 +213,9 @@ const Cascader = /*#__PURE__*/React.forwardRef((props, ref) => {
     emptyOptions: emptyOptions
     // Open
     ,
-    open: mergedOpen,
+    open: open,
     popupClassName: popupClassName,
-    placement: mergedPlacement,
+    placement: placement,
     onPopupVisibleChange: onInternalPopupVisibleChange
     // Children
     ,

package/lib/OptionList/CacheContent.d.ts

@@ -3,5 +3,5 @@ export interface CacheContentProps {
     children?: React.ReactNode;
     open?: boolean;
 }
-declare const CacheContent: React.MemoExoticComponent<({ children }: CacheContentProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>>;
+declare const CacheContent: React.MemoExoticComponent<({ children }: CacheContentProps) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>>;
 export default CacheContent;

package/lib/OptionList/Column.js

@@ -32,13 +32,14 @@ function Column({
 }) {
   const menuPrefixCls = `${prefixCls}-menu`;
   const menuItemPrefixCls = `${prefixCls}-menu-item`;
+  const menuRef = React.useRef(null);
   const {
     fieldNames,
     changeOnSelect,
     expandTrigger,
     expandIcon,
     loadingIcon,
-    dropdownMenuColumnStyle,
+    popupMenuColumnStyle,
     optionRender
   } = React.useContext(_context.default);
   const hoverOpen = expandTrigger === 'hover';
@@ -79,10 +80,23 @@ function Column({
       fullPathKey
     };
   }), [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]);
+  React.useEffect(() => {
+    if (menuRef.current) {
+      const selector = `.${menuItemPrefixCls}-active`;
+      const activeElement = menuRef.current.querySelector(selector);
+      if (activeElement) {
+        activeElement.scrollIntoView({
+          block: 'nearest',
+          inline: 'nearest'
+        });
+      }
+    }
+  }, [activeValue, menuItemPrefixCls]);
 
   // ============================ Render ============================
   return /*#__PURE__*/React.createElement("ul", {
     className: menuPrefixCls,
+    ref: menuRef,
     role: "menu"
   }, optionInfoList.map(({
     disabled,
@@ -133,7 +147,7 @@ function Column({
         [`${menuItemPrefixCls}-disabled`]: isOptionDisabled(disabled),
         [`${menuItemPrefixCls}-loading`]: isLoading
       }),
-      style: dropdownMenuColumnStyle,
+      style: popupMenuColumnStyle,
       role: "menuitemcheckbox",
       title: title,
       "aria-checked": checked,

package/lib/OptionList/List.js

@@ -38,11 +38,11 @@ const RawOptionList = /*#__PURE__*/React.forwardRef((props, ref) => {
     changeOnSelect,
     onSelect,
     searchOptions,
-    dropdownPrefixCls,
+    popupPrefixCls,
     loadData,
     expandTrigger
   } = React.useContext(_context.default);
-  const mergedPrefixCls = dropdownPrefixCls || prefixCls;
+  const mergedPrefixCls = popupPrefixCls || prefixCls;
 
   // ========================= loadData =========================
   const [loadingKeys, setLoadingKeys] = React.useState([]);

package/lib/OptionList/useActive.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { LegacyKey } from "../Cascader";
 /**
  * Control the active open options path.
  */
-declare const useActive: (multiple?: boolean, open?: boolean) => [React.Key[], (activeValueCells: React.Key[]) => void];
+declare const useActive: (multiple?: boolean, open?: boolean) => [LegacyKey[], (activeValueCells: LegacyKey[]) => void];
 export default useActive;

package/lib/OptionList/useKeyboard.d.ts

@@ -1,7 +1,7 @@
 import type { RefOptionListProps } from '@rc-component/select/lib/OptionList';
 import * as React from 'react';
-import type { DefaultOptionType, InternalFieldNames, SingleValueType } from '../Cascader';
-declare const _default: (ref: React.Ref<RefOptionListProps>, options: DefaultOptionType[], fieldNames: InternalFieldNames, activeValueCells: React.Key[], setActiveValueCells: (activeValueCells: React.Key[]) => void, onKeyBoardSelect: (valueCells: SingleValueType, option: DefaultOptionType) => void, contextProps: {
+import type { DefaultOptionType, InternalFieldNames, LegacyKey, SingleValueType } from '../Cascader';
+declare const _default: (ref: React.Ref<RefOptionListProps>, options: DefaultOptionType[], fieldNames: InternalFieldNames, activeValueCells: LegacyKey[], setActiveValueCells: (activeValueCells: LegacyKey[]) => void, onKeyBoardSelect: (valueCells: SingleValueType, option: DefaultOptionType) => void, contextProps: {
     direction?: "ltr" | "rtl" | undefined;
     searchValue: string;
     toggleOpen: (open?: boolean) => void;

package/lib/Panel.js

@@ -94,12 +94,12 @@ function Panel(props) {
     onSelect: onInternalSelect,
     checkable,
     searchOptions: [],
-    dropdownPrefixCls: undefined,
+    popupPrefixCls: undefined,
     loadData,
     expandTrigger,
     expandIcon,
     loadingIcon,
-    dropdownMenuColumnStyle: undefined
+    popupMenuColumnStyle: undefined
   }), [mergedOptions, mergedFieldNames, checkedValues, halfCheckedValues, changeOnSelect, onInternalSelect, checkable, loadData, expandTrigger, expandIcon, loadingIcon]);
 
   // ========================= Render =========================

package/lib/context.d.ts

@@ -9,12 +9,12 @@ export interface CascaderContextProps {
     onSelect: (valuePath: SingleValueType) => void;
     checkable?: boolean | React.ReactNode;
     searchOptions: DefaultOptionType[];
-    dropdownPrefixCls?: string;
+    popupPrefixCls?: string;
     loadData?: (selectOptions: DefaultOptionType[]) => void;
     expandTrigger?: 'hover' | 'click';
     expandIcon?: React.ReactNode;
     loadingIcon?: React.ReactNode;
-    dropdownMenuColumnStyle?: React.CSSProperties;
+    popupMenuColumnStyle?: React.CSSProperties;
     optionRender?: CascaderProps['optionRender'];
 }
 declare const CascaderContext: React.Context<CascaderContextProps>;

package/lib/hooks/useEntities.d.ts

@@ -1,5 +1,5 @@
 import type { DefaultOptionType, InternalFieldNames } from '../Cascader';
-import type { DataEntity } from 'rc-tree/lib/interface';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
 export interface OptionsInfo {
     keyEntities: Record<string, DataEntity>;
     pathKeyEntities: Record<string, DataEntity>;

package/lib/hooks/useEntities.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _treeUtil = require("rc-tree/lib/utils/treeUtil");
+var _treeUtil = require("@rc-component/tree/lib/utils/treeUtil");
 var _commonUtil = require("../utils/commonUtil");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/lib/hooks/useOptions.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import type { DefaultOptionType } from '..';
-import type { InternalFieldNames, SingleValueType } from '../Cascader';
+import type { InternalFieldNames, SingleValueType, LegacyKey } from '../Cascader';
 import { type GetEntities } from './useEntities';
 export default function useOptions(mergedFieldNames: InternalFieldNames, options?: DefaultOptionType[]): [
     mergedOptions: DefaultOptionType[],
     getPathKeyEntities: GetEntities,
-    getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[]
+    getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[]
 ];

package/lib/hooks/useSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { InternalValueType, ShowCheckedStrategy, SingleValueType } from '../Cascader';
+import type { InternalValueType, LegacyKey, ShowCheckedStrategy, SingleValueType } from '../Cascader';
 import type { GetEntities } from './useEntities';
-export default function useSelect(multiple: boolean, triggerChange: (nextValues: InternalValueType) => void, checkedValues: SingleValueType[], halfCheckedValues: SingleValueType[], missingCheckedValues: SingleValueType[], getPathKeyEntities: GetEntities, getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[], showCheckedStrategy?: ShowCheckedStrategy): (valuePath: SingleValueType) => void;
+export default function useSelect(multiple: boolean, triggerChange: (nextValues: InternalValueType) => void, checkedValues: SingleValueType[], halfCheckedValues: SingleValueType[], missingCheckedValues: SingleValueType[], getPathKeyEntities: GetEntities, getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[], showCheckedStrategy?: ShowCheckedStrategy): (valuePath: SingleValueType) => void;

package/lib/hooks/useSelect.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useSelect;
-var _conductUtil = require("rc-tree/lib/utils/conductUtil");
+var _conductUtil = require("@rc-component/tree/lib/utils/conductUtil");
 var _commonUtil = require("../utils/commonUtil");
 var _treeUtil = require("../utils/treeUtil");
 function useSelect(multiple, triggerChange, checkedValues, halfCheckedValues, missingCheckedValues, getPathKeyEntities, getValueByKeyPath, showCheckedStrategy) {

package/lib/hooks/useValues.d.ts

@@ -1,8 +1,7 @@
-import type { DataEntity } from 'rc-tree/lib/interface';
-import * as React from 'react';
-import type { SingleValueType } from '../Cascader';
+import type { DataEntity } from '@rc-component/tree/lib/interface';
+import type { LegacyKey, SingleValueType } from '../Cascader';
 import type { GetMissValues } from './useMissingValues';
-export default function useValues(multiple: boolean, rawValues: SingleValueType[], getPathKeyEntities: () => Record<string, DataEntity>, getValueByKeyPath: (pathKeys: React.Key[]) => SingleValueType[], getMissingValues: GetMissValues): [
+export default function useValues(multiple: boolean, rawValues: SingleValueType[], getPathKeyEntities: () => Record<string, DataEntity>, getValueByKeyPath: (pathKeys: LegacyKey[]) => SingleValueType[], getMissingValues: GetMissValues): [
     checkedValues: SingleValueType[],
     halfCheckedValues: SingleValueType[],
     missingCheckedValues: SingleValueType[]

package/lib/hooks/useValues.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useValues;
-var _conductUtil = require("rc-tree/lib/utils/conductUtil");
+var _conductUtil = require("@rc-component/tree/lib/utils/conductUtil");
 var React = _interopRequireWildcard(require("react"));
 var _commonUtil = require("../utils/commonUtil");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }

package/lib/utils/treeUtil.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import type { SingleValueType, DefaultOptionType, InternalFieldNames, ShowCheckedStrategy } from '../Cascader';
+import type { SingleValueType, DefaultOptionType, InternalFieldNames, ShowCheckedStrategy, LegacyKey } from '../Cascader';
 import type { GetEntities } from '../hooks/useEntities';
-export declare function formatStrategyValues(pathKeys: React.Key[], getKeyPathEntities: GetEntities, showCheckedStrategy?: ShowCheckedStrategy): import("react").Key[];
+export declare function formatStrategyValues(pathKeys: LegacyKey[], getKeyPathEntities: GetEntities, showCheckedStrategy?: ShowCheckedStrategy): LegacyKey[];
 export declare function toPathOptions(valueCells: SingleValueType, options: DefaultOptionType[], fieldNames: InternalFieldNames, stringMode?: boolean): {
     value: SingleValueType[number];
     index: number;

package/lib/utils/warningPropsUtil.d.ts

@@ -1,4 +1,2 @@
-import type { DefaultOptionType, FieldNames, InternalCascaderProps } from '../Cascader';
-declare function warningProps(props: InternalCascaderProps): void;
+import type { DefaultOptionType, FieldNames } from '../Cascader';
 export declare function warningNullOptions(options: DefaultOptionType[], fieldNames: FieldNames): void;
-export default warningProps;

package/lib/utils/warningPropsUtil.js

@@ -3,19 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 exports.warningNullOptions = warningNullOptions;
 var _warning = _interopRequireDefault(require("@rc-component/util/lib/warning"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function warningProps(props) {
-  const {
-    popupVisible,
-    popupPlacement
-  } = props;
-  (0, _warning.default)(popupVisible === undefined, '`popupVisible` is deprecated. Please use `open` instead.');
-  (0, _warning.default)(popupPlacement === undefined, '`popupPlacement` is deprecated. Please use `placement` instead.');
-}
-
 // value in Cascader options should not be null
 function warningNullOptions(options, fieldNames) {
   if (options) {
@@ -33,5 +23,4 @@ function warningNullOptions(options, fieldNames) {
     };
     recursiveOptions(options);
   }
-}
-var _default = exports.default = warningProps;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rc-component/cascader",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "cascade select ui component for react",
   "keywords": [
     "react",
@@ -33,6 +33,7 @@
     "build": "dumi build",
     "compile": "father build",
     "coverage": "father test --coverage",
+    "tsc": "bunx tsc --noEmit",
     "deploy": "UMI_ENV=gh npm run build && gh-pages -d dist",
     "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.jsx",
     "now-build": "npm run build",
@@ -43,9 +44,9 @@
   },
   "dependencies": {
     "@rc-component/select": "~1.0.0",
+    "@rc-component/tree": "~1.0.0",
     "@rc-component/util": "^1.2.1",
-    "classnames": "^2.3.1",
-    "rc-tree": "~5.13.1"
+    "classnames": "^2.3.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.2",
@@ -55,8 +56,8 @@
     "@types/classnames": "^2.2.6",
     "@types/enzyme": "^3.1.15",
     "@types/jest": "^29.4.0",
-    "@types/react": "^17.0.38",
-    "@types/react-dom": "^18.0.11",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@types/warning": "^3.0.0",
     "@umijs/fabric": "^4.0.0",
     "array-tree-filter": "^3.0.2",