1.5.3 • Published 9 months ago

@carry0987/utils-full v1.5.3

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

Utils-Full-JS

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

Installation

pnpm add @carry0987/utils-full

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

<script src="utils-full.min.js"></script>

Usage

The following code is a simple example of using Utils-Full-JS, you can also find it from Demo:

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'), `<h2 class="mb-3">Utils-Full v${Utils.version}</h2>`);
Utils.insertAfter(Utils.getElem('#app h2.mb-3'), `<h2 class="mb-3 text-center">Core v${Utils.utilsVersion}</h2>`);
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);
}
1.5.3

9 months ago

1.5.2

10 months ago

1.5.1

10 months ago

1.5.0

10 months ago

1.4.9

10 months ago

1.4.11

10 months ago

1.4.8

10 months ago

1.4.10

10 months ago

1.4.6

11 months ago

1.4.5

11 months ago

1.4.4

11 months ago

1.4.3

11 months ago

1.4.7

11 months ago

1.4.2

1 year ago

1.4.1

1 year ago

1.4.0

1 year ago

1.3.0

1 year ago

1.2.13

1 year ago

1.2.14

1 year ago

1.2.15

1 year ago

1.2.0

1 year ago

1.2.8

1 year ago

1.2.7

1 year ago

1.2.6

1 year ago

1.2.5

1 year ago

1.2.4

1 year ago

1.2.3

1 year ago

1.2.2

1 year ago

1.2.1

1 year ago

1.1.16

1 year ago

1.1.15

1 year ago

1.2.9

1 year ago

1.2.12

1 year ago

1.2.10

1 year ago

1.2.11

1 year ago

1.1.14

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.13

1 year ago

1.1.9

1 year ago

1.1.8

1 year ago

1.1.10

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.1

1 year ago

1.1.2

1 year ago

1.0.2

2 years ago

1.1.0

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago