Panel

面板管理器

函数

open

open(name: string, …args: any[]): any

传入面板名字,打开一个面板

请求参数

NameTypeDescription
namestring面板名称
…argsany[]打开面板时传递的参数
  1. Editor.Panel.open('console');

close

close(name: string): any

传入面板名字,关闭同名的面板

请求参数

NameTypeDescription
namestring面板名称
  1. Editor.Panel.close('package-asset.import');

focus

focus(name: string): any

将焦点传递给找到的第一个同名面板

请求参数

NameTypeDescription
namestring面板名称
  1. Editor.Panel.focus('assets');

has

has(name: string): Promise<boolean>

检查面板是否已经打开

请求参数

NameTypeDescription
namestring面板名称

返回结果

Promise<boolean>

  1. const res = await Editor.Panel.has('package-asset.import');

define

define(options: Options): PanelObject

定义一个面板,如果我们用 typescript 书写面板内容,ready 等生命周期函数内无法解析出正确的 this 对象,所以 Creator 里提供了一个 define 函数。

这个函数传入一个 PanelObject,返回一个 PanelObject,并不进行逻辑处理。但在这个函数传入的 PanelObject 上,能够正常识别出 this 对象。

请求参数

NameTypeDescription
optionsOptions<Selector, M, U>面板的配置
  1. module.exports = Editor.Panel.define({
  2. template: '<div id="app"></div>',
  3. $: {
  4. app: '#app',
  5. },
  6. methods: {
  7. init() { },
  8. },
  9. async ready() {
  10. new App({
  11. el: this.$.app,
  12. });
  13. },
  14. });