@arkxos/arkos-core 0.1.0

package/src/components/index.ts

@@ -0,0 +1,12 @@
+/*
+|--------------------------------------------------------------------------
+|
+| 这些组件暴露给使用方
+|
+|--------------------------------------------------------------------------
+*/
+import HelloWorld from './HelloWorld.vue'
+
+export default {
+  HelloWorld
+}

package/src/configs/subApp.ts

@@ -0,0 +1,9 @@
+/*
+|--------------------------------------------------------------------------
+|
+| 对应 package.json/appGroupName
+|
+|--------------------------------------------------------------------------
+*/
+
+export const LIB_NAME = '@arkxos/arkos-core'

package/src/core/api/http.ts

@@ -0,0 +1,490 @@
+import axios, { AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+import { ElNotification, ElMessageBox, ElMessage, ElLoading } from 'element-plus'
+
+import sysConfig from '../config';
+import {
+  tool,
+  util,
+  sessionCache,
+  HttpStatusErrorMessage,
+  HttpStatus,
+  crypto,
+  jsencrypt,
+  sessionCache as Session
+} from '@arkxos/arkos-util';
+import router from '../router/router';
+import { saveAs } from 'file-saver'
+import { getToken } from '../../access/tokenStorage';
+import { getLanguage } from '../../lang';
+import qs from 'qs';
+const tansParams = util.tansParams;
+const blobValidate = util.blobValidate;
+
+const encryptHeader = 'encrypt-key';
+
+// 常用header
+export enum CommonHeaderEnum {
+  'TENANT_ID' = 'TENANT-ID',
+  'ENC_FLAG' = 'Enc-Flag',
+  'AUTHORIZATION' = 'Authorization',
+}
+
+// 是否显示重新登录
+export const isRelogin = { show: false };
+
+export const globalHeaders = () => {
+  return {
+    Authorization: 'Bearer ' + getToken(),
+    // @ts-ignore
+    arkClientId: window.Arkos?.appInfo?.clientId
+  };
+};
+
+axios.defaults.baseURL = ''
+
+axios.defaults.timeout = sysConfig.TIMEOUT
+
+axios.defaults.headers['accept'] = 'application/json;charset=utf-8'
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+// 对应国际化资源文件后缀
+axios.defaults.headers['Content-Language'] = 'zh-cn'
+// @ts-ignore
+axios.defaults.headers['arkClientId'] = window.Arkos?.appInfo?.clientId;
+
+// @ts-ignore
+if (window.Arkos?.api?.global?.headers) {
+  // @ts-ignore
+  for (const key in window.Arkos?.api.global.headers) {
+    // @ts-ignore
+    const value = window.Arkos?.api.global.headers[key]
+    axios.defaults.headers[key] = value
+  }
+}
+
+/**
+ * 创建并配置一个 Axios 实例对象
+ */
+const service = axios.create({
+  // axios中请求配置有baseURL选项，表示请求URL公共部分
+  baseURL: sysConfig.API_URL || '',
+  // 超时../../core/api/http
+  timeout: sysConfig.TIMEOUT, // 全局超时时间
+  paramsSerializer: {
+    serialize: (params: any) => {
+      return qs.stringify(params, { arrayFormat: 'repeat' });
+    }
+  }
+})
+
+/**
+ * Axios请求拦截器，对请求进行处理
+ * 1. 序列化get请求参数
+ * 2. 统一增加Authorization和TENANT-ID请求头
+ * 3. 自动适配单体、微服务架构不同的URL
+ * @param config AxiosRequestConfig对象，包含请求配置信息
+ */
+service.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    console.log('pre request', config)
+    // 对应国际化资源文件后缀
+    config.headers['Content-Language'] = getLanguage();
+
+    const headers: any = config.headers || {};
+
+    // 是否需要防止数据重复提交
+    const isNotRepeatSubmit = headers.repeatSubmit === false
+
+    const token = getToken();
+
+    if (token && !headers.skipToken) { // 让每个请求携带自定义token
+      config.headers![sysConfig.TOKEN_NAME] = sysConfig.TOKEN_PREFIX + token
+    }
+    if (!sysConfig.REQUEST_CACHE && config.method == 'get') {
+      config.params = config.params || {};
+      config.params._ = new Date().getTime();
+    }
+    Object.assign(config.headers, sysConfig.HEADERS)
+
+    // get请求映射params参数
+    if (config.method === 'get' && config.params) {
+      let url = config.url + '?' + tansParams(config.params);
+      url = url.slice(0, -1);
+      config.params = {};
+      config.url = url;
+    }
+
+    if (!isNotRepeatSubmit && (
+      config.method === 'post' ||
+      config.method === 'put' ||
+      config.method === 'delete')) {
+      const requestObj = {
+        url: config.url,
+        method: config.method,
+        data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
+        time: new Date().getTime()
+      }
+      console.log('requestObj', requestObj)
+      const sessionObj = sessionCache.getJSON('sessionObj')
+      console.log('exist sessionObj', sessionObj)
+      if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
+        sessionCache.setJSON('sessionObj', requestObj)
+      } else {
+        const s_url = sessionObj.url; // 请求地址
+        const s_method = sessionObj.method; // 请求数据
+        const s_data = sessionObj.data; // 请求数据
+        const s_time = sessionObj.time; // 请求时间
+        const interval = 1000; // 间隔时间(ms)，小于此时间视为重复提交
+        if (s_data === requestObj.data &&
+          requestObj.time - s_time < interval &&
+          s_url === requestObj.url &&
+          s_method === requestObj.method) {
+          const message = '数据正在处理，请勿重复操作';
+          console.warn(`[${s_url}]: ` + message)
+          return Promise.reject(new Error(message))
+        } else {
+          sessionCache.setJSON('sessionObj', requestObj)
+        }
+      }
+    }
+
+    // 是否需要加密
+    const isEncrypt = headers.isEncrypt === true;
+    // 当开启参数加密
+    if (isEncrypt && (config.method === 'post' || config.method === 'put')) {
+      // 生成一个 AES 密钥
+      const aesKey = crypto.generateAesKey();
+      config.headers[encryptHeader] = jsencrypt.encrypt(crypto.encryptBase64(aesKey));
+      config.data = typeof config.data === 'object'
+        ? crypto.encryptWithAes(JSON.stringify(config.data), aesKey)
+        : crypto.encryptWithAes(config.data, aesKey);
+    }
+
+    // FormData数据去请求头Content-Type
+    if (config.data instanceof FormData) {
+      delete config.headers['Content-Type'];
+    }
+
+    // 自动适配单体和微服务架构不同的URL
+    // config.url = other.adaptationUrl(config.url);
+
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+// FIX 多个API同时401时疯狂弹窗BUG
+let MessageBox_401_show = false
+
+// HTTP response 拦截器
+/**
+ * 响应拦截器处理函数
+ * @param response 响应结果
+ * @returns 如果响应成功，则返回响应的data属性；否则，抛出错误或者执行其他操作
+ */
+service.interceptors.response.use(
+  (response: AxiosResponse) => {
+    console.log('http response', response)
+    // 加密后的 AES 秘钥
+    const keyStr = response.headers[encryptHeader];
+    // 加密
+    if (keyStr != null && keyStr != '') {
+      const data = response.data;
+      // 请求体 AES 解密
+      const base64Str = jsencrypt.decrypt(keyStr);
+      // base64 解码 得到请求头的 AES 秘钥
+      const aesKey = crypto.decryptBase64(base64Str.toString());
+      // aesKey 解码 data
+      const decryptData = crypto.decryptWithAes(data, aesKey);
+      // 将结果 (得到的是 JSON 字符串) 转为 JSON
+      response.data = JSON.parse(decryptData);
+    }
+
+    // 未设置状态码则默认成功状态
+    let code = HttpStatus.SUCCESS;
+    if (response.data?.code) {
+      code = response.data.code
+    } else if (response?.status) {
+      code = response.status
+    }
+    // 获取错误信息
+    const msg = HttpStatusErrorMessage[code] || response.data.msg || HttpStatusErrorMessage.default
+    // 二进制数据则直接返回
+    if (response.request.responseType === 'blob' || response.request.responseType === 'arraybuffer') {
+      return response.data
+    }
+    // console.log('response data', response.data)
+    if (code === 401) {
+      console.error('请求401：' + response.config.url);
+      ElNotification.error({
+        title: '未授权',
+        message: 'Status:401，正在请求未授权的地址：' + response.config.url + '！'
+      });
+      // if (!isRelogin.show) {
+      //   isRelogin.show = true;
+      //   ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
+      //     confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning'
+      //   }).then(() => {
+      //     isRelogin.show = false;
+      //     useUserStore().logOut().then(() => {
+      //       location.href = '/#/index';
+      //     })
+      //   }).catch(() => {
+      //     isRelogin.show = false;
+      //   });
+      // }
+      return Promise.reject('无效的会话，或者会话已过期，请重新登录。')
+    } else if (code === HttpStatus.TOKEN_EXPIRE) {
+      ElMessageBox.confirm('令牌状态已过期，请点击重新登录。', '令牌状态已过期', {
+        type: 'error',
+        closeOnClickModal: false,
+        center: true,
+        confirmButtonText: '重新登录'
+      }).then(() => {
+        Session.clear(); // 清除浏览器全部临时缓存
+        window.location.href = '/'; // 去登录页
+      }).catch(() => {})
+    } else if (code === HttpStatus.SERVER_ERROR) {
+      ElMessage({ message: msg, type: 'error' })
+      return Promise.reject(new Error(msg))
+    } else if (code === HttpStatus.WARN) {
+      ElMessage({ message: msg, type: 'warning' })
+      return Promise.reject(new Error(msg))
+    } else if (code !== HttpStatus.SUCCESS) {
+      ElNotification.error({ title: msg })
+      return Promise.reject('error')
+    } else if (response.data) {
+      return Promise.resolve(response.data)
+    } else {
+      return Promise.resolve(response)
+    }
+  },
+  (error) => {
+    if (error.response) {
+      if (error.response.status == 404) {
+        ElNotification.error({
+          title: '请求错误',
+          message: 'Status:404，正在请求不存在的服务器记录！'
+        });
+      } else if (error.response.status == 500) {
+        ElNotification.error({
+          title: '请求错误',
+          message: error.response.data.message || 'Status:500，服务器发生错误！'
+        });
+      } else if (error.response.status == 401) {
+        if (!MessageBox_401_show) {
+          MessageBox_401_show = true
+          ElMessageBox.confirm('当前用户已被登出或无权限访问当前资源，请尝试重新登录后再操作。', '无权限访问', {
+            type: 'error',
+            closeOnClickModal: false,
+            center: true,
+            confirmButtonText: '重新登录',
+            beforeClose: (action, instance, done) => {
+              MessageBox_401_show = false
+              done()
+            }
+          }).then(() => {
+            router.replace({ path: '/login' });
+          }).catch(() => {})
+        }
+      } else {
+        ElNotification.error({
+          title: '请求错误',
+          message: error.message || `Status:${error.response.status}，未知错误！`
+        });
+      }
+    } else {
+      ElNotification.error({
+        title: '请求错误',
+        message: '请求服务器无响应！'
+      });
+    }
+
+    let { message } = error;
+    if (message == 'Network Error') {
+      message = '后端接口连接异常';
+    } else if (message.includes('timeout')) {
+      message = '系统接口请求超时';
+    } else if (message.includes('Request failed with status code')) {
+      message = '系统接口' + message.substr(message.length - 3) + '异常';
+    }
+    ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
+
+    return Promise.reject(error);
+  }
+);
+
+export const http = {
+
+  request: function (config) {
+    return new Promise((resolve, reject) => {
+      service(config).then((response) => {
+        resolve(response);
+      }).catch((error) => {
+        reject(error);
+      })
+    })
+  },
+  // 通用下载方法
+  download: function (url: string, params: any, filename: string, config: any) {
+    const downloadLoadingInstance = ElLoading.service({ text: '正在下载数据，请稍候', background: 'rgba(0, 0, 0, 0.7)', })
+    return service.post(url, params, {
+      transformRequest: [(params) => { return tansParams(params) }],
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+      responseType: 'blob',
+      ...config
+    }).then(async (resp) => {
+      const isBlob = blobValidate(resp);
+      if (isBlob) {
+        // @ts-ignore
+        const blob = new Blob([resp])
+        saveAs(blob, filename)
+      } else {
+        const resText = await resp.data.text();
+        const rspObj = JSON.parse(resText);
+        const errMsg = HttpStatusErrorMessage[rspObj.code] || rspObj.msg || HttpStatusErrorMessage.default
+        ElMessage.error(errMsg);
+      }
+      downloadLoadingInstance.close();
+    }).catch((r) => {
+      console.error(r)
+      ElMessage.error('下载文件出现错误，请联系管理员！')
+      downloadLoadingInstance.close();
+    })
+  },
+
+  /** get 请求
+   * @param  {string} url 接口地址
+   * @param  {object} params 请求参数
+   * @param  {object} config 参数
+   */
+  get: function (url, params = {}, config = {}) {
+    return new Promise((resolve, reject) => {
+      service({
+        method: 'get',
+        url: url,
+        params: params,
+        ...config
+      }).then((response) => {
+        resolve(response.data);
+      }).catch((error) => {
+        reject(error);
+      })
+    })
+  },
+
+  /** post 请求
+   * @param  {string} url 接口地址
+   * @param  {object} data 请求参数
+   * @param  {object} config 参数
+   */
+  post: function (url, data = {}, config = {}) {
+    return new Promise((resolve, reject) => {
+      service({
+        method: 'post',
+        url: url,
+        data: data,
+        ...config
+      }).then((response) => {
+        resolve(response.data);
+      }).catch((error) => {
+        reject(error);
+      })
+    })
+  },
+
+  /** put 请求
+   * @param  {string} url 接口地址
+   * @param  {object} data 请求参数
+   * @param  {object} config 参数
+   */
+  put: function (url, data = {}, config = {}) {
+    return new Promise((resolve, reject) => {
+      service({
+        method: 'put',
+        url: url,
+        data: data,
+        ...config
+      }).then((response) => {
+        resolve(response.data);
+      }).catch((error) => {
+        reject(error);
+      })
+    })
+  },
+
+  /** patch 请求
+   * @param  {string} url 接口地址
+   * @param  {object} data 请求参数
+   * @param  {object} config 参数
+   */
+  patch: function (url, data = {}, config = {}) {
+    return new Promise((resolve, reject) => {
+      service({
+        method: 'patch',
+        url: url,
+        data: data,
+        ...config
+      }).then((response) => {
+        resolve(response.data);
+      }).catch((error) => {
+        reject(error);
+      })
+    })
+  },
+
+  /** delete 请求
+   * @param  {string} url 接口地址
+   * @param  {object} data 请求参数
+   * @param  {object} config 参数
+   */
+  delete: function (url, data = {}, config = {}) {
+    return new Promise((resolve, reject) => {
+      service({
+        method: 'delete',
+        url: url,
+        data: data,
+        ...config
+      }).then((response) => {
+        resolve(response.data);
+      }).catch((error) => {
+        reject(error);
+      })
+    })
+  },
+
+  /** jsonp 请求
+   * @param  {string} url 接口地址
+   * @param  {string} name JSONP回调函数名称
+   */
+  jsonp: function (url, name = 'jsonp') {
+    return new Promise((resolve) => {
+      const script = document.createElement('script')
+      const _id = `jsonp${Math.ceil(Math.random() * 1000000)}`
+      script.id = _id
+      script.type = 'text/javascript'
+      script.src = url
+      window[name] = (response) => {
+        resolve(response)
+        document.getElementsByTagName('head')[0].removeChild(script)
+        try {
+          delete window[name];
+        } catch (e) {
+          window[name] = undefined;
+        }
+      }
+      document.getElementsByTagName('head')[0].appendChild(script)
+    })
+  }
+}
+
+export const request = http.request
+export const get = http.get
+export const post = http.post
+export const put = http.put
+export const patch = http.patch
+export const deleted = http.delete
+export const jsonp = http.jsonp
+
+export default service;

package/src/core/apitest/axios_config.js

@@ -0,0 +1,10 @@
+export default {
+  // 默认请求的接口
+  url: '/',
+  // 服务器地址
+  baseURL: '',
+  // 设置超时时间 ms
+  timeout: 60 * 1000,
+  // 是否跨站点访问控制请求
+  withCredentials: false // default
+};

package/src/core/apitest/index.js

@@ -0,0 +1,10 @@
+// 模拟数据
+import user from './mock/user';
+
+export const getUser = () =>
+  new Promise(resolve =>
+    setTimeout(() => {
+      if (sessionStorage.getItem('arkos-theme')) { user.theme = JSON.parse(sessionStorage.getItem('arkos-theme')); }
+      resolve(user);
+    }, 100)
+  );

package/src/core/apitest/mock/user.js

@@ -0,0 +1,10 @@
+// 用户信息
+export default {
+  name: 'Rapidark',
+  // 使用基座
+  theme: {
+    name: 'dashboard',
+    version: '0.1.0',
+    host: 'http://192.068.2.2:8080', // http://www.shuva.cn/demo/puzzle-parts"
+  }
+};

package/src/core/config/index.js

@@ -0,0 +1,84 @@
+
+// 合并业务配置
+import MY_CONFIG from './myConfig'
+
+const DEFAULT_CONFIG = {
+
+  envModel: 'development',
+
+  // 标题
+  ArkosTitle: 'Ark OS', // process.env.VUE_APP_TITLE,
+
+  // 首页地址
+  DASHBOARD_URL: '/arkui-sample/dashboard',
+
+  // 版本号
+  APP_VER: '1.0.0',
+
+  // 内核版本号
+  CORE_VER: '1.0.0',
+
+  // 接口地址
+  API_URL: '/gateway', // process.env.NODE_ENV === 'development' && process.env.VUE_APP_PROXY === 'true' ? "/api" : process.env.VUE_APP_API_BASEURL,
+
+  // 请求超时
+  TIMEOUT: 30000,
+
+  // TokenName
+  TOKEN_NAME: 'Authorization',
+
+  // Token前缀，注意最后有个空格，如不需要需设置空字符串
+  TOKEN_PREFIX: 'Bearer ',
+
+  // 追加其他头
+  HEADERS: {},
+
+  // 请求是否开启缓存
+  REQUEST_CACHE: false,
+
+  // 布局 默认：default | 通栏：header | 经典：menu | 功能坞：dock
+  // dock将关闭标签和面包屑栏
+  LAYOUT: 'header',
+
+  // 菜单是否折叠
+  MENU_IS_COLLAPSE: false,
+
+  // 菜单是否启用手风琴效果
+  MENU_UNIQUE_OPENED: false,
+
+  // 是否开启多标签
+  LAYOUT_TAGS: true,
+
+  // 语言
+  LANG: 'zh-cn',
+
+  // 主题颜色
+  COLOR: '',
+
+  // 是否加密localStorage, 为空不加密，可填写AES(模式ECB,移位Pkcs7)加密
+  LS_ENCRYPTION: '',
+
+  // localStorageAES加密秘钥，位数建议填写8的倍数
+  LS_ENCRYPTION_key: '2XNN4K8LC0ELVWN4',
+
+  // 控制台首页默认布局
+  DEFAULT_GRID: {
+    // 默认分栏数量和宽度 例如 [24] [18,6] [8,8,8] [6,12,6]
+    layout: [12, 6, 6],
+    // 小组件分布，com取值:views/home/components 文件名
+    copmsList: [
+      ['welcome'],
+      ['about', 'ver'],
+      ['time', 'progress']
+    ]
+  }
+}
+Object.assign(DEFAULT_CONFIG, MY_CONFIG)
+
+// 如果生产模式，就合并动态的APP_CONFIG
+// public/config.js
+// if(process.env.NODE_ENV === 'production'){
+Object.assign(DEFAULT_CONFIG, ArkosGlobalConfig)
+// }
+
+export default DEFAULT_CONFIG

package/src/core/config/myConfig.js

@@ -0,0 +1,14 @@
+// 业务配置
+// 会合并至this.$CONFIG
+// 生产模式 public/config.js 同名key会覆盖这里的配置从而实现打包后的热更新
+// 为避免和SCUI框架配置混淆建议添加前缀 MY_
+// 全局可使用 this.$CONFIG.MY_KEY 访问
+
+export default {
+  // 是否显示第三方授权登录
+  MY_SHOW_LOGIN_OAUTH: true,
+
+  // 标题
+  ArkosTitle: 'ArkX OS', // process.env.VUE_APP_TITLE,
+
+}

package/src/core/i18n/i18nBuilder.ts

@@ -0,0 +1,41 @@
+
+export default (i18nFileData:any) => {
+// 定义变量内容
+  const i18nMessage = {};
+
+  const itemize = { en: [] as any[], 'zh-cn': [] as any[] };
+
+  // files.keys().forEach((key) => {
+  //   modules[key.replace(/(\.\/|\.js)/g, '')] = files(key).default
+  // })
+
+  // 对自动引入的 modules 进行分类 en、zh-cn、zh-tw
+  // https://vitejs.cn/vite3-cn/guide/features.html#glob-import
+  for (const path in i18nFileData) {
+    const key = path.match(/(\S+)\/(\S+).ts/);
+    const data = i18nFileData[path];
+
+    if (itemize[key![2]]) itemize[key![2]].push(data);
+    else itemize[key![2]] = data;
+  }
+
+  // 合并数组对象（非标准数组对象，数组中对象的每项 key、value 都不同）
+  function mergeArrObj<T>(list: T, key: string) {
+    let obj = {};
+    list[key].forEach((i) => {
+      obj = Object.assign({}, obj, i);
+    });
+    return obj;
+  }
+
+  for (const key in itemize) {
+    i18nMessage[key] = {
+      name: key,
+      // el: element[key].el,
+      ...mergeArrObj(itemize, key),
+    };
+  }
+  console.log('app-system-i18n', i18nMessage)
+
+  return i18nMessage
+}

package/src/core/puzzle/readme.txt

@@ -0,0 +1,4 @@
+puzzle类型
+应用
+    应用扩展
+库