Utils-Full-JS

A full library for Utils modules, include all methods from @carry0987/utils

Installation

``bash
pnpm add @carry0987/utils-full
`

Or you can just download the file utils-full.min.js and include it in your HTML file:

`html

`

Usage


The following code is a simple example of using Utils-Full-JS, you can also find it from Demo:
`js
let util = new Utils({
ll: (msg) => console.log(msg)
});
util.ll('Utils-Full');
Utils.getElem('#app h1.mb-3').innerHTML = 'Utils';
Utils.insertAfter(Utils.getElem('#app h1.mb-3'),

Utils-Full v${Utils.version}

);
Utils.insertAfter(Utils.getElem('#app h2.mb-3'),

Core v${Utils.utilsVersion}

);
Utils.addClass(Utils.getElem('#app h2.mb-3'), 'text-center');
let styles = {
h1: {
color: '#818181',
fontSize: '50px'
}
};
Utils.setStylesheetId('test');
Utils.injectStylesheet(styles, 1);
Utils.setLocalValue('test', {1:2,2:4,3:5});
console.log(Utils.getLocalValue('test'));
Utils.removeLocalValue('test');
Utils.setSessionValue('test', {1:2,2:4,3:5});
console.log(Utils.getSessionValue('test'));
// Test deepMerge
const target = {
a: 1,
b: {
c: 2,
d: 3,
},
};
const source1 = {
b: {
c: 3,
e: 4,
haha: {
a: 1,
b: 2,
}
},
f: 5,
};
const source2 = {
g: {
h: 6,
},
};
const merged = Utils.deepMerge(target, source1, source2);
console.log(JSON.stringify(merged, null, 2));
// Test sendFormData
Utils.sendFormData({
url: 'https://httpbin.org/post',
data: {
name: 'test',
age: 18
},
success: (res) => {
console.log(res);
},
error: (err) => {
console.log(err);
}
});
// Test Cookie operations
Utils.setCookie('testCookie', 'TEST-Value', {expires: '2024-02-16T10:01:15.000Z'});
console.log(Utils.getCookie('testCookie'));
// Test Event operations
function customEventHandler(event) {
console.log('Event detail:', event.detail);
console.log('Clicked!');
}

const h1Element = Utils.getElem('#app h1.mb-3');
if (h1Element && h1Element instanceof Element) {
Utils.addEventListener(h1Element, 'click', () => {
const myCustomEvent = Utils.createEvent('testEvent', {
detail: {
name: 'test',
age: 18
}
});
Utils.dispatchEvent(myCustomEvent, h1Element);
});
Utils.addEventListener(h1Element, 'testEvent', customEventHandler);
}
``