@codady/utils 0.0.17 → 0.0.19

package/dist/utils.umd.js

@@ -1,8 +1,8 @@
 
 /*!
- * @since Last modified: 2025-12-26 16:3:51
+ * @since Last modified: 2026-1-5 10:34:3
  * @name Utils for web front-end.
- * @version 0.0.17
+ * @version 0.0.19
  * @author AXUI development team <3217728223@qq.com>
  * @description This is a set of general-purpose JavaScript utility functions developed by the AXUI team. All functions are pure and do not involve CSS or other third-party libraries. They are suitable for any web front-end environment.
  * @see {@link https://www.axui.cn|Official website}
@@ -518,6 +518,8 @@
             // Whether to allow merging key=symbol key-value pairs when target is {} type.
             // target是{}类型时，是否允许合并key=symbol的键值对。
             useSymbol: true,
+            nullBehavior: 'preserve',
+            undefinedBehavior: 'preserve',
             // Options passed to the deepClone function when targetClone is true
             // 当targetClone为true时传递给deepClone函数的选项
             deepClone: {},
@@ -606,18 +608,38 @@
             // 如果是复制方法，则先复制target
             result = options.targetClone ? shallowCopy(target) : target;
             for (let k in source) {
+                const _result = result[k], _source = source[k];
                 if (source.hasOwnProperty(k) && result.hasOwnProperty(k)) {
-                    let resp = smartMerger(result[k], source[k], { ...opts, parent: result });
+                    const resp = smartMerger(_result, _source, { ...opts, parent: result });
                     //resp={result,flag,type}
-                    //flag=true表示类型一致并完成了合并，false表示并没有合并需要直接赋值
+                    //flag=true表示类型一致（object/array/map/set）并完成了合并，false表示并没有合并需要直接赋值
                     if (!resp.flag) {
                         //类型不同则直接覆盖
-                        if (options.useEnable) {
-                            result[k] = mergeEnableObject(result[k], source[k]);
+                        let tmp = options.useEnable ? mergeEnableObject(_result, _source) : _source;
+                        if (_result !== tmp && tmp === null) {
+                            if (options.nullBehavior === 'ignore') ;
+                            else if (options.nullBehavior === 'delete') {
+                                //删除属性
+                                Reflect.deleteProperty(result, k);
+                            }
+                            else {
+                                //替换
+                                result[k] = tmp;
+                            }
+                        }
+                        else if (_result !== tmp && tmp === undefined) {
+                            if (options.undefinedBehavior === 'ignore') ;
+                            else if (options.undefinedBehavior === 'delete') {
+                                //删除属性
+                                Reflect.deleteProperty(result, k);
+                            }
+                            else {
+                                //替换
+                                result[k] = _source;
+                            }
                         }
                         else {
-                            //完全替换
-                            result[k] = source[k];
+                            result[k] = _source;
                         }
                     }
                     else {
@@ -630,13 +652,13 @@
                         }
                         else {
                             //其他类型则直接覆盖
-                            result[k] = source[k];
+                            result[k] = _source;
                         }
                     }
                 }
                 else if (source.hasOwnProperty(k) && !result.hasOwnProperty(k) && options.inheritMissing) {
                     //如果source有属性，result没有该属性，但是options允许追加属性则直接赋值
-                    result[k] = source[k];
+                    result[k] = _source;
                 }
             }
             //Symbol键直接追加，因为Symbol是唯一，结果同Object.assign
@@ -743,6 +765,146 @@
         return smartMerger(target, source, options).result;
     };
 
+    const getEl = (obj, wrap = document.body) => {
+        let objType = getDataType(obj), parType = getDataType(wrap), parent = parType.includes('HTML') ? wrap : document.querySelector(wrap), 
+        //如果parent是template节点，需要通过node.content.querySelector取得子节点
+        root = parent && parent instanceof HTMLTemplateElement ? parent.content : parent, result = null;
+        if (obj) {
+            if (objType.includes('HTML')) {
+                result = obj;
+            }
+            else if (objType === 'String') {
+                try {
+                    result = (root || document).querySelector(obj.trim());
+                    //可能会报错，报错则返回null
+                }
+                catch {
+                    result = null;
+                }
+            }
+        }
+        return result;
+    };
+
+    const isEmpty = (data) => {
+        let type = getDataType(data), flag;
+        if (!data) {
+            //0,'',false,undefined,null
+            flag = true;
+        }
+        else {
+            //function(){}|()=>{}
+            //[null]|[undefined]|['']|[""]
+            //[]|{}
+            //Symbol()|Symbol.for()
+            //Set,Map
+            //Date/Regex
+            flag = (type === 'Object') ? (Object.keys(data).length === 0) :
+                (type === 'Array') ? data.join('') === '' :
+                    (type === 'Function') ? (data.toString().replace(/\s+/g, '').match(/{.*}/g)[0] === '{}') :
+                        (type === 'Symbol') ? (data.toString().replace(/\s+/g, '').match(/\(.*\)/g)[0] === '()') :
+                            (type === 'Set' || type === 'Map') ? data.size === 0 :
+                                type === 'Date' ? isNaN(data.getTime()) :
+                                    type === 'RegExp' ? data.source === '' :
+                                        type === 'ArrayBuffer' ? data.byteLength === 0 :
+                                            (type === 'NodeList' || type === 'HTMLCollection') ? data.length === 0 :
+                                                ('length' in data && typeof data.length === 'number') ? data.length === 0 :
+                                                    ('size' in data && typeof data.size === 'number') ? data.size === 0 :
+                                                        (type === 'Error' || data instanceof Error) ? data.message === '' :
+                                                            (type.includes('Array') && (['Uint8Array', 'Int8Array', 'Uint16Array', 'Int16Array', 'Uint32Array', 'Int32Array', 'Float32Array', 'Float64Array'].includes(type))) ? data.length === 0 :
+                                                                false;
+        }
+        return flag;
+    };
+
+    const getEls = (data, parent = document.body) => {
+        let type = getDataType(data), parentEl = getEl(parent), root = parentEl && parentEl instanceof HTMLTemplateElement ? parentEl.content : (parentEl || document), result = [];
+        //data为空直接返回空数组
+        if (isEmpty(data)) {
+            return result;
+        }
+        if (type.includes('HTML')) {
+            //一个节点
+            result.push(data);
+        }
+        else if (type === 'String') {
+            data = data.trim();
+            //以英文逗号作为节点选择器分隔符
+            result = data.split(',').map((k) => {
+                return [...root.querySelectorAll(k)];
+            }).flat();
+        }
+        else if (type === 'Array') {
+            result = data.map((k) => {
+                return getEl(k, parentEl);
+            });
+        }
+        return result.filter(Boolean);
+    };
+
+    const createEl = (name, attrs, content) => {
+        //默认为div
+        name = name || 'div';
+        //统一大小写
+        let rootName = name.toUpperCase().trim(), rootEl = document.createElement(rootName), attrsType = getDataType(attrs), loop = (host, data) => {
+            if (data === '' || data === null || data === undefined) {
+                //为空、未定义则不再执行
+                return false;
+            }
+            let dataType = getDataType(data);
+            //template是DocumentFragment类型不能用insertAdjacentHTML
+            if (rootName === 'TEMPLATE') {
+                host.innerHTML = data.toString();
+            }
+            else {
+                if (dataType === 'Array' && data.length > 0) {
+                    //节点数组
+                    //data.forEach((i: T_obj) => loop(el, i));
+                    for (let k of data) {
+                        let childType = getDataType(k);
+                        if (childType.includes('HTML')) {
+                            //是个节点
+                            host.appendChild(k);
+                        }
+                        else {
+                            //是个对象{name:'',attrs:{},content:''}
+                            let child = createEl(k.name, k.attrs, k.content);
+                            child && host.appendChild(child);
+                        }
+                    }
+                }
+                else if (dataType.includes('HTML')) {
+                    //HTML节点
+                    host.appendChild(data);
+                }
+                else if (dataType === 'String' && data.trim().startsWith('#') && data.trim().length > 1) {
+                    //是字符串且是#id选择器，则取其文本
+                    let el = getEl(data);
+                    if (!el)
+                        return;
+                    //如果是template模板节点则需要特殊处理
+                    el.nodeName === 'TEMPLATE' ? host.appendChild(el.content.cloneNode(true)) : host.insertAdjacentHTML('beforeEnd', el.innerHTML);
+                }
+                else {
+                    //字符串数字等
+                    host.insertAdjacentHTML('beforeEnd', data);
+                }
+            }
+        };
+        //添加属性
+        if (attrs && attrsType === 'Object') {
+            for (let k in attrs) {
+                //注意，attrs[k]可能是一个{}或[]，不一定是字符串
+                // JSON.stringify可以将所有格式的数据都转成文本，会忽略函数和节点数据
+                //字符串则不需要stringify，否则会将字符串的引号也一并输出
+                attrs.hasOwnProperty(k) && rootEl.setAttribute(k, typeof attrs[k] === 'string' ? attrs[k] : JSON.stringify(attrs[k]));
+            }
+        }
+        //执行循环创建子节点
+        loop(rootEl, content);
+        return rootEl;
+    };
+
     const utils = {
         //executeStr,
         getDataType,
@@ -761,6 +923,9 @@
         deepMerge,
         shallowCopy,
         copyObjectWithSymbol,
+        getEl,
+        getEls,
+        createEl,
     };
 
     return utils;

package/dist/utils.umd.min.js

@@ -1,7 +1,7 @@
 /*!
- * @since Last modified: 2025-12-26 16:3:51
+ * @since Last modified: 2026-1-5 10:34:3
  * @name Utils for web front-end.
- * @version 0.0.17
+ * @version 0.0.19
  * @author AXUI development team <3217728223@qq.com>
  * @description This is a set of general-purpose JavaScript utility functions developed by the AXUI team. All functions are pure and do not involve CSS or other third-party libraries. They are suitable for any web front-end environment.
  * @see {@link https://www.axui.cn|Official website}
@@ -12,4 +12,4 @@
  * @copyright This software supports the MIT License, allowing free learning and commercial use, but please retain the terms 'ax,' 'axui,' 'AX,' and 'AXUI' within the software.
  * @license MIT license
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).utils=t()}(this,function(){"use strict";const getDataType=e=>{let t,r=Object.prototype.toString.call(e).slice(8,-1);return t="Function"===r&&/^\s*class\s+/.test(e.toString())?"Class":"Object"===r&&Object.getPrototypeOf(e)!==Object.prototype?"Instance":r,t},deepClone=(e,t={})=>{const r=getDataType(e),n=Object.assign({cloneSet:!0,cloneMap:!0,cloneObject:!0,cloneArray:!0,cloneDate:!0,cloneRegex:!0},t);if(n.interceptor&&"function"==typeof n.interceptor){let t=n.interceptor({input:e,type:r,parent:n.parent});if(t)return t}n.onBeforeClone?.({input:e,type:r,parent:n.parent});let o,a=!0;if("Object"===r&&n.cloneObject){const t={},r=Object.getOwnPropertySymbols(e);for(const r in e)t[r]=deepClone(e[r],n);if(r.length>0)for(const o of r)t[o]=deepClone(e[o],{...n,parent:e});o=t}else if("Array"===r&&n.cloneArray)o=e.map(t=>deepClone(t,{...n,parent:e}));else if("Map"===r&&n.cloneMap){const t=new Map;for(const[r,o]of e)t.set(deepClone(r,n),deepClone(o,{...n,parent:e}));o=t}else if("Set"===r&&n.cloneSet){const t=new Set;for(const r of e)t.add(deepClone(r,{...n,parent:e}));o=t}else if("Date"===r&&n.cloneDate)o=new Date(e.getTime());else if("RegExp"===r&&n.cloneRegex){const t=e;o=new RegExp(t.source,t.flags)}else o=e,a=!1;return n.onAfterClone?.({output:o,input:e,type:r,cloned:a,parent:n.parent}),o},deepCloneToJSON=e=>{const t=getDataType(e);if("Object"===t){const t={};for(const r in e)t[r]=deepCloneToJSON(e[r]);for(const e in t)void 0===t[e]&&Reflect.deleteProperty(t,e);return t}if("Array"===t){return e.map((e,t)=>deepCloneToJSON(e)).filter(e=>void 0!==e)}return["Number","String","Boolean","Null"].includes(t)?e:void 0},e=["push","pop","shift","unshift","splice","sort","reverse","copyWithin","fill"],t=["add","delete","clear"],r=["set","delete","clear"],copyObjectWithSymbol=e=>{if(!e||"object"!=typeof e)return e;const t=e,r=Object.getOwnPropertySymbols(t).reduce((e,r)=>(e[r]=t[r],e),{});return{...t,...r}},shallowCopy=(e,t={})=>{const r=getDataType(e);return"Set"===r?new Set([...e]):"Map"===r?new Map([...e]):Array.isArray(e)?[...e]:"object"===r?copyObjectWithSymbol(e):"Date"===r?new Date(e.getTime()):"RegExp"===r?new RegExp(e.source,e.flags):"Buffer"===r?Buffer.from(e):"ArrayBuffer"===r||ArrayBuffer.isView(e)?e.slice(0):"WeakSet"===r?new WeakSet([...e]):"WeakMap"===r?new WeakMap([...e]):"Error"===r?new Error(e.message):e};return{getDataType:getDataType,requireTypes:(e,t,r)=>{let n=Array.isArray(t)?t:[t],o=getDataType(e),a=o.toLowerCase(),s=n.map(e=>e.toLowerCase()),i=a.includes("html")?"element":a;if(r)try{if(!s.includes(i))throw new TypeError(`Expected data type(s): [${s.join(", ")}], but got: ${i}`)}catch(e){r(e,o)}else if(!s.includes(i))throw new TypeError(`Expected data type(s): [${s.join(", ")}], but got: ${i}`);return o},deepClone:deepClone,deepCloneToJSON:deepCloneToJSON,wrapArrayMethods:({target:t,onBeforeMutate:r=()=>{},onAfterMutate:n=()=>{},allowList:o,props:a={}})=>{if(!Array.isArray(t))throw new TypeError("The 'target' parameter must be an array.");o&&!o?.length||(o=e);const s={};for(let e of o)s[e]=function(...o){const s={},i=t.length;switch(e){case"push":case"unshift":s.addedItems=[...o];break;case"pop":s.poppedItem=t[i-1];break;case"shift":s.shiftedItem=t[0];break;case"splice":const[e,r]=o,n=e<0?Math.max(i+e,0):Math.min(e,i),a=void 0===r?i-n:r;s.deletedItems=t.slice(n,n+a);break;case"sort":case"reverse":s.oldSnapshot=[...t];break;case"fill":case"copyWithin":const c=o[1]||0,l=void 0===o[2]?i:o[2];s.oldItems=t.slice(c,l),s.start=c,s.end=l}r?.(s);const c=Array.prototype[e].apply(t,o),l={value:c,key:e,args:o,context:s,target:t,...a};return n?.(l),c};return s},arrayMutableMethods:e,setMutableMethods:t,mapMutableMethods:r,wrapSetMethods:({target:e,onBeforeMutate:r=()=>{},onAfterMutate:n=()=>{},allowList:o=t,props:a={}})=>{if(!(e instanceof Set))throw new TypeError("The 'target' parameter must be a Set.");const s={},createWrappedMethod=t=>function(...o){const s={};switch(t){case"add":{const[t]=o;s.addedItem=t,s.existed=e.has(t);break}case"delete":{const[t]=o;s.existed=e.has(t),s.deletedItem=s.existed?t:void 0;break}case"clear":s.clearedItems=Array.from(e),s.previousSize=e.size}r(s);const i=e[t].apply(e,o),c={method:t,result:i,args:o,context:s,target:e,...a};return n(c),i};for(const e of o)t.includes(e)&&(s[e]=createWrappedMethod(e));return Object.defineProperty(s,"target",{get:()=>e,enumerable:!1,configurable:!1}),s},wrapMapMethods:({target:e,onBeforeMutate:t=()=>{},onAfterMutate:n=()=>{},allowList:o=r,props:a={}})=>{if(!(e instanceof Map))throw new TypeError("The 'target' parameter must be a Map.");const s={},createWrappedMethod=r=>function(...o){const s={};switch(r){case"set":{const[t,r]=o;s.key=t,s.newValue=r,s.existed=e.has(t),s.oldValue=s.existed?e.get(t):void 0;break}case"delete":{const[t]=o;s.key=t,s.existed=e.has(t),s.value=s.existed?e.get(t):void 0;break}case"clear":s.clearedItems=Array.from(e.entries()),s.previousSize=e.size}t(s);const i=e[r].apply(e,o),c={method:r,result:i,args:o,context:s,target:e,...a};return n(c),i};for(const e of o)r.includes(e)&&(s[e]=createWrappedMethod(e));return Object.defineProperty(s,"target",{get:()=>e,enumerable:!1,configurable:!1}),s},getUniqueId:(e={})=>{const t=e.prefix,r=e.suffix,n=e.base10,o=e.base36;return`${t?t+"-":""}${Date.now()}${o?"-"+Math.random().toString(36).substring(2,11):""}${n?"-"+Math.floor(1e4*Math.random()).toString().padStart(4,"0"):""}${r?"-"+r:""}`},deepMerge:(e,t,r={})=>{const n=Object.assign({dataMode:"clear",inheritMissing:!0,targetClone:!1,useEnable:!0,useSymbol:!0,deepClone:{},onBeforeMerge:void 0,onAfterMerge:void 0},r),smartMerger=(e,t,n)=>{let o,a,s=getDataType(e),i=getDataType(t),c=!0;if(n.interceptor&&"function"==typeof n.interceptor){let r=n.interceptor({target:e,source:t,targetType:s,sourceType:i,parent:n.parent});if(r){if(null===r?.target||null===r?.source)return r;e=r.target,t=r.source}}return n?.onBeforeMerge?.({target:e,source:t,targetType:s,sourceType:i,parent:n.parent}),"Object"===s&&"Object"===i?(a=deepMergeObjects(e,t,n),o="Object"):"Array"===s&&"Array"===i?(a=deepMergeArrays(e,t,n),o="Array"):"Set"===s&&"Set"===i?(a=deepMergeSets(e,t,n),o="Set"):"Map"===s&&"Map"===i?(a=deepMergeMaps(e,t,n),o="Map"):(c=!1,a=e),n?.onAfterMerge?.({result:a,target:e,source:t,targetType:s,sourceType:i,mergeType:o,parent:r.parent}),{result:a,flag:c,mergeType:o}},mergeEnableObject=(e,t)=>e?.hasOwnProperty("enable")&&"boolean"==typeof t?(e.enable=t,e):t?.hasOwnProperty("enable")&&"boolean"==typeof e?Object.assign({enable:e},t):t,deepMergeObjects=(e,t,r={})=>{let n=getDataType(e),o=getDataType(t);if("Object"!==n||"Object"!==o)return e;const a=Object.assign({inheritMissing:!0,targetClone:!1,useEnable:!0},r);let s={};s=a.targetClone?shallowCopy(e):e;for(let e in t)if(t.hasOwnProperty(e)&&s.hasOwnProperty(e)){let n=smartMerger(s[e],t[e],{...r,parent:s});n.flag?n.mergeType?"Object"===n.mergeType&&(s[e]=n.result):s[e]=t[e]:a.useEnable?s[e]=mergeEnableObject(s[e],t[e]):s[e]=t[e]}else t.hasOwnProperty(e)&&!s.hasOwnProperty(e)&&a.inheritMissing&&(s[e]=t[e]);if(a.useSymbol){let e=Object.getOwnPropertySymbols(t);if(e.length)for(let r of e)s[r]=t[r]}return s},deepMergeArrays=(e,t,r={})=>{if(!Array.isArray(e)||!Array.isArray(t))return e;const n=Object.assign({dataMode:"clear",inheritMissing:!0,targetClone:!1},r),o=n.targetClone?[...e]:e;if("replace"===n.dataMode)for(let e=0;e<t.length&&(n.inheritMissing||!(e>=o.length));e++){smartMerger(o[e],t[e],{...n,parent:o}).flag||(o[e]=t[e])}else"concat"===n.dataMode||(o.length=0),o.push(...t);return o},deepMergeMaps=(e,t,r={})=>{if(!(e instanceof Map&&t instanceof Map))return e;const n=Object.assign({inheritMissing:!0,targetClone:!1,useEnable:!0},r),o=n.targetClone?new Map([...e]):e;for(const[e,a]of t.entries())if(o.has(e)){const t=o.get(e),r=a,s=smartMerger(t,r,n);s.flag?"Object"===s.mergeType&&o.set(e,s.result):o.set(e,r)}else r.inheritMissing&&o.set(e,a);return o},deepMergeSets=(e,t,r={})=>{if(!(e instanceof Set&&t instanceof Set))return e;const n=Object.assign({dataMode:"clear",inheritMissing:!0,targetClone:!1,useEnable:!0},r),o=n.targetClone?new Set(...e):e;if("replace"===n.dataMode){const e=[...o],r=[...t],a=smartMerger(e,r,n);o.clear();for(let e of a.result)o.add(e)}else if("concat"===n.dataMode)for(let e of t)o.add(e);else{o.clear();for(let e of t)o.add(e)}return o};return smartMerger(e,t,n).result},shallowCopy:shallowCopy,copyObjectWithSymbol:copyObjectWithSymbol}});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).utils=t()}(this,function(){"use strict";const getDataType=e=>{let t,r=Object.prototype.toString.call(e).slice(8,-1);return t="Function"===r&&/^\s*class\s+/.test(e.toString())?"Class":"Object"===r&&Object.getPrototypeOf(e)!==Object.prototype?"Instance":r,t},deepClone=(e,t={})=>{const r=getDataType(e),n=Object.assign({cloneSet:!0,cloneMap:!0,cloneObject:!0,cloneArray:!0,cloneDate:!0,cloneRegex:!0},t);if(n.interceptor&&"function"==typeof n.interceptor){let t=n.interceptor({input:e,type:r,parent:n.parent});if(t)return t}n.onBeforeClone?.({input:e,type:r,parent:n.parent});let o,a=!0;if("Object"===r&&n.cloneObject){const t={},r=Object.getOwnPropertySymbols(e);for(const r in e)t[r]=deepClone(e[r],n);if(r.length>0)for(const o of r)t[o]=deepClone(e[o],{...n,parent:e});o=t}else if("Array"===r&&n.cloneArray)o=e.map(t=>deepClone(t,{...n,parent:e}));else if("Map"===r&&n.cloneMap){const t=new Map;for(const[r,o]of e)t.set(deepClone(r,n),deepClone(o,{...n,parent:e}));o=t}else if("Set"===r&&n.cloneSet){const t=new Set;for(const r of e)t.add(deepClone(r,{...n,parent:e}));o=t}else if("Date"===r&&n.cloneDate)o=new Date(e.getTime());else if("RegExp"===r&&n.cloneRegex){const t=e;o=new RegExp(t.source,t.flags)}else o=e,a=!1;return n.onAfterClone?.({output:o,input:e,type:r,cloned:a,parent:n.parent}),o},deepCloneToJSON=e=>{const t=getDataType(e);if("Object"===t){const t={};for(const r in e)t[r]=deepCloneToJSON(e[r]);for(const e in t)void 0===t[e]&&Reflect.deleteProperty(t,e);return t}if("Array"===t){return e.map((e,t)=>deepCloneToJSON(e)).filter(e=>void 0!==e)}return["Number","String","Boolean","Null"].includes(t)?e:void 0},e=["push","pop","shift","unshift","splice","sort","reverse","copyWithin","fill"],t=["add","delete","clear"],r=["set","delete","clear"],copyObjectWithSymbol=e=>{if(!e||"object"!=typeof e)return e;const t=e,r=Object.getOwnPropertySymbols(t).reduce((e,r)=>(e[r]=t[r],e),{});return{...t,...r}},shallowCopy=(e,t={})=>{const r=getDataType(e);return"Set"===r?new Set([...e]):"Map"===r?new Map([...e]):Array.isArray(e)?[...e]:"object"===r?copyObjectWithSymbol(e):"Date"===r?new Date(e.getTime()):"RegExp"===r?new RegExp(e.source,e.flags):"Buffer"===r?Buffer.from(e):"ArrayBuffer"===r||ArrayBuffer.isView(e)?e.slice(0):"WeakSet"===r?new WeakSet([...e]):"WeakMap"===r?new WeakMap([...e]):"Error"===r?new Error(e.message):e},getEl=(e,t=document.body)=>{let r=getDataType(e),n=getDataType(t).includes("HTML")?t:document.querySelector(t),o=n&&n instanceof HTMLTemplateElement?n.content:n,a=null;if(e)if(r.includes("HTML"))a=e;else if("String"===r)try{a=(o||document).querySelector(e.trim())}catch{a=null}return a},createEl=(e,t,r)=>{let n=(e=e||"div").toUpperCase().trim(),o=document.createElement(n),a=getDataType(t);if(t&&"Object"===a)for(let e in t)t.hasOwnProperty(e)&&o.setAttribute(e,"string"==typeof t[e]?t[e]:JSON.stringify(t[e]));return((e,t)=>{if(""===t||null==t)return!1;let r=getDataType(t);if("TEMPLATE"===n)e.innerHTML=t.toString();else if("Array"===r&&t.length>0)for(let r of t){if(getDataType(r).includes("HTML"))e.appendChild(r);else{let t=createEl(r.name,r.attrs,r.content);t&&e.appendChild(t)}}else if(r.includes("HTML"))e.appendChild(t);else if("String"===r&&t.trim().startsWith("#")&&t.trim().length>1){let r=getEl(t);if(!r)return;"TEMPLATE"===r.nodeName?e.appendChild(r.content.cloneNode(!0)):e.insertAdjacentHTML("beforeEnd",r.innerHTML)}else e.insertAdjacentHTML("beforeEnd",t)})(o,r),o};return{getDataType:getDataType,requireTypes:(e,t,r)=>{let n=Array.isArray(t)?t:[t],o=getDataType(e),a=o.toLowerCase(),s=n.map(e=>e.toLowerCase()),i=a.includes("html")?"element":a;if(r)try{if(!s.includes(i))throw new TypeError(`Expected data type(s): [${s.join(", ")}], but got: ${i}`)}catch(e){r(e,o)}else if(!s.includes(i))throw new TypeError(`Expected data type(s): [${s.join(", ")}], but got: ${i}`);return o},deepClone:deepClone,deepCloneToJSON:deepCloneToJSON,wrapArrayMethods:({target:t,onBeforeMutate:r=()=>{},onAfterMutate:n=()=>{},allowList:o,props:a={}})=>{if(!Array.isArray(t))throw new TypeError("The 'target' parameter must be an array.");o&&!o?.length||(o=e);const s={};for(let e of o)s[e]=function(...o){const s={},i=t.length;switch(e){case"push":case"unshift":s.addedItems=[...o];break;case"pop":s.poppedItem=t[i-1];break;case"shift":s.shiftedItem=t[0];break;case"splice":const[e,r]=o,n=e<0?Math.max(i+e,0):Math.min(e,i),a=void 0===r?i-n:r;s.deletedItems=t.slice(n,n+a);break;case"sort":case"reverse":s.oldSnapshot=[...t];break;case"fill":case"copyWithin":const l=o[1]||0,c=void 0===o[2]?i:o[2];s.oldItems=t.slice(l,c),s.start=l,s.end=c}r?.(s);const l=Array.prototype[e].apply(t,o),c={value:l,key:e,args:o,context:s,target:t,...a};return n?.(c),l};return s},arrayMutableMethods:e,setMutableMethods:t,mapMutableMethods:r,wrapSetMethods:({target:e,onBeforeMutate:r=()=>{},onAfterMutate:n=()=>{},allowList:o=t,props:a={}})=>{if(!(e instanceof Set))throw new TypeError("The 'target' parameter must be a Set.");const s={},createWrappedMethod=t=>function(...o){const s={};switch(t){case"add":{const[t]=o;s.addedItem=t,s.existed=e.has(t);break}case"delete":{const[t]=o;s.existed=e.has(t),s.deletedItem=s.existed?t:void 0;break}case"clear":s.clearedItems=Array.from(e),s.previousSize=e.size}r(s);const i=e[t].apply(e,o),l={method:t,result:i,args:o,context:s,target:e,...a};return n(l),i};for(const e of o)t.includes(e)&&(s[e]=createWrappedMethod(e));return Object.defineProperty(s,"target",{get:()=>e,enumerable:!1,configurable:!1}),s},wrapMapMethods:({target:e,onBeforeMutate:t=()=>{},onAfterMutate:n=()=>{},allowList:o=r,props:a={}})=>{if(!(e instanceof Map))throw new TypeError("The 'target' parameter must be a Map.");const s={},createWrappedMethod=r=>function(...o){const s={};switch(r){case"set":{const[t,r]=o;s.key=t,s.newValue=r,s.existed=e.has(t),s.oldValue=s.existed?e.get(t):void 0;break}case"delete":{const[t]=o;s.key=t,s.existed=e.has(t),s.value=s.existed?e.get(t):void 0;break}case"clear":s.clearedItems=Array.from(e.entries()),s.previousSize=e.size}t(s);const i=e[r].apply(e,o),l={method:r,result:i,args:o,context:s,target:e,...a};return n(l),i};for(const e of o)r.includes(e)&&(s[e]=createWrappedMethod(e));return Object.defineProperty(s,"target",{get:()=>e,enumerable:!1,configurable:!1}),s},getUniqueId:(e={})=>{const t=e.prefix,r=e.suffix,n=e.base10,o=e.base36;return`${t?t+"-":""}${Date.now()}${o?"-"+Math.random().toString(36).substring(2,11):""}${n?"-"+Math.floor(1e4*Math.random()).toString().padStart(4,"0"):""}${r?"-"+r:""}`},deepMerge:(e,t,r={})=>{const n=Object.assign({dataMode:"clear",inheritMissing:!0,targetClone:!1,useEnable:!0,useSymbol:!0,nullBehavior:"preserve",undefinedBehavior:"preserve",deepClone:{},onBeforeMerge:void 0,onAfterMerge:void 0},r),smartMerger=(e,t,n)=>{let o,a,s=getDataType(e),i=getDataType(t),l=!0;if(n.interceptor&&"function"==typeof n.interceptor){let r=n.interceptor({target:e,source:t,targetType:s,sourceType:i,parent:n.parent});if(r){if(null===r?.target||null===r?.source)return r;e=r.target,t=r.source}}return n?.onBeforeMerge?.({target:e,source:t,targetType:s,sourceType:i,parent:n.parent}),"Object"===s&&"Object"===i?(a=deepMergeObjects(e,t,n),o="Object"):"Array"===s&&"Array"===i?(a=deepMergeArrays(e,t,n),o="Array"):"Set"===s&&"Set"===i?(a=deepMergeSets(e,t,n),o="Set"):"Map"===s&&"Map"===i?(a=deepMergeMaps(e,t,n),o="Map"):(l=!1,a=e),n?.onAfterMerge?.({result:a,target:e,source:t,targetType:s,sourceType:i,mergeType:o,parent:r.parent}),{result:a,flag:l,mergeType:o}},mergeEnableObject=(e,t)=>e?.hasOwnProperty("enable")&&"boolean"==typeof t?(e.enable=t,e):t?.hasOwnProperty("enable")&&"boolean"==typeof e?Object.assign({enable:e},t):t,deepMergeObjects=(e,t,r={})=>{let n=getDataType(e),o=getDataType(t);if("Object"!==n||"Object"!==o)return e;const a=Object.assign({inheritMissing:!0,targetClone:!1,useEnable:!0},r);let s={};s=a.targetClone?shallowCopy(e):e;for(let e in t){const n=s[e],o=t[e];if(t.hasOwnProperty(e)&&s.hasOwnProperty(e)){const t=smartMerger(n,o,{...r,parent:s});if(t.flag)t.mergeType?"Object"===t.mergeType&&(s[e]=t.result):s[e]=o;else{let t=a.useEnable?mergeEnableObject(n,o):o;n!==t&&null===t?"ignore"===a.nullBehavior||("delete"===a.nullBehavior?Reflect.deleteProperty(s,e):s[e]=t):n!==t&&void 0===t?"ignore"===a.undefinedBehavior||("delete"===a.undefinedBehavior?Reflect.deleteProperty(s,e):s[e]=o):s[e]=o}}else t.hasOwnProperty(e)&&!s.hasOwnProperty(e)&&a.inheritMissing&&(s[e]=o)}if(a.useSymbol){let e=Object.getOwnPropertySymbols(t);if(e.length)for(let r of e)s[r]=t[r]}return s},deepMergeArrays=(e,t,r={})=>{if(!Array.isArray(e)||!Array.isArray(t))return e;const n=Object.assign({dataMode:"clear",inheritMissing:!0,targetClone:!1},r),o=n.targetClone?[...e]:e;if("replace"===n.dataMode)for(let e=0;e<t.length&&(n.inheritMissing||!(e>=o.length));e++){smartMerger(o[e],t[e],{...n,parent:o}).flag||(o[e]=t[e])}else"concat"===n.dataMode||(o.length=0),o.push(...t);return o},deepMergeMaps=(e,t,r={})=>{if(!(e instanceof Map&&t instanceof Map))return e;const n=Object.assign({inheritMissing:!0,targetClone:!1,useEnable:!0},r),o=n.targetClone?new Map([...e]):e;for(const[e,a]of t.entries())if(o.has(e)){const t=o.get(e),r=a,s=smartMerger(t,r,n);s.flag?"Object"===s.mergeType&&o.set(e,s.result):o.set(e,r)}else r.inheritMissing&&o.set(e,a);return o},deepMergeSets=(e,t,r={})=>{if(!(e instanceof Set&&t instanceof Set))return e;const n=Object.assign({dataMode:"clear",inheritMissing:!0,targetClone:!1,useEnable:!0},r),o=n.targetClone?new Set(...e):e;if("replace"===n.dataMode){const e=[...o],r=[...t],a=smartMerger(e,r,n);o.clear();for(let e of a.result)o.add(e)}else if("concat"===n.dataMode)for(let e of t)o.add(e);else{o.clear();for(let e of t)o.add(e)}return o};return smartMerger(e,t,n).result},shallowCopy:shallowCopy,copyObjectWithSymbol:copyObjectWithSymbol,getEl:getEl,getEls:(e,t=document.body)=>{let r=getDataType(e),n=getEl(t),o=n&&n instanceof HTMLTemplateElement?n.content:n||document,a=[];return(e=>{let t,r=getDataType(e);return t=!e||("Object"===r?0===Object.keys(e).length:"Array"===r?""===e.join(""):"Function"===r?"{}"===e.toString().replace(/\s+/g,"").match(/{.*}/g)[0]:"Symbol"===r?"()"===e.toString().replace(/\s+/g,"").match(/\(.*\)/g)[0]:"Set"===r||"Map"===r?0===e.size:"Date"===r?isNaN(e.getTime()):"RegExp"===r?""===e.source:"ArrayBuffer"===r?0===e.byteLength:"NodeList"===r||"HTMLCollection"===r||"length"in e&&"number"==typeof e.length?0===e.length:"size"in e&&"number"==typeof e.size?0===e.size:"Error"===r||e instanceof Error?""===e.message:!(!r.includes("Array")||!["Uint8Array","Int8Array","Uint16Array","Int16Array","Uint32Array","Int32Array","Float32Array","Float64Array"].includes(r))&&0===e.length),t})(e)?a:(r.includes("HTML")?a.push(e):"String"===r?a=(e=e.trim()).split(",").map(e=>[...o.querySelectorAll(e)]).flat():"Array"===r&&(a=e.map(e=>getEl(e,n))),a.filter(Boolean))},createEl:createEl}});

package/modules.js

@@ -1,5 +1,5 @@
 /**
- * Last modified: 2025/12/25 14:29:40
+ * Last modified: 2026/01/05 10:31:32
  */
 'use strict';
 import deepClone from './src/deepClone';
@@ -16,6 +16,9 @@ import wrapMapMethods from './src/wrapMapMethods';
 import deepMerge from './src/deepMerge';
 import shallowCopy from './src/shallowCopy';
 import copyObjectWithSymbol from './src/copyObjectWithSymbol';
+import getEl from './src/getEl';
+import getEls from './src/getEls';
+import createEl from './src/createEl';
 const utils = {
     //executeStr,
     getDataType,
@@ -34,5 +37,8 @@ const utils = {
     deepMerge,
     shallowCopy,
     copyObjectWithSymbol,
+    getEl,
+    getEls,
+    createEl,
 };
 export default utils;

package/modules.ts

@@ -1,5 +1,5 @@
 /**
- * Last modified: 2025/12/25 14:29:40
+ * Last modified: 2026/01/05 10:31:32
  */
 'use strict'
 import deepClone from './src/deepClone';
@@ -24,6 +24,9 @@ import deepMergeSets from './src/deepMergeSets';
 import deepEqual from './src/deepEqual';
 import shallowCopy from './src/shallowCopy';
 import copyObjectWithSymbol from './src/copyObjectWithSymbol';
+import getEl from './src/getEl';
+import getEls from './src/getEls';
+import createEl from './src/createEl';
 
 
 
@@ -45,6 +48,9 @@ const utils = {
   deepMerge,
   shallowCopy,
   copyObjectWithSymbol,
+  getEl,
+  getEls,
+  createEl,
  
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codady/utils",
-  "version": "0.0.17",
+  "version": "0.0.19",
   "author": "AXUI Development Team",
   "license": "MIT",
   "description": "This is a set of general-purpose JavaScript utility functions developed by the AXUI team. All functions are pure and do not involve CSS or other third-party libraries. They are suitable for any web front-end environment.",

package/src/createEl.js

@@ -0,0 +1,83 @@
+/**
+ * @since Last modified: 2026/01/05 10:30:46
+ * @function createEl
+ * @description Create a node or a group of father-son nodes.
+ * @param {string} name="div"  - Node name, requierd.
+ * @param {object} [attrs]  - Node attributes.Format : {class:'demo',style:'width:100px;height:50px;',disabled:''}
+ * @param {string|number|array} [content]  - Node content.If it is an array,create a sub-node of the cycle.
+ * @returns {HTMLElement|null} Return a node or null
+ * @example
+ * ax.createEl('div',{class:'demo'},'I love you');
+ * <!--return a HTMLElement node-->
+ */
+//简介：创建一个节点或一组父子节点
+//参数name：节点名称，不可为空
+//参数attrs：节点上的属性，键值对的对象格式
+//参数content：节点内容，如果是数组，那么将创建子节点
+//返回：一个节点或null
+'use strict';
+import getDataType from './getDataType';
+import getEl from './getEl';
+const createEl = (name, attrs, content) => {
+    //默认为div
+    name = name || 'div';
+    //统一大小写
+    let rootName = name.toUpperCase().trim(), rootEl = document.createElement(rootName), attrsType = getDataType(attrs), loop = (host, data) => {
+        if (data === '' || data === null || data === undefined) {
+            //为空、未定义则不再执行
+            return false;
+        }
+        let dataType = getDataType(data);
+        //template是DocumentFragment类型不能用insertAdjacentHTML
+        if (rootName === 'TEMPLATE') {
+            host.innerHTML = data.toString();
+        }
+        else {
+            if (dataType === 'Array' && data.length > 0) {
+                //节点数组
+                //data.forEach((i: T_obj) => loop(el, i));
+                for (let k of data) {
+                    let childType = getDataType(k);
+                    if (childType.includes('HTML')) {
+                        //是个节点
+                        host.appendChild(k);
+                    }
+                    else {
+                        //是个对象{name:'',attrs:{},content:''}
+                        let child = createEl(k.name, k.attrs, k.content);
+                        child && host.appendChild(child);
+                    }
+                }
+            }
+            else if (dataType.includes('HTML')) {
+                //HTML节点
+                host.appendChild(data);
+            }
+            else if (dataType === 'String' && data.trim().startsWith('#') && data.trim().length > 1) {
+                //是字符串且是#id选择器，则取其文本
+                let el = getEl(data);
+                if (!el)
+                    return;
+                //如果是template模板节点则需要特殊处理
+                el.nodeName === 'TEMPLATE' ? host.appendChild(el.content.cloneNode(true)) : host.insertAdjacentHTML('beforeEnd', el.innerHTML);
+            }
+            else {
+                //字符串数字等
+                host.insertAdjacentHTML('beforeEnd', data);
+            }
+        }
+    };
+    //添加属性
+    if (attrs && attrsType === 'Object') {
+        for (let k in attrs) {
+            //注意，attrs[k]可能是一个{}或[]，不一定是字符串
+            // JSON.stringify可以将所有格式的数据都转成文本，会忽略函数和节点数据
+            //字符串则不需要stringify，否则会将字符串的引号也一并输出
+            attrs.hasOwnProperty(k) && rootEl.setAttribute(k, typeof attrs[k] === 'string' ? attrs[k] : JSON.stringify(attrs[k]));
+        }
+    }
+    //执行循环创建子节点
+    loop(rootEl, content);
+    return rootEl;
+};
+export default createEl;

package/src/createEl.ts

@@ -0,0 +1,80 @@
+/**
+ * @since Last modified: 2026/01/05 10:30:46
+ * @function createEl
+ * @description Create a node or a group of father-son nodes. 
+ * @param {string} name="div"  - Node name, requierd.
+ * @param {object} [attrs]  - Node attributes.Format : {class:'demo',style:'width:100px;height:50px;',disabled:''}
+ * @param {string|number|array} [content]  - Node content.If it is an array,create a sub-node of the cycle.
+ * @returns {HTMLElement|null} Return a node or null
+ * @example
+ * ax.createEl('div',{class:'demo'},'I love you');
+ * <!--return a HTMLElement node-->
+ */
+//简介：创建一个节点或一组父子节点
+//参数name：节点名称，不可为空
+//参数attrs：节点上的属性，键值对的对象格式
+//参数content：节点内容，如果是数组，那么将创建子节点
+//返回：一个节点或null
+'use strict';
+import getDataType from './getDataType';
+import getEl from './getEl';
+const createEl = (name: string, attrs?: Record<string,any> | null, content?: any) => {
+    //默认为div
+    name = name || 'div';
+    //统一大小写
+    let rootName = name.toUpperCase().trim(),
+        rootEl = document.createElement(rootName),
+        attrsType = getDataType(attrs),
+        loop = (host: any, data: any) => {
+            if (data === '' || data === null || data === undefined) {
+                //为空、未定义则不再执行
+                return false;
+            }
+            let dataType = getDataType(data);
+            //template是DocumentFragment类型不能用insertAdjacentHTML
+            if (rootName === 'TEMPLATE') {
+                host.innerHTML = data.toString();
+            } else {
+                if (dataType === 'Array' && data.length > 0) {
+                    //节点数组
+                    //data.forEach((i: T_obj) => loop(el, i));
+                    for (let k of data) {
+                        let childType = getDataType(k);
+                        if (childType.includes('HTML')) {
+                            //是个节点
+                            host.appendChild(k);
+                        } else {
+                            //是个对象{name:'',attrs:{},content:''}
+                            let child = createEl(k.name, k.attrs, k.content);
+                            child && host.appendChild(child);
+                        }
+                    }
+                } else if (dataType.includes('HTML')) {
+                    //HTML节点
+                    host.appendChild(data);
+                } else if (dataType === 'String' && data.trim().startsWith('#') && data.trim().length > 1) {
+                    //是字符串且是#id选择器，则取其文本
+                    let el = getEl(data);
+                    if (!el) return;
+                    //如果是template模板节点则需要特殊处理
+                    el.nodeName === 'TEMPLATE' ? host.appendChild((el as any).content.cloneNode(true)) : host.insertAdjacentHTML('beforeEnd',(el as any).innerHTML);
+                } else {
+                    //字符串数字等
+                    host.insertAdjacentHTML('beforeEnd', data);
+                }
+            }
+        }
+    //添加属性
+    if (attrs && attrsType === 'Object') {
+        for (let k in attrs) {
+            //注意，attrs[k]可能是一个{}或[]，不一定是字符串
+            // JSON.stringify可以将所有格式的数据都转成文本，会忽略函数和节点数据
+            //字符串则不需要stringify，否则会将字符串的引号也一并输出
+            attrs.hasOwnProperty(k) && rootEl.setAttribute(k, typeof attrs[k] === 'string' ? attrs[k] : JSON.stringify(attrs[k]));
+        }
+    }
+    //执行循环创建子节点
+    loop(rootEl, content);
+    return rootEl;
+}
+export default createEl;

package/src/deepClone.js

@@ -1,5 +1,5 @@
 /**
- * @since Last modified: 2025/12/26 15:13:54
+ * @since Last modified: 2025/12/27 14:34:57
  * Deep clone an array, object, or other cloneable data types.
  *
  * Features:

package/src/deepClone.ts

@@ -1,5 +1,5 @@
 /**
- * @since Last modified: 2025/12/26 15:13:54
+ * @since Last modified: 2025/12/27 14:34:57
  * Deep clone an array, object, or other cloneable data types.
  * 
  * Features:

package/src/deepMerge.js

@@ -1,5 +1,5 @@
 /**
- * @since Last modified: 2025/12/26 16:03:37
+ * @since Last modified: 2025/12/27 14:35:01
  * @function deepMerge
  * @description Deeply merges two data structures (Object, Array, Map, or Set) based on their types.
  * This function recursively merges the properties or items of the target and source, depending on their types.
@@ -57,6 +57,8 @@ const deepMerge = (target, source, opts = {}) => {
         // Whether to allow merging key=symbol key-value pairs when target is {} type.
         // target是{}类型时，是否允许合并key=symbol的键值对。
         useSymbol: true,
+        nullBehavior: 'preserve',
+        undefinedBehavior: 'preserve',
         // Options passed to the deepClone function when targetClone is true
         // 当targetClone为true时传递给deepClone函数的选项
         deepClone: {},
@@ -145,18 +147,42 @@ const deepMerge = (target, source, opts = {}) => {
         // 如果是复制方法，则先复制target
         result = options.targetClone ? shallowCopy(target) : target;
         for (let k in source) {
+            const _result = result[k], _source = source[k];
             if (source.hasOwnProperty(k) && result.hasOwnProperty(k)) {
-                let resp = smartMerger(result[k], source[k], { ...opts, parent: result });
+                const resp = smartMerger(_result, _source, { ...opts, parent: result });
                 //resp={result,flag,type}
-                //flag=true表示类型一致并完成了合并，false表示并没有合并需要直接赋值
+                //flag=true表示类型一致（object/array/map/set）并完成了合并，false表示并没有合并需要直接赋值
                 if (!resp.flag) {
                     //类型不同则直接覆盖
-                    if (options.useEnable) {
-                        result[k] = mergeEnableObject(result[k], source[k]);
+                    let tmp = options.useEnable ? mergeEnableObject(_result, _source) : _source;
+                    if (_result !== tmp && tmp === null) {
+                        if (options.nullBehavior === 'ignore') {
+                            //不处理
+                        }
+                        else if (options.nullBehavior === 'delete') {
+                            //删除属性
+                            Reflect.deleteProperty(result, k);
+                        }
+                        else {
+                            //替换
+                            result[k] = tmp;
+                        }
+                    }
+                    else if (_result !== tmp && tmp === undefined) {
+                        if (options.undefinedBehavior === 'ignore') {
+                            //不处理
+                        }
+                        else if (options.undefinedBehavior === 'delete') {
+                            //删除属性
+                            Reflect.deleteProperty(result, k);
+                        }
+                        else {
+                            //替换
+                            result[k] = _source;
+                        }
                     }
                     else {
-                        //完全替换
-                        result[k] = source[k];
+                        result[k] = _source;
                     }
                 }
                 else {
@@ -169,13 +195,13 @@ const deepMerge = (target, source, opts = {}) => {
                     }
                     else {
                         //其他类型则直接覆盖
-                        result[k] = source[k];
+                        result[k] = _source;
                     }
                 }
             }
             else if (source.hasOwnProperty(k) && !result.hasOwnProperty(k) && options.inheritMissing) {
                 //如果source有属性，result没有该属性，但是options允许追加属性则直接赋值
-                result[k] = source[k];
+                result[k] = _source;
             }
         }
         //Symbol键直接追加，因为Symbol是唯一，结果同Object.assign