ziya-utils 1.1.5 → 1.1.6

package/dist/ziya-utils.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).ZiyaUtils={})}(this,function(t){"use strict";function e(t,e,n,o){return new(n||(n=Promise))(function(i,s){function r(t){try{c(o.next(t))}catch(t){s(t)}}function a(t){try{c(o.throw(t))}catch(t){s(t)}}function c(t){var e;t.done?i(t.value):(e=t.value,e instanceof n?e:new n(function(t){t(e)})).then(r,a)}c((o=o.apply(t,e||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const n={PHONE:/^1[3-9]\d{9}$/,EMAIL:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,ID_CARD:/(^\d{15}$)|(^\d{17}(\d|X|x)$)/,URL:/^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/,IPV4:/^(\d{1,3}\.){3}\d{1,3}$/,STRONG_PASSWORD:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,CHINESE:/^[\u4e00-\u9fa5]+$/};class o{}class i extends o{static isPhone(t){return n.PHONE.test(t)}static isEmail(t){return n.EMAIL.test(t)}static isIdCard(t){return n.ID_CARD.test(t)}static isUrl(t){return n.URL.test(t)}static isIpv4(t){return n.IPV4.test(t)}static isStrongPassword(t){return n.STRONG_PASSWORD.test(t)}static isChinese(t){return n.CHINESE.test(t)}}var s={patterns:n,validator:i};const r=t=>{if(!t)return"";const e=Math.max(t.lastIndexOf("/"),t.lastIndexOf("\\"));return-1===e?t:t.slice(e+1)};function a(t){if("string"==typeof t){if(!/^\d+$/.test(t))return!1;t=Number(t)}if("number"!=typeof t||isNaN(t))return!1;const e=41024448e5;return 13===t.toString().length?t>=0&&t<=e:10===t.toString().length&&(t>=0&&t<=4102444800)}const c=t=>a(t)&&10===t.toString().length;class l{constructor(t={}){var e;this.interceptRules=[],this.isActive=!1,this.originalXMLHttpRequest=window.XMLHttpRequest,this.enableLogging=null===(e=t.enableLogging)||void 0===e||e}start(){if(this.isActive)return void this.log("拦截器已经启动");const t=this;window.XMLHttpRequest=function(){const e=new t.originalXMLHttpRequest;let n="";const o=e.open;e.open=function(t,e,i=!0,s,r){return n="string"==typeof e?e:e.toString(),o.call(this,t,e,i,s,r)};const i=e.send;return e.send=function(o){const s=t.findMatchingRule(n);if(!s)return i.call(this,o);let r=o;if(s.requestCallback&&o)try{r=s.requestCallback(o)}catch(t){console.error("XHR请求拦截器处理失败:",t),r=o}const a=e.onreadystatechange;return e.onreadystatechange=function(o){if(4===e.readyState&&e.status>=200&&e.status<300)try{const o=JSON.parse(e.responseText),i=s.responseCallback(o);Object.defineProperty(e,"responseText",{writable:!0,configurable:!0,value:JSON.stringify(i)}),Object.defineProperty(e,"response",{writable:!0,configurable:!0,value:JSON.stringify(i)}),t.log(`已拦截并修改响应: ${n}`)}catch(e){t.log("拦截器处理失败:",e)}a&&a.call(this,o)},i.call(this,r)},e},Object.setPrototypeOf(window.XMLHttpRequest,this.originalXMLHttpRequest),window.XMLHttpRequest.prototype=this.originalXMLHttpRequest.prototype,this.isActive=!0,this.log("XHR拦截器已启动")}stop(){this.isActive?(window.XMLHttpRequest=this.originalXMLHttpRequest,this.isActive=!1,this.log("XHR拦截器已停止，已恢复原始XMLHttpRequest")):this.log("拦截器未启动")}setRules(t){this.interceptRules=[...t],this.log("已设置拦截规则:",t.map(t=>t.url))}addRule(t,e,n){this.interceptRules.push({url:t,responseCallback:e,requestCallback:n}),this.log(`已添加拦截规则: ${t}`)}removeRule(t){const e=this.interceptRules.length;this.interceptRules=this.interceptRules.filter(e=>e.url!==t);const n=this.interceptRules.length<e;return n?this.log(`已移除拦截规则: ${t}`):this.log(`未找到拦截规则: ${t}`),n}clearRules(){this.interceptRules=[],this.log("已清除所有拦截规则")}getRules(){return[...this.interceptRules]}getStatus(){return{isActive:this.isActive,rulesCount:this.interceptRules.length}}findMatchingRule(t){return this.interceptRules.find(e=>t.includes(e.url))}log(t,...e){this.enableLogging&&console.log(`[XHRInterceptor] ${t}`,...e)}}const u=new l({enableLogging:!0}),d="ziya-utils";t.Lib_Name=d,t.RegexPatterns=n,t.RegexValidator=i,t.XHRInterceptor=l,t.addStyleStr=(t="")=>{let e=document.createElement("style");return e.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(e),e},t.copyToClipboard=function(t){return e(this,void 0,void 0,function*(){try{var e=JSON.stringify(t);if(navigator.clipboard&&(window.isSecureContext||"https:"===location.protocol||"localhost"===location.hostname))return yield navigator.clipboard.writeText(e),!0;var n=document.createElement("textarea");n.value=e,n.style.position="fixed",n.style.left="-9999px",n.style.top="-9999px",document.body.appendChild(n),n.select();var o=document.execCommand("copy");return document.body.removeChild(n),o}catch(t){return console.error("复制失败:",t),!1}})},t.createFormData=function(t){const e=new FormData;if("string"==typeof t){const n=new URLSearchParams(t);for(const[t,o]of n)e.append(t,o)}else"object"==typeof t&&null!==t&&Object.keys(t).forEach(n=>{const o=t[n];null!=o?Array.isArray(o)?o.forEach(t=>e.append(n,String(t))):o instanceof File||o instanceof Blob?e.append(n,o):"object"==typeof o?e.append(n,JSON.stringify(o)):e.append(n,String(o)):e.append(n,"")});return e},t.createMaskLoading=(t="加载中...",e="")=>{const n=`${d}-mask-loading-container`,o=document.getElementById(n);o&&document.body.removeChild(o);const i=document.createElement("div");i.id=n,i.innerHTML=`\n    <div class="mask"></div>\n    <div class="message">${t}</div>\n  `;const s=document.createElement("style");return s.innerHTML=`\n    #${n} {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 9999;\n      transition: opacity 0.3s;\n    }\n    #${n} .mask {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.45);\n    }\n    #${n} .message {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: #fff;\n    }\n\n    ${e}\n  `,document.head.appendChild(s),document.body.append(i),{close:()=>{document.body.removeChild(i)},updateMsg:t=>{i.querySelector(".message").innerHTML=t}}},t.downloadSingleFile=(t,n)=>e(void 0,void 0,void 0,function*(){if(!t||!s.validator.isUrl(t))throw new Error("无效的URL");try{const e=yield fetch(t);if(!e.ok)throw new Error(`下载失败: ${e.status} ${e.statusText}`);let o=n;if(!o){o=r(t);const e=o.indexOf("?");-1!==e&&(o=o.substring(0,e)),o||(o="downloaded_file")}const i=yield e.blob(),s=URL.createObjectURL(i),a=document.createElement("a");a.href=s,a.download=o,document.body.appendChild(a),a.click(),setTimeout(()=>{URL.revokeObjectURL(s),a.remove()},100)}catch(t){throw console.error("文件下载失败:",t),t}}),t.extractFileNameFromPath=r,t.formatDateTypeSafe=function(t,e){return function(t,e){const n=e||new Date,o=(t,e=2)=>t.toString().padStart(e,"0"),i={year:n.getFullYear(),month:n.getMonth()+1,day:n.getDate(),hours:n.getHours(),minutes:n.getMinutes(),seconds:n.getSeconds(),milliseconds:n.getMilliseconds()},s={YYYY:i.year.toString(),YY:i.year.toString().slice(-2),MM:o(i.month),M:i.month.toString(),DD:o(i.day),D:i.day.toString(),HH:o(i.hours),H:i.hours.toString(),mm:o(i.minutes),m:i.minutes.toString(),ss:o(i.seconds),s:i.seconds.toString(),SSS:o(i.milliseconds,3)};return Object.keys(s).sort((t,e)=>e.length-t.length).reduce((t,e)=>t.replace(new RegExp(e,"g"),s[e]),t)}(t,e)},t.getElapsedTimeSince=t=>{const e=Date.now();a(t)||(t=e);const n=Math.max(0,e-(c(t)?1e3*t:t));return{hours:Math.floor(n/36e5),minutes:Math.floor(n%36e5/6e4),seconds:Math.floor(n%6e4/1e3)}},t.getUuid=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(t){var e=16*Math.random()|0;return("x"==t?e:3&e|8).toString(16)})},t.isMillisecondTimestamp=t=>a(t)&&13===t.toString().length,t.isSecondTimestamp=c,t.isValidTimestamp=a,t.precisionFormat=function(t,e,n=!0,o=!0){var i=t<0&&o?-1:1;const s=Math.pow(10,e);return n?Math.round(t*s*i)/s*i:Math.floor(t*s*i)/s*i},t.sleep=t=>new Promise(e=>{setTimeout(()=>{e(!0)},1e3*t)}),t.xhrInterceptor=u});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ZiyaUtils={})}(this,function(e){"use strict";function t(e,t,n,o){return new(n||(n=Promise))(function(s,r){function i(e){try{c(o.next(e))}catch(e){r(e)}}function a(e){try{c(o.throw(e))}catch(e){r(e)}}function c(e){var t;e.done?s(e.value):(t=e.value,t instanceof n?t:new n(function(e){e(t)})).then(i,a)}c((o=o.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;const n={PHONE:/^1[3-9]\d{9}$/,EMAIL:/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,ID_CARD:/(^\d{15}$)|(^\d{17}(\d|X|x)$)/,URL:/^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([/\w .-]*)*\/?$/,IPV4:/^(\d{1,3}\.){3}\d{1,3}$/,STRONG_PASSWORD:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/,CHINESE:/^[\u4e00-\u9fa5]+$/};class o{}class s extends o{static isPhone(e){return n.PHONE.test(e)}static isEmail(e){return n.EMAIL.test(e)}static isIdCard(e){return n.ID_CARD.test(e)}static isUrl(e){return n.URL.test(e)}static isIpv4(e){return n.IPV4.test(e)}static isStrongPassword(e){return n.STRONG_PASSWORD.test(e)}static isChinese(e){return n.CHINESE.test(e)}}var r={patterns:n,validator:s};const i=e=>{if(!e)return"";const t=Math.max(e.lastIndexOf("/"),e.lastIndexOf("\\"));return-1===t?e:e.slice(t+1)};function a(e){if("string"==typeof e){if(!/^\d+$/.test(e))return!1;e=Number(e)}if("number"!=typeof e||isNaN(e))return!1;const t=41024448e5;return 13===e.toString().length?e>=0&&e<=t:10===e.toString().length&&(e>=0&&e<=4102444800)}const c=e=>a(e)&&10===e.toString().length;class l{constructor(e={}){var t;this.interceptRules=[],this.isActive=!1,this.originalXMLHttpRequest=window.XMLHttpRequest,this.enableLogging=null===(t=e.enableLogging)||void 0===t||t}start(){if(this.isActive)return void this.log("拦截器已经启动");const e=this;window.XMLHttpRequest=function(){const t=new e.originalXMLHttpRequest;let n="";const o=t.open;t.open=function(e,t,s=!0,r,i){return n="string"==typeof t?t:t.toString(),o.call(this,e,t,s,r,i)};const s=t.send;return t.send=function(o){const r=e.findMatchingRule(n);if(!r)return s.call(this,o);let i=o;if(r.requestCallback&&o)try{i=r.requestCallback(o)}catch(e){console.error("XHR请求拦截器处理失败:",e),i=o}const a=t.onreadystatechange;return t.onreadystatechange=function(o){if(4===t.readyState&&t.status>=200&&t.status<300)try{const o=JSON.parse(t.responseText),s=r.responseCallback(o);Object.defineProperty(t,"responseText",{writable:!0,configurable:!0,value:JSON.stringify(s)}),Object.defineProperty(t,"response",{writable:!0,configurable:!0,value:JSON.stringify(s)}),e.log(`已拦截并修改响应: ${n}`)}catch(t){e.log("拦截器处理失败:",t)}a&&a.call(this,o)},s.call(this,i)},t},Object.setPrototypeOf(window.XMLHttpRequest,this.originalXMLHttpRequest),window.XMLHttpRequest.prototype=this.originalXMLHttpRequest.prototype,this.isActive=!0,this.log("XHR拦截器已启动")}stop(){this.isActive?(window.XMLHttpRequest=this.originalXMLHttpRequest,this.isActive=!1,this.log("XHR拦截器已停止，已恢复原始XMLHttpRequest")):this.log("拦截器未启动")}setRules(e){this.interceptRules=[...e],this.log("已设置拦截规则:",e.map(e=>e.url))}addRule(e,t,n){this.interceptRules.push({url:e,responseCallback:t,requestCallback:n}),this.log(`已添加拦截规则: ${e}`)}removeRule(e){const t=this.interceptRules.length;this.interceptRules=this.interceptRules.filter(t=>t.url!==e);const n=this.interceptRules.length<t;return n?this.log(`已移除拦截规则: ${e}`):this.log(`未找到拦截规则: ${e}`),n}clearRules(){this.interceptRules=[],this.log("已清除所有拦截规则")}getRules(){return[...this.interceptRules]}getStatus(){return{isActive:this.isActive,rulesCount:this.interceptRules.length}}findMatchingRule(e){return this.interceptRules.find(t=>e.includes(t.url))}log(e,...t){this.enableLogging&&console.log(`[XHRInterceptor] ${e}`,...t)}}const u=new l({enableLogging:!0}),d="ziya-utils";e.Lib_Name=d,e.RegexPatterns=n,e.RegexValidator=s,e.ScriptDomBuilder=class{constructor(e=document.body,t="glk-script-container"){this.container=null,this.elements=new Map,this.data=new Map,this.styleElement=null,this.parentNode=e,this.containerId=t}createMain(e,t="",n={}){return t&&this.createStyles(t),this.container=this.createElement("div",Object.assign({id:this.containerId},n)),e.forEach((e,t)=>{const n=this.createItem(e,t);n&&this.container.appendChild(n)}),this.parentNode.appendChild(this.container),{container:this.container,get:e=>this.getChild(e),getValue:e=>this.getValue(e),setValue:(e,t)=>this.setValue(e,t),show:e=>this.show(e),hide:e=>this.hide(e),remove:()=>this.remove(),on:(e,t,n)=>this.on(e,t,n),getData:e=>this.getData(e),setData:(e,t)=>this.setData(e,t)}}createStyles(e){this.styleElement=document.createElement("style"),this.styleElement.textContent=e,document.head.appendChild(this.styleElement)}createItem(e,t){const{type:n,keyword:o}=e;!function(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var s=0;for(o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(n[o[s]]=e[o[s]])}}(e,["type","keyword"]);let s=null;switch(n){case"input":s=this.createInput(e);break;case"button":s=this.createButton(e);break;case"select":s=this.createSelect(e);break;case"textarea":s=this.createTextarea(e);break;case"checkbox":s=this.createCheckbox(e);break;case"label":s=this.createLabel(e);break;case"div":s=this.createDiv(e);break;default:return console.warn(`未支持的元素类型: ${n}`),null}return o&&s&&(this.setChild(o,s),e.saveToLocal&&this.isFormElement(n)&&this.handleLocalStorage(s,e,n)),s}isFormElement(e){return["input","textarea","select","checkbox"].includes(e)}handleLocalStorage(e,t,n){const o=this.getStorageKey(t.keyword),s=this.getFromLocalStorage(o);if(null!==s)if("checkbox"===n){const t=e.querySelector('input[type="checkbox"]');t&&(t.checked="true"===s)}else{e.value=s}else if("checkbox"===n){const n=e.querySelector('input[type="checkbox"]');n&&(n.checked=t.checked||!1)}else{e.value=t.value||""}if("checkbox"===n){const t=e.querySelector('input[type="checkbox"]');t&&t.addEventListener("change",e=>{const t=e.target;this.saveToLocalStorage(o,t.checked.toString())})}else{const t="select"===n?"change":"input";e.addEventListener(t,e=>{const t=e.target;this.saveToLocalStorage(o,t.value)})}}createInput(e){const t=this.createElement("input",Object.assign({type:e.inputType||"text",name:e.keyword,placeholder:e.placeholder||"",value:e.value||""},e.props));return this.bindEvents(t,e),t}createButton(e){const t=this.createElement("button",Object.assign({textContent:e.text||e.keyword||"Button",name:e.keyword},e.props));return this.bindEvents(t,e),t}createSelect(e){const t=this.createElement("select",Object.assign({name:e.keyword},e.props));return e.options&&e.options.forEach(e=>{const n=document.createElement("option");"string"==typeof e?(n.value=e,n.textContent=e):(n.value=e.value||e.text||"",n.textContent=e.text||e.value||"",e.selected&&(n.selected=!0)),t.appendChild(n)}),this.bindEvents(t,e),t}createTextarea(e){const t=this.createElement("textarea",Object.assign({name:e.keyword,placeholder:e.placeholder||"",value:e.value||"",rows:e.rows||3},e.props));return this.bindEvents(t,e),t}createCheckbox(e){const t=document.createElement("div"),n=this.createElement("input",Object.assign({type:"checkbox",id:e.keyword,name:e.keyword,checked:e.checked||!1},e.props)),o=document.createElement("label");return o.setAttribute("for",e.keyword||""),o.textContent=e.text||e.keyword||"Checkbox",this.bindEvents(n,e),t.appendChild(n),t.appendChild(o),e.keyword&&this.setChild(e.keyword,n),t}createLabel(e){return this.createElement("label",Object.assign({textContent:e.text||e.keyword||"",name:e.keyword},e.props))}createDiv(e){const t=this.createElement("div",Object.assign({textContent:e.text||"",innerHTML:e.html||void 0,name:e.keyword},e.props));return this.bindEvents(t,e),t}createElement(e,t={}){const n=document.createElement(e);return Object.keys(t).forEach(e=>{"innerHTML"===e?n.innerHTML=t[e]:n[e]=t[e]}),n}bindEvents(e,t){["onClick","onChange","onInput","onFocus","onBlur","onMouseEnter","onMouseLeave"].forEach(n=>{const o=t[n];if(o){const t=n.slice(2).toLowerCase();e.addEventListener(t,o)}})}getChild(e){return this.elements.get(e)||null}setChild(e,t){this.elements.has(e)||this.elements.set(e,t)}getValue(e){const t=this.getChild(e);if(!t)return null;if("checkbox"===t.type)return t.checked;return t.value||t.textContent||null}setValue(e,t){const n=this.getChild(e);if(n)if("checkbox"===n.type)n.checked=Boolean(t);else{const e=n;void 0!==e.value?e.value=String(t):n.textContent=String(t)}}show(e){if(e){const t=this.getChild(e);if(t){const e="checkbox"===t.type?t.parentElement:t;e&&(e.style.display="")}}else this.container&&(this.container.style.display="")}hide(e){if(e){const t=this.getChild(e);if(t){const e="checkbox"===t.type?t.parentElement:t;e&&(e.style.display="none")}}else this.container&&(this.container.style.display="none")}remove(){this.container&&(this.container.remove(),this.container=null,this.elements.clear()),this.styleElement&&(this.styleElement.remove(),this.styleElement=null)}on(e,t,n){const o=this.getChild(e);o&&o.addEventListener(t,n)}getStorageKey(e){return`${this.containerId}_${e}`}saveToLocalStorage(e,t){try{localStorage.setItem(e,t)}catch(e){console.warn("无法保存到本地存储:",e)}}getFromLocalStorage(e){try{return localStorage.getItem(e)}catch(e){return console.warn("无法从本地存储读取:",e),null}}setData(e,t){this.data.set(e,t)}getData(e){return this.data.get(e)}},e.XHRInterceptor=l,e.addStyleStr=(e="")=>{let t=document.createElement("style");return t.innerHTML=e,document.getElementsByTagName("head")[0].appendChild(t),t},e.copyToClipboard=function(e){return t(this,void 0,void 0,function*(){try{var t=JSON.stringify(e);if(navigator.clipboard&&(window.isSecureContext||"https:"===location.protocol||"localhost"===location.hostname))return yield navigator.clipboard.writeText(t),!0;var n=document.createElement("textarea");n.value=t,n.style.position="fixed",n.style.left="-9999px",n.style.top="-9999px",document.body.appendChild(n),n.select();var o=document.execCommand("copy");return document.body.removeChild(n),o}catch(e){return console.error("复制失败:",e),!1}})},e.createAsyncTask=function(e=()=>null,n=()=>{},o={}){const{duration:s=1,timeout:r,immediate:i=!1}=o;return new Promise((o,a)=>{let c=null,l=null;const u=()=>{c&&(clearInterval(c),c=null),l&&(clearTimeout(l),l=null)},d=()=>t(this,void 0,void 0,function*(){try{const t=yield e();if(t){u();const e=yield n(t);o(e)}}catch(e){u(),a(e)}});r&&r>0&&(l=setTimeout(()=>{u(),a(new Error(`${r} 秒后任务将会超时。`))},1e3*r)),i&&d(),c=setInterval(d,1e3*s)})},e.createFormData=function(e){const t=new FormData;if("string"==typeof e){const n=new URLSearchParams(e);for(const[e,o]of n)t.append(e,o)}else"object"==typeof e&&null!==e&&Object.keys(e).forEach(n=>{const o=e[n];null!=o?Array.isArray(o)?o.forEach(e=>t.append(n,String(e))):o instanceof File||o instanceof Blob?t.append(n,o):"object"==typeof o?t.append(n,JSON.stringify(o)):t.append(n,String(o)):t.append(n,"")});return t},e.createMaskLoading=(e="加载中...",t="")=>{const n=`${d}-mask-loading-container`,o=document.getElementById(n);o&&document.body.removeChild(o);const s=document.createElement("div");s.id=n,s.innerHTML=`\n    <div class="mask"></div>\n    <div class="message">${e}</div>\n  `;const r=document.createElement("style");return r.innerHTML=`\n    #${n} {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: 9999;\n      transition: opacity 0.3s;\n    }\n    #${n} .mask {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-color: rgba(0, 0, 0, 0.45);\n    }\n    #${n} .message {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: #fff;\n    }\n\n    ${t}\n  `,document.head.appendChild(r),document.body.append(s),{close:()=>{document.body.removeChild(s)},updateMsg:e=>{s.querySelector(".message").innerHTML=e}}},e.downloadSingleFile=(e,n)=>t(void 0,void 0,void 0,function*(){if(!e||!r.validator.isUrl(e))throw new Error("无效的URL");try{const t=yield fetch(e);if(!t.ok)throw new Error(`下载失败: ${t.status} ${t.statusText}`);let o=n;if(!o){o=i(e);const t=o.indexOf("?");-1!==t&&(o=o.substring(0,t)),o||(o="downloaded_file")}const s=yield t.blob(),r=URL.createObjectURL(s),a=document.createElement("a");a.href=r,a.download=o,document.body.appendChild(a),a.click(),setTimeout(()=>{URL.revokeObjectURL(r),a.remove()},100)}catch(e){throw console.error("文件下载失败:",e),e}}),e.extractFileNameFromPath=i,e.formatDateTypeSafe=function(e,t){return function(e,t){const n=t||new Date,o=(e,t=2)=>e.toString().padStart(t,"0"),s={year:n.getFullYear(),month:n.getMonth()+1,day:n.getDate(),hours:n.getHours(),minutes:n.getMinutes(),seconds:n.getSeconds(),milliseconds:n.getMilliseconds()},r={YYYY:s.year.toString(),YY:s.year.toString().slice(-2),MM:o(s.month),M:s.month.toString(),DD:o(s.day),D:s.day.toString(),HH:o(s.hours),H:s.hours.toString(),mm:o(s.minutes),m:s.minutes.toString(),ss:o(s.seconds),s:s.seconds.toString(),SSS:o(s.milliseconds,3)};return Object.keys(r).sort((e,t)=>t.length-e.length).reduce((e,t)=>e.replace(new RegExp(t,"g"),r[t]),e)}(e,t)},e.getElapsedTimeSince=e=>{const t=Date.now();a(e)||(e=t);const n=Math.max(0,t-(c(e)?1e3*e:e));return{hours:Math.floor(n/36e5),minutes:Math.floor(n%36e5/6e4),seconds:Math.floor(n%6e4/1e3)}},e.getUuid=function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})},e.isMillisecondTimestamp=e=>a(e)&&13===e.toString().length,e.isSecondTimestamp=c,e.isValidTimestamp=a,e.precisionFormat=function(e,t,n=!0,o=!0){var s=e<0&&o?-1:1;const r=Math.pow(10,t);return n?Math.round(e*r*s)/r*s:Math.floor(e*r*s)/r*s},e.sleep=e=>new Promise(t=>{setTimeout(()=>{t(!0)},1e3*e)}),e.xhrInterceptor=u});

package/es/async/index.js

@@ -0,0 +1,57 @@
+import { __awaiter } from '../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 = () => __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);
+    });
+}
+
+export { createAsyncTask };

package/es/document/index.d.ts

@@ -3,6 +3,11 @@
  * @created 2025-04-02
  * @author glk
  */
+/**
+ * 向head追加一个样式表
+ * @param styStr
+ * @returns
+ */
 declare const addStyleStr: (styStr?: string) => HTMLStyleElement;
 /**
  * 创建一个全局唯一的遮罩 Loading
@@ -22,3 +27,4 @@ declare const createMaskLoading: (msg?: string, style?: string) => {
     updateMsg: (msg: string) => void;
 };
 export { addStyleStr, createMaskLoading };
+export * from "./script-dom-builder";

package/es/document/index.js

@@ -1,10 +1,16 @@
 import { Lib_Name } from '../constant/index.js';
+import '../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;

package/es/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 };

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

@@ -0,0 +1,366 @@
+import { __rest } from '../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; __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);
+    }
+}
+
+export { ScriptDomBuilder };

package/es/index.d.ts

@@ -8,3 +8,4 @@ export * from "./count";
 export * from "./xhr";
 export * from "./constant";
 export * from "./document";
+export * from "./async";

package/es/index.js

@@ -8,3 +8,5 @@ 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/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/document/index.d.ts

@@ -3,6 +3,11 @@
  * @created 2025-04-02
  * @author glk
  */
+/**
+ * 向head追加一个样式表
+ * @param styStr
+ * @returns
+ */
 declare const addStyleStr: (styStr?: string) => HTMLStyleElement;
 /**
  * 创建一个全局唯一的遮罩 Loading
@@ -22,3 +27,4 @@ declare const createMaskLoading: (msg?: string, style?: string) => {
     updateMsg: (msg: string) => void;
 };
 export { addStyleStr, createMaskLoading };
+export * from "./script-dom-builder";

package/lib/document/index.js

@@ -1,12 +1,18 @@
 '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;

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 };

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

@@ -8,3 +8,4 @@ export * from "./count";
 export * from "./xhr";
 export * from "./constant";
 export * from "./document";
+export * from "./async";

package/lib/index.js

@@ -10,6 +10,8 @@ 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');
 
 
 
@@ -32,3 +34,5 @@ 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/package.json

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