mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-23 09:54:16 +08:00
45eeee60bb
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
* chore: add unstable entrance * chore: rest of it * chore: use React 19 * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: test ignore 19 preload * chore: bump rc-util * fix: warning of pure render * fix: warning of 19 * chore: adjust ts * test: fix test logic * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * chore: restore file * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: update test * test: fix test case * test: update snapshot * test: fix coverage * test: fix coverage * test: add ignore image
62 lines
1.9 KiB
TypeScript
62 lines
1.9 KiB
TypeScript
import * as React from 'react';
|
|
import { getNodeRef, supportNodeRef, useComposeRef } from 'rc-util/lib/ref';
|
|
|
|
import ContextIsolator from '../_util/ContextIsolator';
|
|
import type { MenuProps } from './menu';
|
|
|
|
// Used for Dropdown only
|
|
export interface OverrideContextProps {
|
|
prefixCls?: string;
|
|
expandIcon?: React.ReactNode;
|
|
mode?: MenuProps['mode'];
|
|
selectable?: boolean;
|
|
validator?: (menuProps: Pick<MenuProps, 'mode'>) => void;
|
|
onClick?: () => void;
|
|
rootClassName?: string;
|
|
}
|
|
|
|
const OverrideContext = React.createContext<OverrideContextProps | null>(null);
|
|
|
|
/** @internal Only used for Dropdown component. Do not use this in your production. */
|
|
export const OverrideProvider = React.forwardRef<
|
|
HTMLElement,
|
|
OverrideContextProps & { children: React.ReactNode }
|
|
>((props, ref) => {
|
|
const { children, ...restProps } = props;
|
|
const override = React.useContext(OverrideContext);
|
|
|
|
const context = React.useMemo<OverrideContextProps>(
|
|
() => ({ ...override, ...restProps }),
|
|
[
|
|
override,
|
|
restProps.prefixCls,
|
|
// restProps.expandIcon, Not mark as deps since this is a ReactNode
|
|
restProps.mode,
|
|
restProps.selectable,
|
|
restProps.rootClassName,
|
|
// restProps.validator, Not mark as deps since this is a function
|
|
],
|
|
);
|
|
|
|
const canRef = supportNodeRef(children);
|
|
const mergedRef = useComposeRef(ref, canRef ? getNodeRef(children) : null);
|
|
|
|
return (
|
|
<OverrideContext.Provider value={context}>
|
|
<ContextIsolator space>
|
|
{canRef
|
|
? React.cloneElement(
|
|
children as React.ReactElement<{
|
|
ref?: React.Ref<HTMLElement>;
|
|
}>,
|
|
{ ref: mergedRef },
|
|
)
|
|
: children}
|
|
</ContextIsolator>
|
|
</OverrideContext.Provider>
|
|
);
|
|
});
|
|
|
|
/** @internal Only used for Dropdown component. Do not use this in your production. */
|
|
export default OverrideContext;
|