create-jnrs-template-vue 1.2.7 → 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.7",
+  "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/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

@@ -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/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/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/package.json

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