From fa38b108c5b9ccef23d0003dd56afbf02d679409 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Fri, 22 Dec 2023 12:07:14 +0800
Subject: [PATCH] 实现 alert 弹窗组件
---
common/Tools.js | 142 ++++++++++++++---------------------------------
1 files changed, 43 insertions(+), 99 deletions(-)
diff --git a/common/Tools.js b/common/Tools.js
index 8d8270e..251ef03 100644
--- a/common/Tools.js
+++ b/common/Tools.js
@@ -1,5 +1,5 @@
/**
- * Tools
+ * Tools - 工具集
* @author Tevin
*/
@@ -44,20 +44,6 @@
}
/**
- * 读取文件 base64
- * @param {File} file
- * @return {Promise<string>}
- */
- static getFileBase64(file) {
- return new Promise((resolve, reject) => {
- const reader = new FileReader();
- reader.onload = () => resolve(reader.result);
- reader.onerror = error => reject(error);
- reader.readAsDataURL(file);
- });
- }
-
- /**
* 生成 GUID
* @return {string}
*/
@@ -83,34 +69,6 @@
result += template.charAt(Math.floor(Math.random() * count));
}
return result;
- }
-
- /**
- * 检查网络状态
- */
- static checkOnlineState(callback) {
- // 网页模式
- if (process.env.TARO_ENV === 'h5') {
- // 网络已开启
- if (navigator.onLine) {
- // 用图片资源测试网络状态
- const img = new Image();
- img.onload = () => {
- img.onload = null;
- callback && callback(true);
- };
- img.onerror = () => {
- img.onerror = null;
- callback && callback(false);
- };
- img.src = 'http://gz.zhiheiot.com/disp/download/buildArchive/online.png?t=' + Date.now();
- }
- // 网络未开启
- else {
- callback && callback(false);
- }
- }
- // 补充：小程序模式用 getNetworkType
}
/**
@@ -349,6 +307,26 @@
}
/**
+ * 数组元素交换位置
+ * @param {array} arr 数组
+ * @param {number} fromIndex 要交换项目的位置
+ * @param {number} toIndex 被交换项目的位置
+ */
+ static swapArray(arr, fromIndex, toIndex) {
+ // 先在目标位置新增一个和当前元素一样的元素，再把当前元素删除掉
+ arr.splice(toIndex, 0, arr[fromIndex]);
+ // 如果拖动元素上移动，当前元素下标为 fromIndex+1
+ if (fromIndex > toIndex) {
+ arr.splice(fromIndex + 1, 1);
+ }
+ // 如果拖动元素下移，当前元素下标还是 fromIndex
+ else {
+ arr.splice(fromIndex, 1);
+ }
+ return arr;
+ }
+
+ /**
* 使用 moment.js 格式化时间戳
* @param {Number|String} timestamp
* @param {String} [type='date']
@@ -381,16 +359,28 @@
}
}
}
- // 转为数值的无连接符日期
+ // 数值转换：8位整型日期 转 时间戳
if (timestamp < 9 * 10e6) {
const timeStr = timestamp + '';
- const day = timeStr.substr(0, 4) + '-' +
- timeStr.substr(4, 2) + '-' + timeStr.substr(6, 2);
- timestamp = (new Date(day)).getTime();
+ const dateStr = timeStr.slice(0, 4) + '-' + timeStr.slice(4, 6) + '-' + timeStr.slice(6);
+ if (type === 'date') {
+ return dateStr;
+ }
+ timestamp = (new Date(dateStr)).getTime();
}
- // 按秒时间戳
+ // 数值转换：时间戳 秒 转 毫秒
else if (timestamp < 9 * 10e8) {
timestamp *= 1000;
+ }
+ // 数值转换：14位整型日期 转 时间戳
+ else if (/^2[012]\d{2}[01]\d[0123]\d[012]\d[0-5]\d[0-5]\d/.test(timestamp + '')) {
+ const timeStr = timestamp + '';
+ const dateStr = timeStr.slice(0, 4) + '-' + timeStr.slice(4, 6) + '-' + timeStr.slice(6, 8)
+ + ' ' + timeStr.slice(8, 10) + ':' + timeStr.slice(10, 12) + ':' + timeStr.slice(12, 14);
+ if (type === 'dateTimeFull') {
+ return dateStr;
+ }
+ timestamp = (new Date(dateStr)).getTime();
}
const curMoment = moment(timestamp);
if (type === 'date') {
@@ -496,7 +486,7 @@
/**
* 求小数点后的数据长度
* @param {Number|String} num
- * @private
+ * @return {Number}
*/
static getDecimalLength(num) {
let t = 0;
@@ -518,10 +508,10 @@
/**
* 转换周数到日期
- * @param year
- * @param week
- * @param weekDay 需要输出星期几对应的日期 (1~7)
- * @return {Date}
+ * @param {Number} year
+ * @param {Number} week
+ * @param {Number} weekDay 需要输出星期几对应的日期 (1~7)
+ * @return {String}
*/
static transWeekIndexToDate(year, week, weekDay) {
const yearStart = moment([year, 0, 1]);
@@ -531,52 +521,6 @@
const weekDayLong = weekDay * dayLong;
const dayTimestamp = yearStart.valueOf() + firstWeekLong + weeksLong + weekDayLong;
return moment(dayTimestamp).format('YYYY-MM-DD');
- }
-
- /**
- * 显示调试面板（仅支持H5）
- * @param cssSelector
- * @param callback
- */
- static $_showDevConsole(cssSelector, callback) {
- // 只支持 h5 编译
- if (process.env.TARO_ENV !== 'h5') {
- return;
- }
- const fileref = document.createElement('script');
- fileref.setAttribute('type', 'text/javascript');
- if (window.location.protocol === 'https:') {
- fileref.setAttribute('src', 'https://cdn.jsdelivr.net/npm/eruda');
- } else {
- fileref.setAttribute('src', 'http://cdn.jsdelivr.net/npm/eruda');
- }
- document.getElementsByTagName('head')[0].appendChild(fileref);
- const erudaTimer = setInterval(() => {
- if (window.eruda) {
- clearInterval(erudaTimer);
- const container = document.createElement('div');
- if (cssSelector) {
- document.querySelector(cssSelector).appendChild(container);
- } else {
- document.getElementsByTagName('body')[0].appendChild(container);
- }
- window.eruda.init({
- container: container,
- useShadowDom: false,
- });
- setTimeout(() => {
- const devTool = document.querySelector('.eruda-dev-tools');
- devTool.style.display = 'block';
- devTool.style.opacity = '1';
- devTool.style.height = '70%';
- console.warn('=====【艾信App调试模式】=====');
- console.warn('点击右下角悬浮工具箱图标可以折叠面板');
- }, 50);
- setTimeout(() => {
- callback && callback();
- }, 100);
- }
- }, 100);
}
}
--
Gitblit v1.9.1