create-librex 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-librex",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "LibreX — 积木式后台管理框架项目脚手架",
   "type": "module",
   "bin": {

package/template/src/pages/dashboard/pageConfig.ts

@@ -0,0 +1,31 @@
+import { definePageConfig, useContext } from 'librex'
+
+export default definePageConfig({
+  title: '仪表盘',
+  path: '/dashboard',
+  icon: 'LayoutDashboard',
+  navOrder: 1,
+
+  builtinBricks: ['LStatsBar', 'LSearchBar', 'LDataTable', 'LRowActionBar'],
+
+  setup({ setTableColumns, setTableData, setStats, setStatsLabels }) {
+    const store = useContext()
+
+    setStats({ total: 12800, primary: 5632, junior: 23, senior: 7145 })
+    setStatsLabels({ total: '访问量', primary: '订单量', junior: '待处理', senior: '已完成' })
+
+    setTableColumns([
+      { key: 'id', label: 'ID', sortable: true, width: 60 },
+      { key: 'name', label: '项目名称', sortable: true },
+      { key: 'progress', label: '进度', sortable: true },
+      { key: 'status', label: '状态', sortable: true },
+    ])
+
+    setTableData([
+      { id: 1, name: 'LibreX 框架', progress: '85%', status: '进行中' },
+      { id: 2, name: '用户中心', progress: '100%', status: '已完成' },
+      { id: 3, name: '数据分析', progress: '30%', status: '规划中' },
+      { id: 4, name: '消息推送', progress: '60%', status: '开发中' },
+    ])
+  },
+})

package/template/src/pages/notFound/NotFound.vue

@@ -11,8 +11,10 @@
 
 <style scoped>
 .not-found-page {
+  grid-area: main;
+  grid-column: 1 / -1;
   display: flex; align-items: center; justify-content: center;
-  min-height: 100vh; padding: 40px;
+  width: 100%; height: 100%;
   background: var(--color-bg-viewport, #f0f2f5);
   color: var(--color-text-primary, #333);
 }

package/template/src/pages/users/pageConfig.ts

@@ -0,0 +1,47 @@
+import { definePageConfig, useContext, useConfirm } from 'librex'
+
+export default definePageConfig({
+  title: '用户管理',
+  path: '/users',
+  icon: 'Users',
+  navOrder: 2,
+
+  builtinBricks: ['LSearchBar', 'LDataTable', 'LRowActionBar', 'LBatchActionBar'],
+
+  setup({ setTableColumns, setTableData, setPageHooks }) {
+    const store = useContext()
+    const confirmStore = useConfirm()
+
+    setTableColumns([
+      { key: 'id', label: 'ID', sortable: true, width: 60 },
+      { key: 'username', label: '用户名', sortable: true },
+      { key: 'role', label: '角色', sortable: true },
+      { key: 'email', label: '邮箱' },
+      { key: 'createdAt', label: '创建时间', sortable: true },
+    ])
+
+    setTableData([
+      { id: 1, username: 'admin', role: '管理员', email: 'admin@librex.dev', createdAt: '2025-01-15' },
+      { id: 2, username: 'zhangsan', role: '编辑者', email: 'zhangsan@librex.dev', createdAt: '2025-03-20' },
+      { id: 3, username: 'lisi', role: '观察者', email: 'lisi@librex.dev', createdAt: '2025-04-10' },
+      { id: 4, username: 'wangwu', role: '编辑者', email: 'wangwu@librex.dev', createdAt: '2025-05-08' },
+      { id: 5, username: 'zhaoliu', role: '观察者', email: 'zhaoliu@librex.dev', createdAt: '2025-06-01' },
+    ])
+
+    setPageHooks({
+      onDelete: async (row) => {
+        const confirmed = await confirmStore.confirmDelete([row.id as number])
+        if (!confirmed) return
+        store.setTableData((store.tableData as any[]).filter((r: any) => r.id !== row.id))
+        store.pushNotification({ type: 'success', title: `已删除 ${row.username}` })
+      },
+      onBatchDelete: async (ids) => {
+        const confirmed = await confirmStore.confirmDelete(ids)
+        if (!confirmed) return
+        store.removeRows(ids)
+        store.clearSelection()
+        store.pushNotification({ type: 'success', title: `已删除 ${ids.length} 条` })
+      },
+    })
+  },
+})

package/template/src/router/index.ts

@@ -13,6 +13,7 @@ const allConfigs: PageConfig[] = brickRoutes
   .filter(Boolean) as PageConfig[]
 
 const routes: RouteRecordRaw[] = [
+  { path: '/', redirect: '/dashboard' },
   { path: '/login', name: 'login', component: LoginPage },
   ...brickRoutes,
   { path: '/:pathMatch(.*)*', name: 'not-found', component: NotFound },

package/template/src/stores/user.ts

@@ -22,29 +22,38 @@ export const useUserStore = defineStore('user', () => {
   async function login(credentials: { username: string; password: string }): Promise<boolean> {
     loading.value = true
     try {
-      // TODO: 替换为实际登录 API
+      // DEMO 账号 — 无后端时可用，替换为你的 API 后请删除
+      if (credentials.username === 'admin' && credentials.password === 'admin123') {
+        token.value = 'demo-token-librex'
+        currentUser.value = { id: 1, name: 'Admin', role: 'admin' }
+        localStorage.setItem(TOKEN_KEY, token.value)
+        localStorage.setItem(USER_KEY, JSON.stringify(currentUser.value))
+        loading.value = false
+        return true
+      }
+
+      // 实际 API 登录
       const res = await fetch('/api/admin/login', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
         body: JSON.stringify({ account: credentials.username, password: credentials.password }),
       })
       const data = await res.json()
-      if (data.code !== 1 || !data.data) return false
+      if (data.code !== 1 || !data.data) { loading.value = false; return false }
 
       token.value = data.data.token || data.data.session_id
       localStorage.setItem(TOKEN_KEY, token.value || '')
 
-      // 获取用户信息
       const user = await fetchUserInfo()
       if (user) {
         currentUser.value = user
         localStorage.setItem(USER_KEY, JSON.stringify(user))
       }
+      loading.value = false
       return true
     } catch {
-      return false
-    } finally {
       loading.value = false
+      return false
     }
   }