@flecblog/core-nuxt 0.1.0 → 0.1.1

package/composables/useBindEmail.ts

@@ -0,0 +1,49 @@
+/**
+ * 邮箱绑定弹窗状态管理
+ */
+export function useBindEmail() {
+  const showBindEmailModal = useState<boolean>('showBindEmailModal', () => false)
+  const hasTriggeredGlobal = useState<boolean>('hasTriggeredGlobalBindEmail', () => false)
+
+  const openBindEmailModal = () => {
+    showBindEmailModal.value = true
+  }
+
+  const closeBindEmailModal = () => {
+    showBindEmailModal.value = false
+  }
+
+  /**
+   * 全局触发邮箱绑定提示（路由切换时调用，但只触发一次）
+   */
+  const triggerGlobal = () => {
+    // 如果已经触发过全局提示，不再重复触发
+    if (hasTriggeredGlobal.value) return
+
+    const { isLoggedIn, user } = useAuth()
+
+    // 仅在用户已登录但未绑定邮箱时触发
+    if (isLoggedIn.value && user.value && !user.value.email) {
+      openBindEmailModal()
+      hasTriggeredGlobal.value = true
+    }
+  }
+
+  /**
+   * 绑定成功后的回调
+   */
+  const onBindSuccess = () => {
+    closeBindEmailModal()
+    // 刷新用户信息
+    const { refreshUser } = useAuth()
+    refreshUser()
+  }
+
+  return {
+    showBindEmailModal,
+    openBindEmailModal,
+    closeBindEmailModal,
+    triggerGlobal,
+    onBindSuccess,
+  }
+}

package/composables/useLoginModal.ts

@@ -0,0 +1,20 @@
+/**
+ * 登录弹窗状态管理
+ */
+export function useLoginModal() {
+  const showLoginModal = useState<boolean>('showLoginModal', () => false)
+
+  const openLoginModal = () => {
+    showLoginModal.value = true
+  }
+
+  const closeLoginModal = () => {
+    showLoginModal.value = false
+  }
+
+  return {
+    showLoginModal,
+    openLoginModal,
+    closeLoginModal,
+  }
+}

package/composables/useToast.ts

@@ -0,0 +1,56 @@
+import { ref } from 'vue';
+
+// Toast 类型
+type ToastType = 'success' | 'error' | 'warning' | 'info';
+
+// 内部状态接口
+interface ToastItem {
+  id: number;
+  message: string;
+  type: ToastType;
+  show: boolean;
+}
+
+// 全局状态
+const toasts = ref<ToastItem[]>([]);
+let nextId = 1;
+
+// 默认持续时间配置
+const DEFAULT_DURATION: Record<ToastType, number> = {
+  success: 3000,
+  error: 4000,
+  warning: 3500,
+  info: 3000,
+};
+
+/**
+ * Toast 消息提示
+ */
+export function useToast() {
+  const show = (message: string, type: ToastType = 'info', duration?: number) => {
+    const id = nextId++;
+    const toast: ToastItem = { id, message, type, show: true };
+
+    toasts.value.push(toast);
+
+    // 自动移除
+    const delay = duration ?? DEFAULT_DURATION[type];
+    setTimeout(() => {
+      const index = toasts.value.findIndex(t => t.id === id);
+      if (index > -1 && toasts.value[index]) {
+        toasts.value[index]!.show = false;
+        setTimeout(() => toasts.value.splice(index, 1), 300);
+      }
+    }, delay);
+
+    return id;
+  };
+
+  // 便捷方法
+  const success = (message: string, duration?: number) => show(message, 'success', duration);
+  const error = (message: string, duration?: number) => show(message, 'error', duration);
+  const warning = (message: string, duration?: number) => show(message, 'warning', duration);
+  const info = (message: string, duration?: number) => show(message, 'info', duration);
+
+  return { toasts, success, error, warning, info };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flecblog/core-nuxt",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "FlecBlog Nuxt Layer（共享核心）",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -18,13 +18,8 @@
     "types"
   ],
   "dependencies": {
-    "@nuxt/image": "^2.0.0",
-    "@nuxtjs/critters": "^0.9.0",
-    "@nuxtjs/seo": "^5.1.3",
     "@traptitech/markdown-it-katex": "^3.6.0",
-    "@vite-pwa/nuxt": "^1.1.1",
     "@vueuse/core": "^14.2.1",
-    "@vueuse/nuxt": "^14.2.1",
     "dayjs": "^1.11.19",
     "dompurify": "^3.3.1",
     "highlight.js": "^11.11.1",
@@ -49,6 +44,11 @@
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
+    "@nuxt/image": "^2.0.0",
+    "@nuxtjs/critters": "^0.9.0",
+    "@nuxtjs/seo": "^5.1.3",
+    "@vite-pwa/nuxt": "^1.1.1",
+    "@vueuse/nuxt": "^14.2.1",
     "nuxt": "^4.3.0",
     "vue": "^3.5.0"
   },