// 第一步
// 例如 给CanvasNodeBlock 添加 缩放 动作
methodList = [
  new MethodBlock({
    method: 'setZoom', // 方法名
    name: '缩放', // 名字
    type: '布局尺寸类', // 分类
    arguments: [
      // 参数。每个参数都需实例一个 ArgumentBlock
      new ArgumentBlock({
        name: '模式', // 参数显示名
        key: 'model', // 字段名
        unit: '', // 单位. 数值类有效
        type: ArgumentBlock.types.radio, // 参数类型
        expression: '"百分比"', // 默认值。js代码格式
        // list 的两种方式，value 统一用 js代码格式
        list: ['"百分比"', '"绝对尺寸"'], // select radio
        // list = [{name: '百分比', value: '"百分比"'}]
      }),
    ],
  }),
]
// 参数的可选类型参考：ArgumentBlock.types

// 第二步
// @/models/CanvasNode.ts 添加 setZoom

export class CanvasNode extends Base{
  setZoom(arg: Record<string, any){
    console.log('模式：' + arg.model)
  }
}

// 例如 系统控制器 的系统提示方法
export class Project extends Base {
  // 只有一个参数， arg: Record<string, any>
  toast(args: Record<string, any>) {
    toast(args.message, args.type)
  }
}

privateConfig = {
  is: {
    eventList: [],
    methodList: [],
  },
}

// 例如：给表格组件添加 “选中单元格” 事件
privateConfig = {
  // 表格组件 私有配置
  ChartTable: {
    eventList: [
      new EventBlock({
        type: 'clickCell',
        name: '选中单元格',
        // 事件参数
        detail: [
          {
            类别: '',
            参数: 'event.fielName',
            说明: '字段名',
          },
          {
            类别: '',
            参数: 'event.fieldValue',
            说明: '字段值',
          },
        ],
      }),
    ],
    methodList: [],
  },
}

emit('clickCell', {
  fieldName: '1111',
  fieldValue: '2222',
})

privateConfig = {
  is: {
    eventList: [],
    methodList: [],
  },
}

// 例如：给图片组件添加 “设置路径” 动作
privateConfig = {
  // 图片组件 私有配置
  Img: {
    eventList: [],
    methodList: [
      new MethodBlock({
        method: 'setSrc',
        name: '更新地址',
        arguments: [
          new ArgumentBlock({
            type: ArgumentBlock.types.string,
            key: 'src',
            name: '地址',
            expression: '""', // js代码，默认空字符串
          }),
        ],
      }),
    ],
  },
}

// 私有动作
function setSrc(options: any) {
  props.filename = options.src
}
// !!! 需给CanvasNode实例的methods添加对应的动作
node.methods.setSrc = setSrc

const props: {
  mode?: string // 什么模式
  editing?: boolean // 是否编辑模式
  running?: boolean // 是否运行模式
  // ...
}

// 例如：
if (props.running) {
  console.log('现在是运行模式', props.mode)
}

export const config = {
  permission: true,
}

{
  id: string
  name: string
  children: VirtualTree[]
  _config: {
    _parentId: string
    _expand: boolean
    _level: number
    _isLeaf: boolean
    _show: boolean
  }
  [key: string]: any
}

import request from './src/utils/request.ts'

type ResType = 'your type'

/**
 * config属性说明
 * silent: 当前请求是否静默（不显示loading）。
 *  */

// get
const res: ResType = await request('url', { params: params, silent: true })
const res: ResType = await request.get('url', { params: params, silent: true })
// post
const res: ResType = await request.post('url', data, { silent: true })
// put
const res: ResType = await request.put('url', data, { silent: true })
// delete
const res: ResType = await request.delete('url', { silent: true })

import { request, baseURL } from './src/utils/request.ts'

baseURL === request.defaults.baseURL

const url = `${baseURL}/path/to/xxx`