widget.qw 0.0.1

package/src/util/request_json.js

@@ -0,0 +1,72 @@
+import vm from '../vm'
+import axios from "axios"
+import qs from "qs"
+import { NEED_LOGIN_CODES } from './errer_code.js'
+import { getToken,TOKEN_KEY } from './auth_util.js'
+import util from './index.js'
+
+// create an axios instance
+const service = axios.create({
+    baseURL: '', // url = domain + request url
+    withCredentials: true, // send cookies when cross-domain requests
+    timeout: 1000 * 60 * 10, // request timeout
+})
+
+//请求拦截器
+service.interceptors.request.use(
+    config => {
+        util.showLoading()
+
+        //请求头加token
+        config.headers[TOKEN_KEY] = getToken()
+
+        config.headers['Content-Type'] = 'application/json'
+        config.data = JSON.stringify(config.data)
+        return config
+    },
+    error => {
+        // do something with request error
+        console.log(error) // for debug
+        util.hideLoading()
+        util.warnToast(error)
+        return Promise.reject(error)
+    }
+)
+
+//响应拦截器
+service.interceptors.response.use(
+    response => {
+        util.hideLoading()
+
+        const res = response.data
+        console.log(res)
+
+        if (res.code !== 200) {
+            util.warnToast(res.msg || "Error")
+
+            console.log(NEED_LOGIN_CODES)
+
+            if (NEED_LOGIN_CODES.indexOf(res.code) >= 0) {
+                util.warnToast('请登录')
+                setTimeout(() => {
+                    if (vm.needLoginCallback) {
+                        vm.needLoginCallback() 
+                    }
+                    return
+                }, 1500)
+            }
+
+            return res
+        }
+
+        return res
+    },
+    error => {
+        util.hideLoading()
+        console.log("err" + error) // for debug
+        util.warnToast(error.message)
+        return Promise.reject(error)
+    }
+)
+
+export default service

package/src/util/request_json_mute.js

@@ -0,0 +1,66 @@
+import vm from '../vm'
+import axios from "axios"
+import qs from "qs"
+import { NEED_LOGIN_CODES } from './errer_code.js'
+import { getToken,TOKEN_KEY } from './auth_util.js'
+import util from './index.js'
+
+// create an axios instance
+const service = axios.create({
+    baseURL: '', // url = domain + request url
+    withCredentials: true, // send cookies when cross-domain requests
+    timeout: 1000 * 60 * 10, // request timeout
+})
+
+//请求拦截器
+service.interceptors.request.use(
+    config => {
+        //请求头加token
+        config.headers[TOKEN_KEY] = getToken()
+
+        config.headers['Content-Type'] = 'application/json'
+        config.data = JSON.stringify(config.data)
+        return config
+    },
+    error => {
+        // do something with request error
+        console.log(error) // for debug
+        util.warnToast(error)
+        return Promise.reject(error)
+    }
+)
+
+//响应拦截器
+service.interceptors.response.use(
+    response => {
+        const res = response.data
+        console.log(res)
+
+        if (res.code !== 200) {
+            util.warnToast(res.msg || "Error")
+
+            console.log(NEED_LOGIN_CODES)
+
+            if (NEED_LOGIN_CODES.indexOf(res.code) >= 0) {
+                util.warnToast('请登录')
+                setTimeout(() => {
+                    if (vm.needLoginCallback) {
+                        vm.needLoginCallback() 
+                    }
+                    return
+                }, 1500)
+            }
+
+            return res
+        }
+
+        return res
+    },
+    error => {
+        console.log("err" + error) // for debug
+        util.warnToast(error.message)
+        return Promise.reject(error)
+    }
+)
+
+export default service

package/src/util/request_upload.js

@@ -0,0 +1,79 @@
+import vm from '../vm'
+import axios from 'axios'
+import { getToken, TOKEN_KEY } from './auth_util'
+import { NEED_LOGIN_CODES } from './errer_code'
+import util from './index.js'
+
+// create an axios instance
+const service = axios.create({
+  baseURL: '', // url = domain + base path + request url
+  withCredentials: true, // send cookies when cross-domain requests
+  timeout: 1000 * 60 * 10, // request timeout
+})
+
+//请求拦截器
+service.interceptors.request.use(
+  (config) => {
+    util.showLoading()
+
+    //设置文件上传请求头
+    config.headers['Content-Type'] = 'multipart/form-data'
+
+    //请求头加token
+    config.headers[TOKEN_KEY] = getToken()
+
+    //解析并传入post参数
+    if (config.method.toLowerCase() == 'post') {
+      const form = new FormData()
+      // 文件对象
+      for (const key in config.data) {
+        form.append(key, config.data[key])
+      }
+      config.data = form
+    }
+    return config
+  },
+  (error) => {
+    util.hideLoading()
+    // do something with request error
+    console.log(error) // for debug
+    if (error.message && error.message.toUpperCase().indexOf('NETWORK') >= 0) {
+      util.warnToast('网络连接失败')
+    } else {
+      util.warnToast(error.msg || error.message || error)
+    }
+    return Promise.reject(error)
+  }
+)
+
+//响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    util.hideLoading()
+
+    const res = response.data
+    console.log(res)
+
+    if (res.code !== 200) {
+      if (NEED_LOGIN_CODES.indexOf(res.code) >= 0) {
+        if (vm.needLoginCallback) {
+          vm.needLoginCallback()
+        }
+      } else {
+        util.warnToast(res.msg || 'Error')
+      }
+
+      return Promise.reject(new Error(res.msg || 'Error'))
+    }
+
+    return Promise.resolve(res)
+  },
+  (error) => {
+    util.hideLoading()
+    console.log('err' + error) // for debug
+    util.warnToast(error)
+    return Promise.reject(error)
+  }
+)
+
+export default service

package/src/util/route_util.js

@@ -0,0 +1,32 @@
+import qs from 'qs'
+import * as StrUtil from './str_util'
+
+export const getQueryParams = ()=>{
+    let href = window.location.href
+    href = StrUtil.trimSuffixHashPath(href)
+    let paramsStr = href.split('?')[1]
+
+    paramsStr = decodeURIComponent(paramsStr)
+    if(!paramsStr)
+        return {}
+
+    const params = qs.parse(paramsStr)
+    if(!params)
+        return {}
+    for(const key in params){
+        try{
+            let jsonParam = params[key].replace(/'/g, '"')
+            params[key] = JSON.parse(jsonParam)
+        }catch(e){
+            console.log(e)
+        }
+    }
+
+    return params
+}
+
+// 截取hash路由#之前的部分
+export const getBaseUrl = ()=>{
+    let res = href.split('#')[0]
+    return res
+}

package/src/util/str_util.js

@@ -0,0 +1,144 @@
+/**
+   * 计算显示的字符串
+   * @param {string} str 要裁剪的字符串
+   * @param {number} maxWidth 最大宽度
+   * @param {number} fontSize 字体大小
+   */
+export function fittingString(str, maxWidth, fontSize) {
+  var fontWidth = fontSize * 1.3; //字号+边距
+  maxWidth = maxWidth * 2; // 需要根据自己项目调整
+  var width = calcStrLen(str) * fontWidth;
+  var ellipsis = '…';
+  if (width > maxWidth) {
+    var actualLen = Math.floor((maxWidth - 10) / fontWidth);
+    var result = str.substring(0, actualLen) + ellipsis;
+    return result
+  }
+  return str
+}
+
+/**
+ * 计算字符串的长度
+ * @param {string} str 指定的字符串
+ */
+export function calcStrLen(str) {
+  var len = 0;
+  for (var i = 0; i < str.length; i++) {
+    if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128) {
+      len++;
+    } else {
+      len += 2;
+    }
+  }
+  return len;
+}
+
+export function uppercaseFirst(str){
+  return str.charAt(0).toUpperCase() + str.slice(1)
+}
+
+export function date2Str(datetime){
+  let Y = datetime.getFullYear()
+  let M = (datetime.getMonth()+1 < 10 ? '0'+(datetime.getMonth()+1) : datetime.getMonth()+1)
+  let D = (datetime.getDate() < 10 ? '0'+(datetime.getDate()) : datetime.getDate())
+  let h = (datetime.getHours() < 10 ? '0'+(datetime.getHours()) : datetime.getHours())
+  let m = (datetime.getMinutes() < 10 ? '0'+(datetime.getMinutes()) : datetime.getMinutes())
+  let s = (datetime.getSeconds() < 10 ? '0'+(datetime.getSeconds()) : datetime.getSeconds())
+  return `${Y}-${M}-${D} ${h}:${m}:${s}`
+}
+
+export function Number2Line(num){
+  let str = '';
+  for(var i=0; i<num; i++){
+    str += '|';
+  }
+  return str;
+}
+
+//阿拉伯数字转汉字
+var chnNumChar = ["零","一","二","三","四","五","六","七","八","九"];
+var chnUnitSection = ["","万","亿","万亿","亿亿"];
+var chnUnitChar = ["","十","百","千"];
+
+export function Number2Chinese(num){  
+  
+  var unitPos = 0;  
+  var strIns = '', chnStr = '';  
+  var needZero = false;  
+   
+  if(num === 0){  
+    return chnNumChar[0];  
+  }  
+   
+  while(num > 0){  
+    var section = num % 10000;  
+    if(needZero){  
+      chnStr = chnNumChar[0] + chnStr;  
+    }  
+    strIns = SectionToChinese(section);  
+    strIns += (section !== 0) ? chnUnitSection[unitPos] : chnUnitSection[0];  
+    chnStr = strIns + chnStr;  
+    needZero = (section < 1000) && (section > 0);  
+    num = Math.floor(num / 10000);  
+    unitPos++;  
+  }  
+   
+  return chnStr;  
+}  
+
+function SectionToChinese(section){
+  var strIns = '', chnStr = '';
+  var unitPos = 0;
+  var zero = true;
+  while(section > 0){
+    var v = section % 10;
+    if(v === 0){
+      if(!zero){
+        zero = true;
+        chnStr = chnNumChar[v] + chnStr;
+      }
+    }else{
+      zero = false;
+      strIns = chnNumChar[v];
+      strIns += chnUnitChar[unitPos];
+      chnStr = strIns + chnStr;
+    }
+    unitPos++;
+    section = Math.floor(section / 10);
+  }
+  return chnStr;
+}
+
+export function upperFirstLetter(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+export function formatList(list){
+  let seperator=','
+  return list ? list.join(seperator) : ''
+}
+
+
+// 删除url查询参数中的hash路径后缀
+export function trimSuffixHashPath(str){
+	if(typeof str != 'string'){
+		console.error(`${typeof str} 不是字符串`)
+		return str
+	}
+
+	// 若没有查询参数 不处理
+	let params = str.split('?')
+	if(params.length<2)
+		return str
+
+	// 剔除末尾的哈希路由
+	let path = params[0]
+	let paramStr = params[1]
+	let list = paramStr.split('#/')
+	if(list.length<2)
+		return str
+	else
+		paramStr = list[0]
+
+	return path + '?' + paramStr
+}