@arkxos/arkos-core 0.1.0

package/src/lang/index.ts

@@ -0,0 +1,73 @@
+// 自定义国际化配置
+import { createI18n } from 'vue-i18n';
+import { useStorage } from '@vueuse/core'
+// import { zhCn, en } from 'element-plus'
+// import zhCn from "element-plus/es/locale/lang/zh-cn"
+// import en from "element-plus/es/locale/lang/en"
+// 本地语言包
+import enUSLocale from './en_US';
+import zhCNLocale from './zh_CN';
+import { LanguageEnum } from '../enums/LanguageEnum';
+import arkOsUtil from '@arkxos/arkos-util';
+
+// element plus 自带国际化
+// import enLocale from 'element-plus/es/locale/lang/en';
+// import zhcnLocale from 'element-plus/es/locale/lang/zh-cn';
+
+// 定义变量内容
+// import myZhCn from './lang/zh-cn.js'
+// import myEn from './lang/en.js'
+// const messages = {};
+const messages = {
+  'zh-cn': {
+    // el: zhCn,
+    // ...myZhCn
+  },
+  en: {
+    // el: en,
+    // ...myEn
+  }
+}
+const element = {};// { en: enLocale, 'zh-cn': zhcnLocale };
+const itemize = { en: [] as any[], 'zh-cn': [] as any[] };
+
+// const messages = {
+//   zh_CN: {
+//     ...zhCNLocale
+//   },
+//   en_US: {
+//     ...enUSLocale
+//   }
+// };
+
+/**
+ * 获取当前语言
+ * @returns zh-cn|en ...
+ */
+// 读取 pinia 默认语言
+// const stores = useThemeConfig(pinia);
+// const { themeConfig } = storeToRefs(stores);
+export const getLanguage = (): LanguageEnum => {
+  const language = useStorage<LanguageEnum>('language', LanguageEnum.zh_CN);
+  if (language.value) {
+    return language.value;
+  }
+  return LanguageEnum.zh_CN;
+};
+
+const i18n = createI18n({
+  legacy: false,
+  silentTranslationWarn: true,
+  missingWarn: false,
+  silentFallbackWarn: true,
+  fallbackWarn: false,
+  // locale: getLanguage(),
+  locale: arkOsUtil.tool.data.get('APP_LANG') || 'zh-cn', // config?.LANG,
+  fallbackLocale: 'zh-cn',
+  // locale: themeConfig.value.globalI18n,
+  globalInjection: true, // 全局注册$t方法
+  messages
+});
+
+console.log('i18n instance', i18n)
+export default i18n;

package/src/lang/zh_CN.ts

@@ -0,0 +1,27 @@
+export default {
+  // 路由国际化
+  route: {
+    dashboard: '首页',
+    document: '项目文档'
+  },
+  // 登录页面国际化
+  login: {
+    username: '用户名',
+    password: '密码',
+    login: '登 录',
+    code: '请输入验证码',
+    copyright: ''
+  },
+  navbar: {
+    full: '全屏',
+    language: '语言',
+    dashboard: '首页',
+    document: '项目文档',
+    message: '消息',
+    layoutSize: '布局大小',
+    selectTenant: '选择租户',
+    layoutSetting: '布局设置',
+    personalCenter: '个人中心',
+    logout: '退出登录'
+  }
+};

package/src/loadApp.ts

@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')

package/src/main.ts

@@ -0,0 +1,16 @@
+import { isMasterApp } from '@arkxio/ark-iso'
+import { libReady } from '@arkxio/ark-lib-proxy'
+import { LIB_NAME } from './configs/subApp'
+import { preFetchLib } from '@arkxio/ark-micro';
+
+(async function () {
+  const libProperties = await import('./entrance/libProperties')
+  // 注意此处传递的是 default
+  libReady(LIB_NAME, libProperties.default)
+
+  // 非子应用时（即不是被别的模块触发载入的情况），自己挂载渲染节点，方便本地调试
+  // 可根据项目实际情况控制是否载入 loadApp 文件
+  // if (isMasterApp()) {
+  //   await import('./loadApp')
+  // }
+}()).catch(console.error)

package/src/plugins/access.ts

@@ -0,0 +1,88 @@
+import api from '../api'
+import { tool } from '@arkxos/arkos-util'
+import systemStore from '../store/modules/systemStore';
+import { setToken } from '../access/tokenStorage'
+import system from '../core/system'
+// import cache from "@arkxos/arkos-util/src/utils/cache";
+
+const access = {
+  getToken (data) {
+    return new Promise((resolve, reject) => {
+      api.auth.token.post(data).then((response) => {
+        const token = response.access_token;
+        setToken(token, {
+          expires: 24 * 60 * 60
+        })
+
+        const _systemStore = systemStore();
+        _systemStore.setToken(token)
+
+        resolve(token);
+      }).catch(reject);
+    })
+  },
+  async refreshUserInfo() {
+    return new Promise((resolve, reject) => {
+      api.auth.account.post().then((response) => {
+        console.log('accountResponseData', response)
+        const userInfo = response.data;
+        tool.data.set('PERMISSIONS', userInfo.permissions)
+        tool.data.set('roles', userInfo.roles)
+
+        userInfo.user = userInfo.sysUser;
+        tool.data.set('USER_INFO', userInfo)
+
+        const _systemStore = systemStore();
+        _systemStore.setUserInfo(userInfo);
+
+        // 获取菜单
+        // if(this.form.user == 'admin'){
+        // 	menu = await this.$API.system.menu.myMenus.get()
+        // } else {
+        // 	menu = await this.$API.demo.menu.get()
+        // }
+
+        console.log('查询菜单')
+        system.queryMenus().then((response) => {
+          console.log('query menu', response)
+          const menu = response
+          if (menu) {
+            if (menu.length == 0) {
+              reject('当前用户无任何菜单权限，请联系系统管理员');
+              return;
+
+              // let menuData = []
+              //
+              // menu.data.forEach(item=>{
+              // 	menuData.push(item)
+              // })
+              //
+              //  allUserMenuData.forEach(item=>{
+              //    menuData.push(item)
+              //  })
+              //
+              // const username = userInfo.data.user.userName.trim()
+              //  if('admin' == username) {
+              //    staticMenuData.data.menu.forEach(item=>{
+              //      menuData.push(item)
+              //    })
+              //  }
+              //
+              //
+              // this.fixMenuPath(menuData)
+              // this.$TOOL.data.set("MENU", menuData)
+              // console.log('==========================')
+              // this.$TOOL.data.set("PERMISSIONS", userInfo.data.permissions)
+              // console.log(this.$TOOL.data.get("PERMISSIONS"))
+              // this.$TOOL.data.set("DASHBOARDGRID", []) // menu.data.dashboardGrid)
+            }
+          }
+
+          resolve(userInfo);
+        }).catch(reject);
+      }).catch(reject);
+    })
+  }
+}
+
+export default access;

package/src/plugins/accessPlugin.ts

@@ -0,0 +1,76 @@
+import { tool } from '@arkxos/arkos-util'
+import access from './access'
+import acl from './acl';
+import system from '../core/system'
+import { getToken } from '../access/tokenStorage';
+import systemStore from '../store/modules/systemStore';
+
+const whiteList = ['/login', '/register', '/social-callback'];
+
+const accessPlugin = {
+  name: 'accessPlugin',
+  app: undefined,
+  install (app) {
+    app.use(acl);
+    this.app = app;
+    console.log('app acl', app.$acl)
+    app.config.globalProperties.$access = access;
+  },
+  uninstall () {
+    console.log('uninstall')
+  },
+  beforeRouter (to, from, next) {
+    console.log('from', from, 'to', to)
+
+    if (to.path === '/login') {
+      // 删除路由(替换当前layout路由)
+      // router.addRoute(routes[0])
+      next();
+      // next({ path: '/' })
+      return false;
+    } else if (whiteList.indexOf(to.path as string) !== -1) {
+      next();
+    } else {
+      // 有token
+      const token = getToken();
+      if (token) {
+        const mySystemStore = systemStore();
+        console.log('mySystemStore', mySystemStore)
+        if (!mySystemStore.userInfo['user'] && system.themeRootRoute) {
+          access.refreshUserInfo().then(() => {
+            next();
+          });
+        }
+        // access.login({}, getToken()).then(res => {
+        //   // token过期
+        //   if (!res.data) {
+        //     next(`/login?redirect=${to.fullPath}`)
+        //     return false;
+        //   } else {
+        //     system.queryMenus().then(() => {
+        //       next();
+        //     });
+        //   }
+        // }).catch(() => {
+        //   next(`/login?redirect=${to.fullPath}`)
+        //   return false;
+        // })
+      } else {
+        const integrate = to.query && to.query.integrate === 'true'
+        if (!this.app.config.globalProperties.$acl.permission('is-login')) {
+          if (integrate) {
+            access.refreshUserInfo().then(() => {
+              next();
+            });
+          } else {
+            // next({ path: '/login' });
+            next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
+            return false;
+          }
+        }
+      }
+    }
+  }
+}
+
+export default accessPlugin

package/src/plugins/acl/index.js

@@ -0,0 +1,24 @@
+// Import router if you are using the middleware on Vue Router
+import router from '../../core/router/router';
+// Import store if you are using reactive Store/Pinia/Vuex as User data source
+import systemStore from '../../store/modules/systemStore';
+import { computed } from 'vue'; // For VUE 3
+import { createAcl, defineAclRules } from 'vue-simple-acl';
+
+const userInfo =
+  computed(() => systemStore().userInfo);
+
+const rules = () => defineAclRules((setRule) => {
+  // Define a simple rule for ability with no argument
+  setRule('is-login', (user) => user.token);
+  setRule('is-admin', (user) => user.is_admin);
+});
+
+const simpleAcl = createAcl({
+  userInfo, // short for user: user
+  rules, // short for rules: rules
+  router, // OPTIONAL, short for router: router
+  // other optional vue-simple-acl options here... See Vue Simple ACL Options below
+});
+
+export default simpleAcl;

package/src/plugins/priv.ts

@@ -0,0 +1,23 @@
+import { tool } from '@arkxos/arkos-util';
+import systemStore from '../store/modules/systemStore';
+
+export const hasPriv = (value): any => {
+  const stores = systemStore();
+  const permissions = stores.userInfo.permissions;
+
+  if (value && value instanceof Array && value.length > 0) {
+    const hasPermission = permissions.some((permi: string) => {
+      // console.log('permi === \'*:*:*\'', permi === '*:*:*', permi)
+      return permi === '*:*:*' || value.includes(permi);
+    });
+    return hasPermission;
+  }
+  if (value) {
+    const hasPermission = permissions.some((permi: string) => {
+      // console.log('permi === \'*:*:*\'', permi === '*:*:*', permi)
+      return permi === '*:*:*' || value === permi;
+    });
+    return hasPermission;
+  }
+  return false;
+};

package/src/shims-vue.d.ts

@@ -0,0 +1,6 @@
+/* eslint-disable */
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/store/index.ts

@@ -0,0 +1,22 @@
+// import Vue from "vue";
+// import Vuex from "vuex";
+// // 模块
+// import core from "./modules/core";
+//
+// Vue.use(Vuex);
+// const store = new Vuex.Store({
+//   modules: {
+//     core
+//   }
+// });
+// export default store;
+// https://pinia.vuejs.org/
+import { createPinia } from 'pinia';
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate';
+
+// 创建
+const pinia = createPinia();
+pinia.use(piniaPluginPersistedstate);
+
+// 导出
+export default pinia;

package/src/store/modules/systemStore.ts

@@ -0,0 +1,31 @@
+import { defineStore } from 'pinia'
+
+const systemStore = defineStore('system', {
+  state: () => ({
+    userInfo: {
+      permissions: []
+    },
+    token: '',
+    menus: []
+  }),
+  actions: {
+    setUserInfo (userInfo) {
+      this.userInfo = userInfo;
+    },
+    setToken (token) {
+      this.token = token;
+    },
+    setMenus (menus) {
+      this.menus = menus;
+    }
+  },
+  // mutations: {
+  //   SET_USER: (state, user) => (state.user = user),
+  //   SET_MENUS: (state, menus) => (state.menus = menus)
+  // },
+  // getters: {
+  //   user: state => state.user,
+  //   menus: state => state.menus
+  // }
+});
+export default systemStore;

package/src/types/axios.d.ts

@@ -0,0 +1,13 @@
+/* eslint-disable */
+import * as axios from 'axios';
+
+// 扩展 axios 数据返回类型，可自行扩展
+declare module 'axios' {
+	export interface AxiosResponse<T = any> {
+		code: number;
+		data: T;
+		message: string;
+		type?: string;
+		[key: string]: T;
+	}
+}

package/src/types/func.ts

@@ -0,0 +1,14 @@
+// 定义全局属性的类型
+// eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
+import { ComponentCustomProperties } from 'vue';
+
+// declare module '@vue/runtime-core' {
+// 	interface ComponentCustomProperties {
+// 		parseTime: Function;
+// 		parseDate: Function;
+// 		dateTimeStr: string;
+// 		dateStr: string;
+// 		timeStr: string;
+// 		baseURL: string;
+// 	}
+// }

package/src/types/global.d.ts

@@ -0,0 +1,108 @@
+// 申明外部 npm 插件模块
+declare module 'splitpanes';
+declare module 'js-cookie';
+declare module '@wangeditor/editor-for-vue';
+declare module 'qs';
+
+// 声明一个模块，防止引入文件时报错
+declare module '*.json';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.scss';
+declare module '*.ts';
+declare module '*.js';
+
+// 声明文件，*.vue 后缀的文件交给 vue 模块来处理
+declare module '*.vue' {
+	import type { DefineComponent } from 'vue';
+	const component: DefineComponent<{}, {}, any>;
+	export default component;
+}
+
+// 声明文件，定义全局变量
+/* eslint-disable */
+declare interface Window {
+	nextLoading: boolean;
+}
+
+// 声明路由当前项类型
+declare type RouteItem<T = any> = {
+	path: string;
+	name?: string | symbol | undefined | null;
+	redirect?: string;
+	k?: T;
+	meta?: {
+		title?: string;
+		isLink?: string;
+		isHide?: boolean;
+		isKeepAlive?: boolean;
+		isAffix?: boolean;
+		isIframe?: boolean;
+		roles?: string[];
+		icon?: string;
+		isDynamic?: boolean;
+		isDynamicPath?: string;
+		isIframeOpen?: string;
+		loading?: boolean;
+	};
+	children: T[];
+	query?: { [key: string]: T };
+	params?: { [key: string]: T };
+	contextMenuClickId?: string | number;
+	commonUrl?: string;
+	isFnClick?: boolean;
+	url?: string;
+	transUrl?: string;
+	title?: string;
+	id?: string | number;
+};
+
+// 声明路由 to from
+declare interface RouteToFrom<T = any> extends RouteItem {
+	path?: string;
+	children?: T[];
+}
+
+// 声明路由当前项类型集合
+declare type RouteItems<T extends RouteItem = any> = T[];
+
+// 声明 ref
+declare type RefType<T = any> = T | null;
+
+// 声明 HTMLElement
+declare type HtmlType = HTMLElement | string | undefined | null;
+
+// 申明 children 可选
+declare type ChilType<T = any> = {
+	children?: T[];
+};
+
+// 申明 数组
+declare type EmptyArrayType<T = any> = T[];
+
+// 申明 对象
+declare type EmptyObjectType<T = any> = {
+	[key: string]: T;
+};
+
+// 申明 select option
+declare type SelectOptionType = {
+	value: string | number;
+	label: string | number;
+};
+
+// 鼠标滚轮滚动类型
+declare interface WheelEventType extends WheelEvent {
+	wheelDelta: number;
+}
+
+// table 数据格式公共类型
+declare interface TableType<T = any> {
+	total: number;
+	loading: boolean;
+	param: {
+		pageNum: number;
+		pageSize: number;
+		[key: string]: T;
+	};
+}

package/src/types/layout.d.ts

@@ -0,0 +1,59 @@
+// aside
+declare type AsideState = {
+	menuList: RouteRecordRaw[];
+	clientWidth: number;
+};
+
+// columnsAside
+declare type ColumnsAsideState<T = any> = {
+	columnsAsideList: T[];
+	liIndex: number;
+	liOldIndex: null | number;
+	liHoverIndex: null | number;
+	liOldPath: null | string;
+	difference: number;
+	routeSplit: string[];
+};
+
+// navBars breadcrumb
+declare type BreadcrumbState<T = any> = {
+	breadcrumbList: T[];
+	routeSplit: string[];
+	routeSplitFirst: string;
+	routeSplitIndex: number;
+};
+
+// navBars search
+declare type SearchState<T = any> = {
+	isShowSearch: boolean;
+	menuQuery: string;
+	tagsViewList: T[];
+};
+
+// navBars tagsView
+declare type TagsViewState<T = any> = {
+	routeActive: string | T;
+	routePath: string | unknown;
+	dropdown: {
+		x: string | number;
+		y: string | number;
+	};
+	sortable: T;
+	tagsRefsIndex: number;
+	tagsViewList: T[];
+	tagsViewRoutesList: T[];
+};
+
+// navBars parent
+declare type ParentViewState<T = any> = {
+	refreshRouterViewKey: string;
+	iframeRefreshKey: string;
+	keepAliveNameList: string[];
+	iframeList: T[];
+};
+
+// navBars link
+declare type LinkViewState = {
+	title: string;
+	isLink: string;
+};

package/src/types/mitt.d.ts

@@ -0,0 +1,42 @@
+/**
+ * mitt 事件类型定义
+ *
+ * @method openSetingsDrawer 打开布局设置弹窗
+ * @method restoreDefault 分栏布局，鼠标移入、移出数据显示
+ * @method setSendColumnsChildren 分栏布局，鼠标移入、移出菜单数据传入到 navMenu 下的菜单中
+ * @method setSendClassicChildren 经典布局，开启切割菜单时，菜单数据传入到 navMenu 下的菜单中
+ * @method getBreadcrumbIndexSetFilterRoutes 布局设置弹窗，开启切割菜单时，菜单数据传入到 navMenu 下的菜单中
+ * @method layoutMobileResize 浏览器窗口改变时，用于适配移动端界面显示
+ * @method openOrCloseSortable 布局设置弹窗，开启 TagsView 拖拽
+ * @method openShareTagsView 布局设置弹窗，开启 TagsView 共用
+ * @method onTagsViewRefreshRouterView tagsview 刷新界面
+ * @method onCurrentContextmenuClick tagsview 右键菜单每项点击时
+ * @method updateWartermark 更新水印显示内容
+ */
+declare type MittType<T = any> = {
+	openSetingsDrawer?: string;
+	restoreDefault?: string;
+	setSendColumnsChildren: T;
+	setSendClassicChildren: T;
+	getBreadcrumbIndexSetFilterRoutes?: string;
+	layoutMobileResize: T;
+	openOrCloseSortable?: string;
+	openShareTagsView?: string;
+	onTagsViewRefreshRouterView?: T;
+	onCurrentContextmenuClick?: T;
+	updateWartermark?: T;
+};
+
+// mitt 参数类型定义
+declare type LayoutMobileResize = {
+	layout: string;
+	clientWidth: number;
+};
+
+// mitt 参数菜单类型
+declare type MittMenu = {
+	children: RouteRecordRaw[];
+	item?: RouteItem;
+};
+
+