在Dialog中使用

使用场景：一般作为弹框信息展示或功能弹框表单使用 如：编辑菜单，选择弹框等。

第一种方法：引用组件

通过引用 designer-editor.dialog.vue 调用 open 方法， open时注入 resolve, reject 方法，分别在弹窗正常关闭和取消时调用，可通过 resolve 方法获取关闭时返回的结果数据，如选择弹框，关闭时返回选择的数据等。

<!-- 弹框 -->
<DesignerEditorDialog ref="designerEditorDialogRef" />

// 导入组件
import DesignerEditorDialog, { DesignerEditorDialogArgs } from './designer-editor.dialog.vue'

// ref 引用
const designerEditorDialogRef = ref<InstanceType<typeof DesignerEditorDialog>>()

// 打开弹窗，参数如下：
const openDesignerPageDialog = (options: DesignerEditorDialogArgs) => {
  return new Promise((resolve, reject) => {
    designerEditorDialogRef.value?.open(options, { resolve, reject })
  })
}

弹窗参数：

export interface DesignerEditorDialogArgs {
  /** 弹窗标题，可选 */
  title?: string
  /** 是否启用内容区域滚动，默认为 false */
  scroll?: boolean
  /** 弹窗宽度，支持 CSS 宽度值（如 '500px'、'80%' 等）*/
  width?: string
  /** 弹窗内容区域的最大高度，支持 CSS 高度值（如 '600px'），超出将出现滚动条 */
  maxHeight?: string
  /** 文件 ID，加载的低代码文件Id，必填 */
  fileId: number
  /** 文件版本号，指定加载的低代码文件版本号，为空加载最新版本，可选 */
  version?: number
  /** 透传给低代码页面的自定义参数，类型不限，根据业务需求使用, 页面内通过引用参数组件获取 */
  params?: any
}

第二种方法：注册为全局组件

TBD