How to call an external function within a plugin to use the DomComponent's dblclick event?

[Hunganh3012]

I have a plugin and I want to open the function showMediaPopup() when double-clicking on the component.

However, the showMediaPopup() function is outside the plugin. Is there a way to call that function within the plugin?

showMediaPopup() {
        return new Promise((resolve)=>{
            const modal = this.modal.create({
                nzTitle          : 'Quản lý file',
                nzContent        : GridViewFileComponent,
                // nzWrapClassName  : 'modal-fullscreen',
                nzWidth:1400,
                nzComponentParams: {
                    isMultiple: false,
                    type: FileUploadTypeEnum.Image,
                    fileSelecteds: this.selectedFile
                },
                nzOnOk           : () => new Promise(resolve => setTimeout(resolve, 1000)),
                nzFooter         : []
            });
            modal.afterClose.subscribe(result => {  
                if (result) {           
                    this.files = result;
                    this.imgURL = this.files.filePath;
                    console.log(result);
                    this.fileOuput.emit(result);
                    setTimeout(() => {
                        const gjsFrame = document.querySelector('iframe.gjs-frame') as HTMLIFrameElement;
                            var selector= this.editor.getWrapper().find("select-image");                              
                                if(selector.length!=0){
                                        const el=selector[0].view.el;
                                        el.setAttribute('src',`${this.imgURL}`);
                                }
                                
                    },600)
                    resolve(this.imgURL);
                }
            });
        })
    
    }
selectImage(editor:any) {
        editor.DomComponents.addType('image', {
          view: {
            props: {
                showMediaPopup:()=>this.showMediaPopup
            },
            events: {
              dblclick() {
                this.props.showMediaPopup();  //error
              }
            },
           
          }
        });
        editor.BlockManager.add('select-image', {
            label: 'Ảnh',
            category: 'CƠ BẢN',
            attributes: { class: 'fa fa-picture-o' },
            content:  
                `<select-image data-gjs-type="image" style="object-fit:cover;width:400px;height:400px;display:block !important;"></select-image>`    
            // {
            //     type:'image'
            // }
        
        });

    }

[artf]

This is really up to you how to implement that, you can simply pass the showMediaPopup as an option of the plugin and the use it inside your component.