create-librex 1.0.3 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-librex",
-  "version": "1.0.3",
+  "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,6 +11,8 @@
 
 <style scoped>
 .not-found-page {
+  grid-area: main;
+  grid-column: 1 / -1;
   display: flex; align-items: center; justify-content: center;
   width: 100%; height: 100%;
   background: var(--color-bg-viewport, #f0f2f5);

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 },