feat: Feature/pro docs (#70)

* chore: merge main

* feat: update docs

* feat: remove coze-assistant

* feat: add watermark plugin

* feat: update preferences

* feat: update docs

---------

Co-authored-by: vince <vince292007@gmail.com>

apps/web-antd/src/main.ts

@@ -1,3 +1,4 @@
+import { unmountGlobalLoading } from '@vben/hooks';
 import { initPreferences } from '@vben/preferences';
 
 import { overridesPreferences } from './preferences';
@@ -9,7 +10,8 @@ async function initApplication() {
   // name用于指定项目唯一标识
   // 用于区分不同项目的偏好设置以及存储数据的key前缀以及其他一些需要隔离的数据
   const env = import.meta.env.PROD ? 'prod' : 'dev';
-  const namespace = `${import.meta.env.VITE_APP_NAMESPACE}-${env}`;
+  const appVersion = import.meta.env.VITE_APP_VERSION;
+  const namespace = `${import.meta.env.VITE_APP_NAMESPACE}-${appVersion}-${env}`;
 
   // app偏好设置初始化
   await initPreferences({
@@ -23,38 +25,7 @@ async function initApplication() {
   await bootstrap(namespace);
 
   // 移除并销毁loading
-  destroyAppLoading();
-}
-
-/**
- * 移除并销毁loading
- * 放在这里是而不是放在 index.html 的app标签内，是因为这样比较不会生硬，渲染过快可能会有闪烁
- * 通过先添加css动画隐藏，在动画结束后在移除loading节点来改善体验
- * 不好的地方是会增加一些代码量
- */
-function destroyAppLoading() {
-  // 查找全局 loading 元素
-  const loadingElement = document.querySelector('#__app-loading__');
-
-  if (loadingElement) {
-    // 添加隐藏类，触发过渡动画
-    loadingElement.classList.add('hidden');
-
-    // 查找所有需要移除的注入 loading 元素
-    const injectLoadingElements = document.querySelectorAll(
-      '[data-app-loading^="inject"]',
-    );
-
-    // 当过渡动画结束时，移除 loading 元素和所有注入的 loading 元素
-    loadingElement.addEventListener(
-      'transitionend',
-      () => {
-        loadingElement.remove(); // 移除 loading 元素
-        injectLoadingElements.forEach((el) => el.remove()); // 移除所有注入的 loading 元素
-      },
-      { once: true },
-    ); // 确保事件只触发一次
-  }
+  unmountGlobalLoading();
 }
 
 initApplication();