create-jnrs-template-vue 1.2.7 → 1.2.9

package/README.md

@@ -9,44 +9,48 @@ 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
 ```
 
 ## 📂 模板项目主要结构
 ```Text
 jnrs-template-vue/
-├── dist/                 # 打包构建产物
-├── node_modules/         # 项目依赖
-├── viteMockServe/        # Mock 服务配置（用于开发环境模拟 API）
+├── viteMockServe/        # Mock 服务配置
 ├── public/               # 静态资源
 ├── src/                  # 源码目录
 │   ├── components/       # Vue 组件
 │   ├── composables/      # 组合式函数
+│   ├── layout/           # 布局
 │   ├── views/            # 页面视图
 │   ├── router/           # 路由配置
+│   ├── api/              # 接口定义（已含 request 实例）
+│   ├── types/            # 类型定义
 │   ├── store/            # 状态管理
 │   ├── utils/            # 工具函数
+│   ├── locales/          # 国际化
 │   └── main.ts           # 应用入口
 ├── index.html            # HTML 入口文件
 ├── eslint.config.js      # ESLint 配置文件
-├── package.json          # 项目配置（依赖、脚本等）
+├── package.json          # 包管理配置
 └── vite.config.ts        # Vite 构建配置
 ├── tsconfig.json         # TypeScript 配置
 ├── auto-imports.d.ts     # 自动导入类型声明
 ├── components.d.ts       # 全局组件类型声明
 ├── README.md             # 项目文档
-├── .env.example          # 环境变量模板（供参考）
-├── .env.development      # 开发环境变量（全局）
-├── .env.production       # 生产环境变量（全局）
+├── .env.development      # 开发环境变量
+├── .env.production       # 生产环境变量
 ├── .gitignore            # Git 忽略规则
 ├── .prettierrc.json      # Prettier 格式化配置
 ```

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/README.md

@@ -24,7 +24,7 @@ jnrs-template-vue/
 │   ├── layout/           # 布局
 │   ├── views/            # 页面视图
 │   ├── router/           # 路由配置
-│   ├── api/              # 接口定义
+│   ├── api/              # 接口定义（已含 request 实例）
 │   ├── types/            # 类型定义
 │   ├── store/            # 状态管理
 │   ├── utils/            # 工具函数

package/jnrs-template-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jnrs-template-vue",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "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/shared": "1.1.13",
     "@jnrs/vue-core": "1.2.9",
+    "@jnrs/lingshu-smart": "*",
     "@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

@@ -66,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": "系统管理",

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

@@ -1,4 +1,4 @@
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 
 /**
  * axios 方式下载文件

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

@@ -1,5 +1,5 @@
 import type { Pagination, PageTableData, FileContainer } from '@/types'
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 import { extractFieldId } from '@/utils/file'
 import { objectToFormData } from '@/utils/packages'
 
@@ -63,6 +63,17 @@ export const NotFoundApi = () => {
   })
 }
 
+/**
+ * 测试 不需要权限
+ */
+export const NoNeedAuthApi = () => {
+  return axiosRequest({
+    url: '/mock/auth/no',
+    method: 'post',
+    noAuth: true
+  })
+}
+
 /**
  * 测试 无权限
  * @param showErrorMsg 是否显示错误信息

package/jnrs-template-vue/src/api/request.ts

@@ -0,0 +1,53 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : request.ts
+ * @Date   : 2025/11/10
+ * @Desc.  : axios 网络请求实例
+ */
+
+import type { BusinessRequest, BusinessResponse } from '@jnrs/shared/request'
+import { createAxiosInstance } from '@jnrs/shared/request'
+import { useMockStore, useAuthStore } from '@jnrs/vue-core/pinia'
+import { handleRouter } from '@jnrs/vue-core/router'
+import { ElMessage } from 'element-plus'
+
+const axiosInstance = createAxiosInstance({
+  // options: {
+  //   noAuth: true // 全局设置为不需要权限
+  // },
+  handleMessageFn: ElMessage,
+  handleGetTokenFn: () => {
+    const { token } = useAuthStore()
+    return token
+  },
+  handleNoAuthFn: () => {
+    handleRouter({ name: 'Login' })
+  }
+})
+
+/**
+ * axios 请求方法（泛型拓展）
+ * @param options 请求配置项
+ * @returns Promise<T> 响应数据
+ */
+const axiosRequest = <T = BusinessResponse>(options: BusinessRequest): Promise<T> => {
+  if (!axiosInstance) {
+    throw new Error('请先调用 createRequest 初始化 axios 实例')
+  }
+
+  // 如果是模拟请求，则将请求地址改为模拟地址
+  const { isMock } = useMockStore()
+
+  if (isMock) {
+    options.url = options.mockUrl
+      ? options.mockUrl
+      : options.url.startsWith('/mock')
+        ? options.url
+        : '/mock' + options.url
+  }
+
+  return axiosInstance(options)
+}
+
+export { axiosRequest }

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

@@ -1,6 +1,6 @@
 import type { Dict, DictItem, User, Role } from '@jnrs/shared'
 import type { MenuItem } from '@jnrs/vue-core'
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 import { objectToFormData } from '@/utils/packages'
 
 // 菜单
@@ -8,7 +8,8 @@ export const MenuApi = (): Promise<MenuItem[]> => {
   return axiosRequest({
     url: '/system/menu.json', // /public 文件夹下
     mockUrl: '/mock/menu',
-    method: 'get'
+    method: 'get',
+    noAuth: true // 本地数据忽略 token 验证
   })
 }
 

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

@@ -1,4 +1,4 @@
-import { axiosRequest } from '@jnrs/vue-core/request'
+import { axiosRequest } from '../request'
 
 // 获取用户信息
 export const UserApi = (id: string) => {

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/router/routes.ts

@@ -10,19 +10,6 @@ export const LAYOUT_NAME = 'Layout'
 export const GLOBAL_COMPONENT = import('@/layout/BlankLayout.vue')
 
 export const routes = [
-  // {
-  //   path: '/login',
-  //   component: () => import('@/layout/BlankLayout.vue'),
-  //   meta: { title: '登录' },
-  //   children: [
-  //     {
-  //       path: '',
-  //       name: 'Login',
-  //       meta: { title: '登录', noAuth: true },
-  //       component: () => import('@/views/login/index.vue')
-  //     }
-  //   ]
-  // },
   {
     name: '403',
     path: '/403',

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

@@ -94,9 +94,9 @@ const handleFileView = async () => {
   <p>网络请求测试</p>
   <el-button-group>
     <el-button type="success" size="small" @click="handleInfoApi">获取用户数据</el-button>
-    <el-button type="primary" size="small" @click="handleNotFoundApi">404</el-button>
-    <el-button type="primary" size="small" @click="handleNoAuth()">暂无权限</el-button>
-    <el-button type="primary" size="small" @click="handleNoAuth(false)">暂无权限(不显示 Message)</el-button>
+    <el-button type="primary" size="small" @click="handleNotFoundApi">接口返回404</el-button>
+    <el-button type="primary" size="small" @click="handleNoAuth()">接口返回暂无权限</el-button>
+    <el-button type="primary" size="small" @click="handleNoAuth(false)">接口返回暂无权限(不显示 Message)</el-button>
   </el-button-group>
   <el-input v-model="loginParams.account" size="small" style="width: 200px">
     <template #append>

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/login/index.vue

@@ -40,14 +40,15 @@ const submitForm = async () => {
   ruleFormRef.value.validate(async (valid) => {
     if (!valid) return
     loading.value = true
+
     try {
       const loginRes = await LoginApi(ruleForm.value)
       const { token, dict, ...restParameter } = loginRes
       const loginDateTime = formatDateTime() + ' ' + formatWeekday()
 
+      // 登录成功后，获取角色列表，将登录人角色对应的权限叠加给当前登录人（一次性获取叠加）
       let permissionsMerger = restParameter.permissions
       try {
-        // 获取角色列表，将登录人角色对应的权限叠加给当前登录人（一次性获取叠加）
         const roleRes = await RoleApi()
         if (Array.isArray(restParameter.permissions)) {
           permissionsMerger = [
@@ -62,6 +63,7 @@ const submitForm = async () => {
         console.log(e)
       }
 
+      // 保存用户信息到全局状态
       setUserInfo({
         ...restParameter,
         permissions: permissionsMerger,

package/package.json

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