ph-utils 0.2.20 → 0.2.22

package/lib/index.js

@@ -80,29 +80,3 @@ export function throttle(func, wait = 300) {
         }, wait);
     };
 }
-
-        }
-        else {
-            super(arguments[1]);
-            this.name = arguments[0];
-        }
-    }
-}
-exports.BaseError = BaseError;
-/**
- * 创建一个节流函数，在 wait 秒内最多执行 func 一次的函数。
- * @param func 要节流的函数
- * @param wait 需要节流的毫秒
- * @returns
- */
-function throttle(func, wait = 300) {
-    let t = -1;
-    return function (...args) {
-        const self = this;
-        clearTimeout(t);
-        t = setTimeout(() => {
-            func.apply(self, args);
-        }, wait);
-    };
-}
-exports.throttle = throttle;

package/lib/web.d.ts

@@ -3,15 +3,14 @@
  * @param form {object} Form 节点对象
  */
 export declare const formJson: <T>(form: HTMLFormElement) => T;
-interface QueryRes {
-    [index: string]: number | boolean | string | string[];
-}
 /**
  * 获取 url query 参数 (get 请求的参数)
  * @param search 如果是 React 应用就需要传递 useLocation().search
  * @returns
  */
-export declare function query(search?: string): QueryRes;
+export declare function query(search?: string): {
+    [index: string]: string;
+};
 interface RandomOpts {
     /** 生成的随机数是整形还是小数形 */
     isInt?: boolean;
@@ -39,4 +38,18 @@ export declare function random(min: number, max: number, opts?: RandomOpts): num
  * @return string
  */
 export declare function formatMoney(number: number): string;
+/**
+ * 函数节流 - 每隔单位时间，只执行一次
+ * @param cb    待节流的函数
+ * @param wait  间隔时间
+ * @returns
+ */
+export declare function throttle<R extends any[], T>(fn: (...args: R) => T, wait?: number): (...args: R) => void;
+/**
+ * 函数防抖 - 当重复触发某一个行为（事件时），只执行最后一次触发
+ * @param fn        防抖函数
+ * @param interval  间隔时间段
+ * @returns
+ */
+export declare function debounce<R extends any[], T>(fn: (...args: R) => T, interval?: number): (...args: R) => void;
 export {};

package/lib/web.js

@@ -1,7 +1,7 @@
 /**
  * web(浏览器) 端工具类
  */
-import { isBlank, isBoolean, isNumeric } from './index_m';
+import { isBlank } from './index_m';
 /**
  * 解析 Form 表单中的 input 元素的数据为 JSON 格式，key: input-name；value: input-value
  * @param form {object} Form 节点对象
@@ -12,7 +12,8 @@ export const formJson = function (form) {
     for (let i = 0, len = elems.length; i < len; i++) {
         let item = elems[i];
         if (!isBlank(item.name)) {
-            if ((item.tagName === 'INPUT' || item.tagName === 'TEXTAREA') && !isBlank(item.value)) {
+            if ((item.tagName === 'INPUT' || item.tagName === 'TEXTAREA') &&
+                !isBlank(item.value)) {
                 let dataType = item.getAttribute('data-type');
                 if (dataType === 'number') {
                     value[item.name] = Number(item.value);
@@ -37,31 +38,22 @@ export function query(search) {
     if (isBlank(search)) {
         search = location.search;
     }
+    const searchParams = new URLSearchParams(search);
     let query = {};
-    /*
-      使用正则表达式解析，主要利用 反向字符集
-    */
-    search.replace(/([^?&=]+)=([^&]+)/g, (_, k, v) => {
-        let oldValue = query[k];
-        let value = decodeURIComponent(v);
-        if (isBoolean(value)) {
-            value = Boolean(value);
-        }
-        else if (isNumeric(value)) {
-            value = Number(value);
-        }
+    for (const [key, value] of searchParams) {
+        let oldValue = query[key];
+        let newValue = value;
         if (oldValue != null) {
             if (oldValue instanceof Array) {
                 oldValue.push(value);
-                value = oldValue;
+                newValue = oldValue;
             }
             else {
-                value = [value, oldValue];
+                newValue = [value, oldValue];
             }
         }
-        query[k] = value;
-        return v;
-    });
+        query[key] = newValue;
+    }
     return query;
 }
 export function random() {
@@ -108,5 +100,42 @@ export function formatMoney(number) {
     let usePrecision = numberStr.indexOf('.');
     let dotStr = usePrecision > 0 ? numberStr.slice(usePrecision + 1) : '00';
     dotStr = dotStr.length > 2 ? dotStr.slice(0, 2) : dotStr;
-    return (negative + (mod ? base.slice(0, mod) + ',' : '') + base.slice(mod).replace(/(\d{3})(?=\d)/g, '$1,') + '.' + dotStr);
+    return (negative +
+        (mod ? base.slice(0, mod) + ',' : '') +
+        base.slice(mod).replace(/(\d{3})(?=\d)/g, '$1,') +
+        '.' +
+        dotStr);
+}
+/**
+ * 函数节流 - 每隔单位时间，只执行一次
+ * @param cb    待节流的函数
+ * @param wait  间隔时间
+ * @returns
+ */
+export function throttle(fn, wait = 500) {
+    // 上一次的请求时间
+    let last = 0;
+    return (...args) => {
+        // 当前时间戳
+        const now = Date.now();
+        if (now - last > wait) {
+            fn(...args);
+            last = now;
+        }
+    };
+}
+/**
+ * 函数防抖 - 当重复触发某一个行为（事件时），只执行最后一次触发
+ * @param fn        防抖函数
+ * @param interval  间隔时间段
+ * @returns
+ */
+export function debounce(fn, interval = 500) {
+    let _t = -1;
+    return (...args) => {
+        clearTimeout(_t);
+        _t = setTimeout(() => {
+            fn(...args);
+        }, interval);
+    };
 }

package/package.json

@@ -5,7 +5,7 @@
   "module": "lib/index_m.js",
   "types": "lib/index.d.ts",
   "browser": "lib/index_m.js",
-  "version": "0.2.20",
+  "version": "0.2.22",
   "repository": {
     "type": "git",
     "url": "git+https//gitee.com/towardly/ph.git",