kn-cli 1.0.131 → 1.0.133

package/templates/template_admin_antd5/public/src/services/index.js

@@ -0,0 +1,126 @@
+// @ts-ignore
+import Axios from 'axios';
+// @ts-ignore
+import { message } from '@/components/antd';
+import {WriteLog} from '@/utils';
+import {CreateHttpTools} from './http';
+
+import { DEBUG_API_HOST } from '@/config';
+import {logout} from './token';
+import {DefaultRequest} from './interceptor';
+import {FormatTableService,FormatGetRequest,FormatRequestClean} from './interceptor';
+
+
+
+// @ts-ignore
+export const API_ROOT= BUILD_ENV=='localdebug'?DEBUG_API_HOST:API_HOST;
+export const RESPONSE_STRUCT={
+  CODE:'code',
+  MSG:'msg',
+  DATA:'data',
+  PAGINATION:'pagination'
+}
+
+// @ts-ignore
+console.log(`========API_ROOT:${API_ROOT}========`);
+
+const Modal = {
+  error: (options) => {
+    message.error(options.content);
+  },
+};
+
+const axios = Axios.create();
+axios.interceptors.request.use(DefaultRequest);
+
+let ERROR_401_COUNT=0;
+/**
+ * 统一拦截异常消息弹屏报错处理
+ * 如果希望某条消息不拦截，可以再发送消息时带上 noInterceptors:true|'all'
+ */
+axios.interceptors.response.use(
+  function (response) {
+    // setJwt(response?.headers['set-token'] || jwt);
+    ERROR_401_COUNT=0;
+    // 不需要接口统一处理异常错误
+    // @ts-ignore
+    if (response.config.noInterceptors) {
+      return response;
+    }
+    const {data}= response;
+    const CODE = data[RESPONSE_STRUCT.CODE];
+    const MSG = data[RESPONSE_STRUCT.MSG];
+
+    if (Number(CODE) !== 0) {
+      console.log(`${JSON.stringify(data)}`);
+      Modal.error({ title: `注意`, content: `${MSG}(${CODE})` });
+    }
+    return response;
+  },
+  function (error) {
+    if(!error||!error.response){
+      Modal.error({
+        title: '网络错误',
+        content: error.message||'',
+      });
+      return Promise.resolve(null);
+    }
+    
+    if (error.response.config.noInterceptors === 'all') {
+      return Promise.resolve(error.response);
+    }
+    // jwt失效
+    if (error.response.status === 401) {
+      if(ERROR_401_COUNT>0)return;
+      if( !error.config.url.includes('passport/logOut') ){
+        Modal.error({title:'注意',content:'您的登录已过期，请尝试重新登录'});
+        ERROR_401_COUNT++;
+        WriteLog(`=重新登录=接口401(${error.config.url})`)
+        if(logout)logout();
+      }
+      return Promise.resolve(null);
+    } else if (error.response.status === 403) {
+      Modal.error({
+        title: '提示',
+        content: `${error.response.data[RESPONSE_STRUCT.MSG]}`,
+      });
+      // if(logout)logout();
+      return Promise.resolve(null);
+    }
+    Modal.error({
+      title: `网络错误${error.response.status}`,
+      content: `${error.response.config.url}`,
+    });
+    return Promise.resolve(null);
+  }
+);
+
+
+
+const DEFAULT_HTTP = CreateHttpTools(axios);
+const {
+  GET_DEFAULT,
+  GET_DEFAULT_CROSS,
+  POST_DEFAULT,
+  POST_DEFAULT_CROSS,
+  DELETE_DEFAULT,
+  PUT_DEFAULT
+} = DEFAULT_HTTP;
+
+export {
+  GET_DEFAULT,
+  GET_DEFAULT_CROSS,
+  POST_DEFAULT,
+  POST_DEFAULT_CROSS,
+  DELETE_DEFAULT,
+  PUT_DEFAULT
+}
+
+
+
+
+export {
+  FormatTableService,
+  FormatGetRequest,
+  FormatRequestClean
+}

package/templates/template_admin_antd5/public/src/services/interceptor/index.js

@@ -0,0 +1,67 @@
+
+
+import {RESPONSE_STRUCT} from '../';
+import {addToken} from '../token';
+
+
+
+export const DefaultRequest=(config)=> {
+  let header = { 'X-Requested-With': 'XMLHttpRequest' };
+  header = addToken(header);
+  if (config.headers) {
+    config.headers = { ...config.headers, ...header };
+  } else {
+    config.headers = header;
+  }
+  // 在发送请求之前做些什么
+  return config;
+}
+
+
+
+export const FormatTableService = (response)=>{
+  let req={
+    code:response[RESPONSE_STRUCT.CODE]||0,
+    data:response[RESPONSE_STRUCT.DATA]||null,
+    msg:response[RESPONSE_STRUCT.MSG]||''
+  };
+  if(response[RESPONSE_STRUCT.PAGINATION]){
+    req.page = response[RESPONSE_STRUCT.PAGINATION]
+  }
+  return req;
+};
+
+/**
+ * 格式化处理GET请求的参数，将传参为空的删除掉，因为后端认为空字符串也是属于一个特定字符查询
+ * @param {object} requestParams 
+ * @returns {object}
+ */
+export const FormatGetRequest=(requestParams)=>{
+  for(let key in requestParams){
+    if(requestParams[key]==''
+      ||requestParams[key]===null
+      ||requestParams[key]==undefined
+    ){
+      delete requestParams[key];
+    }
+  }
+  return requestParams;
+}
+
+
+/**
+ * 清理以_开头的不参与接口提交的参数
+ * @param {object} requestParams 
+ * @returns {object}
+ */
+export const FormatRequestClean=(requestParams)=>{
+  for(let key in requestParams){
+    if(/^[_].*/.test(key)){
+      delete requestParams[key];
+    }
+  }
+  return requestParams;
+}
+
+
+

package/templates/template_admin_antd5/public/src/services/login.js

@@ -0,0 +1,37 @@
+import {GET_DEFAULT,API_ROOT,POST_DEFAULT} from './index';
+
+
+
+/**
+ * KSSO登录
+ * @returns {Promise<ServicesResponse>}
+ */
+export function KSSO_LOGIN(params={
+  code:'',
+  redirect_uri:''
+}){
+  return Promise.resolve({
+    code:0,
+    data:{
+      token:'123',
+      name:'cx'
+    }
+  })
+  return GET_DEFAULT(`${API_ROOT}/auth/oauth2_generic/callback`,params)
+
+}
+
+/**
+ * 退出登录
+ * @returns {Promise<ServicesResponse>}
+ */
+export function Logout(){
+  return Promise.resolve({
+    code:0,
+    data:{
+      token:'123',
+      name:'cx'
+    }
+  })
+  return POST_DEFAULT(`${API_ROOT}/passport/logOut`,{},{noInterceptors:'all'})
+}

package/templates/template_admin_antd5/public/src/services/socket/index.jsx

@@ -0,0 +1,99 @@
+
+import {getJwt,logout} from '../token'
+// @ts-ignore
+import {Modal} from '@/components/antd';
+import { CONSOLE_LOG ,WriteLog} from '@/utils';
+
+let _ws;
+let timer=null;
+
+const MODULE_NAME='Websocket'
+
+const CHECK_PING_PONG=true;
+const TIME_OUT=15000; 
+const HEART_TICK=5000;
+
+export const GET_SOCKET=()=>{
+  if(_ws)return _ws;
+  let token = getJwt();
+  let alertCount=0;
+  // @ts-ignore
+  _ws = new WebSocket(WS_HOST+`?bearer_token=${token}`);
+
+  let lastPongTime;
+  const startHeartbeat=()=> {
+    if(timer){window.clearInterval(timer);}
+    timer = window.setInterval(function() {
+      if (_ws && _ws.readyState === WebSocket.OPEN) {
+        if(!lastPongTime){
+          lastPongTime = Date.now();
+        }
+        if( CHECK_PING_PONG && Date.now() - lastPongTime >= TIME_OUT){
+          clear();
+          Modal.error({
+            title: '网络连接中断',
+            content: '请重新连接',
+            okText:'重新连接',
+            onOk:()=>{
+              GET_SOCKET();
+            }
+          });
+          return;
+        }
+        _ws.send('ping');
+      }
+    }, HEART_TICK); // 每5秒发送一次ping
+  }
+
+  const clear=()=>{
+    if(timer){window.clearInterval(timer);}
+    _ws=null;
+  }
+  _ws.onopen=()=>{
+    alertCount=0;
+    CONSOLE_LOG(MODULE_NAME,'connect success')
+    startHeartbeat();
+  }
+  _ws.onmessage = function(event) {
+    if(event.data == 'pong' || event.data=='ping'){
+      lastPongTime = Date.now();
+      _ws.send('pong');
+      return;
+    }
+    const {type,data} = JSON.parse(event.data);
+    CONSOLE_LOG(MODULE_NAME,'new msg',type,data)
+    switch(type){
+      case 'Pong':{}break;
+    }
+  }
+
+  _ws.onerror=function(e){
+    CONSOLE_LOG.error(MODULE_NAME,'error',e,alertCount)
+  }
+
+  _ws.onclose = function(e) {
+    CONSOLE_LOG.error(MODULE_NAME,'close',e,alertCount)
+    if(alertCount>0){return;}
+    const {code} =e;
+    clear();
+    alertCount++;
+
+    Modal.error({
+      title: '网络连接中断websocket',
+      content: `请重新登录(${code})`,
+      okText:'重新登录',
+      onOk:()=>{
+        WriteLog(`=重新登录=socket断开(${code})`);
+        // GET_SOCKET();
+        logout();
+
+      }
+    });
+  }
+  return _ws;
+}
+export const WS_SEND=(message)=>{
+  const ws = GET_SOCKET();
+  ws.send(message);
+}
+

package/templates/template_admin_antd5/public/src/services/token/index.js

@@ -0,0 +1,41 @@
+
+const tokenMode='header';//header,cookie
+const tokenName='Authorization';
+
+let jwt = '';
+let _logout = ()=>{}
+
+
+export const setJwt = (value) => {
+  if(value==''){
+    localStorage.removeItem('jwt');
+    jwt='';
+    return;
+
+  }
+  localStorage.setItem('jwt', value);
+  jwt = value;
+};
+export const getJwt=()=>{
+  return jwt;
+}
+
+export const setLogout=(fn)=>{
+  _logout=fn;
+}
+export const logout=()=>{
+  _logout();
+}
+
+export const addToken=(header)=>{
+  if(tokenMode=='header'){
+    if (jwt) {
+      header[tokenName] = jwt;
+    }
+  }
+  return header;
+}
+
+if(window){
+  window['setJwt']=setJwt;
+}

package/templates/template_admin_antd5/public/src/type.js

@@ -0,0 +1,67 @@
+
+/**
+ * 可自行扩展任意数量的属性
+ * @typedef {Object<string, any>} OtherAny
+ */
+
+/**
+ * 指向DOM节点的ref
+ * @typedef {object} RefDomElement
+ * @property {HTMLElement} current - DOM节点
+ */
+
+
+/**
+ * 分页
+ * @typedef {object} Pagination
+ * @property {number} current - 当前页码,1~N
+ * @property {number} pageSize=10 - 分页大小
+ * @property {number} total - 总记录条数
+ * @property {number} startIdx - 当前页面第一条的数据索引起始值
+ * 
+ */
+
+
+
+/**
+ * 接口response数据
+ * @template [T=object]
+ * @typedef {object} ServicesResponse
+ * @property {number} code - 接口处理结果,0为成功
+ * @property {T} data - 接口返回的数据
+ * @property {Pagination} [page] - 分页数据
+ * @property {string} [msg] - 消息内容
+ * 
+ * 
+ */
+
+
+
+/**
+ * 设置菜单属性
+ * @typedef MenuConfig
+ * @property {string} primaryId - 菜单的primaryId值
+ * @property {('msgCount'|'icon'|'name')} key - 需要设置的字段名称
+ * @property {any} value - 字段值
+ */
+
+/**
+ * 菜单项
+ * @typedef RouteMenuItem
+ * @property {string} name - 菜单展示的名称
+ * @property {boolean} [noAutoMatch=false] - 关闭自动菜单匹配跳转
+ * @property {import("react").JSX.Element} [component] - 菜单对应的页面JSX组件
+ * @property {string|import("react").JSX.Element} [icon] - 菜单图标
+ * @property {string} [url] - 菜单的URL地址
+ * @property {string} [routeTemplate] - 菜单的路由模版，用于匹配动态路由
+ * @property {number} [msgCount] - 菜单的未读消息数量
+ * @property {boolean} [hideMenu=false] - 是否为隐藏的菜单，隐藏的菜单不会展示独立菜单，但是会匹配路由
+ * @property {string[]|boolean} [auth] - 允许访问该菜单的权限列表
+ * @property {RouteMenuItem[]} [children] - 子菜单
+ * @property {string} [primaryId] - 菜单的唯一ID，如果存在primaryId，则菜单的key同primaryId
+ * @property {string} [key] - 会自动生成的菜单唯一ID，如果菜单配置内存在了primaryId，则会取该id
+ * @property {string} [parentKey] - 父级菜单的key，自动生成的
+ * 
+ */
+
+

package/templates/template_admin_antd5/public/src/utils/event.js

@@ -0,0 +1,58 @@
+
+
+import {CONSOLE_LOG} from '@/utils';
+const events={}
+
+
+const MODULE_NAME='EventBus'
+
+/**
+ * 监听消息
+ * @param {import('../enum').ENUM_EVENT_BUS_TYPE} type 
+ * @param {(params:object)=>void} fn 
+ */
+export const addEventListener=(type,fn)=>{
+  const list = events[type]=events[type]||[];
+  list.push(fn);
+}
+
+/**
+ * 移除监听消息
+ * @param {import('../enum').ENUM_EVENT_BUS_TYPE} type 
+ * @param {(params:object)=>void} fn 
+ */
+export const removeEventListener=(type,fn)=>{
+  const list = events[type]=events[type]||[];
+  for(let i=0;i<list.length;i++){
+    let _fn = list[i];
+    if(fn==_fn){
+      list.splice(i,1);
+      i--;
+    }
+  }
+}
+
+/**
+ * 广播消息
+ * @param {import('../enum').ENUM_EVENT_BUS_TYPE} type 
+ * @param {object} params
+ */
+export const broadcast=(type,params)=>{
+  CONSOLE_LOG(MODULE_NAME,'广播',type,params)
+  const list = events[type]=events[type]||[];
+  for(let i=0;i<list.length;i++){
+    let _fn = list[i];
+    _fn(params);
+  }
+};
+
+
+
+export default {
+  addEventListener,
+  removeEventListener,
+  broadcast
+}
+
+
+

package/templates/template_admin_antd5/public/src/utils/format.js

@@ -0,0 +1,135 @@
+// @ts-ignore
+import moment from 'moment';
+
+/**
+ * 格式化为货币格式
+ * @param {string|number} value - 数值
+ * @param {number} decimal=2 - 格式化到小数点后几位
+ * @param {object} extra - 扩展参数
+ * @returns {string} 格式化后的字符串 
+ */
+export const formatMoney=(value,decimal=2,extra={noValue:'-',carry:false})=>{
+  const {noValue='-',carry=false}=extra;
+  try{
+    value = parseFloat(`${value}`);
+    if(Number.isNaN(value)){
+      value='';
+      return;
+    }
+    if(carry){
+      value = value.toFixed(decimal);
+    }else{
+      value = value.toFixed(decimal+1);
+      value = value.slice(0,-1);
+    }
+  }
+  catch(ex){
+    value='';
+  }finally{
+    if(value===''){
+      return noValue||'';
+    }
+    return `${value}`;
+  }
+}
+
+export const formatText=(value,extra={noValue:'-'})=>{
+  const {noValue='-'}= extra;
+  if(!value){
+    if(noValue)return noValue;
+  }
+  return value;
+}
+
+
+export const formatPhone=(value,extra={noValue:'-'})=>{
+  const {noValue='-'}= extra;
+  if(!value){
+    if(noValue)return noValue;
+  }
+  return value.replace(/(\d)(?=(\d{4})+$)/g, '$1-');
+}
+
+/**
+ * 文件大小展示转化为B、KB、MB
+ * @param {number} fileSize - 文件大小,单位bit
+ */
+export const formatFileSize=(fileSize)=>{
+  if(fileSize<1024){
+    return fileSize+'B';
+  }
+  if(fileSize<(1024*1024)){
+    const size=(fileSize/1024).toFixed(1);
+    return size + 'KB';
+  }
+  if(fileSize < (1024 * 1024 * 1024)){
+    const size=(fileSize/(1024 * 1024)).toFixed(1);
+    return size+'M';
+  }
+  const size=(fileSize/(1024*1024*1024)).toFixed(1);
+  return size+'G';
+}
+
+
+/**
+ * 格式化用户名称
+ * @param {object} user 
+ * @returns {string}
+ */
+export const formatUserName=(user)=>{
+  if(user.status==0){
+    return `${user.name}[已禁用]`;
+  }
+  return user.name;
+}
+
+/**
+ * 
+ * @param {moment|string} momentTime 
+ * @param {string} type='minute' 'minute':精确到分钟 ,默认：精确到最大单位
+ * 
+ * @returns {string}
+ */
+export const fromNow=(momentTime,type='minute')=>{
+  var now = moment();
+  if(!moment.isMoment(momentTime)){
+    momentTime = moment(momentTime)
+  }
+  var duration = moment.duration(now.diff(momentTime));
+
+  // 获取小时和分钟
+  var days = Math.floor(duration.asDays());
+  var months = Math.floor(duration.asMonths());
+  var years = Math.floor(duration.asYears());
+
+  var hours = Math.floor(duration.asHours());
+  var minutes = duration.minutes();
+  // var seconds = duration.seconds();
+
+  if(years>0){
+    return momentTime.format('YYYY-MM-DD')
+    return `${years}年前`;
+  }
+  if(months>0){
+    return momentTime.format('MM-DD');
+    return `${months}个月前`;
+  }
+  if(days>0){
+    return `${days}天前`;
+  }
+  if(hours>0){
+    if(type=='hour'){
+      return `${hours}小时前`;
+    }
+    if(minutes<=0){
+      return `${hours}小时前`;
+    }else{
+      return `${hours}小时${minutes}分钟前`;
+    }
+  }
+  if(minutes>0){
+    return `${minutes}分钟前`;
+  }
+  return '刚刚';
+}
+