From 350d0dab6b45d17267b3291a19cd4aa2f28d9e77 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Thu, 18 Apr 2024 10:29:44 +0800
Subject: [PATCH] 优化数值显示组件，支持点击事件
---
common/Tools.js | 132 +++++++++++++++++++++++++++++++++++++-------
1 files changed, 111 insertions(+), 21 deletions(-)
diff --git a/common/Tools.js b/common/Tools.js
index 9b2b32c..e9d1edb 100644
--- a/common/Tools.js
+++ b/common/Tools.js
@@ -7,7 +7,6 @@
import Taro from '@tarojs/taro';
export class Tools {
-
/**
* 显示消息
* @param msg
@@ -48,9 +47,9 @@
* @return {string}
*/
static createGUID() {
- return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
- let r = Math.random() * 16 | 0,
- v = c === 'x' ? r : ((r & 0x3) | 0x8);
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+ let r = (Math.random() * 16) | 0,
+ v = c === 'x' ? r : (r & 0x3) | 0x8;
return v.toString(16);
});
}
@@ -307,6 +306,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']
@@ -322,9 +341,13 @@
if (/^\d+$/.test(timestamp)) {
// 8位视为无连接符日期
if (timestamp.length === 8) {
- const day = timestamp.substr(0, 4) + '-' +
- timestamp.substr(4, 2) + '-' + timestamp.substr(6, 2);
- timestamp = (new Date(timestamp)).getTime();
+ const day =
+ timestamp.substr(0, 4) +
+ '-' +
+ timestamp.substr(4, 2) +
+ '-' +
+ timestamp.substr(6, 2);
+ timestamp = new Date(timestamp).getTime();
}
// 超过8位，视为时间戳
else if (timestamp.length > 8) {
@@ -334,21 +357,43 @@
// 日期
else {
try {
- timestamp = (new Date(timestamp)).getTime();
- } catch (e) {
- }
+ timestamp = new Date(timestamp).getTime();
+ } catch (e) {}
}
}
- // 转为数值的无连接符日期
+ // 数值转换：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') {
@@ -460,8 +505,7 @@
let t = 0;
try {
t = num.toString().split('.')[1].length;
- } catch (e) {
- }
+ } catch (e) {}
return t;
}
@@ -491,21 +535,67 @@
return moment(dayTimestamp).format('YYYY-MM-DD');
}
+ /**
+ * 防抖函数（一段时间周期内，仅执行最后一次回调）
+ * 当持续触发事件时，只在事件最后一次触发后的一段时间内执行回调函数
+ * 如果在这个时间内再次触发事件，就重新计算时间
+ * @param {Function} fnc
+ * @param {Number} wait
+ * @returns {Function}
+ * @tutorial Tools.debounce(<fnc>, <wait>)(<DebounceKey>)
+ */
+ static debounce(fnc, wait = 200) {
+ return key => {
+ if (!key || !Tools.isString(key)) {
+ throw 'Debounce function need a key!';
+ }
+ const timer = Tools.debounce['dKey-' + key];
+ if (timer) {
+ clearTimeout(timer);
+ }
+ Tools.debounce['dKey-' + key] = setTimeout(fnc, wait);
+ };
+ }
+
+ /**
+ * 节流函数（本段时间内，仅执行第一次回调）
+ * 在一定时间内只能触发一次函数执行
+ * 如果这个时间内再次触发，则忽略，直到下一个时间段再次触发
+ * @param {Function} fnc
+ * @param {Number} wait
+ * @returns {function(key):void}
+ * @tutorial Tools.throttle(<fnc>, <wait>)(<ThrottleKey>)
+ */
+ static throttle(fnc, wait = 200) {
+ return key => {
+ if (!key || !Tools.isString(key)) {
+ throw 'Throttle function need a key!';
+ }
+ const previous = Tools.throttle['tKey-' + key] || 0;
+ const now = Date.now();
+ if (now - previous > wait) {
+ Tools.throttle['tKey-' + key] = now;
+ fnc();
+ }
+ };
+ }
}
// h5 中，实现 rem 转换 px
if (process.env.NODE_ENV === 'development' && process.env.TARO_ENV === 'h5') {
window.rem = val => {
const p1 = {
- x: parseFloat(Taro.pxTransform(10, 750)), y: 10,
+ x: parseFloat(Taro.pxTransform(10, 750)),
+ y: 10,
};
const p2 = {
- x: parseFloat(Taro.pxTransform(1000, 750)), y: 1000,
+ x: parseFloat(Taro.pxTransform(1000, 750)),
+ y: 1000,
};
const value = typeof val === 'number' ? val : parseFloat(val);
- const px = (value - p1.x) * (p2.y - p1.y) / (p2.x - p1.x) + p1.y;
+ const px = ((value - p1.x) * (p2.y - p1.y)) / (p2.x - p1.x) + p1.y;
console.info(Math.round(px) + 'px');
};
}
-global.Tools = Tools;
\ No newline at end of file
+global.Tools = Tools;
--
Gitblit v1.9.1