ljr-cli 1.0.2 → 1.0.3

package/bin/templates/vue3.5.25-2025.12.4/src/boot/pinia.ts

@@ -0,0 +1,31 @@
+import type { App } from "vue"
+import { createPinia } from "pinia"
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate"
+
+/**
+ * 初始化pinia
+ * @param app vue上下文
+ */
+export function setupPinia(app: App<Element>) {
+  const pinia = createPinia()
+
+  // 在每个 store 初始化时注入默认 persist 配置（使用 sessionStorage）
+  pinia.use((context) => {
+    const opts = context.options as any
+    const storeId = context.store?.$id ?? "unknown"
+    const defaultPersist = {
+      key: `pinia-${storeId}`,
+      storage: sessionStorage,
+    }
+    if (!opts.persist) {
+      opts.persist = defaultPersist
+    } else {
+      opts.persist = { ...defaultPersist, ...opts.persist }
+    }
+  })
+
+  // 挂载实际的持久化插件（不带参数以避免类型不匹配）
+  pinia.use(piniaPluginPersistedstate)
+
+  app.use(pinia)
+}

package/{lib → bin}/templates/vue3.5.25-2025.12.4/src/boot/router.ts

@@ -1,10 +1,10 @@
 import type { App } from "vue"
-import router from "@/router/index"
+import { createRouter } from "@/router/index"
 
 /**
  * 启动路由
  * @param app
  */
 export function setupRouter(app: App<Element>) {
-  app.use(router)
+  app.use(createRouter())
 }

package/bin/templates/vue3.5.25-2025.12.4/src/components/layout/header.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="header c-underline c-box-shadow c-flex-cc">头部</div>
+</template>
+
+<style scope>
+.header {
+  width: 100%;
+  height: 50px;
+  padding: 0 10px;
+  position: relative;
+  overflow: hidden;
+  justify-content: space-between;
+}
+</style>

package/bin/templates/vue3.5.25-2025.12.4/src/components/layout/left-right.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import Header from "@/components/layout/header.vue"
+import Menu from "@/components/layout/menu.vue"
+import { useLayoutStore } from "@/stores"
+
+const layoutStore = useLayoutStore()
+</script>
+
+<template>
+  <div class="c-layout c-flex-row">
+    <!-- <div>当前布局：{{ layoutStore.layout }}</div>
+    <div>内容是否全屏：{{ layoutStore.fullScreen }}</div> -->
+
+    <!-- 左侧：菜单 -->
+    <Menu></Menu>
+
+    <!-- 右侧：顶部和页面内容 -->
+    <div class="c-layout c-flex-1">
+      <Header></Header>
+      <div
+        class="content c-flex-1 c-overflow-hidden"
+        :style="{ padding: $route.meta.needPadding === false ? '' : '10px' }"
+      >
+        <slot />
+      </div>
+    </div>
+  </div>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/components/layout/menu.vue

@@ -0,0 +1,12 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div class="menu c-box-shadow c-rightLine">菜单</div>
+</template>
+
+<style scope>
+.menu {
+  width: 240px;
+  height: 100%;
+}
+</style>

package/bin/templates/vue3.5.25-2025.12.4/src/pages/[...404].vue

@@ -0,0 +1,5 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>404页面</div>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/pages/index/about.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <div>
+    <div class="about">关于页</div>
+  </div>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/pages/index/index.vue

@@ -0,0 +1,70 @@
+<script setup lang="ts">
+const temp = ref("111")
+</script>
+
+<template>
+  <div class="c-layout">
+    <div>主页: temp：{{ temp }}</div>
+    <div class="c-mb-20">
+      <el-button type="primary">Primary</el-button>
+      <el-input v-model="temp"></el-input>
+    </div>
+    <div class="c-flex-1 c-overflow-auto">
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+      <div>11</div>
+    </div>
+  </div>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/pages/index.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+import leftRightLayout from "@/components/layout/left-right.vue"
+</script>
+
+<template>
+  <left-right-layout>
+    <router-view v-slot="{ Component }">
+      <transition name="el-fade-in-linear" mode="out-in">
+        <component :is="Component" />
+      </transition>
+    </router-view>
+  </left-right-layout>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/pages/login.vue

@@ -0,0 +1,76 @@
+<script setup lang="ts">
+import { useAccountStore, useDDStore } from "@/stores"
+const router = useRouter()
+
+const accountStore = useAccountStore()
+const ddStore = useDDStore()
+function printAccountStore() {
+  console.log("认证仓库=====>", accountStore)
+}
+</script>
+
+<template>
+  <div class="c-card-layout" style="padding: 50px">
+    <el-card class="c-w-full">
+      <template v-slot:header>
+        <div class="clearfix">
+          <span>是否需要登录</span>
+          <el-button class="c-right" size="small" type="primary" @click="accountStore.changeNeedLogin()">
+            改变是否需要登录
+          </el-button>
+        </div>
+      </template>
+      <div>
+        {{ accountStore.needLogin }}
+      </div>
+    </el-card>
+
+    <el-card class="c-w-full">
+      <template v-slot:header>
+        <div class="clearfix">
+          <span>当前登录信息</span>
+          <div class="c-right">
+            <el-button size="small" type="primary" @click="accountStore.login()"> 登录 </el-button>
+            <el-button size="small" type="danger" @click="accountStore.logout()"> 退出登录 </el-button>
+          </div>
+        </div>
+      </template>
+      <div>
+        <h3 class="c-mb-10">用户名称：{{ accountStore.userInfo?.name }}</h3>
+        <h3 class="c-mb-10">token：{{ accountStore.token }}</h3>
+      </div>
+    </el-card>
+
+    <el-card class="c-w-full">
+      <div style="text-align: right">
+        <el-button type="primary" size="small" @click="printAccountStore()"> 打印认证仓库 </el-button>
+      </div>
+    </el-card>
+
+    <el-card class="c-w-full">
+      <div style="text-align: right">
+        <el-button
+          type="primary"
+          size="small"
+          :disabled="accountStore.needLogin && !accountStore.token"
+          @click="router.push('/')"
+        >
+          跳转首页
+        </el-button>
+      </div>
+    </el-card>
+
+    <el-card class="c-w-full">
+      <template v-slot:header>
+        <div class="clearfix">
+          <span>数据字典</span>
+          <el-button class="c-right" size="small" type="primary" @click="ddStore.getDD()"> 获取数据字典 </el-button>
+        </div>
+      </template>
+      <div>
+        <h3 class="c-mb-10">sex: {{ ddStore.sex }}</h3>
+        <h3 class="c-mb-10">city: {{ ddStore.citys }}</h3>
+      </div>
+    </el-card>
+  </div>
+</template>

package/bin/templates/vue3.5.25-2025.12.4/src/router/index.ts

@@ -0,0 +1,28 @@
+import { createRouter as _createRouter, createWebHashHistory } from "vue-router"
+import { routes } from "vue-router/auto-routes"
+import { useAccountStore } from "@/stores"
+
+/** 创建路由并挂载钩子 */
+export function createRouter() {
+  const accountStore = useAccountStore()
+  // 创建路由实例
+  const router = _createRouter({
+    history: createWebHashHistory(import.meta.env.BASE_URL),
+    routes: [...routes],
+  })
+
+  // 全局路由守卫
+  router.beforeEach((to, from, next) => {
+    // 需要登录 并且 登录状态为false 并且 不是登录页面
+    if (accountStore.needLogin && !accountStore.token && to.name !== "/login") {
+      if (from.name !== "/login") {
+        router.push({ name: "/login" })
+      }
+      next(false)
+      return
+    }
+    next()
+  })
+
+  return router
+}

package/bin/templates/vue3.5.25-2025.12.4/src/stores/account.ts

@@ -0,0 +1,49 @@
+interface UserInfo {
+  /** 用户名 */
+  name: string
+  /** token */
+  token: string
+}
+
+interface State {
+  /** 是否需要登录 */
+  needLogin: boolean
+  /** 用户名 */
+  userInfo?: UserInfo
+}
+
+/**
+ * 认证数据
+ */
+export const useAccountStore = defineStore("account", {
+  state: (): State => ({
+    needLogin: false,
+    userInfo: undefined,
+  }),
+  getters: {
+    /** token */
+    token(): string {
+      return this.userInfo?.token || ""
+    },
+  },
+  actions: {
+    /** 改变是否需要登录 */
+    changeNeedLogin() {
+      this.needLogin = !this.needLogin
+    },
+    /** 登录 */
+    login() {
+      this.userInfo = {
+        name: "李某铷",
+        token: "我是token-xxxx",
+      }
+    },
+    /** 退出登录 */
+    logout() {
+      this.userInfo = undefined
+    },
+  },
+  persist: {
+    storage: localStorage, // 存储方式（默认localStorage，可选sessionStorage）
+  },
+})

package/bin/templates/vue3.5.25-2025.12.4/src/stores/dd.ts

@@ -0,0 +1,35 @@
+interface DD {
+  /** 标签 */
+  label: string
+  /** 值 */
+  value: string | number
+}
+
+interface State {
+  /** 性别 */
+  sex: DD[]
+  /** 城市 */
+  citys?: DD[]
+}
+
+/**
+ * 数据字典
+ */
+export const useDDStore = defineStore("dd", {
+  state: (): State => ({ sex: [], citys: [] }),
+  actions: {
+    getDD() {
+      this.citys = [
+        { label: "北京", value: "1" },
+        { label: "上海", value: "2" },
+        { label: "广州", value: "3" },
+        { label: "深圳", value: "4" },
+        { label: "厦门", value: "5" },
+      ]
+      this.sex = [
+        { label: "男", value: "1" },
+        { label: "女", value: "0" },
+      ]
+    },
+  },
+})

package/bin/templates/vue3.5.25-2025.12.4/src/stores/index.ts

@@ -0,0 +1,3 @@
+export * from "./account"
+export * from "./dd"
+export * from "./layout"

package/bin/templates/vue3.5.25-2025.12.4/src/stores/layout.ts

@@ -0,0 +1,22 @@
+interface State {
+  /** 布局 */
+  layout: "top-bottom" | "left-right"
+  /** 是否全屏 */
+  fullScreen?: boolean
+  /** 是否显示菜单 */
+  showMenu: boolean
+}
+
+/**
+ * 认证数据
+ */
+export const useLayoutStore = defineStore("layout", {
+  state: (): State => ({
+    layout: "left-right",
+    fullScreen: false,
+    showMenu: true,
+  }),
+  persist: {
+    storage: localStorage,
+  },
+})

package/bin/templates/vue3.5.25-2025.12.4/src/stores//347/273/204/345/220/210/345/274/217pinia/345/206/231/346/263/225(/344/273/245account/344/270/272/344/276/213).ts

@@ -0,0 +1,28 @@
+/**
+ * 认证数据，组合式API写法，不管是选项式API写法还是组合式API写法，同一个项目里，最好是同一种写法，此项目统一采用选项式API写法
+ */
+export const useAccountStore = defineStore(
+  "pinia-account",
+  () => {
+    /** 是否需要登录 */
+    const needLogin = ref(false)
+    /** 改变是否需要登录 */
+    const changeNeedLogin = () => {
+      needLogin.value = !needLogin.value
+    }
+
+    /** 登录状态 */
+    const loginStatus = ref(false)
+    /** 改变登录状态 */
+    const changeLoginStatus = () => {
+      loginStatus.value = !loginStatus.value
+    }
+
+    return { needLogin, changeNeedLogin, loginStatus, changeLoginStatus }
+  },
+  {
+    persist: {
+      storage: localStorage,
+    },
+  },
+)

package/{lib → bin}/templates/vue3.5.25-2025.12.4/tsconfig.app.json

@@ -1,6 +1,6 @@
 {
   "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "components.d.ts", "auto-imports.d.ts"],
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue", "components.d.ts", "auto-imports.d.ts", "typed-router.d.ts"],
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",

package/bin/templates/vue3.5.25-2025.12.4/typed-router.d.ts

@@ -0,0 +1,119 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection ES6UnusedImports
+// Generated by unplugin-vue-router. !! DO NOT MODIFY THIS FILE !!
+// It's recommended to commit this file.
+// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
+
+declare module 'vue-router/auto-resolver' {
+  export type ParamParserCustom = never
+}
+
+declare module 'vue-router/auto-routes' {
+  import type {
+    RouteRecordInfo,
+    ParamValue,
+    ParamValueOneOrMore,
+    ParamValueZeroOrMore,
+    ParamValueZeroOrOne,
+  } from 'vue-router'
+
+  /**
+   * Route name map generated by unplugin-vue-router
+   */
+  export interface RouteNamedMap {
+    '/': RouteRecordInfo<
+      '/',
+      '/',
+      Record<never, never>,
+      Record<never, never>,
+      | '//'
+      | '//about'
+    >,
+    '//': RouteRecordInfo<
+      '//',
+      '/',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    '//about': RouteRecordInfo<
+      '//about',
+      '/about',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+    '/[...404]': RouteRecordInfo<
+      '/[...404]',
+      '/:404(.*)',
+      { 404: ParamValue<true> },
+      { 404: ParamValue<false> },
+      | never
+    >,
+    '/login': RouteRecordInfo<
+      '/login',
+      '/login',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
+  }
+
+  /**
+   * Route file to route info map by unplugin-vue-router.
+   * Used by the \`sfc-typed-router\` Volar plugin to automatically type \`useRoute()\`.
+   *
+   * Each key is a file path relative to the project root with 2 properties:
+   * - routes: union of route names of the possible routes when in this page (passed to useRoute<...>())
+   * - views: names of nested views (can be passed to <RouterView name="...">)
+   *
+   * @internal
+   */
+  export interface _RouteFileInfoMap {
+    'src/pages/index.vue': {
+      routes:
+        | '/'
+        | '//'
+        | '//about'
+      views:
+        | 'default'
+    }
+    'src/pages/index/index.vue': {
+      routes:
+        | '//'
+      views:
+        | never
+    }
+    'src/pages/index/about.vue': {
+      routes:
+        | '//about'
+      views:
+        | never
+    }
+    'src/pages/[...404].vue': {
+      routes:
+        | '/[...404]'
+      views:
+        | never
+    }
+    'src/pages/login.vue': {
+      routes:
+        | '/login'
+      views:
+        | never
+    }
+  }
+
+  /**
+   * Get a union of possible route names in a certain route component file.
+   * Used by the \`sfc-typed-router\` Volar plugin to automatically type \`useRoute()\`.
+   *
+   * @internal
+   */
+  export type _RouteNamesForFilePath<FilePath extends string> =
+    _RouteFileInfoMap extends Record<FilePath, infer Info>
+      ? Info['routes']
+      : keyof RouteNamedMap
+}

package/{lib → bin}/templates/vue3.5.25-2025.12.4/vite.config.ts

@@ -7,16 +7,18 @@ import vueDevTools from "vite-plugin-vue-devtools"
 import ViteAutoImport from "unplugin-auto-import/vite"
 import Components from "unplugin-vue-components/vite"
 import { ElementPlusResolver } from "unplugin-vue-components/resolvers"
+import VueRouter from "unplugin-vue-router/vite"
 
 // https://vite.dev/config/
 export default defineConfig({
   base: "./", // 公共路径
   plugins: [
+    VueRouter(), // 必须在 vue() 之前
     vue(),
     vueJsx(),
     vueDevTools(),
     ViteAutoImport({
-      imports: ["vue", "vue-router"],
+      imports: ["vue", "vue-router", "pinia"],
       resolvers: [ElementPlusResolver()],
     }),
     Components({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ljr-cli",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "",
   "main": "index.js",
   "type": "module",
@@ -9,10 +9,10 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "bin": {
-    "ljr": "lib/index.js",
-    "ljr-cli": "lib/index.js",
-    "ljr-demo1": "lib/demo1.js",
-    "ljr-demo2": "lib/demo2.js"
+    "ljr": "bin/index.js",
+    "ljr-cli": "bin/index.js",
+    "ljr-demo1": "bin/demo1.js",
+    "ljr-demo2": "bin/demo2.js"
   },
   "scripts": {
     "发布": "npm publish"
@@ -26,7 +26,8 @@
     "download-git-repo": "^3.0.2",
     "fs-extra": "^11.3.3",
     "gradient-string": "^3.0.0",
-    "l-global": "^1.0.2",
-    "replace-in-file": "^8.4.0"
+    "l-global": "^1.0.5",
+    "replace-in-file": "^8.4.0",
+    "update-notifier": "^7.3.1"
   }
 }