* dropdown: set relativeTarget to dropdown menu.

easysoft · Oct 11, 2023 · 866658a · 866658a
1 parent e1fcb3d
commit 866658a
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 4 deletions.
diff --git a/lib/dropdown/src/component/dropdown-button.tsx b/lib/dropdown/src/component/dropdown-button.tsx
@@ -19,13 +19,14 @@ export class DropdownButton extends Button<DropdownButtonOptions> {
     }
 
     _updateData() {
-        const {dropdown, menu, items, onClickItem} = this.props;
+        const {dropdown, menu, items, onClickItem, relativeTarget = this.triggerElement} = this.props;
         const $trigger = $(this.triggerElement);
         const instance = Dropdown.get(this.triggerElement);
         const options = {
             items,
             onClickItem,
             menu,
+            relativeTarget,
             ...dropdown,
         };
         if (instance) {

diff --git a/lib/dropdown/src/types/dropdown-button-options.ts b/lib/dropdown/src/types/dropdown-button-options.ts
@@ -6,6 +6,7 @@ export interface DropdownButtonOptions extends ButtonProps {
     dropdown?: DropdownOptions;
     trigger?: DropdownOptions['trigger'];
     placement?: DropdownOptions['placement'];
-    items?: DropdownOptions['items'],
-    onClickItem?: DropdownOptions['onClickItem'],
+    items?: DropdownOptions['items'];
+    relativeTarget?: DropdownOptions['relativeTarget'];
+    onClickItem?: DropdownOptions['onClickItem'];
 }
diff --git a/lib/dropdown/src/types/dropdown-menu-options.ts b/lib/dropdown/src/types/dropdown-menu-options.ts
@@ -3,4 +3,5 @@ import type {SearchMenuOptions} from '@zui/menu/src/types';
 
 export interface DropdownMenuOptions extends SearchMenuOptions {
     placement?: Placement;
+    relativeTarget?: unknown;
 }
diff --git a/lib/dropdown/src/types/dropdown-options.ts b/lib/dropdown/src/types/dropdown-options.ts
@@ -4,5 +4,6 @@ import type {DropdownMenuOptions} from './dropdown-menu-options';
 export type DropdownOptions = PopoverOptions & {
     menu?: Partial<DropdownMenuOptions>,
     items?: DropdownMenuOptions['items'],
+    relativeTarget?: DropdownMenuOptions['relativeTarget'],
     onClickItem?: DropdownMenuOptions['onClickItem'],
 };
diff --git a/lib/dropdown/src/vanilla/dropdown.ts b/lib/dropdown/src/vanilla/dropdown.ts
@@ -21,11 +21,12 @@ export class Dropdown<O extends DropdownOptions = DropdownOptions> extends Popov
     };
 
     protected _getMenuOptions(): DropdownMenuOptions {
-        const {items, placement, menu, onClickItem} = this.options;
+        const {items, placement, menu, onClickItem, relativeTarget = this._triggerElement} = this.options;
         return {
             items,
             placement: placement,
             onClickItem: onClickItem,
+            relativeTarget,
             ...menu,
         };
     }