From a580cafe59a8f067cc6f011193952367beadcb2f Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Fri, 22 Apr 2022 18:16:06 +0800
Subject: [PATCH] 地址组件，增加智能地址识别功能
---
common/Tools.js | 170 +++++++++++++++++++++++++++++++-------------------------
1 files changed, 94 insertions(+), 76 deletions(-)
diff --git a/common/Tools.js b/common/Tools.js
index 57a1073..0a8afb9 100644
--- a/common/Tools.js
+++ b/common/Tools.js
@@ -9,12 +9,30 @@
export class Tools {
/**
+ * 显示消息
+ * @param msg
+ * @param [duration=2000]
+ */
+ static toast(msg, duration = 2000) {
+ Taro.showToast({
+ title: msg,
+ icon: 'none',
+ mask: true,
+ duration,
+ });
+ }
+
+ /**
* URL参数解析
* @param {String} name
* @param {String} [search]
* @return {String|Null}
*/
- static getUrlParam(name, search = window.location.search) {
+ static getUrlParam(name, search) {
+ if (process.env.TARO_ENV === 'weapp') {
+ return null;
+ }
+ search = search || window.location.search;
const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
const r = search.substr(1).match(reg);
if (r !== null) {
@@ -22,32 +40,6 @@
} else {
return null;
}
- }
-
- /**
- * 深度获取 url 参数
- * @param {String} name
- * @return {String}
- */
- static getTopUrlParam(name) {
- if (window.top !== window) {
- return Tools.getUrlParam(name, window.top.location.search);
- } else {
- return Tools.getUrlParam(name);
- }
- }
-
- /**
- * 显示消息
- * @param msg
- */
- static toast(msg) {
- Taro.showToast({
- title: msg,
- icon: 'none',
- mask: true,
- duration: 2000,
- });
}
/**
@@ -74,6 +66,34 @@
v = c === 'x' ? r : ((r & 0x3) | 0x8);
return v.toString(16);
});
+ }
+
+ /**
+ * 检查网络状态
+ */
+ 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://test.zhiheiot.com/download/buildArchive/online.png?t=' + Date.now();
+ }
+ // 网络未开启
+ else {
+ callback && callback(false);
+ }
+ }
+ // 补充：小程序模式用 getNetworkType
}
/**
@@ -131,12 +151,21 @@
}
/**
+ * 判断是否为未定义
+ * @param {*} data
+ * @return {Boolean}
+ */
+ static isUndefined(data) {
+ return Object.prototype.toString.call(data) === '[object Undefined]';
+ }
+
+ /**
* 判断是否为 null
* @param {*} data
* @return {Boolean}
*/
static isNull(data) {
- return data === null;
+ return Object.prototype.toString.call(data) === '[object Null]';
}
/**
@@ -175,33 +204,6 @@
}
}
return true;
- }
-
- static getObjDataByPath(obj, path) {
- const arr = path.split('.');
- const reg2 = /\[(.*)]/g;
- const reg4 = /\w+(?=\[)|(?<=\[)(.*?)(?=])/g;
- let stack = [];
- let temp;
- arr.forEach(item => {
- if (reg2.test(item)) {
- while ((temp = reg4.exec(item))) {
- stack.push(temp[0]);
- }
- } else {
- stack.push(item);
- }
- });
- stack = stack.map(item => {
- return item.replace(/^['"`]|['"`]$/g, '');
- });
- try {
- return stack.reduce((pre, next) => {
- return pre[next];
- }, obj);
- } catch (err) {
- return undefined;
- }
}
/**
@@ -330,18 +332,6 @@
}
/**
- * 数组元素交换位置
- * @param {array} arr 数组
- * @param {number} index1 要交换项目的位置
- * @param {number} index2 被交换项目的位置
- * @tutorial 例如：1，5就是数组中下标为1和5的两个元素交换位置
- */
- static swapArray(arr, index1, index2) {
- arr[index1] = arr.splice(index2, 1, arr[index1])[0];
- return arr;
- }
-
- /**
* 使用 moment.js 格式化时间戳
* @param {Number|String} timestamp
* @param {String} [type='date']
@@ -355,7 +345,16 @@
if (Tools.isString(timestamp)) {
// 全数值
if (/^\d+$/.test(timestamp)) {
- timestamp = parseInt(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();
+ }
+ // 超过8位，视为时间戳
+ else if (timestamp.length > 8) {
+ timestamp = parseInt(timestamp);
+ }
}
// 日期
else {
@@ -365,7 +364,15 @@
}
}
}
- if (timestamp < 9 * 10e8) {
+ // 转为数值的无连接符日期
+ 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();
+ }
+ // 按秒时间戳
+ else if (timestamp < 9 * 10e8) {
timestamp *= 1000;
}
const curMoment = moment(timestamp);
@@ -399,7 +406,7 @@
if (minutes) {
words = minutes + '分' + words;
}
- const hours = duration.get('hours');
+ const hours = parseInt(duration.as('hours'));
if (hours) {
words = hours + '小时' + words;
}
@@ -412,16 +419,13 @@
* @return {string}
*/
static moneyFormat(number) {
- if (typeof number !== 'number' && !number) {
+ if (!number && typeof number !== 'number' && typeof number !== 'string') {
return '';
}
if (typeof number === 'string') {
- number = parseInt(number) || 0;
+ number = Number(number) || 0;
}
- const numFixed = number.toFixed(2);
- const integer = parseInt(numFixed);
- const decimal = numFixed.split('.')[1];
- return integer.toLocaleString() + '.' + decimal;
+ return number.toFixed(2);
}
/**
@@ -495,5 +499,19 @@
return /^1[3456789]\d{9}$/.test('' + phone);
}
+}
+// 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,
+ };
+ const p2 = {
+ 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;
+ console.info(Math.round(px) + 'px');
+ };
}
\ No newline at end of file
--
Gitblit v1.9.1