@arkxos/arkos-system 0.1.0

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,40 @@
+/**
+ * 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;
+};

package/src/types/pinia.d.ts

@@ -0,0 +1,93 @@
+/**
+ * pinia 类型定义
+ */
+
+// 用户信息
+declare interface UserInfosState<T = any> {
+	userInfos: {
+		authBtnList: string[];
+		photo: string;
+		roles: string[];
+		time: number;
+		userName: string;
+		[key: string]: T;
+	};
+}
+
+// 路由缓存列表
+declare interface KeepAliveNamesState {
+	keepAliveNames: string[];
+	cachedViews: string[];
+}
+
+// 后端返回原始路由(未处理时)
+declare interface RequestOldRoutesState {
+	requestOldRoutes: string[];
+}
+
+// TagsView 路由列表
+declare interface TagsViewRoutesState<T = any> {
+	tagsViewRoutes: T[];
+	isTagsViewCurrenFull: Boolean;
+	favoriteRoutes: T[];
+}
+
+// 路由列表
+declare interface RoutesListState<T = any> {
+	routesList: T[];
+	isColumnsMenuHover: Boolean;
+	isColumnsNavHover: Boolean;
+}
+
+// 布局配置
+declare interface ThemeConfigState {
+	themeConfig: {
+		isDrawer: boolean;
+		primary: string;
+		topBar: string;
+		topBarColor: string;
+		isTopBarColorGradual: boolean;
+		menuBar: string;
+		menuBarColor: string;
+		menuBarActiveColor: string;
+		isMenuBarColorGradual: boolean;
+		columnsMenuBar: string;
+		columnsMenuBarColor: string;
+		isColumnsMenuBarColorGradual: boolean;
+		isColumnsMenuHoverPreload: boolean;
+		isCollapse: boolean;
+		isUniqueOpened: boolean;
+		isFixedHeader: boolean;
+		isFixedHeaderChange: boolean;
+		isClassicSplitMenu: boolean;
+		isLockScreen: boolean;
+		lockScreenTime: number;
+		isShowLogo: boolean;
+		isShowLogoChange: boolean;
+		isBreadcrumb: boolean;
+		isTagsview: boolean;
+		isBreadcrumbIcon: boolean;
+		isTagsviewIcon: boolean;
+		isCacheTagsView: boolean;
+		isSortableTagsView: boolean;
+		isShareTagsView: boolean;
+		isFooter: boolean;
+		isGrayscale: boolean;
+		isInvert: boolean;
+		isIsDark: boolean;
+		isWartermark: boolean;
+		wartermarkText: string;
+		tagsStyle: string;
+		animation: string;
+		columnsAsideStyle: string;
+		columnsAsideLayout: string;
+		layout: string;
+		isRequestRoutes: boolean;
+		globalTitle: string;
+		globalViceTitle: string;
+		globalViceTitleMsg: string;
+		globalI18n: string;
+		globalComponentSize: string;
+		footerAuthor: string;
+	};
+}

package/src/types/views.d.ts

@@ -0,0 +1,27 @@
+/**
+ * views personal
+ */
+type NewInfo = {
+	title: string;
+	date: string;
+	link: string;
+};
+type Recommend = {
+	title: string;
+	msg: string;
+	icon: string;
+	bg: string;
+	iconColor: string;
+};
+declare type PersonalState = {
+	newsInfoList: NewInfo[];
+	recommendList: Recommend[];
+	personalForm: {
+		name: string;
+		email: string;
+		autograph: string;
+		occupation: string;
+		phone: string;
+		sex: string;
+	};
+};

package/src/types/window.d.ts

@@ -0,0 +1,8 @@
+declare global {
+  interface Navigator {
+    msSaveOrOpenBlob: (blob: Blob, fileName: string) => void;
+    browserLanguage: string;
+  }
+}
+
+export {};

package/src/utils/aes.js

@@ -0,0 +1,75 @@
+import CryptoJS from 'crypto-js/crypto-js';
+import tool from '@/utils/tool';
+
+export const encrypt = (text) => {
+  const key = tool.randomString(16);
+  const sha = tool.randomString(16);
+  const encrypt = encryptWith(text, key);
+  const md5 = CryptoJS.MD5(sha + encrypt + key).toString();
+  return sha + md5.substring(0, 16) + key + md5.substring(16) + encrypt;
+}
+
+export const encryptWith = (text, key) => {
+  if (!text) return null;
+
+  const uKey = CryptoJS.enc.Utf8.parse(key);
+  const uText = CryptoJS.enc.Utf8.parse(text);
+  const iv = CryptoJS.enc.Utf8.parse();
+  const encrypt = CryptoJS.AES.encrypt(uText, uKey, {
+    iv: iv,
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  });
+  return encrypt.toString();
+}
+
+export const decrypt = (text) => {
+  if (text == null || text.length <= 64) return null;
+
+  const sha = text.substring(0, 16);
+  const md51 = text.substring(16, 32);
+  const key = text.substring(32, 48);
+  const md52 = text.substring(48, 64);
+  const md5 = md51 + md52;
+  const encrypt = text.substring(64);
+  if (CryptoJS.MD5(sha + encrypt + key).toString() !== md5.toLowerCase()) {
+    throw new Error('数据已被篡改！')
+  }
+
+  return decryptWith(encrypt, key);
+}
+
+export const decryptWith = (encrypt, key) => {
+  const uKey = CryptoJS.enc.Utf8.parse(key);
+  const iv = CryptoJS.enc.Utf8.parse();
+  const decrypt = CryptoJS.AES.decrypt(encrypt, uKey, {
+    iv: iv,
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  })
+  return CryptoJS.enc.Utf8.stringify(decrypt);
+}
+
+export const aesDecrypt = (token, sha) => {
+  if (sha.length <= 16) return '';
+
+  const base64 = CryptoJS.enc.Base64.parse(token);
+  const src = CryptoJS.enc.Base64.stringify(base64);
+
+  const key = CryptoJS.enc.Utf8.parse(sha.substr(0, 16));
+  const iv = CryptoJS.enc.Utf8.parse();
+
+  const decrypt = CryptoJS.AES.decrypt(src, key, {
+    iv: iv,
+    mode: CryptoJS.mode.ECB,
+    padding: CryptoJS.pad.Pkcs7
+  })
+
+  return CryptoJS.enc.Utf8.stringify(decrypt);
+};
+
+export default {
+  encrypt,
+  decrypt,
+  aesDecrypt
+};

package/src/utils/browser.js

@@ -0,0 +1,13 @@
+(function () {
+  if (typeof EventTarget !== 'undefined') {
+    const func = EventTarget.prototype.addEventListener;
+    EventTarget.prototype.addEventListener = function (type, fn, capture) {
+      this.func = func;
+      if (typeof capture !== 'boolean') {
+        capture = capture || {};
+        capture.passive = false;
+      }
+      this.func(type, fn, capture);
+    }
+  }
+})();

package/src/utils/bus.js

@@ -0,0 +1,4 @@
+import mitt from 'mitt'
+
+const emitter = mitt();
+export default emitter;

package/src/utils/cache.js

@@ -0,0 +1,6 @@
+import WebStorageCache from 'web-storage-cache'
+
+export const useCache = (type) => {
+  const wsCache = new WebStorageCache({ storage: type || 'localStorage' });
+  return { wsCache }
+}

package/src/utils/codeless.js

@@ -0,0 +1,92 @@
+import { store as pinia } from '@/pinia';
+import { usePageStore } from '@/pinia/modules/page';
+import { usePageButtonStore } from '@/pinia/modules/pageButton';
+import { usePageCompStore } from '@/pinia/modules/pageComp';
+import { useDataFormStore } from '@/pinia/modules/dataForm';
+import { useDataTableStore } from '@/pinia/modules/dataTable';
+import { useDataFieldStore } from '@/pinia/modules/dataField';
+
+const pageStore = usePageStore(pinia);
+const pageButtonStore = usePageButtonStore(pinia);
+const pageCompStore = usePageCompStore(pinia);
+const dataFormStore = useDataFormStore(pinia);
+const dataTableStore = useDataTableStore(pinia);
+const dataFieldStore = useDataFieldStore(pinia);
+
+export const getPage = (id, menuId) => {
+  return pageStore.getById(id, menuId);
+};
+
+export const getPageButton = () => {
+  return pageButtonStore.getList();
+};
+
+export const getPageComp = (id, menuId) => {
+  return pageCompStore.getById(id, menuId);
+};
+
+export const getDataForm = (id) => {
+  return dataFormStore.getById(id);
+};
+
+export const getDataTable = (id) => {
+  return dataTableStore.getById(id);
+};
+
+export const getDataField = (id) => {
+  return dataFieldStore.getById(id);
+};
+
+export const getDataFieldList = (id) => {
+  return dataFieldStore.getByModelId(id);
+};
+
+export const clearPage = () => {
+  return pageStore.clearData();
+};
+
+export const clearPageButton = () => {
+  return pageButtonStore.clearData();
+};
+
+export const clearPageComp = () => {
+  return pageCompStore.clearData();
+};
+
+export const clearDataForm = () => {
+  return dataFormStore.clearData();
+};
+
+export const clearDataTable = () => {
+  return dataTableStore.clearData();
+};
+
+export const clearDataField = () => {
+  return dataFieldStore.clearData();
+};
+
+export const clearCache = () => {
+  pageStore.clearData();
+  pageButtonStore.clearData();
+  pageCompStore.clearData();
+  dataFormStore.clearData();
+  dataTableStore.clearData();
+  dataFieldStore.clearData();
+};
+
+export default {
+  getPage,
+  getPageButton,
+  getPageComp,
+  getDataForm,
+  getDataTable,
+  getDataField,
+  getDataFieldList,
+  clearPage,
+  clearPageButton,
+  clearPageComp,
+  clearDataForm,
+  clearDataTable,
+  clearDataField,
+  clearCache
+}