xctc-utils 1.5.4 → 1.5.6

package/README.md

@@ -1,29 +1,35 @@
 ### 项目中常用的方法集合
 #### email： dybself@163.com
 #### 安装 npm i xctc-utils
-#### 项目中引入 import utils from "xctc-utils"
+#### 更新到最新版本 npm install xctc-utils@latest
+#### 项目中引入 import useUtils from "xctc-utils"
 
 
 #### LocalStorage使用，存取值时数据已经过处理
 ```
-存储： utils.useLocalStorage(key,value)
-取值： utils.getLocalStorage(key)
+存储： useUtils.useLocalStorage(key,value)
+取值： useUtils.getLocalStorage(key)
 ```
 
 #### sessionStorage使用，存取值时数据已经过处理
 ```
 
-存储： utils.useSessionStorage(key,value)
-取值： utils.getSessionStorage(key)
+存储： useUtils.useSessionStorage(key,value)
+取值： useUtils.getSessionStorage(key)
 
+```
+
+#### 将数据复制到剪贴板函数
+```
+useUtils.handleCopyValue(val)
 ```
 #### 删除缓存
 ```
 key:string 需要删除的缓存键
 isAll:boolean 为true时删除调用方法的所有缓存，否则只删除当前传入的 key 值
 如果 isAll 为 true 时，方法会优先执行缓存的clear函数， key 传任意值，
-删除临时缓存： utils.removeSessionStorage(key,isAll)
-删除永久缓存： utils.removeLocalStorage(key,isAll)
+删除临时缓存： useUtils.removeSessionStorage(key,isAll)
+删除永久缓存： useUtils.removeLocalStorage(key,isAll)
 
 ```
 #### AES 加密、解密，同一个数据的加密和解密传入的key 和 iv保持一致。
@@ -32,27 +38,27 @@ work： 需要加密的对象，如传入的是对象，该方法默认进行JSO
 key：16位或者32位字符串作为密钥
 iv：16位或者32位字符串作为密钥偏移量
 data： encrypt方法加密后返回的数据
-加密：utils.encrypt( work:any , key:string , iv:string )
-解密：utils.decrypt( data:string , key:string , iv:string )
+加密：useUtils.encrypt( work:any , key:string , iv:string )
+解密：useUtils.decrypt( data:string , key:string , iv:string )
 ```
 #### 类型判断
 ```
-utils.type.isFunction(val) // 是否是函数
-utils.type.isObject(val)   // 是否是对象 null 类型为对象，该方法已对null进行过滤
-utils.type.isDate(val)     // 是否是时间对象
-utils.type.isNumber(val)   // 是否是number类型
-utils.type.isString(val)   // 是否是字符串类型
-utils.type.isBoolean(val)  // 是否是boolean类型
-utils.type.isWindow(val)    // 是否在浏览器环境下运行
+useUtils.type.isFunction(val) // 是否是函数
+useUtils.type.isObject(val)   // 是否是对象 null 类型为对象，该方法已对null进行过滤
+useUtils.type.isDate(val)     // 是否是时间对象
+useUtils.type.isNumber(val)   // 是否是number类型
+useUtils.type.isString(val)   // 是否是字符串类型
+useUtils.type.isBoolean(val)  // 是否是boolean类型
+useUtils.type.isWindow(val)    // 是否在浏览器环境下运行
 
 ```
 #### 获取当前设备环境
 设备环境：
 ```
 
-当前使用设备类型： utils.deviceEnvironment() // android ios
-是否在微信浏览器环境中：  utils.weixinBrowser() // true false
-是否是手持设备： utils.isMobile() // true 移动设备 false PC设备
+当前使用设备类型： useUtils.deviceEnvironment() // android ios
+是否在微信浏览器环境中：  useUtils.weixinBrowser() // true false
+是否是手持设备： useUtils.isMobile() // true 移动设备 false PC设备
 
 ```
 
@@ -67,9 +73,9 @@ data：encrypt方法加密后返回的数据
 对word进行CryptoJS.enc.Utf8.parse转义
 CryptoJS.AES.encrypt加密，加密模式：CBC ； padding： CryptoJS.pad.Pkcs7
 对数据进行加密  
-utils.encrypt(word:any,key:string,iv:string)
+useUtils.encrypt(word:any,key:string,iv:string)
 // 对数据进行解密
-utils.decrypt(data:string,key:string,iv:string)
+useUtils.decrypt(data:string,key:string,iv:string)
 
 ```
 #### 微信H5使用方法集合
@@ -85,7 +91,7 @@ interface configOption {
     cryptokey?:string, // 将地址栏携带参数加密key， 必须与 weixinShareInit 方法中的 key 参数一致
 }
 进入系统时，默认调用该方法，自动执行微信跳转授权，回调地址中code处理、state处理，
-utils.weixinUrlCode(config)
+useUtils.weixinUrlCode(config)
 
 ```
 #### 微信config接口权限注入
@@ -97,7 +103,7 @@ interface ShareConfig{
     jsApiList?:string[],
 }
 
-utils.weixinShareConfig(config:ShareConfig)
+useUtils.weixinShareConfig(config:ShareConfig)
 ```
 
 #### 微信分享接口加载
@@ -111,14 +117,14 @@ interface Share{
     iv?:string, // 分享链接中对 state 数据加密的iv 必须与 weixinUrlCode 方法中的 cryptoiv 参数一致
     key?:string, // 分享链接中对 state 数据加密的 key 必须与 weixinUrlCode 方法中的 cryptokey 参数一致
 }
-utils.weixinShareInit(config:Share)
+useUtils.weixinShareInit(config:Share)
 ```
 
 ### 时间相关方法
 #### 获取当前时间的时间戳
 ```
 
-utils.getTime() // 返回秒
+useUtils.getTime() // 返回秒
 
 ```
 #### 时间戳转任意格式时间字符串
@@ -129,7 +135,7 @@ utils.getTime() // 返回秒
  * @param format 解析后展示时间字符串格式，默认 "YYYY-MM-DD HH:mm:ss" 格式， 可传格式如： YYYY年MM月DD日 HH时 YYYY/MM/DD HH
  * @returns 
  */
-utils.formatTimeStamp(num,format) // 返回 format 格式时间戳
+useUtils.formatTimeStamp(num,format) // 返回 format 格式时间戳
 
 ```
 #### 时间字符串转时间戳
@@ -139,6 +145,6 @@ utils.formatTimeStamp(num,format) // 返回 format 格式时间戳
  * @param str 字符串格式必须为： 2017/03/03 12:23:55 格式，避免兼容性，不能传 “-” 分割的时间字符串 2017-03-03
  * @returns 
  */
-utils.formatStrTime(str) // 返回时间戳 秒
+useUtils.formatStrTime(str) // 返回时间戳 秒
 
 ```

package/dist/index.js

@@ -42,5 +42,6 @@ var time = __importStar(require("./time"));
 var mobile = __importStar(require("./mobile"));
 var format = __importStar(require("./format"));
 var isType = __importStar(require("./is"));
-var obj = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, storage), utils), weixin), crypto), time), mobile), format), { type: __assign({}, isType) });
+var modal = __importStar(require("./modal"));
+var obj = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, storage), utils), weixin), crypto), time), mobile), format), { type: __assign({}, isType) }), modal);
 exports.default = obj;

package/dist/modal/index.d.ts

@@ -0,0 +1,4 @@
+export declare const createSpinModule: () => void;
+export declare const destroySpinModule: () => void;
+export declare const createMessageModule: (title: string, duration?: number, type?: string) => void;
+export declare const destroyMessageModule: () => void;

package/dist/modal/index.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.destroyMessageModule = exports.createMessageModule = exports.destroySpinModule = exports.createSpinModule = void 0;
+// 通过ID获取DOM元素
+function $id(id) {
+    if (!id)
+        return false;
+    var dom = document.getElementById(id);
+    if (id && dom instanceof HTMLElement) {
+        return dom;
+    }
+    return false;
+}
+var createSpinModule = function () {
+    var parentBox = toggleDomModule("serveSpinModule", "block");
+    var containerBox = "";
+    var canvasBox = "";
+    var spinnerFourBox = "";
+    if (!parentBox) {
+        styleModule();
+        parentBox = createDom("div");
+        containerBox = createDom("div");
+        canvasBox = createDom("div");
+        spinnerFourBox = createDom("div");
+        var parentBoxStyle = "width:100vw!important; height:100vh!important;background-color:rgba(0,0,0,0.5);z-index:100000000;position: fixed;top:0;left:0;text-align:center;";
+        parentBox.setAttribute("style", parentBoxStyle);
+        parentBox.id = 'serveSpinModule';
+        var containerBoxStyle = "display: inline-block;padding-top:23%;";
+        containerBox.setAttribute("style", containerBoxStyle);
+        var canvasBoxStyle = "align-items: center;background: #eeeeee;border-radius: 50%;display: flex;justify-content: center;margin: 1em;width: 3em;height: 3em;";
+        canvasBox.setAttribute("style", canvasBoxStyle);
+        var spinnerFourBoxStyle = "animation: spinnerFour 1s linear infinite;border: solid 7px transparent;border-top: solid 7px #4db6ac;border-radius: 100%;width: 3em;height: 3em;";
+        spinnerFourBox.setAttribute("style", spinnerFourBoxStyle);
+        parentBox.appendChild(containerBox);
+        containerBox.appendChild(canvasBox);
+        canvasBox.appendChild(spinnerFourBox);
+        document.body.appendChild(parentBox);
+    }
+};
+exports.createSpinModule = createSpinModule;
+var styleModule = function () {
+    // 创建一个新的style元素
+    var styleElement = document.createElement('style');
+    // 将css字符串作为文本内容添加到style元素中
+    styleElement.textContent = "\n        @keyframes spinnerFour {\n            0% {\n            transform: rotate(0deg);\n            }\n            100% {\n            transform: rotate(360deg);\n            }\n      }\n    ";
+    // 将style元素添加到head部分，使得样式生效
+    document.head.appendChild(styleElement);
+};
+var destroySpinModule = function () {
+    toggleDomModule("serveSpinModule", "none");
+    removeDom("serveSpinModule");
+};
+exports.destroySpinModule = destroySpinModule;
+var toggleDomModule = function (id, val) {
+    if (!id)
+        return;
+    var div = $id(id) || "";
+    if (div) {
+        div.style.display = val;
+    }
+    return div;
+};
+var createDom = function (dom) {
+    if (!dom)
+        return;
+    return document.createElement(dom);
+};
+var createMessageModule = function (title, duration, type) {
+    var box = toggleDomModule("serveMessageModule", "block");
+    if (!type)
+        type = "success";
+    var containerBoxStyle = "display:inline-block;margin:auto;z-index:100000000;position: fixed;top:10px;left:50%;text-align:center;padding:6px 12px;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);box-sizing: border-box;border-radius:4px;color:".concat(type == "success" ? "#52c41a" : "#f50", "  ");
+    box = createDom("div");
+    box.id = "serveMessageModule";
+    box.setAttribute("style", containerBoxStyle);
+    document.body.appendChild(box);
+    box.innerText = title;
+    if (!(typeof duration === "number")) {
+        duration = 1500;
+    }
+    setTimeout(function () {
+        (0, exports.destroyMessageModule)();
+    }, duration);
+};
+exports.createMessageModule = createMessageModule;
+var destroyMessageModule = function () {
+    toggleDomModule("serveMessageModule", "none");
+    removeDom("serveMessageModule");
+};
+exports.destroyMessageModule = destroyMessageModule;
+var removeDom = function (id) {
+    var div = $id(id);
+    if (div)
+        div.remove();
+};

package/dist/time/index.d.ts

@@ -12,3 +12,30 @@ export declare function formatTimeStamp(num?: number, format?: string): string;
  * @returns
  */
 export declare function formatStrTime(str: string): any;
+/**
+ *  2018-12-28 15:00:00
+*   2018/12/28 15:00:00
+*   2018年12月28日 15点00分00秒
+ * @param value
+ * 如果传入时间字符串格式，请传入具体时间格式，默认 "YYYY-MM-DD HH:mm:ss" 格式， 可传格式如： YYYY年MM月DD日 HH时 YYYY/MM/DD HH
+ * @param format 解析后展示时间字符串格式，默认 "YYYY-MM-DD HH:mm:ss" 格式， 可传格式如： YYYY年MM月DD日 HH时 YYYY/MM/DD HH
+ * @returns
+ */
+export declare function getDateData(value: string | number, format?: string): {
+    year: number;
+    month: string | number;
+    day: string | number;
+    hour: string | number;
+    minute: string | number;
+    second: string | number;
+    num: any;
+};
+export declare function findIdcardAge(idcard: string): {
+    year: number;
+    month: string | number;
+    day: string | number;
+    hour: string | number;
+    minute: string | number;
+    second: string | number;
+    num: any;
+} | undefined;

package/dist/time/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatStrTime = exports.formatTimeStamp = exports.getTime = void 0;
+exports.findIdcardAge = exports.getDateData = exports.formatStrTime = exports.formatTimeStamp = exports.getTime = void 0;
 //获取当前时间戳
 function getTime() {
     var now = new Date().getTime() / 1000;
@@ -22,34 +22,36 @@ function formatTimeStamp(num, format) {
     num = Number(num); // 先将数据转换为数据类型
     if (!num)
         return "";
-    // 传入秒 时间戳
-    var date = "";
-    if (typeof num == 'number') {
-        date = new Date(num * 1000);
-    }
-    var year = date.getFullYear();
-    var month = date.getMonth() + 1;
-    month = month < 10 ? "0" + month : month;
-    var day = date.getDate();
-    day = day < 10 ? "0" + day : day;
-    var hour = date.getHours();
-    hour = hour < 10 ? "0" + hour : hour;
-    var minute = date.getMinutes();
-    minute = minute < 10 ? "0" + minute : minute;
-    var second = date.getSeconds();
-    second = second < 10 ? "0" + second : second;
+    var dateObj = getDateData(num, format) || {};
+    // // 传入秒 时间戳
+    // let date:any=""
+    // if ( typeof num == 'number') {
+    //     date = new Date( num * 1000)
+    // }
+    // if( !date ) return ;
+    // const year:string = date.getFullYear()
+    // let month:any = date.getMonth() + 1
+    // month = month < 10 ? "0"+month : month
+    // let day:any = date.getDate()
+    // day = day < 10 ? "0"+day : day
+    // let hour:any = date.getHours()
+    // hour = hour < 10 ? "0"+hour : hour
+    // let minute:any = date.getMinutes()
+    // minute = minute < 10 ? "0"+minute : minute
+    // let second:any = date.getSeconds()
+    // second = second < 10 ? "0"+second : second
     if (isExist(format, "YYYY"))
-        format = format.replace("YYYY", year);
+        format = format.replace("YYYY", dateObj === null || dateObj === void 0 ? void 0 : dateObj.year);
     if (isExist(format, "MM"))
-        format = format.replace("MM", month);
+        format = format.replace("MM", dateObj === null || dateObj === void 0 ? void 0 : dateObj.month);
     if (isExist(format, "DD"))
-        format = format.replace("DD", day);
+        format = format.replace("DD", dateObj === null || dateObj === void 0 ? void 0 : dateObj.day);
     if (isExist(format, "HH"))
-        format = format.replace("HH", hour);
+        format = format.replace("HH", dateObj === null || dateObj === void 0 ? void 0 : dateObj.hour);
     if (isExist(format, "mm"))
-        format = format.replace("mm", minute);
+        format = format.replace("mm", dateObj === null || dateObj === void 0 ? void 0 : dateObj.minute);
     if (isExist(format, "ss"))
-        format = format.replace("ss", second);
+        format = format.replace("ss", dateObj === null || dateObj === void 0 ? void 0 : dateObj.second);
     return format;
 }
 exports.formatTimeStamp = formatTimeStamp;
@@ -81,3 +83,111 @@ function formatStrTime(str) {
     return "";
 }
 exports.formatStrTime = formatStrTime;
+// 获取当前时间的 年月日时分秒对象
+/**
+ *  2018-12-28 15:00:00
+*   2018/12/28 15:00:00
+*   2018年12月28日 15点00分00秒
+ * @param value
+ * 如果传入时间字符串格式，请传入具体时间格式，默认 "YYYY-MM-DD HH:mm:ss" 格式， 可传格式如： YYYY年MM月DD日 HH时 YYYY/MM/DD HH
+ * @param format 解析后展示时间字符串格式，默认 "YYYY-MM-DD HH:mm:ss" 格式， 可传格式如： YYYY年MM月DD日 HH时 YYYY/MM/DD HH
+ * @returns
+ */
+function getDateData(value, format) {
+    var now = new Date();
+    if (typeof value == 'number') {
+        now = new Date(value * 1000);
+    }
+    if (typeof value == "string") {
+        if (!format)
+            format = "YYYY-MM-DD HH:mm:ss";
+        var year_1 = value.substring(0, 4);
+        var str = "".concat(year_1);
+        var monthIndex = format.indexOf("MM");
+        var month_1 = "";
+        if (monthIndex != -1) {
+            month_1 = value.substring(monthIndex, monthIndex + 3);
+            str = "".concat(str, "/").concat(month_1);
+        }
+        else {
+            str = "".concat(str, "/01");
+        }
+        var dayIndex = format.indexOf("DD");
+        var day_1 = "";
+        if (dayIndex != -1) {
+            day_1 = value.substring(dayIndex, dayIndex + 3);
+            str = "".concat(str, "/").concat(day_1);
+        }
+        else {
+            str = "".concat(str, "/01");
+        }
+        var hourIndex = format.indexOf("HH");
+        var hour_1 = "";
+        if (hourIndex != -1) {
+            hour_1 = value.substring(hourIndex, hourIndex + 3);
+            str = "".concat(str, " ").concat(hour_1);
+        }
+        else {
+            str = "".concat(str, " 00");
+        }
+        var minuteIndex = format.indexOf("mm");
+        var minute_1 = "";
+        if (hourIndex != -1) {
+            minute_1 = value.substring(minuteIndex, minuteIndex + 3);
+            str = "".concat(str, ":").concat(minute_1);
+        }
+        else {
+            str = "".concat(str, ":00");
+        }
+        var secondIndex = format.indexOf("ss");
+        var second_1 = "";
+        if (hourIndex != -1) {
+            second_1 = value.substring(secondIndex, secondIndex + 3);
+            str = "".concat(str, ":").concat(second_1);
+        }
+        else {
+            str = "".concat(str, ":00");
+        }
+        now = new Date(str);
+    }
+    var year = now.getFullYear();
+    var month = now.getMonth() + 1;
+    month = month < 10 ? "0" + month : month;
+    var day = now.getDate();
+    day = day < 10 ? "0" + day : day;
+    var hour = now.getHours();
+    hour = hour < 10 ? "0" + hour : hour;
+    var minute = now.getMinutes();
+    minute = minute < 10 ? "0" + minute : minute;
+    var second = now.getSeconds();
+    second = second < 10 ? "0" + second : second;
+    var nowNumber = new Date().getTime() / 1000;
+    nowNumber = parseInt(nowNumber);
+    return {
+        year: year,
+        month: month,
+        day: day,
+        hour: hour,
+        minute: minute,
+        second: second,
+        num: nowNumber
+    };
+}
+exports.getDateData = getDateData;
+function findIdcardAge(idcard) {
+    if (!idcard) {
+        return;
+    }
+    // 提取身份证号中的出生日期部分
+    var birthday = idcard.substring(6, 14);
+    if (birthday) {
+        // 解析出生日期
+        var year = birthday.substring(0, 4);
+        var month = birthday.substring(4, 6);
+        var day = birthday.substring(6, 8);
+        var str = "".concat(year, "-").concat(month, "-").concat(day);
+        return getDateData(str, "YYYY-MM-DD HH:mm:ss");
+    }
+    return;
+}
+exports.findIdcardAge = findIdcardAge;

package/dist/utils.d.ts

@@ -1,7 +1,26 @@
 import { UeditorHeightOption } from "./types";
+/**
+ * 判断当前传入的字符串是否为 json格式 字符串
+ * @param str
+ * @returns
+ */
 export declare function isJson(str: string): any;
 export declare function $id(id: string): false | HTMLElement;
 export declare function checkIframeContentHeight(option: UeditorHeightOption): string;
 export declare function getIframeContentHeight(id: string): any;
+/**
+ * 判断当前手机端环境
+ * @returns
+ */
 export declare function deviceEnvironment(): string;
+/**
+ * 判断是否是微信内置浏览器
+ * @returns
+ */
 export declare function weixinBrowser(): boolean;
+/**
+ * 将传入的数据复制到粘贴板
+ * @param text
+ * @returns
+ */
+export declare function handleCopyValue(text: string): any;

package/dist/utils.js

@@ -1,6 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.weixinBrowser = exports.deviceEnvironment = exports.getIframeContentHeight = exports.checkIframeContentHeight = exports.$id = exports.isJson = void 0;
+exports.handleCopyValue = exports.weixinBrowser = exports.deviceEnvironment = exports.getIframeContentHeight = exports.checkIframeContentHeight = exports.$id = exports.isJson = void 0;
+/**
+ * 判断当前传入的字符串是否为 json格式 字符串
+ * @param str
+ * @returns
+ */
 function isJson(str) {
     if (!str)
         return false;
@@ -67,6 +72,10 @@ function getIframeContentHeight(id) {
     return 0;
 }
 exports.getIframeContentHeight = getIframeContentHeight;
+/**
+ * 判断当前手机端环境
+ * @returns
+ */
 function deviceEnvironment() {
     var u = navigator.userAgent;
     if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1)
@@ -76,6 +85,10 @@ function deviceEnvironment() {
     return "other";
 }
 exports.deviceEnvironment = deviceEnvironment;
+/**
+ * 判断是否是微信内置浏览器
+ * @returns
+ */
 function weixinBrowser() {
     var ua = navigator.userAgent.toLowerCase();
     var isWeixin = ua.indexOf("micromessenger") != -1;
@@ -87,3 +100,40 @@ function weixinBrowser() {
     }
 }
 exports.weixinBrowser = weixinBrowser;
+// 复制功能
+/**
+ * 将传入的数据复制到粘贴板
+ * @param text
+ * @returns
+ */
+function handleCopyValue(text) {
+    if (!text)
+        return console.error("请传入需要复制到粘贴板的数据");
+    //浏览器禁用了非安全域的 navigator.clipboard 对象
+    //在线上环境会报错 TypeError: Cannot read properties of undefined (reading 'writeText')
+    var clipboard = (navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) || "";
+    if (!clipboard && window.isSecureContext) {
+        return clipboard === null || clipboard === void 0 ? void 0 : clipboard.writeText(text);
+    }
+    else {
+        // 判断是否支持拷贝
+        if (!document.execCommand('copy'))
+            return Promise.reject();
+        // 创建标签，并隐藏
+        var textArea_1 = document.createElement('textarea');
+        textArea_1.style.position = 'fixed';
+        textArea_1.style.top = textArea_1.style.left = '-100vh';
+        textArea_1.style.opacity = '0';
+        textArea_1.value = text;
+        document.body.appendChild(textArea_1);
+        // 聚焦、复制
+        textArea_1.focus();
+        textArea_1.select();
+        return new Promise(function (resolve, reject) {
+            // 不知为何，必须写这个三目，不然copy不上
+            document.execCommand('copy') ? resolve() : reject();
+            textArea_1.remove();
+        });
+    }
+}
+exports.handleCopyValue = handleCopyValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xctc-utils",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "description": "localStorage存储\r ```\r sessionStorage存储\r ```\r crypto-js加密、解密\r ```\r 微信授权登录、微信分享\r ```\r 设备环境获取\r ```\r 是否是微信浏览器\r ```\r 时间戳转时间，字符串转时间戳",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",