40f0ba71f5
Migration Summary: ant-design-vue → antdv-next Core Changes package.json - Replaced "ant-design-vue": "catalog:" with "antdv-next": "catalog:" bootstrap.ts - Changed @vben/styles/antd to @vben/styles/antdv-next adapter/component/index.ts - Major rewrite: Removed dynamic defineAsyncComponent imports from ant-design-vue/es/... Added static imports from antdv-next main entry Renamed RangePicker → DateRangePicker, Textarea → TextArea Defined local types for Rule, Locale, UploadRequestOption, FileType, Key Bulk Import Replacements (100+ files) from ant-design-vue → from antdv-next from ant-design-vue/es/locale/... → from antdv-next/locale/... from ant-design-vue/es/... → removed (use main entry) from ant-design-vue/lib/... → removed (use main entry) Component API Differences Handled ant-design-vue antdv-next Files affected Form.Item FormItem 475 references Tabs.TabPane TabPane 240 references Select.Option SelectOption 151 references Descriptions.Item DescriptionsItem 2 references Timeline.Item TimelineItem 2 references Radio.Group RadioGroup 20 references Collapse.Panel CollapsePanel 9 references Layout.Content/Sider/Header/Footer LayoutContent/LayoutSider/... 14 references Dropdown#overlay slot Dropdown#popupRender 6 references RangePicker DateRangePicker 15+ references Textarea TextArea 37 references ButtonGroup Space (fallback) 12 references Known Issues (requires manual attention) List component - Not available in antdv-next. 4 files have TODO comments where List/List.Item/List.Item.Meta are used @form-create/ant-design-vue - Kept as-is (compatible with antdv-next at runtime) Type errors - ~366 type errors remain (vs 189 in web-antd), mostly pre-existing business logic issues and minor API differences
83 lines
2.1 KiB
TypeScript
83 lines
2.1 KiB
TypeScript
import { createApp, watchEffect } from 'vue';
|
||
import VueDOMPurifyHTML from 'vue-dompurify-html';
|
||
|
||
import { registerAccessDirective } from '@vben/access';
|
||
import { registerLoadingDirective } from '@vben/common-ui/es/loading';
|
||
import { preferences } from '@vben/preferences';
|
||
import { initStores } from '@vben/stores';
|
||
import '@vben/styles';
|
||
import '@vben/styles/antdv-next';
|
||
|
||
import { useTitle } from '@vueuse/core';
|
||
|
||
import { $t, setupI18n } from '#/locales';
|
||
import { setupFormCreate } from '#/plugins/form-create';
|
||
|
||
import { initComponentAdapter } from './adapter/component';
|
||
import { initSetupVbenForm } from './adapter/form';
|
||
import App from './app.vue';
|
||
import { router } from './router';
|
||
|
||
async function bootstrap(namespace: string) {
|
||
// 初始化组件适配器
|
||
await initComponentAdapter();
|
||
|
||
// 初始化表单组件
|
||
await initSetupVbenForm();
|
||
|
||
// // 设置弹窗的默认配置
|
||
// setDefaultModalProps({
|
||
// fullscreenButton: false,
|
||
// });
|
||
// // 设置抽屉的默认配置
|
||
// setDefaultDrawerProps({
|
||
// zIndex: 1020,
|
||
// });
|
||
|
||
const app = createApp(App);
|
||
app.use(VueDOMPurifyHTML);
|
||
|
||
// 注册v-loading指令
|
||
registerLoadingDirective(app, {
|
||
loading: 'loading', // 在这里可以自定义指令名称，也可以明确提供false表示不注册这个指令
|
||
spinning: 'spinning',
|
||
});
|
||
|
||
// 国际化 i18n 配置
|
||
await setupI18n(app);
|
||
|
||
// 配置 pinia-store
|
||
await initStores(app, { namespace });
|
||
|
||
// 安装权限指令
|
||
registerAccessDirective(app);
|
||
|
||
// 初始化 tippy
|
||
const { initTippy } = await import('@vben/common-ui/es/tippy');
|
||
initTippy(app);
|
||
|
||
// 配置路由及路由守卫
|
||
app.use(router);
|
||
|
||
// formCreate
|
||
setupFormCreate(app);
|
||
|
||
// 配置Motion插件
|
||
const { MotionPlugin } = await import('@vben/plugins/motion');
|
||
app.use(MotionPlugin);
|
||
|
||
// 动态更新标题
|
||
watchEffect(() => {
|
||
if (preferences.app.dynamicTitle) {
|
||
const routeTitle = router.currentRoute.value.meta?.title;
|
||
const pageTitle =
|
||
(routeTitle ? `${$t(routeTitle)} - ` : '') + preferences.app.name;
|
||
useTitle(pageTitle);
|
||
}
|
||
});
|
||
|
||
app.mount('#app');
|
||
}
|
||
|
||
export { bootstrap };
|