zhl-methods 1.0.3 → 1.0.5

package/index.css

@@ -0,0 +1,48 @@
+/* 单行溢出省略号 */
+.nowrap {
+  /*溢出部分隐藏*/
+  overflow: hidden;
+  /*禁止换行*/
+  white-space: nowrap;
+  /*显示省略号*/
+  text-overflow: ellipsis;
+}
+/* 三行溢出省略号 */
+.manyWrap {
+  /* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。*/
+  display: -webkit-box;
+  /* 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。*/
+  -webkit-box-orient: vertical;
+  /*要显示的行数*/
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
+  /* 溢出部分隐藏 */
+  overflow: hidden;
+}
+/*滚动条整体部分*/
+.scrollbar ::-webkit-scrollbar {
+  width: 8px;
+  height: 6px;
+}
+/*滚动条的轨道*/
+.scrollbar ::-webkit-scrollbar-track {
+  background-color: #ffffff;
+}
+/*滚动条里面的小方块，能向上向下移动*/
+.scrollbar ::-webkit-scrollbar-thumb {
+  background-color: #bfbfbf;
+  border-radius: 5px;
+  border: 1px solid #f1f1f1;
+  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
+  cursor: pointer;
+}
+.scrollbar ::-webkit-scrollbar-thumb:hover {
+  background-color: #a8a8a8;
+}
+.scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: #787878;
+}
+/*边角，即两个滚动条的交汇处*/
+.scrollbar ::-webkit-scrollbar-corner {
+  background-color: #ffffff;
+}

package/js/index.js

@@ -13,6 +13,20 @@ export const isPhone = (value) => {
   }
   return false;
 };
+/**
+ * 身份证号校验
+ * @example isIDCode('410781199909090000') => true
+ * @param value 要校验的数据
+ * @returns true false 是 否
+ */
+export const isIDCode = (value) => {
+  if (typeof value == "string") {
+    return /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/.test(
+      value
+    );
+  }
+  return false;
+};
 /**
  * 对象转url参数
  * @example toUrlQuery({a:1}) => '?a=1'
@@ -31,7 +45,7 @@ export const toUrlQuery = (query) => {
   }
 };
 /**
- * 对象转url参数
+ * 将传入的数据转换成千位符
  * @example numberToPrice(1234.12) => '1,234.12'
  * @param {number} 要转换的数字
  * @returns {String} '1,234.12'
@@ -47,6 +61,17 @@ export const numberToPrice = (number) => {
     console.log(error, "numberToPrice");
   }
 };
+/**
+ * 千位符格式转换数字
+ * @example moneyToNumber('123,456.789') => 123456.789
+ * @author zhl
+ * @date 2023/11/23
+ * @param data 要转换的数据
+ * @returns 转换完成的数据
+ */
+export const priceToNumber = (data) => {
+  return Number(data.replace(/,/gi, ""));
+};
 /**
  * 保留两位小数
  * @example setTwoDecimal(3.144) => '3.14'
@@ -71,7 +96,174 @@ export const setTwoDecimal = (number, isAdjust) => {
  * @param {max} 最大值
  * @returns {Number} 98
  */
-
 export const getRandomNumber = (min, max) => {
   return Math.floor(Math.random() * (max - min + 1)) + min;
 };
+/**
+ * 检测数据格式
+ * @example isType({},object) => true
+ * @example isType({}) => object
+ * @author zhl
+ * @param data 要检测的数据
+ * @param type 类型  非必填
+ * @returns 不传type 返回数据的类型
+ *          传type   返回 true false
+ */
+export const isType = (data, type) => {
+  if (type) {
+    return Object.prototype.toString.call(data) === type;
+  }
+  return Object.prototype.toString.call(data);
+};
+/**
+ * 时间戳转换成时间
+ * @example toTypeDate('1701139100',true) => 2023-11-28 10:38:20
+ * @author zhl
+ * @param date 要转换的数据 Date格式
+ * @param isSeconds 是否显示秒
+ * @returns 转换完成的数据
+ */
+export const toTypeDate = (date, isSeconds) => {
+  if (date && typeof date == "number") {
+    String(date).length == 10
+      ? (date = new Date(date * 1000))
+      : (date = new Date(date));
+  } else {
+    date = new Date();
+  }
+  const year = date.getFullYear();
+  let month = date.getMonth() + 1;
+  let ri = date.getDate();
+  let hours = date.getHours();
+  let minutes = date.getMinutes();
+  let seconds = date.getSeconds();
+  if (month < 10) month = "0" + month;
+  if (ri < 10) ri = "0" + ri;
+  if (hours < 10) hours = "0" + hours;
+  if (minutes < 10) minutes = "0" + minutes;
+  if (seconds < 10) seconds = "0" + seconds;
+
+  return (
+    year +
+    "-" +
+    month +
+    "-" +
+    ri +
+    " " +
+    hours +
+    ":" +
+    minutes +
+    (isSeconds ? ":" + seconds : "")
+  );
+};
+/**
+ * 转换成整数
+ * @example toInt(123.123) => 123
+ * @param value 要转成整数的数据 字符串  数字
+ * @returns true false 是 否
+ */
+export const toInt = (value) => {
+  if (typeof value == "number") {
+    return ~~value;
+  }
+  if (typeof value == "string") {
+    return parseInt(value, 10);
+  }
+  return 0;
+};
+/**
+ * 复制
+ * @example copyText(123) => Promise
+ * @param content 要复制的数据
+ * @returns Promise   复制成功  失败
+ */
+export const copyText = (content) => {
+  return new Promise((resolve, reject) => {
+    try {
+      // 创建输入框元素
+      const input = document.createElement("input"); //不会保留文本格式
+      //如果要保留文本格式，比如保留换行符，或者多行文本，可以使用  textarea 标签，再配和模板字符串 ` `
+      //const input = document.createElement('textarea')
+      // 将想要复制的值
+      input.value = content;
+      // 页面底部追加输入框
+      document.body.appendChild(input);
+      // 选中输入框
+      input.select();
+      // 执行浏览器复制命令
+      document.execCommand("Copy");
+      // 弹出复制成功信息
+      //this.$message.success('复制成功');
+      // 复制后移除输入框
+      input.remove();
+      resolve(true);
+    } catch (err) {
+      reject(err);
+    }
+  });
+};
+/**
+ * 下载文件
+ * @example downloadFile('www.baidu.com','文件名称')
+ * @param url 要下载的文件 地址
+ * @param name 要下载的文件名称
+ * @returns 没有返回值
+ */
+export const downloadFile = (url, name) => {
+  let a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+};
+/**
+ * 防抖
+ * @example debounce(() => {}, 250)
+ * @param fn 防抖的函数
+ * @param wait 防抖时间 毫秒
+ * @returns fn
+ */
+export const debounce = (fn, wait = 250) => {
+  let timeout = null;
+  return function () {
+    let context = this;
+    let args = arguments;
+    if (timeout) clearTimeout(timeout);
+    let callNow = !timeout;
+    timeout = setTimeout(() => {
+      timeout = null;
+    }, wait);
+    if (callNow) fn.apply(context, args);
+  };
+};
+/**
+ * 节流
+ * @example throttle(()=>{})
+ * @param fn 节流的函数
+ * @param threshhold 节流时间
+ * @param scope this
+ * @returns 没有返回值
+ */
+export const throttle = (fn, threshhold, scope) => {
+  threshhold || (threshhold = 250);
+  var last, timer;
+  return function () {
+    var context = scope || this;
+    var now = +new Date(),
+      args = arguments;
+    if (last && now < last + threshhold) {
+      // 如果在节流时间内，则取消之前的延迟调用
+      clearTimeout(timer);
+      // 设定一个新的延迟调用
+      timer = setTimeout(function () {
+        last = now;
+        fn.apply(context, args);
+      }, threshhold);
+    } else {
+      last = now;
+      fn.apply(context, args);
+    }
+  };
+};

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "zhl-methods",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "main": "index.js",
-  "license": "ISC"
+  "license": "ISC",
+  "dependencies": {
+    "vue": "^3.5.12"
+  }
 }

package/vue3/index.js

@@ -0,0 +1,7 @@
+import { getCurrentInstance } from "vue";
+
+export function useEmitter() {
+  const internalInstance = getCurrentInstance();
+  const emitter = internalInstance.appContext.config.globalProperties.emitter;
+  return emitter;
+}

package/wx/index.js

@@ -1,3 +1,6 @@
+if (!wx) {
+  wx = uni;
+}
 /**
  * 获取导航栏高度
  * @returns {number}