create-librex 1.0.3 → 1.0.5

package/package.json

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

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

@@ -0,0 +1,32 @@
+import { definePageConfig, useContext } from 'librex'
+
+export default definePageConfig({
+  title: '仪表盘',
+  path: '/dashboard',
+  icon: 'layout-dashboard',
+  navOrder: 1,
+  navGroup: '📊 数据概览',
+
+  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/detail/pageConfig.ts

@@ -0,0 +1,40 @@
+import { definePageConfig } from 'librex'
+
+/**
+ * 隐藏详情页 — 路径含 /:id，自动标记 hasParams=true，不出现在导航中。
+ *
+ * 从列表页跳转: router.push('/users/' + row.id)
+ */
+
+export default definePageConfig({
+  title: '用户详情',
+  path: '/users/detail/:id',
+
+  // 路径有 /: → hasParams 自动 true → IconRail 不显示
+  // icon + navGroup 可省略，因为不在导航中出现
+
+  builtinBricks: ['LForm'],
+
+  defaultState: 'reviewing',
+
+  setup({ setFormFields, setTableData }) {
+    setFormFields([
+      { key: 'id', label: 'ID', fieldType: 'input' },
+      { key: 'username', label: '用户名', fieldType: 'input', required: true },
+      { key: 'role', label: '角色', fieldType: 'select', props: {
+        options: [
+          { label: '管理员', value: 'admin' },
+          { label: '编辑者', value: 'editor' },
+          { label: '观察者', value: 'viewer' },
+        ],
+      }},
+      { key: 'email', label: '邮箱', fieldType: 'input' },
+      { key: 'phone', label: '电话', fieldType: 'input' },
+    ])
+
+    // 模拟从 API 加载数据
+    setTableData([
+      { id: 1, username: 'admin', role: 'admin', email: 'admin@librex.dev', phone: '13800000001' },
+    ])
+  },
+})

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

@@ -0,0 +1,51 @@
+import { definePageConfig, useContext, useConfirm } from 'librex'
+
+export default definePageConfig({
+  title: '用户管理',
+  path: '/users',
+  icon: 'users',
+  navOrder: 2,
+  navGroup: '📊 数据概览',
+
+  builtinBricks: ['LSearchBar', 'LDataTable', 'LRowActionBar', 'LBatchActionBar'],
+
+  // 行操作 — "查看"按钮跳隐藏详情页 /users/detail/:id
+  rowActions: [{ label: '查看', subView: 'detail' }],
+
+  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/vite-plugin-librex.ts

@@ -96,10 +96,12 @@ export function vitePluginLibrex(): Plugin {
     for (const route of r) {
       const lastSlash = route.path.lastIndexOf('/')
       if (lastSlash <= 0) continue
-      const parentPath = route.path.slice(0, lastSlash)
+      let parentPath = route.path.slice(0, lastSlash)
+      // 剥离参数段 (:id) 再匹配 — 如 /unit/detail/:id → 匹配 /unit
       const parent = r.find(rr => rr.path === parentPath)
+        ?? r.find(rr => rr.path === parentPath.replace(/\/[^/]*:[^/]+$/, ''))
       if (!parent) continue
-      const groupName = parent.navGroup || `${parent.icon} ${parent.title}`
+      const groupName = parent.navGroup || `${parent.title}`
       if (!route.navGroup) route.navGroup = groupName
       if (!parent.navGroup) parent.navGroup = groupName
     }