初始化

easyflow-ui-admin/app/src/bootstrap.ts

@@ -0,0 +1,92 @@
+import { createApp, watchEffect } from 'vue';
+import {
+  BubbleList,
+  Conversations,
+  Sender,
+  Thinking,
+  XMarkdown,
+} from 'vue-element-plus-x';
+
+import { registerAccessDirective } from '@easyflow/access';
+import { registerLoadingDirective } from '@easyflow/common-ui';
+import { preferences } from '@easyflow/preferences';
+import { initStores } from '@easyflow/stores';
+import '@easyflow/styles';
+import '@easyflow/styles/ele';
+
+import { useTitle } from '@vueuse/core';
+import { ElLoading } from 'element-plus';
+
+import { $t, setupI18n } from '#/locales';
+
+import { initComponentAdapter } from './adapter/component';
+import { initSetupEasyFlowForm } from './adapter/form';
+import App from './app.vue';
+import { router } from './router';
+
+async function bootstrap(namespace: string) {
+  // 初始化组件适配器
+  await initComponentAdapter();
+
+  // 初始化表单组件
+  await initSetupEasyFlowForm();
+
+  // // 设置弹窗的默认配置
+  // setDefaultModalProps({
+  //   fullscreenButton: false,
+  // });
+  // // 设置抽屉的默认配置
+  // setDefaultDrawerProps({
+  //   zIndex: 2000,
+  // });
+  const app = createApp(App);
+
+  // 注册Element Plus提供的v-loading指令
+  app.directive('loading', ElLoading.directive);
+
+  app.component('ElBubbleList', BubbleList);
+  app.component('ElConversations', Conversations);
+  app.component('ElSender', Sender);
+  app.component('ElXMarkdown', XMarkdown);
+  app.component('ElThinking', Thinking);
+
+  // 注册EasyFlow提供的v-loading和v-spinning指令
+  registerLoadingDirective(app, {
+    loading: false, // EasyFlow提供的v-loading指令和Element Plus提供的v-loading指令二选一即可，此处false表示不注册EasyFlow提供的v-loading指令
+    spinning: 'spinning',
+  });
+
+  // 国际化 i18n 配置
+  await setupI18n(app);
+
+  // 配置 pinia-tore
+  await initStores(app, { namespace });
+
+  // 安装权限指令
+  registerAccessDirective(app);
+
+  // 初始化 tippy
+  const { initTippy } = await import('@easyflow/common-ui/es/tippy');
+  initTippy(app);
+
+  // 配置路由及路由守卫
+  app.use(router);
+
+  // 配置Motion插件
+  const { MotionPlugin } = await import('@easyflow/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 };