import { defineMenu } from '@/runtime/DefineMenu.ts'
import Model3DView from '@/components/Model3DView.vue'
import FabricView from '@/components/FabricView.vue'
import ThreePerfView from '@/components/ThreePerfView.vue'

export default defineMenu((menus) => {
  menus.insertChildren('tool',
    {
      name: 'tool', label: '小工具', order: 3, disabled: false
    },
    [
      {
        name: 'model3dview', label: '模型查看器', order: 1,
        click: () => {
          system.showDialog(Model3DView, {
            title: '模型查看器',
            width: 950,
            height: 400,
            showClose: true,
            showMax: true,
            showCancelButton: false,
            showOkButton: false,
            dialogClass: 'model-3d-view-wrap'
          })
        }
      },
      {
        name: 'fabricView', label: 'Fabric查看器', order: 2,
        click: () => {
          system.showDialog(FabricView, {
            title: 'Fabric查看器',
            width: 950,
            height: 400,
            showClose: true,
            showMax: true,
            showCancelButton: false,
            showOkButton: false,
            dialogClass: 'fabric-view-wrap',
            data: { fabricView: true }
          })
        }
      },
      {
        name: 'threePerfView', label: 'ThreePerf查看器', order: 3,
        click: () => {
          system.showDialog(ThreePerfView, {
            title: 'Fabric查看器',
            width: 950,
            height: 400,
            showClose: true,
            showMax: true,
            showCancelButton: false,
            showOkButton: false,
            dialogClass: 'model-3d-view-wrap'
          })
        }
      }
    ]
  )
})