create-young-proj 2.1.0 → 2.2.0

package/template-electron-win7/src/modules/1-router.ts

@@ -0,0 +1,72 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2024-07-31 16:52:15
+ * @LastEditTime: 2024-07-31 17:28:36
+ * @Description:
+ * @LastEditors: zhangyang
+ * Copyright (c) 2024 to current by BluesYoung-web, All Rights Reserved.
+ */
+import { createRouter, createWebHashHistory } from 'vue-router'
+import { setupLayouts } from 'virtual:generated-layouts'
+import routes from '~pages'
+
+/**
+ * 路由元数据类型扩展
+ */
+declare module 'vue-router' {
+  interface RouteMeta {
+    /**
+     * 页面标题
+     */
+    title: string
+    /**
+     * 是否固定
+     */
+    affix?: boolean
+    /**
+     * 是否禁用缓存
+     */
+    noCache?: boolean
+    /**
+     * 鉴权路径，不设置则为白名单页面
+     */
+    authPath?: string
+    /**
+     * 页面布局，对应 layouts 目录下的布局页面，默认为 default
+     */
+    layout?: 'default' | 'blank'
+  }
+};
+
+export const finalRoutes = setupLayouts(routes)
+console.log('🚀 ~ finalRoutes:', finalRoutes)
+// export const navMap = new Map<string, string>()
+// /**
+//  * 生成权限节点映射表
+//  */
+// function generateNavMap(raw: RouteRecordRaw[], base = '') {
+//   for (const route of raw) {
+//     if (route.children) {
+//       generateNavMap(route.children, route.path)
+//     }
+//     else {
+//       const meta = route.meta
+//       if (meta && meta.authPath) {
+//         navMap.set(
+//           meta.authPath,
+//           `${base}${route.path.startsWith('/') ? '' : '/'}${route.path}`,
+//         )
+//       }
+//     }
+//   }
+// }
+// generateNavMap(finalRoutes)
+
+export const router = createRouter({
+  history: createWebHashHistory(import.meta.env.BASE_URL),
+  routes: finalRoutes,
+})
+
+export const install: UserModule = (app) => {
+  app.use(router)
+}

package/template-electron-win7/src/modules/2-pinia.ts

@@ -0,0 +1,13 @@
+/*
+ * @Author: zhangyang
+ * @Date: 2024-08-27 11:39:24
+ * @LastEditTime: 2024-08-27 11:39:35
+ * @Description:
+ * @LastEditors: zhangyang
+ * Copyright (c) 2024 to current by BluesYoung-web, All Rights Reserved.
+ */
+
+export const install: UserModule = (app) => {
+  const pinia = createPinia()
+  app.use(pinia)
+}

package/template-electron-win7/src/styles/variables.scss

@@ -0,0 +1,8 @@
+/**全局SCSS变量  样式值以同文件夹下的json主题配置的值为主，命名推荐全拼小驼峰，这里定义的值可随意取*/
+
+$backgroundColor: var(--background-color, #fff);
+$linkColor: var(--link-color, skyblue);
+
+// 覆盖element的颜色配置 这里配置的颜色不会覆盖，初始化的时候通过代码进行覆盖
+$primaryColor: var(--el-color-primary, #fe587f);
+$textColor: var(--el-text-color, #232332);

package/template-electron-win7/src/utils/env.ts

@@ -0,0 +1,4 @@
+// 是否不为生产模式
+const debug = import.meta.env.MODE !== 'production'
+
+export default debug

package/template-electron-win7/src/utils/ls.ts

@@ -0,0 +1,118 @@
+/* localstorage封装，缓存工具类  参考：https://blog.csdn.net/w544924116/article/details/120906411
+
+/** key前缀 */
+const keyPrefix = 'app_cahce$_'
+
+/**
+ * @param value 内容
+ * @param addTime 存入时间
+ * @param expires 有效时间
+ */
+interface valObjParams {
+  value: any
+  addTime: number
+  expires: number
+}
+
+interface StorageInterface {
+  /**
+   * 设置localStorage
+   * @param value 内容
+   * @param expires 有效时间 单位 s
+   */
+  set: (key: string, value: any, expires?: number) => void
+  /** 获取localStorage,会自动转json */
+  get: (key: string) => any
+  /** 是否含有key */
+  has: (key: string) => boolean
+  /** 移除 */
+  remove: (key: string) => void
+  /** 移除全部缓存 */
+  clear: () => void
+  /** 移除自己前缀的全部缓存 */
+  clearSelf: () => void
+}
+
+const storage: StorageInterface = {
+  set: () => {},
+  get: () => '',
+  has: () => false,
+  remove: () => {},
+  clear: () => {},
+  clearSelf: () => {},
+}
+
+/**
+ * 是否过期
+ */
+function isFresh(valObj: valObjParams) {
+  const now = new Date().getTime()
+  return valObj.addTime + valObj.expires >= now
+}
+
+/* 给key值添加前缀 */
+function addPrefix(key: string) {
+  return `${keyPrefix}${key}`
+}
+
+/* 加方法 */
+function extend(s: Storage) {
+  return {
+    set(key: string, value: any, expires?: number) {
+      const skey = addPrefix(key)
+      if (expires) {
+        expires *= 1000 // 将过期时间从微秒转为秒
+        s.setItem(
+          skey,
+          JSON.stringify({
+            value,
+            addTime: new Date().getTime(),
+            expires,
+          }),
+        )
+      }
+      else {
+        const val = JSON.stringify(value)
+        s.setItem(skey, val)
+      }
+      if (value === undefined || value === null) {
+        s.removeItem(skey)
+      }
+    },
+    get(key: string) {
+      const skey = addPrefix(key)
+      const item = JSON.parse(s.getItem(skey) as any)
+      // 如果有addTime的值，说明设置了失效时间
+      if (item && item.addTime) {
+        if (isFresh(item)) {
+          return item.value
+        }
+        /* 缓存过期，清除缓存，返回null */
+        s.removeItem(skey)
+        return null
+      }
+      return item
+    },
+    has(key: string) {
+      const skey = addPrefix(key)
+      return !!s.getItem(skey)
+    },
+    remove: (key: string) => {
+      const skey = addPrefix(key)
+      s.removeItem(skey)
+    },
+    clear: () => {
+      s.clear()
+    },
+    clearSelf: () => {
+      const arr = Array.from({ length: s.length }, (_, i) => s.key(i)).filter(
+        str => str?.startsWith(keyPrefix),
+      )
+      arr.forEach(str => s.removeItem(str as string))
+    },
+  }
+}
+
+Object.assign(storage, extend(window.localStorage))
+
+export default storage