fix(*): add displayName to components for configProvider popupContain…

…er bug
iaosee · Aug 9, 2024 · c682c03 · c682c03
1 parent 45c8485
commit c682c03
Show file tree

Hide file tree

Showing 18 changed files with 34 additions and 0 deletions.
diff --git a/components/breadcrumb/index.tsx b/components/breadcrumb/index.tsx
@@ -62,6 +62,8 @@ class Breadcrumb extends Component<BreadcrumbProps, BreadcrumbState> {
         component: 'nav',
     };
 
+    static displayName = 'Breadcrumb';
+
     breadcrumbEl: HTMLUListElement;
 
     constructor(props: BreadcrumbProps) {

diff --git a/components/calendar2/calendar.tsx b/components/calendar2/calendar.tsx
@@ -70,6 +70,8 @@ class Calendar extends React.Component<CalendarProps, CalendarState> {
         mode: CALENDAR_MODE.MONTH,
     };
 
+    static displayName = 'Calendar';
+
     readonly props: CalendarPropsWithDefault;
 
     constructor(props: CalendarProps) {

diff --git a/components/dropdown/dropdown.tsx b/components/dropdown/dropdown.tsx
@@ -44,6 +44,7 @@ export default class Dropdown extends Component<DropdownProps, DropdownState> {
         cache: false,
         onPosition: noop,
     };
+    static displayName = 'Dropdown';
 
     constructor(props: DropdownProps) {
         super(props);

diff --git a/components/icon/icon.tsx b/components/icon/icon.tsx
@@ -37,6 +37,8 @@ class Icon extends Component<IconProps> {
         size: 'medium',
     };
 
+    static displayName = 'Icon';
+
     static _typeMark = 'icon';
 
     render() {

diff --git a/components/menu-button/index.tsx b/components/menu-button/index.tsx
@@ -20,6 +20,7 @@ class MenuButton extends React.Component<MenuButtonProps, MenuButtonState> {
     static Item = Menu.Item;
     static Group = Menu.Group;
     static Divider = Menu.Divider;
+    static displayName = 'MenuButton';
 
     static propTypes = {
         prefix: PropTypes.string,

diff --git a/components/menu/view/menu.tsx b/components/menu/view/menu.tsx
@@ -348,6 +348,8 @@ export class Menu extends Component<MenuProps, MenuState> {
         icons: {},
     };
 
+    static displayName = 'Menu';
+
     static getDerivedStateFromProps(nextProps: MenuPropsWithDefaults, prevState: MenuState) {
         const state: Partial<MenuState> = {};
 

diff --git a/components/nav/nav.tsx b/components/nav/nav.tsx
@@ -78,6 +78,8 @@ class Nav extends Component<NavProps> {
         isCollapse: PropTypes.bool,
     };
 
+    static displayName = 'Nav';
+
     menu: MenuInstance | null;
 
     getChildContext() {

diff --git a/components/number-picker/number-picker.tsx b/components/number-picker/number-picker.tsx
@@ -71,6 +71,9 @@ class NumberPicker extends React.Component<NumberPickerProps, NumberPickerState>
         alwaysShowTrigger: false,
         stringMode: false,
     };
+
+    static displayName = 'NumberPicker';
+
     inputRef: React.ComponentRef<typeof Input> | null;
 
     constructor(props: NumberPickerProps) {

diff --git a/components/overlay/overlay-v2.tsx b/components/overlay/overlay-v2.tsx
@@ -131,4 +131,6 @@ const Overlay2 = (props: OverlayV2Props) => {
     );
 };
 
+Overlay2.displayName = 'Overlay';
+
 export default Overlay2;
diff --git a/components/overlay/overlay.tsx b/components/overlay/overlay.tsx
@@ -130,6 +130,7 @@ class Overlay extends Component<OverlayV1Props, OverlayState> {
         maskClass: '',
         useCapture: true,
     };
+    static displayName = 'Overlay';
     lastAlign: string | boolean | undefined;
     timeoutMap: { [key: string]: number };
     _isMounted: boolean;

diff --git a/components/overlay/popup-v2.tsx b/components/overlay/popup-v2.tsx
@@ -185,4 +185,6 @@ const Popup = (props: PopupProps) => {
     );
 };
 
+Popup.displayName = 'Popup';
+
 export default Popup;
diff --git a/components/overlay/popup.tsx b/components/overlay/popup.tsx
@@ -114,6 +114,8 @@ class Popup extends Component<PopupProps, PopupState> {
         container: () => document.body,
         rtl: false,
     };
+
+    static displayName = 'Popup';
     _mouseNotFirstOnMask: boolean;
     _isForwardContent: boolean | null;
     overlay: InstanceType<typeof Overlay> | null;

diff --git a/components/progress/view/progress.tsx b/components/progress/view/progress.tsx
@@ -38,6 +38,8 @@ export default class Progress extends Component<ProgressProps> {
         textRender: (percent: number) => `${Math.floor(percent)}%`,
     };
 
+    static displayName = 'Progress';
+
     static contextTypes = {
         prefix: PropTypes.string,
     };

diff --git a/components/radio/radio-group.tsx b/components/radio/radio-group.tsx
@@ -64,6 +64,8 @@ class RadioGroup extends Component<GroupProps, GroupState> {
         disabled: PropTypes.bool,
     };
 
+    static displayName = 'RadioGroup';
+
     radioRefs: unknown[];
     hasFocus: boolean;
 

diff --git a/components/responsive-grid/cell.tsx b/components/responsive-grid/cell.tsx
@@ -23,6 +23,8 @@ class Cell extends Component<CellProps> {
         device: 'desktop',
     };
 
+    static displayName = 'Cell';
+
     render() {
         const { component, children } = this.props;
         const View = component!;

diff --git a/components/responsive-grid/index.tsx b/components/responsive-grid/index.tsx
@@ -84,6 +84,8 @@ class ResponsiveGrid extends Component<ResponsiveGridProps> {
         dense: false,
     };
 
+    static displayName = 'ResponsiveGrid';
+
     render() {
         const {
             prefix,

diff --git a/components/select/option-group.tsx b/components/select/option-group.tsx
@@ -13,6 +13,8 @@ export default class OptionGroup extends React.Component<OptionGroupProps> {
 
     static _typeMark = 'next_select_option_group';
 
+    static displayName = 'OptionGroup';
+
     render() {
         return this.props.children;
     }

diff --git a/components/select/option.tsx b/components/select/option.tsx
@@ -14,6 +14,8 @@ export default class Option extends React.Component<OptionProps> {
 
     static _typeMark = 'next_select_option';
 
+    static displayName = 'Option';
+
     render() {
         return this.props.children;
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -131,4 +131,6 @@ const Overlay2 = (props: OverlayV2Props) => { @@
         );
     };
+    Overlay2.displayName = 'Overlay';
     export default Overlay2;