import { JSONEditorOptions, JSONEditorMode } from 'jsoneditor'

export interface JsonEditorProps {
  /**
   * JSON数据，支持双向绑定
   */
  modelValue: any
  
  /**
   * 编辑器模式
   * @default 'tree'
   */
  mode?: JSONEditorMode
  
  /**
   * 编辑器高度
   * @default '400px'
   */
  height?: string
  
  /**
   * 是否显示模式选择下拉菜单
   * @default false
   */
  showModeSelection?: boolean
  
  /**
   * 是否显示导航栏
   * @default false
   */
  showNavigationBar?: boolean
  
  /**
   * 是否显示状态栏
   * @default true
   */
  showStatusBar?: boolean
  
  /**
   * 是否显示主菜单栏
   * @default true
   */
  showMainMenuBar?: boolean
  
  /**
   * JSONEditor配置选项
   * @see https://github.com/josdejong/jsoneditor/blob/develop/docs/api.md
   */
  options?: Partial<JSONEditorOptions>
}

/**
 * JsonEditor组件触发的事件
 */
export interface JsonEditorEmits {
  /**
   * 数据更新时触发
   */
  (e: 'update:modelValue', value: any): void
  
  /**
   * 数据变化时触发
   */
  (e: 'change', value: any): void
  
  /**
   * 验证错误时触发
   */
  (e: 'error', errors: any): void
}

/**
 * JsonEditor组件暴露的方法
 */
export interface JsonEditorExpose {
  /**
   * 获取原始的JSONEditor实例
   */
  getEditor: () => any
}