zhl-methods 1.1.17 → 2.0.0

package/css/normalize.css

@@ -0,0 +1,349 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+html {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+   ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+
+body {
+  margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+
+main {
+  display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/* Grouping content
+   ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+  box-sizing: content-box; /* 1 */
+  height: 0; /* 1 */
+  overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+   ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+  background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+  border-bottom: none; /* 1 */
+  text-decoration: underline; /* 2 */
+  text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+/* Embedded content
+   ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+
+img {
+  border-style: none;
+}
+
+/* Forms
+   ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 1 */
+  line-height: 1.15; /* 1 */
+  margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+  overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ *    `fieldset` elements in all browsers.
+ */
+
+legend {
+  box-sizing: border-box; /* 1 */
+  color: inherit; /* 2 */
+  display: table; /* 1 */
+  max-width: 100%; /* 1 */
+  padding: 0; /* 3 */
+  white-space: normal; /* 1 */
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+
+textarea {
+  overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/* Interactive
+   ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+
+details {
+  display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+  display: list-item;
+}
+
+/* Misc
+   ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+
+template {
+  display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+
+[hidden] {
+  display: none;
+}

package/css/scrollbar.css

@@ -0,0 +1,27 @@
+/*滚动条整体部分*/
+.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/index.css

@@ -1,48 +1,3 @@
-/* 单行溢出省略号 */
-.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;
-}
+@import url("./css/normalize.css");
+@import url("./css/scrollbar.css");
+@import url("./css/colorui.css");

package/js/index.ts

@@ -0,0 +1,220 @@
+import { tel, idCard } from "../utils/validatorRule";
+/**
+ * 手机号校验
+ * @example isPhone('15093676561') => true
+ * @param value 要校验的数据
+ * @returns true false 是 否
+ */
+export const isPhone = (value: number | string): boolean => {
+  if (typeof value == "number") {
+    value = String(value);
+  }
+  return tel.test(value);
+};
+/**
+ * 身份证号校验
+ * @example isIDCode('410781199909090000') => true
+ * @param value 要校验的数据
+ * @returns true false 是 否
+ */
+export const isIDCode = (value: number | string): boolean => {
+  if (typeof value == "string") {
+    return idCard.test(value);
+  }
+  return false;
+};
+/**
+ * 对象转url参数
+ * @example toUrlQuery({a:1}) => '?a=1'
+ * @param query 要转换的对象
+ */
+export const toUrlQuery = (query: object): string => {
+  let str = "?";
+  Object.keys(query).forEach((key) => {
+    str += `${key}=${query[key] ? query[key] : ""}&`;
+  });
+  return str.slice(0, -1);
+};
+/**
+ * url参数转对象
+ * @example urlQueryToObject('?a=1') => {a:1}
+ * @param str 要转换的url参数
+ */
+export const urlQueryToObject = (str: string): object => {
+  const params = new URLSearchParams(str);
+  let obj = {};
+  params.forEach((item, index) => {
+    obj[index] = item;
+  });
+  return obj;
+};
+/**
+ * 将传入的数据转换成千位符
+ * @example numberToPrice(1234.12) => '1,234.12'
+ * @param number 要转换的数字
+ */
+export const numberToPrice = (number: number | string): string => {
+  return Number(number).toLocaleString("zh", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+    style: "decimal",
+  });
+};
+/**
+ * 千位符格式转换数字
+ * @example moneyToNumber('123,456.789') => 123456.789
+ * @param data 要转换的数据
+ */
+export const priceToNumber = (data: string): number => {
+  return Number(data.replace(/,/gi, ""));
+};
+/**
+ * 保留两位小数
+ * @example setTwoDecimal(3.144) => '3.14'
+ * @param number 要保留两位小数的数字
+ * @param isAdjust 是否四舍五入
+ */
+export const setTwoDecimal = (
+  number: number | string,
+  isAdjust: boolean,
+): string | number => {
+  if (isAdjust) {
+    return Math.round(Number(number) * Math.pow(10, 2)) / Math.pow(10, 2);
+  }
+  return (Math.floor(Number(number) * 100) / 100).toFixed(2);
+};
+/**
+ * 生成随机数
+ * @example getRandomNumber(1,100) => 98
+ * @param min 最小值
+ * @param max 最大值
+ */
+export const getRandomNumber = (min: number, max: number): number => {
+  return Math.floor(Math.random() * (max - min + 1)) + min;
+};
+/**
+ * 检测数据格式
+ * @example isType({},Object) => true
+ * @example isType({}) => Object
+ * @param data 要检测的数据
+ * @param type 类型  非必填
+ * @returns 不传type 返回数据的类型   传type   返回 true false
+ */
+export const isType = (data: any, type: string): boolean | string => {
+  const regex = /\[object (\w+)\]/;
+  let str = Object.prototype.toString.call(data);
+  const match = regex.exec(str);
+  return type ? match[1] === type : match[1];
+};
+/**
+ * 转换成整数
+ * @example toInt(123.123) => 123
+ * @param value 要转成整数的数据
+ * @returns true false 是 否
+ */
+export const toInt = (value: number | string): number => {
+  if (typeof value == "number") {
+    return ~~value;
+  }
+  if (typeof value == "string") {
+    return parseInt(value, 10);
+  }
+  return 0;
+};
+/**
+ * 复制
+ * @example copyText(123) => Promise
+ * @param content 要复制的数据
+ * @returns Promise true false  复制成功  失败
+ */
+export const copyText = (content: any): Promise<boolean> => {
+  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(false);
+      console.log("复制失败", err);
+    }
+  });
+};
+/**
+ * 下载文件
+ * @example downloadFile('www.baidu.com','文件名称')
+ * @param url 要下载的文件 地址
+ * @param name 要下载的文件名称
+ */
+export const downloadFile = (url: string, name: string) => {
+  let a = document.createElement("a");
+  a.href = url;
+  a.download = name;
+  a.target = "_blank";
+  a.style.display = "none";
+  document.body.appendChild(a);
+  a.click();
+  a.remove();
+};
+/**
+ * 防抖
+ * @example debounce(() => {}, 250) => Function
+ * @param fn 防抖的函数
+ * @param wait 防抖时间 毫秒
+ */
+export const debounce = (fn: Function, wait: number = 250) => {
+  let timeout: any = null;
+  return function () {
+    let args = arguments;
+    if (timeout) clearTimeout(timeout);
+    let callNow = !timeout;
+    timeout = setTimeout(() => {
+      timeout = null;
+    }, wait);
+    if (callNow) fn.apply(this, args);
+  };
+};
+/**
+ * 节流
+ * @example throttle(()=>{}) => Function
+ * @param fn 节流的函数
+ * @param threshhold 节流时间
+ * @param scope this
+ */
+export const throttle = (
+  fn: Function,
+  threshhold: number = 250,
+  scope: object,
+): Function => {
+  let last: any, timer: any;
+  return function () {
+    let context = scope || this;
+    let 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,6 +1,6 @@
 {
   "name": "zhl-methods",
-  "version": "1.1.17",
+  "version": "2.0.0",
   "license": "ISC",
   "dependencies": {
     "dayjs": "^1.11.15",

package/utils/validatorRule.js

@@ -0,0 +1,25 @@
+// 手机号
+export const tel = /^1[3456789]\d{9}$/;
+// 固话/手机号
+export const allTel = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;
+// 校验手机或者座机
+export const landline = /^((0\d{2,3}-\d{7,8})|(1[23456789]\d{9}))$/;
+// 银行卡
+export const bank = /^([1-9]{1})(\d{11,23})$/;
+// 整数
+export const digits = /^\d+$/;
+// 身份证
+export const idCard =
+  /^[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)$/;
+// 正整数
+export const integer = /^[0-9]+$/;
+// 数字、字母
+export const alphanumeric = /^[0-9a-zA-Z]+$/;
+//货架码
+export const shelf_code = /^([A-Z]{1})([0-9]{3})$/;
+//汉字和数字
+export const expiry = /^([0-9]{1,2})[\u4e00-\u9fa5]$/;
+//产品码
+export const product_code = /^([A-Z]{1})([0-9]{3})$/;
+// 邮箱
+export const email_code = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)*$/;

package/index.js

@@ -1,20 +0,0 @@
-import jsMethods from "./js";
-import ScanUDI from "./js/ScanUDI";
-import hooks from "./vue3/hook";
-import wxMethods from "./wx";
-
-const defaultMethods = {
-  ...jsMethods,
-  ...wxMethods,
-  ScanUDI,
-  ...hooks,
-  copyText: (val) => {
-    if (window) {
-      return jsMethods.copyText(val);
-    }
-    if (uni || wx) {
-      return wxMethods.copyText(val);
-    }
-  },
-};
-export default defaultMethods;