From e467692590a3d52ab91e7c41080ac961c03bc254 Mon Sep 17 00:00:00 2001 From: Zheng-Changfu Date: Thu, 15 May 2025 19:10:20 +0800 Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E6=94=AF=E6=8C=81=20pro-naiv?= =?UTF-8?q?e-ui=20=E9=85=8D=E7=BD=AE=E8=A1=A8=E5=8D=95=E7=9A=84=E6=8C=89?= =?UTF-8?q?=E9=9C=80=E5=8A=A0=E8=BD=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main.ts | 11 ++++++++++- src/plugins/components.ts | 10 ++++++++++ src/plugins/index.ts | 1 + 3 files changed, 21 insertions(+), 1 deletion(-) create mode 100644 src/plugins/components.ts diff --git a/src/main.ts b/src/main.ts index b97a0d93..5d207075 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,6 +1,13 @@ import { createApp } from 'vue'; import './plugins/assets'; -import { setupAppVersionNotification, setupDayjs, setupIconifyOffline, setupLoading, setupNProgress } from './plugins'; +import { + setupAppVersionNotification, + setupDayjs, + setupIconifyOffline, + setupLoading, + setupNProgress, + setupProNaiveComponents +} from './plugins'; import { setupStore } from './store'; import { setupRouter } from './router'; import { setupI18n } from './locales'; @@ -21,6 +28,8 @@ async function setupApp() { await setupRouter(app); + setupProNaiveComponents(app); + setupI18n(app); setupAppVersionNotification(); diff --git a/src/plugins/components.ts b/src/plugins/components.ts new file mode 100644 index 00000000..f0c2b134 --- /dev/null +++ b/src/plugins/components.ts @@ -0,0 +1,10 @@ +import type { App } from 'vue'; +import { ProDate, ProDateTime, ProInput, ProRate, create } from 'pro-naive-ui'; + +/** pro-naive-ui 支持配置表单的按需加载,所以需要注册 */ +export function setupProNaiveComponents(app: App) { + const proNaive = create({ + components: [ProInput, ProDate, ProDateTime, ProRate] + }); + app.use(proNaive); +} diff --git a/src/plugins/index.ts b/src/plugins/index.ts index b2c9f9b5..3f5a0014 100644 --- a/src/plugins/index.ts +++ b/src/plugins/index.ts @@ -1,5 +1,6 @@ export * from './loading'; export * from './nprogress'; +export * from './components'; export * from './iconify'; export * from './dayjs'; export * from './app';