create-jnrs-template-vue 1.2.6 → 1.2.8

package/README.md

@@ -9,15 +9,18 @@ TypeScript、Vue3 生态
 ## 🧩 安装使用说明
 新项目默认名称为 jnrs-template-vue
 ```shell
-✅ 正确用法
+# ✅ 正确用法
+# 创建新项目
 pnpm create jnrs-template-vue@latest
+# 在当前目录下创建项目
+pnpm create jnrs-template-vue@latest .
 
-cd jnrs-template-vue
+# 安装依赖/启动开发/打包构建
 pnpm i
 pnpm dev
 pnpm build
 
-❌ 错误用法（不要这样做！）
+# ❌ 错误用法
 pnpm add create-jnrs-template-vue
 ```
 

package/bin/create.mjs

@@ -1,3 +1,11 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : create.mjs
+ * @Date   : 2026/01/01
+ * @Desc.  : 脚手架创建脚本
+ */
+
 import { fileURLToPath } from 'url'
 import { dirname, join, relative } from 'path'
 import { promises as fs, existsSync } from 'fs'
@@ -68,6 +76,9 @@ async function main() {
   const argv = minimist(process.argv.slice(2), { string: ['_'] })
   let targetDir = argv._[0]
 
+  // 新增：判断是否使用当前目录
+  const isCurrentDir = targetDir === '.'
+
   if (!targetDir) {
     const { name } = await prompts({
       type: 'text',
@@ -85,7 +96,8 @@ async function main() {
     })
     if (!name) process.exit(1)
     targetDir = name
-  } else {
+  } else if (!isCurrentDir) {
+    // 仅当不是当前目录时，才校验包名和目录是否存在
     if (!isValidPackageName(targetDir)) {
       console.error('❌ 无效的项目名称:', targetDir)
       console.error('   包名称必须有效（小写、无空格等）')
@@ -97,7 +109,8 @@ async function main() {
     }
   }
 
-  const root = join(process.cwd(), targetDir.trim())
+  // 设置根目录：如果是当前目录，则用 process.cwd()
+  const root = isCurrentDir ? process.cwd() : join(process.cwd(), targetDir.trim())
 
   // 复制模板
   const templateDir = join(__dirname, '..', 'jnrs-template-vue')
@@ -106,7 +119,13 @@ async function main() {
   // 更新 package.json
   const pkgPath = join(root, 'package.json')
   const pkg = JSON.parse(await fs.readFile(pkgPath, 'utf8'))
-  pkg.name = toValidPackageName(targetDir)
+
+  // 如果是当前目录，使用当前文件夹名称作为包名；否则使用 targetDir
+  const pkgName = isCurrentDir
+    ? toValidPackageName(process.cwd().split(/[\\/]/).pop() || 'jnrs-template-vue')
+    : toValidPackageName(targetDir)
+
+  pkg.name = pkgName
   await fs.writeFile(pkgPath, JSON.stringify(pkg, null, 2))
 
   // 检测可用包管理器

package/jnrs-template-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "JNRS 信息化管理系统",
   "author": "talia_tan",
   "private": true,
@@ -19,10 +19,11 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.3.2",
-    "@jnrs/shared": "1.1.11",
-    "@jnrs/vue-core": "1.2.8",
+    "@jnrs/shared": "1.1.12",
+    "@jnrs/vue-core": "1.2.9",
+    "@jnrs/lingshu-smart": "2.2.3",
     "@vueuse/core": "^14.1.0",
-    "element-plus": "^2.11.9",
+    "element-plus": "^2.13.3",
     "pinia": "^3.0.4",
     "pinia-plugin-persistedstate": "^4.7.1",
     "vue": "^3.5.25",

package/jnrs-template-vue/public/system/menu.json

@@ -3,8 +3,6 @@
   "msg": "操作成功",
   "data": [
     {
-      "path": "/demos",
-      "name": "Demos",
       "meta": {
         "title": "功能演示",
         "icon": "StarFilled",
@@ -37,6 +35,23 @@
             "todoCount": 0
           },
           "component": "/demos/crud/index"
+        },
+        {
+          "path": "/testRedirect",
+          "name": "TestRedirect",
+          "meta": {
+            "title": "重定向测试"
+          },
+          "redirect": "/crud"
+        },
+        {
+          "path": "/testAlias",
+          "name": "TestAlias",
+          "meta": {
+            "title": "相同component不同path",
+            "testId": 1
+          },
+          "component": "/demos/crud/index"
         }
       ]
     },
@@ -51,6 +66,17 @@
       },
       "component": "/visual/index"
     },
+    {
+      "path": "/lingshuSmart/editorPage",
+      "name": "LingshuSmartEditorPage",
+      "meta": {
+        "title": "Lingshu Smart",
+        "icon": "Promotion",
+        "noAuth": true,
+        "global": true
+      },
+      "component": "/lingshuSmart/editorPage"
+    },
     {
       "meta": {
         "title": "系统管理",
@@ -76,8 +102,7 @@
             "todoCount": 0,
             "permissions": ["user:view", "user:edit"]
           },
-          "component": "/system/user/index",
-          "redirect": "/crud"
+          "component": "/system/user/index"
         },
         {
           "path": "/system/role",

package/jnrs-template-vue/src/api/demos/index.ts

@@ -124,7 +124,7 @@ export const ImportTemplateApi = (): Promise<Blob> => {
 /**
  * 项目数据导入
  */
-export const ImportDataApi = (data: { file: File }) => {
+export const ImportDataApi = (data: FormData) => {
   return axiosRequest({
     url: '/mock/project/import',
     method: 'post',

package/jnrs-template-vue/src/layout/RouterTabs /344/277/256/345/244/215/350/267/257/347/224/261/350/267/263/350/275/254/346/220/272/345/270/246/345/217/202/346/225/260/351/227/256/351/242/230.vue"

@@ -0,0 +1,150 @@
+<template>
+  <div class="routerTabs">
+    <el-tabs v-model="activeTab" type="card" @tab-remove="removeTab" @tab-click="handleTabClick">
+      <el-tab-pane
+        v-for="item in tabs"
+        :key="item.fullPath"
+        :name="item.fullPath"
+        :closable="item.path !== HOME_PATH"
+      >
+        <template #label>
+          <span>{{ tabLabel(item) }}</span>
+        </template>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script setup>
+import { ref, watch, computed, onMounted } from 'vue'
+import { useRouter, useRoute } from 'vue-router'
+
+const HOME_PATH = '/home/index'
+const router = useRouter()
+const route = useRoute()
+
+// 使用 fullPath 作为激活 Tab 的值
+const activeTab = ref(route.fullPath)
+
+// Tab 列表：每个 tab 包含 fullPath、path、meta
+const tabs = ref([
+  {
+    fullPath: route.fullPath,
+    path: route.path,
+    meta: route.meta
+  }
+])
+
+// 标签页标题计算
+const tabLabel = computed(() => {
+  return function (item) {
+    let label = item.meta?.title || '未命名'
+    if (item.meta?.fullPathTitle) {
+      label = item.meta.fullPathTitle.replace(/,/g, '/')
+    }
+    return label
+  }
+})
+
+// 初始化：插入首页（如果当前不是首页）
+onMounted(() => {
+  if (route.path !== HOME_PATH) {
+    tabs.value.unshift({
+      fullPath: HOME_PATH,
+      path: HOME_PATH,
+      meta: { title: '工作台' }
+    })
+  }
+})
+
+// 添加标签页（基于当前 route）
+const addTab = () => {
+  const currentRoute = route
+
+  // 如果已存在相同 fullPath 的 Tab，直接激活，不重复添加
+  const existingTab = tabs.value.find((tab) => tab.fullPath === currentRoute.fullPath)
+  if (existingTab) {
+    activeTab.value = currentRoute.fullPath
+    return
+  }
+
+  // 添加新 Tab
+  tabs.value.push({
+    fullPath: currentRoute.fullPath,
+    path: currentRoute.path,
+    meta: currentRoute.meta
+  })
+  activeTab.value = currentRoute.fullPath
+}
+
+// 移除标签页
+const removeTab = (targetFullPath) => {
+  if (targetFullPath === HOME_PATH) return
+
+  const currentIndex = tabs.value.findIndex((tab) => tab.fullPath === targetFullPath)
+  if (currentIndex === -1) return
+
+  // 删除 Tab
+  tabs.value.splice(currentIndex, 1)
+
+  // 如果删除的是当前激活的 Tab
+  if (activeTab.value === targetFullPath) {
+    const nextTab = tabs.value[currentIndex] || tabs.value[currentIndex - 1]
+    if (nextTab) {
+      activeTab.value = nextTab.fullPath
+      router.push(nextTab.fullPath)
+    } else {
+      // 回退到首页
+      activeTab.value = HOME_PATH
+      router.push(HOME_PATH)
+    }
+  }
+}
+
+// 监听路由变化（使用 fullPath）
+watch(
+  () => route.fullPath,
+  (newFullPath) => {
+    // 避免由 Tab 点击触发的导航再次添加 Tab（防止循环）
+    if (newFullPath !== activeTab.value) {
+      addTab()
+    }
+  },
+  { immediate: true }
+)
+
+// 处理标签页点击
+const handleTabClick = (tab) => {
+  const fullPath = tab.props.name // el-tab-pane 的 name 即 fullPath
+  if (fullPath !== activeTab.value) {
+    activeTab.value = fullPath
+    router.push(fullPath)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.routerTabs {
+  :deep(.el-tabs__header) {
+    margin-bottom: 0;
+    height: 32px;
+  }
+  :deep(.el-tabs__item) {
+    color: #888;
+    font-size: 12px;
+    height: 32px;
+  }
+  :deep(.el-tabs__item.is-active) {
+    color: #09a2a5;
+    border-bottom-color: #f2f2f2;
+  }
+  :deep(.el-tabs__nav-prev) {
+    color: #09a2a5;
+    background: #fff;
+  }
+  :deep(.el-tabs__nav-next) {
+    color: #09a2a5;
+    background: #fff;
+  }
+}
+</style>

package/jnrs-template-vue/src/layout/SideMenu.vue

@@ -30,7 +30,7 @@ const route = useRoute()
       class="leftSide_menu"
       popper-class="layoutPage_leftSide_menu_popper"
       :router="true"
-      :default-active="route.path"
+      :default-active="route.name"
       :collapse="menuCollapse"
       :unique-opened="true"
     >

package/jnrs-template-vue/src/layout/SideMenuItem.vue

@@ -11,7 +11,7 @@ const { menuCollapse } = useSystemStore()
 
 <template>
   <!-- 一级路由 -->
-  <el-menu-item :index="listItem.path" v-if="!listItem.children">
+  <el-menu-item :index="listItem.name" :route="listItem.path" v-if="!listItem.children">
     <el-icon v-if="listItem.meta.icon">
       <component :is="listItem.meta.icon" />
     </el-icon>

package/jnrs-template-vue/src/router/index.ts

@@ -1,7 +1,7 @@
-import { LAYOUT_NAME, GLOBAL_COMPONENT, routes } from './routes'
-import { createVueRouter } from '@jnrs/vue-core/router'
 import type { FileModules, RouteLocationNormalizedGeneric } from '@jnrs/vue-core/router'
 import type { MenuItem } from '@jnrs/vue-core'
+import { LAYOUT_NAME, GLOBAL_COMPONENT, routes } from './routes'
+import { createVueRouter } from '@jnrs/vue-core/router'
 import { useAuthStore, useMenuStore } from '@jnrs/vue-core/pinia'
 import { MenuApi } from '@/api/system'
 import { hasMenuViewPermission } from '@/utils/permissions'

package/jnrs-template-vue/src/views/demos/crud/index.vue

@@ -5,6 +5,7 @@ import type { ProjectItem, AddProjectItem } from '@/api/demos/index'
 import { ref, onActivated } from 'vue'
 import { ElMessage } from 'element-plus'
 import { Plus } from '@element-plus/icons-vue'
+import { useRoute } from '@jnrs/vue-core/router'
 import { objectMatchAssign, dateFormatsToObject } from '@jnrs/shared'
 import { debounce } from '@jnrs/shared/lodash'
 import { isNumberGtZero } from '@jnrs/shared/validator'
@@ -26,6 +27,7 @@ const loading = ref(false)
 const tableData = ref<ProcessedProjectItem[]>([])
 const total = ref(0)
 const pagination = ref<Pagination>({ pageNo: 1, pageSize: 20 })
+const route = useRoute()
 
 // 编辑
 const editDialogRef = ref()
@@ -128,6 +130,7 @@ const submitForm = () => {
 }
 
 onActivated(() => {
+  console.log(route.meta)
   getTable()
 })
 </script>

package/jnrs-template-vue/src/views/demos/unitTest/index.vue

@@ -31,6 +31,21 @@ const handleRouteChange = () => {
   })
 }
 
+const handleRouterSystemMine = () => {
+  handleRouter({
+    name: 'SystemMine',
+    query: {
+      id: 1
+    }
+  })
+  // handleRouter({
+  //   path: '/system/mine/index',
+  //   query: {
+  //     id: 1
+  //   }
+  // })
+}
+
 const changeI18n = () => {
   datetime.value = formatDateTime() + ' ' + formatWeekday()
   isFloatGtZero({}, '0', (msg) => {
@@ -80,7 +95,8 @@ onMounted(() => {
     </ul>
     <RequestPage />
     <p>完整路由测试（先点击按钮，获取完整菜单数据）</p>
-    <el-button type="success" plain @click="handleMenuApi">获取完整菜单数据</el-button>
+    <el-button type="success" plain size="small" @click="handleRouterSystemMine">跳转到个人中心</el-button>
+    <el-button type="success" plain size="small" @click="handleMenuApi">获取完整菜单数据</el-button>
     <el-cascader
       v-model="currentRoute"
       :options="routeOptions"
@@ -89,6 +105,7 @@ onMounted(() => {
         value: 'name',
         label: 'name'
       }"
+      size="small"
       :show-all-levels="false"
       @change="handleRouteChange"
     >

package/jnrs-template-vue/src/views/lingshuSmart/editorPage.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import { LingshuSmartEditor } from '@jnrs/lingshu-smart/components'
+</script>
+
+<template>
+  <LingshuSmartEditor />
+</template>
+
+<style lang="scss" scoped></style>

package/jnrs-template-vue/src/views/system/menu/index.vue

@@ -21,13 +21,13 @@ const { menus } = useMenuStore()
           <el-icon v-if="row.meta.icon"><component :is="row.meta.icon" /></el-icon>
         </template>
       </el-table-column>
-      <el-table-column prop="path" label="路由地址" min-width="120" header-align="center" />
-      <el-table-column prop="component" label="component path" min-width="120" header-align="center" />
+      <el-table-column prop="path" label="path" min-width="120" header-align="center" />
+      <el-table-column prop="name" label="name" min-width="120" header-align="center" />
+      <el-table-column prop="component" label="component" min-width="120" header-align="center" />
       <el-table-column prop="redirect" label="redirect" min-width="120" header-align="center" />
-      <el-table-column prop="editRole" label="权限标识" min-width="120" header-align="center">
+      <el-table-column prop="meta.permissions" label="permissions" min-width="120" header-align="center">
         <template #default="{ row }">
-          <span v-if="!row.meta.permissions" style="color: #999">auto</span>
-          <span v-else>{{ row.meta.permissions }}</span>
+          <span>{{ row.meta.permissions }}</span>
         </template>
       </el-table-column>
       <el-table-column prop="type" label="类型" width="80" align="center">
@@ -36,18 +36,8 @@ const { menus } = useMenuStore()
           <el-tag type="success" v-else>目录</el-tag>
         </template>
       </el-table-column>
-      <el-table-column prop="type" label="NoAuthApi" width="80" align="center">
-        <template #default="{ row }">
-          <el-tag type="danger" v-if="row.meta.noAuth">否</el-tag>
-          <el-tag type="success" v-else>是</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column prop="type" label="Global" width="80" align="center">
-        <template #default="{ row }">
-          <el-tag type="success" v-if="row.meta.global">是</el-tag>
-          <el-tag type="primary" v-else>否</el-tag>
-        </template>
-      </el-table-column>
+      <el-table-column prop="meta.noAuth" label="meta.noAuth" width="80" align="center" />
+      <el-table-column prop="meta.global" label="meta.global" width="80" align="center" />
     </JnTable>
   </el-card>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jnrs-template-vue",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "巨能前端工程化开发，Vue 项目模板脚手架",
   "keywords": [
     "vue",

package/jnrs-template-vue/src/composables/common/useForm.ts

@@ -1,9 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : useForm.ts
- * @Date   : 2025/11/30
- * @Desc.  : 表单通用逻辑
- */
-
-export function useForm() {}

package/jnrs-template-vue/src/composables/common/useModal.ts

@@ -1,9 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : useModal.ts
- * @Date   : 2025/11/30
- * @Desc.  : 弹窗控制逻辑
- */
-
-export function useModal() {}

package/jnrs-template-vue/src/composables/common/usePagination.ts

@@ -1,35 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : useTable.ts
- * @Date   : 2025/11/30
- * @Desc.  : 表格、分页、筛选等通用逻辑
- */
-
-import { ref, computed } from 'vue'
-
-export function useTable<T>(initialData: T[] = []) {
-  const data = ref<T[]>(initialData)
-  const pageSize = ref(10)
-  const pageNo = ref(1)
-
-  // 分页数据
-  const paginatedData = computed(() => {
-    const start = (pageNo.value - 1) * pageSize.value
-    return data.value?.slice(start, start + pageSize.value)
-  })
-
-  // 设置新的数据
-  const setNewData = (newData: T[]) => {
-    data.value = newData
-    pageNo.value = 1
-  }
-
-  return {
-    data,
-    pageSize,
-    pageNo,
-    paginatedData,
-    setNewData
-  }
-}

package/jnrs-template-vue/src/composables/common/useTable.ts

@@ -1,35 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : useTable.ts
- * @Date   : 2025/11/30
- * @Desc.  : 表格
- */
-
-import { ref, computed } from 'vue'
-
-export function useTable<T>(initialData: T[] = []) {
-  const data = ref<T[]>(initialData)
-  const pageSize = ref(10)
-  const pageNo = ref(1)
-
-  // 分页数据
-  const paginatedData = computed(() => {
-    const start = (pageNo.value - 1) * pageSize.value
-    return data.value?.slice(start, start + pageSize.value)
-  })
-
-  // 设置新的数据
-  const setNewData = (newData: T[]) => {
-    data.value = newData
-    pageNo.value = 1
-  }
-
-  return {
-    data,
-    pageSize,
-    pageNo,
-    paginatedData,
-    setNewData
-  }
-}

package/jnrs-template-vue/src/composables/common/useUser.ts

@@ -1,9 +0,0 @@
-/**
- * @Author : TanRui
- * @WeChat : Tan578853789
- * @File   : useUser.ts
- * @Date   : 2025/11/30
- * @Desc.  : 用户相关逻辑
- */
-
-export function useUser() {}