refactor(editor): group and expose parameters of createButtonPopper (#10999)

blocksuite/affine/blocks/block-root/src/edgeless/components/toolbar/present/frame-order-button.ts

@@ -29,14 +29,12 @@ export class EdgelessFrameOrderButton extends WithDisposable(LitElement) {
   }
 
   override firstUpdated() {
-    this._edgelessFrameOrderPopper = createButtonPopper(
-      this._edgelessFrameOrderButton,
-      this._edgelessFrameOrderMenu,
-      ({ display }) => this.setPopperShow(display === 'show'),
-      {
-        mainAxis: 22,
-      }
-    );
+    this._edgelessFrameOrderPopper = createButtonPopper({
+      reference: this._edgelessFrameOrderButton,
+      popperElement: this._edgelessFrameOrderMenu,
+      stateUpdated: ({ display }) => this.setPopperShow(display === 'show'),
+      mainAxis: 22,
+    });
   }
 
   protected override render() {

blocksuite/affine/blocks/block-root/src/edgeless/components/toolbar/present/navigator-setting-button.ts

@@ -96,14 +96,12 @@ export class EdgelessNavigatorSettingButton extends WithDisposable(LitElement) {
   }
 
   override firstUpdated() {
-    this._navigatorSettingPopper = createButtonPopper(
-      this._navigatorSettingButton,
-      this._navigatorSettingMenu,
-      ({ display }) => this.setPopperShow(display === 'show'),
-      {
-        mainAxis: 22,
-      }
-    );
+    this._navigatorSettingPopper = createButtonPopper({
+      reference: this._navigatorSettingButton,
+      popperElement: this._navigatorSettingMenu,
+      stateUpdated: ({ display }) => this.setPopperShow(display === 'show'),
+      mainAxis: 22,
+    });
   }
 
   override render() {