Defer admin form runtime loading

web/apps/web-ele/src/adapter/component/index.ts

@@ -174,6 +174,8 @@ const withDefaultPlaceholder = <T extends Component>(
 };
 
 // 这里需要自行根据业务组件库进行适配，需要用到的组件都需要在这里类型说明
+let initialized = false;
+
 export type ComponentType =
   | 'ApiSelect'
   | 'ApiTreeSelect'
@@ -203,7 +205,11 @@ export type ComponentType =
   | 'UserSelector'
   | BaseFormComponentType;
 
-async function initComponentAdapter() {
+function initComponentAdapter() {
+  if (initialized) {
+    return;
+  }
+
   const components: Partial<Record<ComponentType, Component>> = {
     // 如果你的组件体积比较大，可以使用异步加载
     // Button: () =>
@@ -349,6 +355,7 @@ async function initComponentAdapter() {
 
   // 将组件注册到全局共享状态中
   globalShareState.setComponents(components);
+  initialized = true;
 
   // 定义全局共享状态中的消息提示
   globalShareState.defineMessage({

web/apps/web-ele/src/adapter/form.ts

@@ -8,7 +8,16 @@ import type { ComponentType } from './component';
 import { setupVbenForm, useVbenForm as useForm, z } from '@vben-core/form-ui';
 import { $t } from '@vben/locales';
 
-async function initSetupVbenForm() {
+import { initComponentAdapter } from './component';
+
+let initialized = false;
+
+function initSetupVbenForm() {
+  if (initialized) {
+    return;
+  }
+
+  initComponentAdapter();
   setupVbenForm<ComponentType>({
     config: {
       modelPropNameMap: {
@@ -31,8 +40,11 @@ async function initSetupVbenForm() {
       },
     },
   });
+  initialized = true;
 }
 
+initSetupVbenForm();
+
 const useVbenForm = useForm<ComponentType>;
 
 export { initSetupVbenForm, useVbenForm, z };

web/apps/web-ele/src/adapter/message.ts

@@ -0,0 +1,21 @@
+import { globalShareState } from '@vben-core/shared/global-state';
+
+function initMessageAdapter() {
+  globalShareState.defineMessage({
+    copyPreferencesSuccess: (title, content) => {
+      void import('element-plus/es/components/notification/index').then(
+        ({ ElNotification }) => {
+          ElNotification({
+            title,
+            message: content,
+            position: 'bottom-right',
+            duration: 0,
+            type: 'success',
+          });
+        },
+      );
+    },
+  });
+}
+
+export { initMessageAdapter };