Popup: setDefaultModalPopupFrame()

モーダルポップアップのデフォルトのフレームを変更します。

構文

Popup.setDefaultModalPopupFrame(frameClass) => PopupFrame

引数

• frameClass: new () => ModalFrame

  変更したいフレームのクラスオブジェクトです。 PopupFrame を継承した ModalFrame を継承している必要があります。

返値: new () => ModalFrame

更新前に登録されていたポップアップのフレームのクラスオブジェクトです。

例外

• TypeError
  • 引数 frameClass が ModalFrame の派生クラスではない場合。

例

import { Popup, ModalFrame } from "/alier_sys/Popup.js";
const html = `
<div id="my-modal-overlay" data-ui-component data-active-events="click">
    <alier-view id="my-modal" data-ui-component data-active-events="click"></alier-view>
</div>
`;
class MyModalPopup extends ModalFrame {
    constructor() {
        super();
        this.loadContainer({ text: html, id: "my-modal-overlay" });
        this.relateElements(this.collectElements(this.container));
    }
}
let oldPopup = Popup.setDefaultModalPopupFrame(MyModalPopup);

let result = await Popup.openModal(new MyPopup());  // MyModalPopupをフレームに使用したモーダルが表示される。
console.log(result);

解説

openModal() を呼び出した時に生成されるポップアップのフレームを変更します。