/** 仅供 Vite 本地视觉检查；使用演示菜单和空数据，不连接业务接口。 */
import { createApp, defineComponent, h } from 'vue';
import { createMemoryHistory, createRouter } from 'vue-router';

import { BasicLayout, UserDropdown } from '@vben/layouts';
import { IconifyIcon } from '@vben/icons';
import { initPreferences, updatePreferences } from '@vben/preferences';
import { initStores, useAccessStore, useDictStore } from '@vben/stores';

import '../src/packages/styles/src';
import '../src/packages/styles/src/antd/index.css';
import '../src/portal-theme.css';

import { initComponentAdapter } from '../src/adapter/component';
import { initSetupVbenForm } from '../src/adapter/form';
import { requestClient } from '../src/api/request';
import App from '../src/app.vue';
import AuthLayout from '../src/layouts/auth.vue';
import { setupI18n } from '../src/locales';
import { overridesPreferences, portalAppearancePreferences, preferencesExtension } from '../src/preferences';
import Login from '../src/views/_core/authentication/login.vue';
import Analytics from '../src/views/dashboard/analytics/index.vue';
import PortalBrandText from '../src/components/portal/portal-brand-text.vue';
import Profile from '../src/views/_core/profile/index.vue';
import { portalSystemMenus } from '../src/router/portal-system-menus';

await initPreferences({ namespace: 'portal-visual-preview', overrides: overridesPreferences, extension: preferencesExtension });
await initComponentAdapter();
await initSetupVbenForm();

// 此替身仅存在于独立预览入口，正式入口不加载本文件。
const surface = new URLSearchParams(location.search).get('surface');
const crowded = new URLSearchParams(location.search).get('crowded') === '1';
const populated = new URLSearchParams(location.search).get('populated') === '1';
let failNoticeOnce = surface === 'notice-error';
requestClient.get = async (url: string) => {
  if (url.includes('/system/user/profile/get')) {
    if (surface === 'profile-error') throw new Error('预览资料加载失败');
    return { id: 1, username: 'preview-user', nickname: '预览用户', email: 'preview@example.com', mobile: '', sex: 1, avatar: '', dept: { name: '学术研究部（示例）' }, roles: [{ id: 1, name: '普通用户（示例）' }], posts: [{ name: '研究人员（示例）' }], createTime: '2026-01-01 09:00:00', loginDate: '2026-10-18 09:30:00', loginIp: '127.0.0.1' } as never;
  }
  if (url.includes('/system/social-user/get-bind-list')) return [] as never;
  if (failNoticeOnce && url.includes('/bpm/oa/notice/page')) {
    failNoticeOnce = false;
    throw new Error('演示公告加载失败');
  }
  if (populated && url.includes('/research/application/page')) {
    return { total: 12, list: [
      '供销合作服务体系与乡村产业协同发展研究',
      '农产品流通模式与数字化服务研究',
      '农村现代物流与资源协同机制研究',
      '新形势下供销合作经济发展路径研究',
      '基层服务能力建设与创新实践研究',
      '区域协同与供销合作高质量发展研究',
    ].map((title, index) => ({ id: index + 1, title: `示例｜${title}`, applicantName: '预览用户', createTime: `2026-10-${String(18 - index).padStart(2, '0')}`, status: 15 })) } as never;
  }
  if (populated && url.includes('/bpm/oa/notice/page')) {
    return { total: 6, list: [
      '关于开展年度研究课题申报工作的通知',
      '关于课题申报材料提交的相关说明',
      '关于业务协同服务事项的通知',
      '关于加强课题研究成果交流的通知',
      '关于完善平台个人资料的通知',
      '关于近期系统服务安排的通知',
    ].map((title, index) => ({ id: index + 1, title: `示例｜${title}`, publishTime: `2026-10-${String(18 - index).padStart(2, '0')}`, createTime: '2026-10-18' })) } as never;
  }
  if (populated && url.includes('/bpm/task/todo')) return { list: [], total: 3 } as never;
  if (populated && url.includes('/finance/reimbursement/page')) return { list: [], total: 8 } as never;
  if (populated && url.includes('/research/guideline/page')) return { list: [], total: 4 } as never;
  return { list: [], total: 0 } as never;
};

const emptyPage = defineComponent({ render: () => h('div', { style: 'padding:32px;background:white' }, '业务页面预览') });
const shell = defineComponent({
  setup: () => () => h(BasicLayout, { class: 'supply-portal-shell' }, {
    'logo-text': () => h(PortalBrandText),
    'user-dropdown': () => h(UserDropdown, { showText: true, avatar: '/static/imgs/portal-avatar.svg', text: populated ? '预览数据' : '演示用户', menus: [{ text: '个人中心', icon: 'lucide:user-round', handler: () => router.push('/profile') }, { text: '密码设置', icon: 'lucide:shield-check', handler: () => router.push('/profile?section=resetPwd') }] }),
    'header-right-165': () => h('button', { class: 'portal-personal-entry', 'aria-label': '个人中心', onClick: () => router.push('/profile') }, [h(IconifyIcon, { icon: 'lucide:user-round' }), h('span', '个人中心')]),
  }),
});
const router = createRouter({
  history: createMemoryHistory(),
  routes: [
    { path: '/auth', component: AuthLayout, children: [{ path: 'login', component: Login, name: 'Login', meta: { title: '登录' } }] },
    { path: '/', name: 'PortalPreviewShell', component: shell, children: [
      { path: 'analytics', name: 'Analytics', component: Analytics, meta: { title: '首页', affixTab: true, icon: 'lucide:house' } },
      { path: 'profile', name: 'Profile', component: Profile, meta: { title: '个人中心', fullPathKey: false } },
      { path: 'bpm/task/todo', name: 'BpmTaskTodo', component: emptyPage, meta: { title: '待办任务' } },
      { path: 'bpm/task/done', name: 'BpmTaskDone', component: emptyPage, meta: { title: '已办任务' } },
      { path: 'bpm/create', name: 'BpmProcessInstanceCreate', component: emptyPage, meta: { title: '发起流程' } },
      { path: 'research/application', name: 'ResearchApplication', component: emptyPage, meta: { title: '课题申报' } },
      { path: 'research/guideline', name: 'ResearchGuideline', component: emptyPage, meta: { title: '课题指南' } },
      { path: 'finance/reimbursement', name: 'FinanceReimbursement', component: emptyPage, meta: { title: '财务报销' } },
      { path: 'bpm/oa/notice', name: 'BpmOaNotice', component: emptyPage, meta: { title: '通知公告' } },
    ] },
  ],
});

const app = createApp(App);
await initStores(app, { namespace: 'portal-visual-preview' });
useDictStore().setDictCache({ system_user_sex: [{ label: '男', value: '1' }, { label: '女', value: '2' }] });
await setupI18n(app);
const access = useAccessStore();
const previewMenus = [
  { path: '/analytics', name: '首页', icon: 'lucide:house' },
  { path: '/bpm', name: '审批中心', icon: 'lucide:workflow', children: [
    { path: '/bpm/task/todo', name: '待办任务', icon: 'lucide:list-todo' },
    { path: '/bpm/task/done', name: '已办任务', icon: 'lucide:circle-check' },
    { path: '/bpm/create', name: '发起流程', icon: 'lucide:circle-plus' },
    { path: '/bpm/oa/notice', name: '通知公告', icon: 'lucide:megaphone' },
  ] },
  { path: '/research', name: '课题管理', icon: 'lucide:book-open-text', children: [
    { path: '/research/application', name: '课题申报', icon: 'lucide:file-text' },
    { path: '/research/guideline', name: '课题指南', icon: 'lucide:book-open' },
  ] },
  { path: '/finance', name: '财务报销', icon: 'lucide:receipt', children: [
    { path: '/finance/reimbursement', name: '报销管理', icon: 'lucide:receipt' },
  ] },
];
if (surface === 'system') {
  const [system] = portalSystemMenus([
    { id: 1, parentId: 0, path: '/system', name: '系统管理', meta: { title: '系统管理' }, children: [
      { id: 2, parentId: 1, path: 'tenant', name: '租户管理', meta: { title: '租户管理' }, children: [
        { id: 3, parentId: 2, path: 'list', name: '租户列表', component: 'system/tenant/index', meta: { title: '租户列表' } },
      ] },
    ] },
  ], ['system:user:list', 'system:role:query', 'system:dept:query', 'system:post:query', 'system:menu:query', 'system:dict:query'], []);
  if (system) {
    previewMenus.push({ path: '/system', name: system.name, icon: system.icon ?? 'lucide:settings-2', children: system.children?.map((item) => {
      const path = `/system/${item.path}`;
      router.addRoute('PortalPreviewShell', { path, name: item.componentName ?? item.name, component: emptyPage, meta: { title: item.name } });
      return { path, name: item.name, icon: item.icon ?? 'lucide:settings-2' };
    }) ?? [] });
  }
}
if (crowded) {
  for (let index = 1; index <= 16; index++) {
    const path = `/preview-module/${index}`;
    previewMenus.push({ path, name: `演示模块${index}`, icon: 'lucide:layers' });
    router.addRoute('PortalPreviewShell', { path, name: `PreviewModule${index}`, component: emptyPage, meta: { title: `演示模块${index}` } });
  }
}
access.setAccessMenus(previewMenus.map((menu) => ({ ...menu, parents: [], children: menu.children?.map((child) => ({ ...child, parents: [menu.path] })) })));
router.addRoute({ path: '/bpm', redirect: '/bpm/task/todo' });
router.addRoute({ path: '/research', redirect: '/research/application' });
router.addRoute({ path: '/finance', redirect: '/finance/reimbursement' });
updatePreferences({ ...portalAppearancePreferences, copyright: overridesPreferences.copyright, logo: overridesPreferences.logo, app: { ...overridesPreferences.app, ...portalAppearancePreferences.app, enableCheckUpdates: false, enablePreferences: crowded }, widget: { ...portalAppearancePreferences.widget, notification: false, globalSearch: true, fullscreen: crowded, themeToggle: false } });
app.use(router);
await router.push(surface === 'login' ? '/auth/login' : surface?.startsWith('profile') ? { path: '/profile', query: { section: new URLSearchParams(location.search).get('section') ?? 'basicInfo' } } : surface === 'menu' ? '/bpm/task/todo' : surface === 'system' ? '/system/user' : '/analytics');
await router.isReady();
app.mount('#app');
document.getElementById('__app-loading__')?.remove();