@euflyapp/one-vue3 0.1.0

package/function/index.ts

@@ -0,0 +1,4 @@
+import * as info from './info';
+import * as permission from './permission';
+
+export { info, permission };

package/function/info.ts

@@ -0,0 +1,17 @@
+import axios from 'axios';
+
+const defaultBaseUrl = 'https://gateway-staging.ftlapp.io';
+
+export async function getInfoResource(baseUrl: string, route: any, callBack: (params: any) => void) {
+  if (route.query.token) {
+    localStorage.setItem('token', route.query.token);
+    const res: any = await axios.post(`${baseUrl ? baseUrl : defaultBaseUrl}/api/auth/loginWithToken`, null, {
+      headers: {
+        Authorization: route.query.token
+      }
+    });
+    if (callBack) {
+      callBack(res.data);
+    }
+  }
+}

package/function/permission.ts

@@ -0,0 +1,17 @@
+/**
+ * @param {*} asyncRoutes 需要筛选的路由表
+ * @param {*} resources auth返回的平铺资源列表
+ * @returns 返回需要筛选路由存在于平铺资源列表里的路由
+ */
+export function filterAsyncRoutes(asyncRoutes: any, resources: any) {
+  const filterRoutes: any[] = [];
+  asyncRoutes.forEach((asy) => {
+    if (resources.find((res) => res.name === asy.name)) {
+      if (asy.children) {
+        asy.children = filterAsyncRoutes(asy.children, resources);
+      }
+      filterRoutes.push(asy);
+    }
+  });
+  return filterRoutes;
+}

package/global.d.ts

@@ -0,0 +1,63 @@
+declare module '@ftlab/one-vue3/utils' {
+  import { Dayjs } from 'dayjs';
+
+  type dateFormat = (date: string | Date | null | undefined, format?: string, defaultStr?: string) => string;
+  type dateTransform = (date: string | Date | null | undefined, defaultStr?: string) => Date | string;
+  type tzTransform = (date: string | Date | null | undefined, tz: string) => Date | string;
+  type dateValidate = (date: any) => boolean;
+
+  export const TIME_FORMAT: string;
+
+  export const isValidDate: dateValidate;
+
+  export const utc_cn: dateFormat;
+  export const utc_fr: dateFormat;
+
+  export const local_utc_date: dateTransform;
+  export const local_tz_date: tzTransform;
+  export const local_cn_date: dateTransform;
+  export const local_fr_date: dateTransform;
+
+  export const dayjs: typeof import('dayjs');
+
+  export { dateFormat, dateTransform, tzTransform, dateValidate };
+}
+
+declare module '@ftlab/one-vue3/store' {
+  import { Pinia, StoreDefinition } from 'pinia';
+
+  const store: Pinia;
+  export default store;
+
+  export const useAuthStore: StoreDefinition<
+    'auth',
+    {
+      userInfo: Record<string, any>;
+      username: string;
+      owner: string;
+      roles: any[];
+      menus: any[];
+      resources: any[];
+    },
+    {},
+    {
+      setInfo(authInfo: Record<string, any>): void;
+      setMenu(menus: any[]): void;
+      setResources(resources: any[]): void;
+      logout(): void;
+    }
+  >;
+
+  export const useLangStore: StoreDefinition<
+    'lang',
+    {
+      language: string;
+    },
+    {},
+    {
+      setLanguage(lang: string): void;
+    }
+  >;
+}
+
+declare module '@ftlab/one-vue3' {}

package/i18n/cn.json

@@ -0,0 +1,23 @@
+{
+  "ftlOne.text.trackingNumber": "包裹号",
+  "ftlOne.changePassword": "修改密码",
+  "ftlOne.changePassword.holder1": "您已经长时间未修改密码。为保证您账户的安全，请在修改密码后继续使用系统功能",
+  "ftlOne.changePassword.holder2": "请输入以下信息修改密码",
+  "ftlOne.changePassword.oldPassword": "原密码",
+  "ftlOne.changePassword.oldPassword.placeholder": "请输入原密码",
+  "ftlOne.changePassword.newPassword": "新密码",
+  "ftlOne.changePassword.newPassword.placeholder": "请输入新密码",
+  "ftlOne.changePassword.newPassword.error1": "输入的密码必须包含数字和字母大小写",
+  "ftlOne.changePassword.newPassword.error2": "输入的密码的长度须在8-16位",
+  "ftlOne.changePassword.confirmPassword": "确认密码",
+  "ftlOne.changePassword.confirmPassword.placeholder": "请输入确认密码",
+  "ftlOne.changePassword.confirmPassword.error1": "请确保输入的密码与新密码一致",
+  "ftlOne.changePassword.cancel": "取消",
+  "ftlOne.changePassword.save": "保存",
+  "ftlOne.exit": "退出",
+  "ftlOne.findPassword.confirm.button": "确定",
+  "ftlOne.mutipleChoose.searchText": "批量搜索{number}",
+  "ftlOne.mutipleChoose.list.searchText": "请输入{number}, 批量搜索请换行",
+  "ftlOne.mutipleChoose.list.exceed": "每次最多搜索{quantity}个{number}, 超出单号已自动删除",
+  "ftlOne.mutipleChoose.same": "请勿输入重复的{number}"
+}

package/i18n/en.json

@@ -0,0 +1,23 @@
+{
+  "ftlOne.text.trackingNumber": "n°parcel",
+  "ftlOne.exit":"Log out",
+  "ftlOne.changePassword.save":"Save",
+  "ftlOne.changePassword.cancel":"Cancel",
+  "ftlOne.changePassword.confirmPassword.error1":"Please ensure that the password you enter matches the new password",
+  "ftlOne.changePassword.confirmPassword.placeholder":"Please confirm password",
+  "ftlOne.changePassword.confirmPassword":"Confirm password",
+  "ftlOne.changePassword.newPassword.error2":"The length of the password you enter must be between 8-16 digits",
+  "ftlOne.changePassword.newPassword.error1":"Must contain numbers and uppercase and lowercase letters",
+  "ftlOne.changePassword.newPassword.placeholder":"Please enter new password",
+  "ftlOne.changePassword.newPassword":"New password",
+  "ftlOne.changePassword.oldPassword.placeholder":"Please enter original password",
+  "ftlOne.changePassword.oldPassword":"Original password",
+  "ftlOne.changePassword.holder2":"Please enter the following information to change your password",
+  "ftlOne.changePassword.holder1":"You have not changed your password for a long time. To ensure the security of your account, please change your password before using the system.",
+  "ftlOne.changePassword":"Change password",
+  "ftlOne.findPassword.confirm.button": "confirm",
+  "ftlOne.mutipleChoose.searchText": "Search {number}",
+  "ftlOne.mutipleChoose.list.searchText": "Each {nunmber} occupies one ligne",
+  "ftlOne.mutipleChoose.list.exceed": "Search up to {quantity} of {number} at a time, the exceeding numbers has been deleted automatically.",
+  "ftlOne.mutipleChoose.same": "Please do not search same {number}"
+}

package/i18n/fr.json

@@ -0,0 +1,23 @@
+{
+  "ftlOne.text.trackingNumber": "n°colis",
+  "ftlOne.exit":"Se déconnecter",
+  "ftlOne.changePassword.save":"Enregistrer",
+  "ftlOne.changePassword.cancel":"Annuler",
+  "ftlOne.changePassword.confirmPassword.error1":"Veillez à saisir deux fois le même mot de passe",
+  "ftlOne.changePassword.confirmPassword.placeholder":"Veuillez resaisir pour confirmer",
+  "ftlOne.changePassword.confirmPassword":"Confirmer le mdp",
+  "ftlOne.changePassword.newPassword.error2":"La longueur saisi doit être de 8 à 16 chiffres",
+  "ftlOne.changePassword.newPassword.error1":"Doit contenir des chiffres et des lettres majuscules et minuscules.",
+  "ftlOne.changePassword.newPassword.placeholder":"Veuillez entrer le nouveau mot de passe",
+  "ftlOne.changePassword.newPassword":"Nouveau mdp",
+  "ftlOne.changePassword.oldPassword.placeholder":"Veuillez entrer le mot de passe original",
+  "ftlOne.changePassword.oldPassword":"Mdp original",
+  "ftlOne.changePassword.holder2":"Veuillez entrer les informations suivantes pour modifier le mot de passe",
+  "ftlOne.changePassword.holder1":"Vous n'avez pas modifié votre mot de passe depuis longtemps. Pour garantir la sécurité de votre compte, veuillez modifier votre mot de passe avant d'utiliser le système.",
+  "ftlOne.changePassword":"Modifier le mot de passe",
+  "ftlOne.findPassword.confirm.button": "Valider",
+  "ftlOne.mutipleChoose.searchText": "Rechercher {number}",
+  "ftlOne.mutipleChoose.list.searchText": "Chaque {number} occupe une ligne",
+  "ftlOne.mutipleChoose.list.exceed": "Rechercher jusqu'à {quantity} {number} à la fois, numéros dépassés a été supprimé automatiquement.",
+  "ftlOne.mutipleChoose.same": "Veuillez ne pas rechercher même {number}"
+}

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@euflyapp/one-vue3",
+  "version": "0.1.0",
+  "description": "One for Apps based on Element Plus",
+  "main": "dist/ftlOne.js",
+  "type": "module",
+  "types": "global.d.ts",
+  "scripts": {
+    "serve": "vite --host",
+    "push": "npm publish --access=public",
+    "build": "vite build",
+    "test": "jest",
+    "version": "auto-changelog -p && git add CHANGELOG.md",
+    "lint": "eslint --init",
+    "prepare": "husky"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@gitlab.ftlapp.cn:ftl/ftlab/one-vue3.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "auto-changelog": {
+    "output": "CHANGELOG.md",
+    "template": "keepachangelog",
+    "unreleased": true,
+    "commitLimit": false
+  },
+  "devDependencies": {
+    "@element-plus/icons-vue": "^2.1.0",
+    "@icon-park/vue-next": "^1.4.2",
+    "@jest/globals": "^29.7.0",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.3.2",
+    "@typescript-eslint/eslint-plugin": "^5.60.1",
+    "@typescript-eslint/parser": "^5.60.1",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "auto-changelog": "^2.4.0",
+    "axios": "^1.4.0",
+    "element-plus": "^2.3.7",
+    "eslint": "^8.44.0",
+    "eslint-plugin-vue": "^9.15.1",
+    "husky": "^9.0.11",
+    "mitt": "^3.0.0",
+    "pinia": "^2.1.4",
+    "sass": "^1.56.0",
+    "sass-loader": "^8.0.0",
+    "screenfull": "^5.0.2",
+    "ts-jest": "^29.1.2",
+    "typescript": "^4.8.4",
+    "unplugin-auto-import": "^0.16.4",
+    "unplugin-vue-components": "^0.25.1",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^3.0.0",
+    "vue": "^3.3.4",
+    "vue-i18n": "^9.2.2",
+    "vue-router": "^4.2.2",
+    "vuex": "^4.0.2"
+  },
+  "dependencies": {
+    "dayjs": "^1.11.11"
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "testEnvironment": "node",
+    "transform": {
+      "node_modules/variables/.+\\.(j|t)sx?$": "ts-jest"
+    },
+    "transformIgnorePatterns": [
+      "node_modules/(?!variables/.*)"
+    ]
+  }
+}

package/store/index.js

@@ -0,0 +1,12 @@
+import { createStore } from 'vuex';
+import appModule from './modules/app';
+import authModule from './modules/auth';
+import langModule from './modules/lang';
+
+export default createStore({
+  modules: {
+    app: appModule,
+    auth: authModule,
+    lang: langModule
+  }
+});

package/store/modules/app.js

@@ -0,0 +1,21 @@
+export default {
+  namespaced: true,
+  state: () => ({
+    language: localStorage.getItem("language") || "cn",
+  }),
+  getters: {
+    language(state) {
+      return state.language;
+    },
+  },
+  mutations: {
+    SET_LANG(state, lang) {
+      state.language = lang;
+    },
+  },
+  actions: {
+    setLocalLang({ commit }, data) {
+      commit("SET_LANG", data);
+    },
+  },
+};

package/store/modules/auth.js

@@ -0,0 +1,78 @@
+const userInfo = localStorage.getItem('auth') ? JSON.parse(localStorage.getItem('auth')) : {};
+
+function translateOrToName(arr) {
+  return arr.map((item) => {
+    if (item.children && item.children.length) {
+      item.children = translateOrToName(item.children);
+    }
+    return {
+      ...item,
+      or: item.name
+    };
+  });
+}
+export default {
+  namespaced: true,
+  state: () => ({
+    userInfo: userInfo || {},
+    username: userInfo.username || '',
+    owner: userInfo.owner || '',
+    roles: userInfo.roles || [],
+    menus: [],
+    resources: []
+  }),
+  getters: {
+    auth: (state) => state.userInfo
+  },
+  mutations: {
+    SET_NAME(state, name) {
+      state.username = name;
+    },
+    SET_OWNER(state, owner) {
+      state.owner = owner;
+    },
+    SET_ROLES(state, roles) {
+      state.roles = roles;
+    },
+    SET_MENUS(state, menus) {
+      if (!menus.length) {
+        // 在权限返回为空的时候给menus加一条空数据，防止下次路由进入再次空校验
+        state.menus.push({});
+      } else {
+        state.menus = translateOrToName(menus);
+      }
+    },
+    CLEAR_MENUS(state) {
+      state.menus = [];
+    },
+    SET_RESOURCES(state, resources) {
+      state.resources = translateOrToName(resources);
+    }
+  },
+  actions: {
+    setInfo({ commit }, authInfo) {
+      if (typeof authInfo === 'object') {
+        commit('SET_NAME', authInfo.username);
+        commit('SET_OWNER', authInfo.owner);
+        commit('SET_ROLES', authInfo.roles);
+        localStorage.setItem('auth', JSON.stringify(authInfo));
+        localStorage.setItem('token', authInfo.token);
+      }
+    },
+    setMenu({ commit }, menu) {
+      commit('SET_MENUS', menu);
+    },
+    setResources({ commit }, resources) {
+      commit('SET_RESOURCES', resources);
+    },
+    logout({ commit }) {
+      commit('SET_NAME', '');
+      commit('SET_OWNER', '');
+      commit('SET_ROLES', []);
+      commit('CLEAR_MENUS', []);
+      commit('SET_RESOURCES', []);
+      localStorage.removeItem('auth');
+      localStorage.removeItem('token');
+    }
+  }
+};

package/store/modules/lang.js

@@ -0,0 +1,17 @@
+export default {
+  namespaced: true,
+  state: () => ({
+    language: localStorage.getItem("language") || "cn",
+  }),
+  mutations: {
+    SET_LANG(state, lang) {
+      state.language = lang;
+      localStorage.setItem("language", lang);
+    },
+  },
+  actions: {
+    setLanguage({ commit }, data) {
+      commit("SET_LANG", data);
+    },
+  },
+};

package/store2/auth.ts

@@ -0,0 +1,66 @@
+import { defineStore } from 'pinia';
+import storage from '../utils/storage';
+
+const userInfo = storage.getAuth();
+
+// 同步路由的or翻译为路由name
+function translateOrToName(arr) {
+  return arr.map((item) => {
+    if (item.children && item.children.length) {
+      item.children = translateOrToName(item.children);
+    }
+    return {
+      ...item,
+      or: item.name
+    };
+  });
+}
+
+export default defineStore('auth', {
+  state: () => {
+    return {
+      userInfo: userInfo || {},
+      username: userInfo.username || '',
+      owner: userInfo.owner || '',
+      roles: userInfo.roles || [],
+      menus: [],
+      resources: []
+    };
+  },
+  actions: {
+    setInfo(authInfo) {
+      if (typeof authInfo === 'object') {
+        this.userInfo = authInfo;
+        this.username = authInfo.username;
+        this.owner = authInfo.owner;
+        this.roles = authInfo.roles;
+        storage.setAuth(authInfo);
+        storage.setToken(authInfo.token);
+      }
+    },
+    setMenu(menus) {
+      if (!menus.length) {
+        // 在权限返回为空的时候给menus加一条空数据，防止下次路由进入再次空校验
+        this.menus.push({});
+      } else {
+        this.menus = translateOrToName(menus);
+      }
+    },
+    setResources(resources) {
+      this.resources = translateOrToName(resources);
+    },
+    rebuild(){
+      console.log('rebuild');
+    },
+    logout() {
+      this.userInfo = {};
+      this.username = '';
+      this.owner = [];
+      this.roles = [];
+      this.menus = [];
+      this.resources = [];
+      storage.remove('auth');
+      storage.remove('token');
+    }
+  }
+});

package/store2/index.ts

@@ -0,0 +1,7 @@
+import { createPinia } from 'pinia';
+
+const store = createPinia();
+
+export default store;
+export { default as useAuthStore } from './auth';
+export { default as useLangStore } from './lang';

package/store2/lang.ts

@@ -0,0 +1,16 @@
+import { defineStore } from 'pinia';
+import storage from '../utils/storage';
+
+export default defineStore('lang', {
+  state: () => {
+    return {
+      language: storage.get('language') || 'cn'
+    };
+  },
+  actions: {
+    setLanguage(lang) {
+      this.language = lang || 'cn';
+      storage.set('language', lang);
+    }
+  }
+});