ziya-utils 1.1.4 → 1.1.6

package/lib/document/script-dom-builder.js

@@ -0,0 +1,368 @@
+'use strict';
+
+var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
+
+/**
+ * 开发浏览器脚本DOM构建器
+ */
+class ScriptDomBuilder {
+    constructor(parentNode = document.body, containerId = "glk-script-container") {
+        this.container = null;
+        this.elements = new Map();
+        this.data = new Map();
+        this.styleElement = null;
+        this.parentNode = parentNode;
+        this.containerId = containerId;
+    }
+    // 创建主容器和子元素
+    createMain(items, styles = "", containerConfig = {}) {
+        // 创建样式
+        if (styles) {
+            this.createStyles(styles);
+        }
+        // 创建容器
+        this.container = this.createElement("div", Object.assign({ id: this.containerId }, containerConfig));
+        // 创建子元素
+        items.forEach((item, index) => {
+            const element = this.createItem(item, index);
+            if (element) {
+                this.container.appendChild(element);
+            }
+        });
+        // 添加到父节点
+        this.parentNode.appendChild(this.container);
+        return {
+            container: this.container,
+            get: (keyword) => this.getChild(keyword),
+            getValue: (keyword) => this.getValue(keyword),
+            setValue: (keyword, value) => this.setValue(keyword, value),
+            show: (keyword) => this.show(keyword),
+            hide: (keyword) => this.hide(keyword),
+            remove: () => this.remove(),
+            on: (keyword, event, handler) => this.on(keyword, event, handler),
+            getData: (key) => this.getData(key),
+            setData: (key, value) => this.setData(key, value),
+        };
+    }
+    // 创建样式
+    createStyles(styles) {
+        this.styleElement = document.createElement("style");
+        this.styleElement.textContent = styles;
+        document.head.appendChild(this.styleElement);
+    }
+    // 创建单个元素
+    createItem(config, index) {
+        const { type, keyword } = config; tslib_es6.__rest(config, ["type", "keyword"]);
+        let element = null;
+        switch (type) {
+            case "input":
+                element = this.createInput(config);
+                break;
+            case "button":
+                element = this.createButton(config);
+                break;
+            case "select":
+                element = this.createSelect(config);
+                break;
+            case "textarea":
+                element = this.createTextarea(config);
+                break;
+            case "checkbox":
+                element = this.createCheckbox(config);
+                break;
+            case "label":
+                element = this.createLabel(config);
+                break;
+            case "div":
+                element = this.createDiv(config);
+                break;
+            default:
+                console.warn(`未支持的元素类型: ${type}`);
+                return null;
+        }
+        // 存储元素引用
+        if (keyword && element) {
+            this.setChild(keyword, element);
+            // 处理本地存储逻辑
+            if (config.saveToLocal && this.isFormElement(type)) {
+                this.handleLocalStorage(element, config, type);
+            }
+        }
+        return element;
+    }
+    // 判断是否为表单元素
+    isFormElement(type) {
+        return ["input", "textarea", "select", "checkbox"].includes(type);
+    }
+    // 处理本地存储逻辑
+    handleLocalStorage(element, config, type) {
+        const storageKey = this.getStorageKey(config.keyword);
+        const savedValue = this.getFromLocalStorage(storageKey);
+        // 设置初始值
+        if (savedValue !== null) {
+            // 有本地存储值，使用本地值
+            if (type === "checkbox") {
+                const checkbox = element.querySelector('input[type="checkbox"]');
+                if (checkbox) {
+                    checkbox.checked = savedValue === "true";
+                }
+            }
+            else {
+                const formElement = element;
+                formElement.value = savedValue;
+            }
+        }
+        else {
+            // 没有本地存储值，使用初始值或空值
+            if (type === "checkbox") {
+                const checkbox = element.querySelector('input[type="checkbox"]');
+                if (checkbox) {
+                    checkbox.checked = config.checked || false;
+                }
+            }
+            else {
+                const formElement = element;
+                formElement.value = config.value || "";
+            }
+        }
+        // 绑定实时保存事件
+        if (type === "checkbox") {
+            const checkbox = element.querySelector('input[type="checkbox"]');
+            if (checkbox) {
+                checkbox.addEventListener("change", (e) => {
+                    const target = e.target;
+                    this.saveToLocalStorage(storageKey, target.checked.toString());
+                });
+            }
+        }
+        else {
+            const eventType = type === "select" ? "change" : "input";
+            element.addEventListener(eventType, (e) => {
+                const target = e.target;
+                this.saveToLocalStorage(storageKey, target.value);
+            });
+        }
+    }
+    // 创建输入框
+    createInput(config) {
+        const input = this.createElement("input", Object.assign({ type: config.inputType || "text", name: config.keyword, placeholder: config.placeholder || "", value: config.value || "" }, config.props));
+        // 绑定事件
+        this.bindEvents(input, config);
+        return input;
+    }
+    // 创建按钮
+    createButton(config) {
+        const button = this.createElement("button", Object.assign({ textContent: config.text || config.keyword || "Button", name: config.keyword }, config.props));
+        // 绑定事件
+        this.bindEvents(button, config);
+        return button;
+    }
+    // 创建下拉框
+    createSelect(config) {
+        const select = this.createElement("select", Object.assign({ name: config.keyword }, config.props));
+        // 添加选项
+        if (config.options) {
+            config.options.forEach((option) => {
+                const optionEl = document.createElement("option");
+                if (typeof option === 'string') {
+                    optionEl.value = option;
+                    optionEl.textContent = option;
+                }
+                else {
+                    optionEl.value = option.value || option.text || '';
+                    optionEl.textContent = option.text || option.value || '';
+                    if (option.selected)
+                        optionEl.selected = true;
+                }
+                select.appendChild(optionEl);
+            });
+        }
+        // 绑定事件
+        this.bindEvents(select, config);
+        return select;
+    }
+    // 创建文本域
+    createTextarea(config) {
+        const textarea = this.createElement("textarea", Object.assign({ name: config.keyword, placeholder: config.placeholder || "", value: config.value || "", rows: config.rows || 3 }, config.props));
+        // 绑定事件
+        this.bindEvents(textarea, config);
+        return textarea;
+    }
+    // 创建复选框
+    createCheckbox(config) {
+        const wrapper = document.createElement("div");
+        const checkbox = this.createElement("input", Object.assign({ type: "checkbox", id: config.keyword, name: config.keyword, checked: config.checked || false }, config.props));
+        const label = document.createElement("label");
+        label.setAttribute("for", config.keyword || '');
+        label.textContent = config.text || config.keyword || "Checkbox";
+        // 绑定事件
+        this.bindEvents(checkbox, config);
+        wrapper.appendChild(checkbox);
+        wrapper.appendChild(label);
+        // 将checkbox存储为主要元素
+        if (config.keyword) {
+            this.setChild(config.keyword, checkbox);
+        }
+        return wrapper;
+    }
+    // 创建标签
+    createLabel(config) {
+        return this.createElement("label", Object.assign({ textContent: config.text || config.keyword || "", name: config.keyword }, config.props));
+    }
+    // 创建DIV
+    createDiv(config) {
+        const div = this.createElement("div", Object.assign({ textContent: config.text || "", innerHTML: config.html || undefined, name: config.keyword }, config.props));
+        // 绑定事件
+        this.bindEvents(div, config);
+        return div;
+    }
+    // 通用元素创建方法
+    createElement(tag, props = {}) {
+        const element = document.createElement(tag);
+        Object.keys(props).forEach((key) => {
+            if (key === "innerHTML") {
+                element.innerHTML = props[key];
+            }
+            else {
+                element[key] = props[key];
+            }
+        });
+        return element;
+    }
+    // 绑定事件
+    bindEvents(element, config) {
+        const eventTypes = ["onClick", "onChange", "onInput", "onFocus", "onBlur", "onMouseEnter", "onMouseLeave"];
+        eventTypes.forEach((eventType) => {
+            const handler = config[eventType];
+            if (handler) {
+                const eventName = eventType.slice(2).toLowerCase();
+                element.addEventListener(eventName, handler);
+            }
+        });
+    }
+    // 获取子元素
+    getChild(keyword) {
+        return this.elements.get(keyword) || null;
+    }
+    // 设置子元素
+    setChild(keyword, element) {
+        if (!this.elements.has(keyword)) {
+            this.elements.set(keyword, element);
+        }
+    }
+    // 获取元素值
+    getValue(keyword) {
+        const element = this.getChild(keyword);
+        if (!element)
+            return null;
+        if (element.type === "checkbox") {
+            return element.checked;
+        }
+        const formElement = element;
+        return formElement.value || element.textContent || null;
+    }
+    // 设置元素值
+    setValue(keyword, value) {
+        const element = this.getChild(keyword);
+        if (!element)
+            return;
+        if (element.type === "checkbox") {
+            element.checked = Boolean(value);
+        }
+        else {
+            const formElement = element;
+            if (formElement.value !== undefined) {
+                formElement.value = String(value);
+            }
+            else {
+                element.textContent = String(value);
+            }
+        }
+    }
+    // 显示容器或子元素
+    show(keyword) {
+        if (keyword) {
+            const element = this.getChild(keyword);
+            if (element) {
+                // 显示元素，如果是checkbox，显示其父容器
+                const targetElement = element.type === "checkbox" ? element.parentElement : element;
+                if (targetElement) {
+                    targetElement.style.display = "";
+                }
+            }
+        }
+        else {
+            if (this.container) {
+                this.container.style.display = "";
+            }
+        }
+    }
+    // 隐藏容器或子元素
+    hide(keyword) {
+        if (keyword) {
+            const element = this.getChild(keyword);
+            if (element) {
+                // 隐藏元素，如果是checkbox，隐藏其父容器
+                const targetElement = element.type === "checkbox" ? element.parentElement : element;
+                if (targetElement) {
+                    targetElement.style.display = "none";
+                }
+            }
+        }
+        else {
+            if (this.container) {
+                this.container.style.display = "none";
+            }
+        }
+    }
+    // 移除容器
+    remove() {
+        if (this.container) {
+            this.container.remove();
+            this.container = null;
+            this.elements.clear();
+        }
+        if (this.styleElement) {
+            this.styleElement.remove();
+            this.styleElement = null;
+        }
+    }
+    // 事件绑定
+    on(keyword, event, handler) {
+        const element = this.getChild(keyword);
+        if (element) {
+            element.addEventListener(event, handler);
+        }
+    }
+    // 获取存储key
+    getStorageKey(keyword) {
+        return `${this.containerId}_${keyword}`;
+    }
+    // 本地存储相关方法
+    saveToLocalStorage(key, value) {
+        try {
+            localStorage.setItem(key, value);
+        }
+        catch (e) {
+            console.warn("无法保存到本地存储:", e);
+        }
+    }
+    getFromLocalStorage(key) {
+        try {
+            return localStorage.getItem(key);
+        }
+        catch (e) {
+            console.warn("无法从本地存储读取:", e);
+            return null;
+        }
+    }
+    // 内存数据存储
+    setData(key, value) {
+        this.data.set(key, value);
+    }
+    getData(key) {
+        return this.data.get(key);
+    }
+}
+
+exports.ScriptDomBuilder = ScriptDomBuilder;

package/lib/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/lib/index.js

@@ -8,6 +8,10 @@ var index$4 = require('./regexp/index.js');
 var index$5 = require('./form/index.js');
 var index$6 = require('./count/index.js');
 var index$7 = require('./xhr/index.js');
+var index$8 = require('./constant/index.js');
+var index$9 = require('./document/index.js');
+var index$a = require('./async/index.js');
+var scriptDomBuilder = require('./document/script-dom-builder.js');
 
 
 
@@ -27,3 +31,8 @@ exports.createFormData = index$5.createFormData;
 exports.precisionFormat = index$6.precisionFormat;
 exports.XHRInterceptor = index$7.XHRInterceptor;
 exports.xhrInterceptor = index$7.xhrInterceptor;
+exports.Lib_Name = index$8.Lib_Name;
+exports.addStyleStr = index$9.addStyleStr;
+exports.createMaskLoading = index$9.createMaskLoading;
+exports.createAsyncTask = index$a.createAsyncTask;
+exports.ScriptDomBuilder = scriptDomBuilder.ScriptDomBuilder;

package/lib/node_modules/tslib/tslib.es6.js

@@ -17,6 +17,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) {
@@ -33,3 +45,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 };
 
 exports.__awaiter = __awaiter;
+exports.__rest = __rest;

package/lib/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/lib/xhr/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-var tslib_es6 = require('../node_modules/tslib/tslib.es6.js');
-
 /**
  * @fileoverview XMLHttpRequest模块
  * @created 2025-04-02
@@ -46,41 +44,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 tslib_es6.__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;
         };
@@ -112,8 +120,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ziya-utils",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "A javascript tool library.",
   "main": "./lib/index.js",
   "browser": "dist/ziya-utils.js",

package/es/loger/index.d.ts

@@ -1,7 +0,0 @@
-declare const loger: {
-    info: (...args: any[]) => void;
-    error: (...args: any[]) => void;
-    warn: (...args: any[]) => void;
-    debug: (...args: any[]) => void;
-};
-export { loger };

package/lib/loger/index.d.ts

@@ -1,7 +0,0 @@
-declare const loger: {
-    info: (...args: any[]) => void;
-    error: (...args: any[]) => void;
-    warn: (...args: any[]) => void;
-    debug: (...args: any[]) => void;
-};
-export { loger };