jinbi-utils 1.0.0-beta.1

package/src/print/index.ts

@@ -0,0 +1,102 @@
+/**
+ * print处理相关
+ * @packageDocumentation
+ * @module Print
+ * @preferred
+ */
+
+// https://juejin.im/post/5de4f87cf265da05c7722c20
+/**
+ * 获取、设置打印样式
+ * @returns
+ */
+function getStyle() {
+  const styleContent = `#print-container {
+      display: none;
+    }
+    @media print {
+      body > :not(.print-container) {
+        display: none;
+      }
+      html,
+      body {
+        display: block !important;
+      }
+      #print-container {
+        display: block;
+      }
+  }`;
+  const style = document.createElement('style');
+  style.innerHTML = styleContent;
+  return style;
+}
+
+/**
+ * 清空打印内容
+ */
+function cleanPrint() {
+  const div = document.getElementById('print-container');
+  if (div) {
+    document.querySelector('body')!.removeChild(div);
+  }
+}
+
+/**
+ * 新建DOM，将需要打印的内容填充到DOM
+ *
+ * @param {*} html
+ * @returns
+ */
+function getContainer(html) {
+  cleanPrint();
+  const container = document.createElement('div');
+  container.setAttribute('id', 'print-container');
+  container.innerHTML = html;
+  return container;
+}
+
+/**
+ * 图片完全加载后再调用打印方法
+ * @param {*} dom
+ * @returns
+ */
+function getLoadPromise(dom) {
+  let imgs = dom.querySelectorAll('img');
+  imgs = [].slice.call(imgs);
+
+  if (imgs.length === 0) {
+    return Promise.resolve();
+  }
+
+  let finishedCount = 0;
+  return new Promise((resolve) => {
+    function check() {
+      finishedCount += 1;
+      if (finishedCount === imgs.length) {
+        resolve();
+      }
+    }
+    imgs.forEach((img) => {
+      img.addEventListener('load', check);
+      img.addEventListener('error', check);
+    });
+  });
+}
+
+/**
+ * 打印指定 HTML
+ * @param {*} html
+ */
+export default function printHtml(html) {
+  const style = getStyle();
+  const container = getContainer(html);
+
+  document.body.appendChild(style);
+  document.body.appendChild(container);
+
+  getLoadPromise(container).then(() => {
+    window.print();
+    document.body.removeChild(style);
+    document.body.removeChild(container);
+  });
+}

package/src/string/index.ts

@@ -0,0 +1,111 @@
+/**
+ * string处理相关
+ * @packageDocumentation
+ * @module String
+ * @preferred
+ */
+import { isEmpty } from '../common';
+
+/**
+ * 空值处理
+ */
+export function formatEmptyValue(value: any, defaultValue = '-') {
+  if (isEmpty(value)) {
+    return defaultValue;
+  }
+  return value;
+}
+
+/**
+ * 格式化手机
+ #### 使用说明
+ * ```
+ * formatPhone('18211572781') => '182 1157 2781'
+ * formatPhone('18211572781', '-') => '182-1157-2781'
+ * ```
+ * @param {string | number} phone 手机号
+ * @param {string} [separator=' '] 连接符
+ */
+export function formatPhone(phone: string | number, separator = ' ', defaultValue = '-') {
+  if (isEmpty(phone)) {
+    return defaultValue;
+  }
+  if (phone.toString().length !== 11) {
+    return phone;
+  }
+  const val = phone.toString().replace(/[^\d]/g, '');
+  const arr = val.split('');
+  let str = '';
+  arr.forEach((v, index) => {
+    if (index === 3 || index === 7) {
+      str += separator;
+    }
+    str += v;
+  });
+  return str;
+}
+
+/**
+ * 隐藏手机号
+ #### 使用说明
+ * ```
+ * formatPhoneHide('18211572781') => '182****2781'
+ * formatPhoneHide('', '-') => '-'
+ * ```
+ * @param {string | number} phone 手机号
+ * @param {string} defaultValue 没有值放回的默认值
+ */
+export function formatPhoneHide(phone: string | number, defaultValue = '') {
+  if (isEmpty(phone)) {
+    return defaultValue;
+  }
+  if (phone.toString().length !== 11) {
+    return phone;
+  }
+  const phoneNumber = phone.toString();
+  return `${phoneNumber.substr(0, 3)}****${phoneNumber.substr(7, 11)}`;
+}
+
+/**
+ * 格式化银行卡 (4位一空格)
+ #### 使用说明
+ * ```
+ * formatBank('6282356862823568123') => '6282 3568 6282 3568 123'
+ * formatBank('', '-') => '-'
+ * ```
+ * @param {strubg | number} val 银行卡号
+ * @param {string} defaultValue 没有值放回的默认值
+ */
+export function formatBank(val: string | number, defaultValue = '') {
+  if (isEmpty(val)) {
+    return defaultValue;
+  }
+  return val.toString().replace(/\s/g, '').replace(/(.{4})/g, '$1 ');
+}
+
+/**
+ * 生成26个字母列表
+ #### 使用说明
+ * ```
+ *  generateEnglishLetters() => ['A', ..., 'Z'];
+ * ```
+ */
+export function generateEnglishLetters() {
+  const englishLettersList: string[] = [];
+  for (let i = 65; i < 91; i += 1) {
+    englishLettersList.push(String.fromCharCode(i));
+  }
+  return englishLettersList;
+}
+
+/**
+ * 驼峰式命名转短横线命名
+ *
+ * @export
+ * @param {*} [string='']
+ * @returns
+ */
+export function humpTurnDashed(string = '') {
+  const rE = /\B([A-Z])/g;
+  return string.replace(rE, '-$1').toLowerCase();
+}

package/src/validate/index.ts

@@ -0,0 +1,78 @@
+/**
+ * validate处理相关
+ * @packageDocumentation
+ * @module Validate
+ * @preferred
+ */
+
+/** 是否是外部网址
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path: string) {
+  return /^(https?:|mailto:|tel:)/.test(path);
+}
+
+/**
+ * 去掉前后空格
+ * @param {*} str
+ */
+export function trimVal(str: string) {
+  if (!str) {
+    return str;
+  }
+
+  const reg = /^\s+|\s+$/g;
+  return str.replace(reg, '');
+}
+
+/**
+ * 校验 手机
+ * @param {*} val
+ */
+export function isMobile(val: string | number) {
+  const reg = /^0?(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/;
+  return reg.test(val.toString());
+}
+
+/**
+ * 校验 手机
+ * 规则: 以1为开头，总共11位数
+ * @export
+ * @param {*} val
+ * @returns
+ */
+export function isMobileSimple(val: string | number) {
+  const reg = /^1/;
+  val = val.toString();
+  return reg.test(val) && val.length === 11;
+}
+
+/**
+ * 校验 固定电话
+ * 规则: 必须带区号
+ * @param {*} val
+ */
+export function isTelephone(val: string | number) {
+  const reg = /^0[1-9][0-9]{1,2}-[2-8][0-9]{6,7}$/;
+  return reg.test(String(val));
+}
+
+/**
+ * 校验 邮箱
+ * @param {*} val
+ */
+export function isEmail(val: string) {
+  /* eslint-disable no-useless-escape */
+  const reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
+  return reg.test(val);
+}
+
+/**
+ * 校验 QQ
+ * @param {*} val
+ */
+export function isQQ(val: string | number) {
+  const reg = /^[1-9][0-9]{4,9}$/gim;
+  return reg.test(String(val));
+}

package/src/wecom/wecom.ts

@@ -0,0 +1,75 @@
+// import { getJsapiTicket } from '@/pages/HomePage/api/api'
+
+// import SHA1 from 'crypto-js/sha1'
+const getTicket = () => {
+	return localStorage.getItem('jsapiTicket');
+};
+const setTicket = (jsapiTicket) => {
+	return localStorage.setItem('jsapiTicket', jsapiTicket);
+};
+export function initWWConfig(getJsapiTicket) {
+	// let CORPID = 'wwc09929466f15ef2f' // 测试环境
+	// const origin = location.origin
+	// const hostObj = {
+	// 	'https://h5-wecom.evergrandeservice.com'() { // prod
+	// 		CORPID = 'wwd7e01a093dca513e'
+	// 	},
+	// 	'https://uat3-h5-wecom.evergrandeservice.com'() { // prod
+	// 		CORPID = 'wwd7e01a093dca513e'
+	// 		AGENTID = '1000077'
+	// 	},
+	// 	'https://uat3-h5-wecom.hengdayun.com'() { // prod
+	// 		CORPID = 'wwd7e01a093dca513e'
+	// 		AGENTID = '1000077'
+	// 	}
+	// }
+	// if (hostObj[origin]) {
+	// 	hostObj[origin]()
+	// }
+	const CORPID = localStorage.getItem('appId');
+	const ticket = getTicket();
+	if (ticket) {
+		registerWW(CORPID, ticket);
+	} else {
+		handleGetJsapiTicket(getJsapiTicket).then((res: string) => {
+			registerWW(CORPID, res);
+		});
+	}
+    // handleGetJsapiTicket().then(res=>{
+    //     registerWW(CORPID,res)
+    // })
+}
+
+export function handleGetJsapiTicket(getJsapiTicket) {
+	return new Promise((resolve, reject) => {
+		const appType = localStorage.getItem('appType');
+		getJsapiTicket({ appType: appType, jsapiTicketType: 1, forceRefresh: false }).then((res: any) => {
+			res = res.data;
+			const jsapiTicket = res.data;
+			setTicket(jsapiTicket);
+			resolve(jsapiTicket);
+		}).catch((err) => {
+			reject(err);
+		});
+	});
+}
+
+export function registerWW(corpid, jsapiTicket, firstTime = true) {
+  if (ww) {
+    ww.register({
+      corpId: corpid,       // 必填，当前用户企业所属企业ID
+          // corpId: 'wxf8b68862a99c5a9c',       // 必填，当前用户企业所属企业ID
+      jsApiList: ['checkJsApi', 'onMenuShareAppMessage', 'onMenuShareTimeline', 'chooseImage', 'getLocalImgData', 'scanQRCode', 'shareAppMessage'], // 必填，需要使用的JSAPI列表
+      onConfigFail: function(err) {
+        if (firstTime) {
+          handleGetJsapiTicket(getJsapiTicket).then((res: string) => {
+            registerWW(corpid, res, false)
+          });
+        }
+      },
+      getConfigSignature() {
+        return ww.getSignature(jsapiTicket);
+      },     // 必填，根据url生成企业签名的回调函数
+    });
+  }
+}

package/test/common/index.test.ts

@@ -0,0 +1,19 @@
+import { isEmpty } from '../../src';
+
+describe('isEmpty', () => {
+  test(`isEmpty('') 返回 true`, () => {
+    expect(isEmpty('')).toBe(true);
+  })
+
+  test(`isEmpty(null) 返回 true`, () => {
+    expect(isEmpty(null)).toBe(true);
+  })
+
+  test(`isEmpty(undefined) 返回 true`, () => {
+    expect(isEmpty(undefined)).toBe(true);
+  })
+
+  test(`isEmpty(12323) 返回 false`, () => {
+    expect(isEmpty(12323)).toBe(false);
+  })
+});

package/test/date/index.test.ts

@@ -0,0 +1,107 @@
+import { compatibleDate, newDate, formatTime, fromNow, addDays } from '../../src';
+
+describe('compatibleDate', () => {
+  test(`compatibleDate('2020-03-04') 返回 2020/03/04`, () => {
+    expect(compatibleDate('2020-03-04')).toBe('2020/03/04');
+  })
+  test(`compatibleDate(Date.now()) 返回 Date.now()`, () => {
+    const now = Date.now();
+    expect(compatibleDate(now)).toBe(now);
+  })
+  test(`compatibleDate(new Date()) 返回 new Date()`, () => {
+    const newDate = new Date();
+    expect(compatibleDate(newDate)).toBe(newDate);
+  })
+});
+
+describe('newDate', () => {
+  const date = new Date();
+  test(`newDate() 返回 new Date()`, () => {
+    expect(new Date(date)).toEqual(date);
+  })
+  test(`newDate('2020-03-04') 返回 new Date(2020/03/04)`, () => {
+    expect(newDate('2020-03-04')).toEqual(new Date('2020/03/04'));
+  })
+  test(`newDate(date) 返回 date`, () => { 
+    const date = new Date();
+    expect(newDate(date)).toEqual(date);
+  })
+});
+
+describe('formatTime', () => {
+  test(`formatTime() 返回 ${formatTime()}`, () => {
+    expect(formatTime()).toBe(formatTime());
+  })
+  test(`formatTime('2018-02-02 00:00:00') 返回 2018-02-02 00:00:00`, () => {
+    expect(formatTime('2018-02-02 00:00:00')).toBe('2018-02-02 00:00:00');
+  })
+  test(`formatTime('2018-02-02', 'yyyy/MM/dd') 返回 2018/02/02`, () => {
+    expect(formatTime('2018-02-02', 'yyyy/MM/dd')).toBe('2018/02/02');
+  })
+  test(`formatTime('2018-02-02 23:50:50', 'yyyy/MM/dd HH:mm:ss') 返回 2018/02/02 23:50:50`, () => {
+    expect(formatTime('2018-02-02 23:50:50', 'yyyy/MM/dd HH:mm:ss')).toBe('2018/02/02 23:50:50');
+  })
+  test(`formatTime('2018-02-02 23:50:50', 'MM/dd HH:mm:ss') 返回 02/02 23:50:50`, () => {
+    expect(formatTime('2018-02-02 23:50:50', 'MM/dd HH:mm:ss')).toBe('02/02 23:50:50');
+  })
+  test(`formatTime(new Date('2018-02-02 23:50:50') + 200, 'yyyy/MM/dd HH:mm:ss S') 返回 2018/02/02 23:50:50 200`, () => {
+    const date = new Date('2018-02-02 23:50:50').getTime() + 200;
+    expect(formatTime(date, 'yyyy/MM/dd HH:mm:ss S')).toBe('2018/02/02 23:50:50 200');
+  })
+});
+
+describe('fromNow', () => {
+  const date = new Date();
+  const now = Date.now();
+  test(`fromNow('') 返回 -`, () => {
+    expect(fromNow('')).toBe('-');
+  })
+  test(`fromNow(Date.now() + 2000) 返回 Date.now() + 2000`, () => {
+    expect(fromNow(now + 2000)).toBe(now + 2000);
+  })
+  test(`fromNow(Date.now()) 返回 刚刚`, () => {
+    expect(fromNow(now)).toBe('刚刚');
+  })
+  test(`fromNow(new Date().getTime()) 返回 刚刚`, () => {
+    expect(fromNow(date.getTime())).toBe('刚刚');
+  })
+  // 之所返回的是 58 是因为 Date.now() 获取的时机在调用之后
+  test(`fromNow(now - 3420 * 1000) 返回 58分钟前面`, () => {
+    expect(fromNow(now - 3420 * 1000)).toBe('58分钟前');
+  })
+  test(`fromNow(now - 3600 * 1000 * 3) 返回 3小时前`, () => {
+    expect(fromNow(now - 3600 * 1000 * 3)).toBe('3小时前');
+  })
+  test(`fromNow(now - 3600 * 1000 * 24 * 1.5) 返回 1天前`, () => {
+    expect(fromNow(now - 3600 * 1000 * 24 * 1.5)).toBe('1天前');
+  })
+  const day5 = 3600 * 1000 * 24 * 5;
+  test(`fromNow(now - day5) 返回 formatTime(now - day5, 'yyyy年MM月dd日 HH时mm分ss秒')`, () => {
+    expect(fromNow(now - day5, 'yyyy年MM月dd日 HH时mm分ss秒')).toBe(formatTime(now - day5, 'yyyy年MM月dd日 HH时mm分ss秒'));
+  })
+  test(`fromNow('', '', 'defaultValue') 等于 defaultValue`, () => {
+    expect(fromNow('', '', 'defaultValue')).toBe('defaultValue');
+  })
+});
+
+describe('addDays', () => {
+  test(`addDays('') 返回 -`, () => {
+    expect(addDays('')).toBe('-');
+  })
+  test(`addDays('2018-02-02') 返回 2018-02-02`, () => {
+    expect(addDays('2018-02-02')).toBe('2018-02-02');
+  })
+  test(`addDays('2018-02-02', 2) 返回 2018-02-04`, () => {
+    expect(addDays('2018-02-02', 2)).toBe('2018-02-04');
+  })
+  test(`addDays('2018-02-02', 2, 'yyyy/MM/dd') 返回 2018/02/04`, () => {
+    expect(addDays('2018-02-02', 2, 'yyyy/MM/dd')).toBe('2018/02/04');
+  })
+  test(`addDays(new Date('2020-03-04'), 2, 'yyyy/MM/dd') 返回 2020/03/06`, () => {
+    expect(addDays(new Date('2020-03-04'), 2, 'yyyy/MM/dd')).toBe('2020/03/06');
+  })
+  test(`addDays(Date.now(), 2, 'yyyy/MM/dd') 返回 今天 + 2天`, () => {
+    const now = Date.now();
+    expect(addDays(now, 2, 'yyyy/MM/dd')).toBe(formatTime(now + 2 * 24 * 60 * 60 * 1000, 'yyyy/MM/dd'));
+  })
+});

package/test/file/index.test.ts

@@ -0,0 +1,104 @@
+import axios from 'axios';
+import { 
+  calcFileSize, 
+  fileSizeFormat, 
+  ceil, 
+  blobToDataURL, 
+  dataURLtoBlob, 
+  genExportByBlob,
+} from '../../src';
+
+describe('calcFileSize', () => {
+  test(`calcFileSize(100) 返回 { size: 100, unit: 'B' }`, () => {
+    expect(calcFileSize(100)).toEqual({
+      size: 100, 
+      unit: 'B',
+    });
+  })
+  test(`calcFileSize(1024) 返回 { size: 1, unit: 'KB' }`, () => {
+    expect(calcFileSize(1024)).toEqual({
+      size: 1,
+      unit: 'KB',
+    });
+  })
+  test(`calcFileSize(1024, 'KB') 返回 { size: 1, unit: 'MB' }`, () => {
+    expect(calcFileSize(1024, 'KB')).toEqual({
+      size: 1, 
+      unit: 'MB'
+    });
+  })
+  test(`calcFileSize(1126.4, 'mb') 返回 { size: 1.1, unit: 'GB' }`, () => {
+    expect(calcFileSize(1126.4, 'mb' as any)).toEqual({
+      size: 1.1, 
+      unit: 'GB'
+    });
+  })
+  test(`calcFileSize(Math.pow(1024, 2), 'kb') 返回 { size: 1, unit: 'GB' }`, () => {
+    expect(calcFileSize(Math.pow(1024, 2), 'kb' as any)).toEqual({
+      size: 1, 
+      unit: 'GB'
+    });
+  })
+});
+
+describe('fileSizeFormat', () => {
+  test(`fileSizeFormat('') 返回 -`, () => {
+    expect(fileSizeFormat('')).toBe('-');
+  })
+  test(`fileSizeFormat('1024') 返回 1KB`, () => {
+    expect(fileSizeFormat('1024')).toBe('1KB');
+  })
+  test(`fileSizeFormat('1024', 'KB') 返回 1MB`, () => {
+    expect(fileSizeFormat('1024', 'KB')).toBe('1MB');
+  })
+  test(`fileSizeFormat('2645', 'B') 返回 ceil(2645 / 1024, 2)MB`, () => {
+    expect(fileSizeFormat('2645', 'KB')).toBe(`${ceil(2645 / 1024, 2)}MB`);
+  })
+});
+
+describe('blobToDataURL', () => {
+  test(`blobToDataURL(Blob) 返回 base64`, async () => {
+    const res = await axios.get('https://img.baibu.la/baibu_520ac52acfaa48ddbaa55b8f7f1b8a13.png', {
+      responseType: 'blob',
+    });
+    const base64 = await blobToDataURL(res.data);
+    expect(base64.includes('base64')).toBe(true);
+  })
+});
+
+describe('dataURLtoBlob', () => {
+  test(`dataURLtoBlob(base64) 返回 Blob`, async () => {
+    const res = await axios.get('https://img.baibu.la/baibu_520ac52acfaa48ddbaa55b8f7f1b8a13.png', {
+      responseType: 'blob',
+    });
+    const base64 = await blobToDataURL(res.data);
+    const blob = dataURLtoBlob(base64);
+    expect(blob instanceof Blob).toBe(true);
+  })
+});
+
+// describe('compressImg', () => {
+//   test(`compressImg(File) 返回 Blob`, async () => {
+//     const res = await axios.get('https://img.baibu.la/baibu_520ac52acfaa48ddbaa55b8f7f1b8a13.png', {
+//       responseType: 'blob',
+//     });
+    
+//     const blob = await compressImg(res.data);
+//     expect(blob instanceof Blob).toBe(true);
+//   })
+// });
+
+describe('exportByBlob', () => {
+  test(`exportByBlob(File) 返回 Blob`, async () => {
+    const exportByBlob = genExportByBlob({
+      axiosRequest: axios,
+    })
+    const res = await exportByBlob({
+      filename: '测试.png',
+      url: 'https://img.baibu.la/baibu_520ac52acfaa48ddbaa55b8f7f1b8a13.png',
+      method: 'GET',
+    });
+    const data = (res as any).data;
+    expect(data instanceof Blob).toBe(true);
+  })
+});