ziya-utils 1.1.4 → 1.1.6

package/es/index.d.ts

@@ -6,3 +6,6 @@ export * from "./regexp";
 export * from "./form";
 export * from "./count";
 export * from "./xhr";
+export * from "./constant";
+export * from "./document";
+export * from "./async";

package/es/index.js

@@ -6,3 +6,7 @@ export { RegexPatterns, RegexValidator } from './regexp/index.js';
 export { createFormData } from './form/index.js';
 export { precisionFormat } from './count/index.js';
 export { XHRInterceptor, xhrInterceptor } from './xhr/index.js';
+export { Lib_Name } from './constant/index.js';
+export { addStyleStr, createMaskLoading } from './document/index.js';
+export { createAsyncTask } from './async/index.js';
+export { ScriptDomBuilder } from './document/script-dom-builder.js';

package/es/node_modules/tslib/tslib.es6.js

@@ -15,6 +15,18 @@ PERFORMANCE OF THIS SOFTWARE.
 /* global Reflect, Promise, SuppressedError, Symbol */
 
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -30,4 +42,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __awaiter };
+export { __awaiter, __rest };

package/es/xhr/index.d.ts

@@ -7,8 +7,12 @@
  * 拦截规则
  */
 interface InterceptRule {
+    /** 拦截的 URL，模糊匹配 */
     url: string;
-    responseCallback: (data: any) => any | Promise<any>;
+    /** 拦截响应的回调函数 */
+    responseCallback: (data: any) => any;
+    /** 拦截请求的回调函数 */
+    requestCallback?: (data: any) => any;
 }
 /**
  * 拦截器配置
@@ -40,7 +44,7 @@ declare class XHRInterceptor {
     /**
      * 添加单个拦截规则
      */
-    addRule(url: string, responseCallback: InterceptRule["responseCallback"]): void;
+    addRule(url: string, responseCallback: InterceptRule["responseCallback"], requestCallback?: InterceptRule["requestCallback"]): void;
     /**
      * 移除指定URL的拦截规则
      */

package/es/xhr/index.js

@@ -1,5 +1,3 @@
-import { __awaiter } from '../node_modules/tslib/tslib.es6.js';
-
 /**
  * @fileoverview XMLHttpRequest模块
  * @created 2025-04-02
@@ -44,41 +42,51 @@ class XHRInterceptor {
                     // 没有匹配的规则，直接执行原始请求
                     return originalSend.call(this, body);
                 }
+                // 处理请求数据拦截
+                let processedBody = body;
+                if (matchingRule.requestCallback && body) {
+                    try {
+                        processedBody = matchingRule.requestCallback(body);
+                    }
+                    catch (error) {
+                        console.error('XHR请求拦截器处理失败:', error);
+                        // 出错时使用原始请求体
+                        processedBody = body;
+                    }
+                }
                 // 保存原始的 onreadystatechange
                 const originalOnReadyStateChange = xhr.onreadystatechange;
                 xhr.onreadystatechange = function (event) {
-                    return __awaiter(this, void 0, void 0, function* () {
-                        if (xhr.readyState === 4 && xhr.status >= 200 && xhr.status < 300) {
-                            try {
-                                // 解析原始响应
-                                const originalData = JSON.parse(xhr.responseText);
-                                // 使用回调函数处理响应数据
-                                const modifiedData = yield matchingRule.responseCallback(originalData);
-                                // 重写响应属性
-                                Object.defineProperty(xhr, "responseText", {
-                                    writable: true,
-                                    configurable: true,
-                                    value: JSON.stringify(modifiedData),
-                                });
-                                Object.defineProperty(xhr, "response", {
-                                    writable: true,
-                                    configurable: true,
-                                    value: JSON.stringify(modifiedData),
-                                });
-                                self.log(`已拦截并修改响应: ${requestUrl}`);
-                            }
-                            catch (error) {
-                                self.log("拦截器处理失败:", error);
-                                // 出错时保持原始响应
-                            }
+                    if (xhr.readyState === 4 && xhr.status >= 200 && xhr.status < 300) {
+                        try {
+                            // 解析原始响应
+                            const originalData = JSON.parse(xhr.responseText);
+                            // 使用回调函数处理响应数据
+                            const modifiedData = matchingRule.responseCallback(originalData);
+                            // 重写响应属性
+                            Object.defineProperty(xhr, "responseText", {
+                                writable: true,
+                                configurable: true,
+                                value: JSON.stringify(modifiedData),
+                            });
+                            Object.defineProperty(xhr, "response", {
+                                writable: true,
+                                configurable: true,
+                                value: JSON.stringify(modifiedData),
+                            });
+                            self.log(`已拦截并修改响应: ${requestUrl}`);
                         }
-                        // 调用原始的 onreadystatechange
-                        if (originalOnReadyStateChange) {
-                            originalOnReadyStateChange.call(this, event);
+                        catch (error) {
+                            self.log("拦截器处理失败:", error);
+                            // 出错时保持原始响应
                         }
-                    });
+                    }
+                    // 调用原始的 onreadystatechange
+                    if (originalOnReadyStateChange) {
+                        originalOnReadyStateChange.call(this, event);
+                    }
                 };
-                return originalSend.call(this, body);
+                return originalSend.call(this, processedBody);
             };
             return xhr;
         };
@@ -110,8 +118,8 @@ class XHRInterceptor {
     /**
      * 添加单个拦截规则
      */
-    addRule(url, responseCallback) {
-        this.interceptRules.push({ url, responseCallback });
+    addRule(url, responseCallback, requestCallback) {
+        this.interceptRules.push({ url, responseCallback, requestCallback });
         this.log(`已添加拦截规则: ${url}`);
     }
     /**

package/lib/async/index.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+
+/**
+ * 创建异步任务，定时检查条件直到满足后执行初始化函数
+ * @param checkFun 检查函数，返回 true 值时表示条件满足
+ * @param initFun 初始化函数，在条件满足后执行
+ * @param options 配置选项
+ * @returns Promise，resolve 初始化函数的返回值
+ */
+function createAsyncTask(checkFun = () => null, initFun = () => undefined, options = {}) {
+    const { duration = 1, timeout, immediate = false } = options;
+    return new Promise((resolve, reject) => {
+        let timer = null;
+        let timeoutTimer = null;
+        // 清理定时器
+        const cleanup = () => {
+            if (timer) {
+                clearInterval(timer);
+                timer = null;
+            }
+            if (timeoutTimer) {
+                clearTimeout(timeoutTimer);
+                timeoutTimer = null;
+            }
+        };
+        // 检查逻辑
+        const check = () => tslib_es6.__awaiter(this, void 0, void 0, function* () {
+            try {
+                const res = yield checkFun();
+                if (res) {
+                    cleanup();
+                    const res2 = yield initFun(res);
+                    resolve(res2);
+                }
+            }
+            catch (error) {
+                cleanup();
+                reject(error);
+            }
+        });
+        // 设置超时
+        if (timeout && timeout > 0) {
+            timeoutTimer = setTimeout(() => {
+                cleanup();
+                reject(new Error(`${timeout} 秒后任务将会超时。`));
+            }, timeout * 1000);
+        }
+        // 立即执行一次检查
+        if (immediate) {
+            check();
+        }
+        // 设置定时检查
+        timer = setInterval(check, duration * 1000);
+    });
+}
+
+exports.createAsyncTask = createAsyncTask;

package/lib/constant/index.d.ts

@@ -0,0 +1,3 @@
+/** 工具名称 */
+declare const Lib_Name = "ziya-utils";
+export { Lib_Name };

package/lib/constant/index.js

@@ -0,0 +1,6 @@
+'use strict';
+
+/** 工具名称 */
+const Lib_Name = "ziya-utils";
+
+exports.Lib_Name = Lib_Name;

package/lib/document/index.d.ts

@@ -1,7 +1,30 @@
 /**
- * @fileoverview Document模块
+ * @fileoverview Document 模块
  * @created 2025-04-02
  * @author glk
  */
-declare function addStyleStr(styStr?: string): HTMLStyleElement;
-export { addStyleStr };
+/**
+ * 向head追加一个样式表
+ * @param styStr
+ * @returns
+ */
+declare const addStyleStr: (styStr?: string) => HTMLStyleElement;
+/**
+ * 创建一个全局唯一的遮罩 Loading
+ * @param msg
+ * @param style
+ * @returns
+ */
+declare const createMaskLoading: (msg?: string, style?: string) => {
+    /**
+     * 关闭loading
+     */
+    close: () => void;
+    /**
+     * 更新信息
+     * @param msg
+     */
+    updateMsg: (msg: string) => void;
+};
+export { addStyleStr, createMaskLoading };
+export * from "./script-dom-builder";

package/lib/document/index.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var index = require('../constant/index.js');
+require('../node_modules/tslib/tslib.es6.js');
+
+/**
+ * @fileoverview Document 模块
+ * @created 2025-04-02
+ * @author glk
+ */
+/**
+ * 向head追加一个样式表
+ * @param styStr
+ * @returns
+ */
+const addStyleStr = (styStr = "") => {
+    let _style = document.createElement("style");
+    _style.innerHTML = styStr;
+    document.getElementsByTagName("head")[0].appendChild(_style);
+    return _style;
+};
+/**
+ * 创建一个全局唯一的遮罩 Loading
+ * @param msg
+ * @param style
+ * @returns
+ */
+const createMaskLoading = (msg = "加载中...", style = "") => {
+    const Container_Id = `${index.Lib_Name}-mask-loading-container`;
+    const prevLoading = document.getElementById(Container_Id);
+    !!prevLoading && document.body.removeChild(prevLoading);
+    const ele = document.createElement("div");
+    ele.id = Container_Id;
+    ele.innerHTML = `
+    <div class="mask"></div>
+    <div class="message">${msg}</div>
+  `;
+    const styleEle = document.createElement("style");
+    styleEle.innerHTML = `
+    #${Container_Id} {
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 9999;
+      transition: opacity 0.3s;
+    }
+    #${Container_Id} .mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.45);
+    }
+    #${Container_Id} .message {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      color: #fff;
+    }
+
+    ${style}
+  `;
+    document.head.appendChild(styleEle);
+    document.body.append(ele);
+    return {
+        /**
+         * 关闭loading
+         */
+        close: () => {
+            document.body.removeChild(ele);
+        },
+        /**
+         * 更新信息
+         * @param msg
+         */
+        updateMsg: (msg) => {
+            ele.querySelector(".message").innerHTML = msg;
+        },
+    };
+};
+
+exports.addStyleStr = addStyleStr;
+exports.createMaskLoading = createMaskLoading;

package/lib/document/script-dom-builder.d.ts

@@ -0,0 +1,80 @@
+interface ElementConfig {
+    type: 'input' | 'button' | 'select' | 'textarea' | 'checkbox' | 'label' | 'div';
+    keyword?: string;
+    saveToLocal?: boolean;
+    inputType?: string;
+    placeholder?: string;
+    value?: string;
+    text?: string;
+    options?: Array<{
+        value?: string;
+        text?: string;
+        selected?: boolean;
+    } | string>;
+    rows?: number;
+    checked?: boolean;
+    html?: string;
+    props?: Record<string, any>;
+    onClick?: (event: Event) => void;
+    onChange?: (event: Event) => void;
+    onInput?: (event: Event) => void;
+    onFocus?: (event: Event) => void;
+    onBlur?: (event: Event) => void;
+    onMouseEnter?: (event: Event) => void;
+    onMouseLeave?: (event: Event) => void;
+}
+interface ContainerConfig {
+    [key: string]: any;
+}
+interface DOMBuilderReturn {
+    container: HTMLDivElement;
+    get: (keyword: string) => HTMLElement | null;
+    getValue: (keyword: string) => string | boolean | null;
+    setValue: (keyword: string, value: string | boolean) => void;
+    show: (keyword?: string) => void;
+    hide: (keyword?: string) => void;
+    remove: () => void;
+    on: (keyword: string, event: string, handler: (event: Event) => void) => void;
+    getData: (key: string) => any;
+    setData: (key: string, value: any) => void;
+}
+/**
+ * 开发浏览器脚本DOM构建器
+ */
+declare class ScriptDomBuilder {
+    private parentNode;
+    private container;
+    private elements;
+    private data;
+    private containerId;
+    private styleElement;
+    constructor(parentNode?: HTMLElement, containerId?: string);
+    createMain(items: ElementConfig[], styles?: string, containerConfig?: ContainerConfig): DOMBuilderReturn;
+    private createStyles;
+    private createItem;
+    private isFormElement;
+    private handleLocalStorage;
+    private createInput;
+    private createButton;
+    private createSelect;
+    private createTextarea;
+    private createCheckbox;
+    private createLabel;
+    private createDiv;
+    private createElement;
+    private bindEvents;
+    private getChild;
+    private setChild;
+    private getValue;
+    private setValue;
+    private show;
+    private hide;
+    private remove;
+    private on;
+    private getStorageKey;
+    private saveToLocalStorage;
+    private getFromLocalStorage;
+    private setData;
+    private getData;
+}
+export { ScriptDomBuilder };