fix(components/input-popover): 修复 disabled 不会影响 Popover 的 disabled 的问题

js-tool-pack · Jan 16, 2024 · 62e8d82 · 62e8d82
1 parent 5a2246b
commit 62e8d82
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/components/src/input-popover/InputPopover.tsx b/packages/components/src/input-popover/InputPopover.tsx
@@ -104,6 +104,7 @@ export const InputPopover: React.FC<InputPopoverProps> = React.forwardRef<
       on={(...args) => (popoverOn(...args), popoverProps.on?.(...args))}
       widthByTrigger={popoverProps.widthByTrigger ?? true}
       placement={popoverProps.placement || 'bottom'}
+      disabled={popoverProps.disabled ?? disabled}
       visibleControllerRef={visibleControllerRef}
       trigger={popoverProps.trigger ?? 'click'}
       visible={visible}

diff --git a/packages/components/src/input-popover/__tests__/InputPopover.test.tsx b/packages/components/src/input-popover/__tests__/InputPopover.test.tsx
@@ -54,4 +54,15 @@ describe('InputPopover', () => {
     expect(getBalloon()).not.toHaveClass(cls.leaveActive);
     expect(getBalloon()).not.toHaveClass(cls.invisible);
   });
+
+  it('disabled 必须影响 Popover', () => {
+    jest.useFakeTimers();
+    const { container } = render(<InputPopover disabled />);
+    expect(document.querySelector('.t-word-balloon')).toBeNull();
+
+    fireEvent.click(container.firstChild!);
+
+    act(() => jest.advanceTimersByTime(1));
+    expect(document.querySelector('.t-word-balloon')).toBeNull();
+  });
 });