hdhaibqbx/ArayTS

ArayTS，A set of practical tools and services that make working with TypeScript in Vue projects easy and enjoyable.

🙉 English | 简体中文

Through ArayTS, you can easily use TypeScript in Vue3\other TS supported projects to improve development efficiency and reduce potential errors. Designed to simplify daily tasks, it provides developers with a set of practical tools and services to make using TypeScript in Vue projects easy and enjoyable.

Use a package manager

I recommend that you install ArayTS using the NPM package manager.

npm install arayts --save

Imported within the component

I recommend you to use ArayTS the way you introduce it inside the component.

Introduced in the vue file that needs to be used:

<script lang="ts" setup>
  import {Email} from 'arayts'  //If introduced globally, this sentence does not need to be written
</script>

Global introduction

Introduced in the main.ts file:

import { createApp } from 'vue'
import App from './App.vue'
import arayts from 'arayts'

const app = createApp(App)
app.use(App)
app.use(arayts)
app.mount('#app')

If you use global import, you need to use arayts to call the function before all the following methods, for example:

const isTrue = arayts.Email('3497547233@qq.com');
const date = arayts.Time.get();

Manual

🎉 E-mail verification:

If correct, return true, if incorrect, return false. There are three ways to use the email verification function:

Input the email address that needs to be verified.

import {Email} from 'arayts';
const isTrue = Email('3497547233@qq.com');

Enter the email address whose format needs to be verified and the email domain name that needs to be verified for compliance.
```
import {Email} from 'arayts';
const isTrue = Email('3497547233@qq.com','qq.com');
```
Enter the email address whose format needs to be verified and the array of email domain names that need to be verified for compliance.
```
import {Email} from 'arayts';
const isTrue = Email('3497547063@qq.com',["outlook.com","qq.com"]);
```

🎉 Mobile phone number verification:

If correct, return true, if incorrect, return false. There are three ways to use the mobile phone number verification function:

Enter the mobile phone number whose format needs to be verified.

import {Phone} from 'arayts';
const isTrue = Phone('15156169999');

Input the mobile phone number that needs to be verified and the region that needs to be verified for compliance.
```
import {Phone} from 'arayts';
const isTrue = Phone('15156169999','zh-CN');
```
Pass in the mobile phone number whose format needs to be verified and the region array that needs to be verified for compliance.
```
import {Phone} from 'arayts';
const isTrue = Phone('15156169999',['zh-CN','en-hk']);
```

🎉 Date operations:

There are four date operation functions:

Date acquisition (returns string type data).

import {Time} from 'arayts';
const date = Time.get();
const date = Time.get("YYYY=MM=DD"); //The returned date format can be customized, but it must include one, two or all of YYYY, MM, DD

Determine the date range (return boolean type data).

import {Time} from 'arayts';
const verifiedDate = '2023/11/26';
const previousDate = '2023/11/25';
const laterDate = '2023/11/27';

const isTrue = Time.range(verifiedDate,previousDate);//By default the latter date is the local date.
const isTrueTwo = Time.range(verifiedDate,previousDate,laterDate);

Date comparison (returns boolean type data).

import {Time} from 'arayts';
const previousDate = '2023/11/25';
const laterDate = '2023/11/27';
    
const isTrue = Time.order(previousDate,laterDate);
const isTrue = Time.order(previousDate); //By default the latter date is the local date.

Date calculation (return number type data).

🎉 Generate random numbers:

Supports two usage methods, returning number type data:

Only pass in the number of digits of the random number;

 import {random} from 'arayts';
    
 const data = random(4);

Pass in the number of digits and range;

Supports two usage methods, returning number type data:
1. Only pass in the number of digits of the random number;
```
 import {random} from 'arayts';
    
 const data = random(4);
```
2. Pass in the number of digits and range;
```
import {random} from 'arayts';
    
const data = random(4,0,100);
```

🎉 Temporary storage function:

The temporary storage function function supports storing functions and calling them on any page, which greatly saves code redundancy and improves code reuse.

// custom function
import { Storage } from 'arayts';

function existingFunction() {
    console.log(123)
}
Storage.save('myFunction', existingFunction);   //Save function to repository
const storedFunction = Storage.get('myFunction');   //Call function from repository
storedFunction();   //Call functions
Storage.remove('myFunction');   //Delete this function
Storage.clear();    //Clear function

🎉 Password encryption:

The password encryption function has four optional encryption methods (pbkdf2, bcrypt, scrypt, md5). Each encryption method has rich optional values, as follows:

Salt method, obtain salt value;

import { salt } from 'arayts';   
const salt = salt(16); // 16 represents the byte length, the default value is 16 if not written.

pbkdf2 encryption;

import { pbkdf2 } from 'arayts';   

const data = pbkdf2("123","2323232");
const data2 = pbkdf2("123","2323232",-1,-1,"",""); //Select the default value for all the last four digits, the effect is the same as the previous sentence
const data3 = pbkdf2("123","2323232",10,9,"sha512","base64");

// "123": Password, required
// "2323232": salt value, required
// 10: Number of iterations, optional, default value is 10000
// 9: Supplementary, optional, default value 64
// "sha512": algorithm, optional, default value 'sha512', optional values 'sha512', 'sha1', 'sha256', 'md5'
// "base64": encoding, optional, default value 'hex', optional values 'hex', 'base64'

bcrypt encryption;

import { bcrypt } from 'arayts';   

const data = pbkdf2("123","2323232");
const data2 = pbkdf2("123","2323232","",""); //Select the default value for all the last two digits, the effect is the same as the previous sentence
const data3 = pbkdf2("123","2323232","sha512","base64");

// "123": Password, required
// "2323232": salt value, required
// "sha512": algorithm, optional, default value 'sha512', optional values 'sha512', 'sha1', 'sha256', 'md5'
// "base64": encoding, optional, default value 'hex', optional values 'hex', 'base64'

scrypt encryption;

import { scrypt } from 'arayts';   
    
const data = pbkdf2("123","2323232");
const data2 = pbkdf2("123","2323232",-1,""); //Select the default value for all the last two digits, the effect is the same as the previous sentence
const data3 = pbkdf2("123","2323232",10,"base64");

// "123": Password, required
// "2323232": salt value, required
// 10: Number of digits, optional, default value 64
// "base64": encoding, optional, default value 'hex', optional values 'hex', 'base64'

5、md5 encryption；

import { md5 } from 'arayts';   

const data = pbkdf2("123");
const data2 = pbkdf2("123",""); //Select the default value for all the last digits, the effect is the same as the previous sentence
const data3 = pbkdf2("123","base64");

// "123": Password, required
// "base64": encoding, optional, default value 'hex', optional values 'hex', 'base64'