open-index/open-npm huggingface dataset:
npm package: @maybecode/amap-utils
Description: 基于高德地图JS-API二次封装的工具库
Author: maybe
Latest version: 1.1.8

# amap-utils

基于[高德地图JS-API](https://lbs.amap.com/api/jsapi-v2/guide/abc/load)二次封装的工具库

[![npm](https://img.shields.io/npm/v/@maybecode/amap-utils.svg)](https://www.npmjs.com/package/@maybecode/amap-utils)


## 快速开始

### 安装
```js
npm i @maybecode/amap-utils
```
### CDN
```js
<script src="https://cdn.jsdelivr.net/npm/@maybecode/amap-utils/dist/index.umd.min.js"></script>
````

### Demo

[Demo](http://null_639_5368.gitee.io/amap-utils)


## 特色功能
- 封装围栏相关api,更方便、快捷的处理围栏相关业务，同时兼容PC和移动端（移动端采用拖拽选址的方式）
- 封装轨迹相关api
- 封装定位相关api
- 内置围栏合法验证相关算法、例：多边形是否合法
- 在工具库不满足业务的情况下,提供原生的`AmapUtils.AMap`对象进行业务的定制
- 提供Promise封装的`loadPlugins`、`loadUIPlugins`方法进行异步的插件和UI加载
 
### 基础用法
```js
import AmapUtils from '@maybecode/amap-utils'

const amapUtils = new AmapUtils({
    key: "key",             // 申请好的Web端开发者Key，首次调用 load 时必填
    version: "2.0",      // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
    plugins: [
        'AMap.MouseTool',
        'AMap.PolygonEditor',
        'AMap.CircleEditor',
    ],       // 需要使用的的插件列表，如比例尺'AMap.Scale'等
    "AMapUI": {             // 是否加载 AMapUI，缺省不加载
        "version": '1.1',   // AMapUI 版本
        "plugins": [
            'misc/PositionPicker' // 移动端拖拽选址
        ],       // 需要加载的 AMapUI ui插件
    },
});

console.log(amapUtils)

const init = async () => {
    // 容器 <div id="map"></div>
    const map = await amapUtils.initMap('map', {
        center: [116.397428, 39.90923],
        // zooms: [4, 18],//设置地图级别范围
        zoom: 13
    });

}

init()

```
更多用法请参考[示例代码](./examples/html/map.js),常用的使用方法都有相关的示例。

## 文档

**注：需要具备一定的typescript知识**

[类型定义](./dist/index.d.ts)

## 开发

### 调试
```js
npm run dev
```
### 构建
```js
npm run build
```

## License

[MIT](./README.md)
npm package: @maybecode/js-utils
Description: 封装了常用的js工具函数，开箱即用
Author: Maybe
Latest version: 1.1.1

#  js-utils 工具库

[![npm](https://img.shields.io/npm/v/@maybecode/js-utils.svg)](https://www.npmjs.com/package/@maybecode/js-utils)
[![npm](https://img.shields.io/npm/dt/@maybecode/js-utils.svg)](https://www.npmjs.com/package/@maybecode/js-utils)

- 封装了常用的工具函数，开箱即用

- 喜欢记得给个star, 持续更新

## 兼容
***
> 兼容 ie9+  firefox   chrome 

## npm
***
> https://www.npmjs.com/package/@maybecode/js-utils

## 码云
***
> https://gitee.com/null_639_5368/js-utils

## 安装
***
``` 
npm i @maybecode/js-utils
```

### commonjs
***
``` 
const MaybeUtils = require('@maybecode/js-utils')

or

const { throttle, isInViewPort }= require('@maybecode/js-utils')

```

### es6
***
``` 
import * as  MaybeUtils from "@maybecode/js-utils";

or 

import { throttle, isInViewPort } from "@maybecode/js-utils";

```

### 浏览器script
***
``` 
   <script src="https://cdn.jsdelivr.net/npm/@maybecode/js-utils/dist/index.min.js"></script>
    <script>
        // MaybeUtils 是工具库全局导出的变量
        let a = { b: { val: 'test' } }
        let c = MaybeUtils.deepClone(a)
        console.log(c)
    </script>

```

### 目前收录的函数
> 😋 dist/types 文件夹中每个函数都有相应的方法注释
npm package: @maybecode/m-chat
Description: [![npm](https://img.shields.io/npm/v/@maybecode/m-chat.svg)](https://www.npmjs.com/package/@maybecode/m-chat) [![npm](https://img.shields.io/npm/dt/@maybecode/m-chat.svg)](https://www.npmjs.com/package/@maybecode/m-chat) [![npm](https://img.shields.io/b
Latest version: 1.4.4
npm package: @maybecode/m-recorder
Description: 基于Recocder封装的工具类
Author: Maybe
Latest version: 1.0.6

#  MRecorder 工具类
> 基于[Recoder](https://github.com/xiangyuecn/Recorder)二次封装的工具类

[![npm](https://img.shields.io/npm/v/@maybecode/m-recorder.svg)](https://www.npmjs.com/package/@maybecode/m-recorder)
[![npm](https://img.shields.io/npm/dt/@maybecode/m-recorder.svg)](https://www.npmjs.com/package/@maybecode/m-recorder)

[码云](https://gitee.com/null_639_5368/MRecorder)
## 安装
```
npm install @maybecode/m-recorder
```

## 在线demo
[Demo](https://null_639_5368.gitee.io/mrecorder)

## 示例代码
```
import MRecorder from '@maybecode/m-recorder' 

MRecorder.amrTo(source,{type:'wav'}).then(res=>{
    console.log(res) // { blob, duration, rec}
});
```

## 目前实现的功能

```
      /**
     * amr音频转换
     * @param source {string | Blob}  http链接或者blob二进制流
     * @param config
     */
    static amrTo(source: string | Blob, config?: ToConfig): Promise<ToReslove>;
    /**
    * mp3音频转换
    * @param source {string | Blob} http链接或者blob二进制流
    * @param config
    */
    static mp3To(source: string | Blob, config?: ToConfig): Promise<ToReslove>;
    /**
    * wav音频转换
    * @param source {string | Blob} http链接或者blob二进制流
    * @param config
    */
    static wavTo(source: string | Blob, config?: ToConfig): Promise<ToReslove>;
    /**
     * 获取二进制流通过url
     * @param url
     */
    static getBlobByUrl(url: string): Promise<Blob>;
    /**
     * 开始录音
     * @param config  默认值：{  type: "wav",sampleRate: 32000,bitRate: 96,}
     * @param callback  callback.success(){} 成功调用回调 callback.denied(msg, isUserNotAllow){} 用户拒绝未授权或不支持
     */
    static startRecord(config: RecordConfig, callback?: CallBack): void;
    /**
     * 结束录音
     * @param callback  callback.success(){} 成功调用回调  callback.error(msg){} 调用失败回调
     */
    static stopRecord(callback?: CallBack): void;
    /**
     * 获取音频的src通过blob
     * @param blob
     */
    static getAudioSrcByBlob(blob: Blob): string;
```
npm package: @maybecode/v-power
Description: Mobile UI Components built on Vue
Author: maybe
Latest version: 1.1.1

<div class="van-doc-card" style="background:#fff;padding:10px;border-radius:20px;margin-bottom:15px;">
  <div class="van-doc-intro"  style="text-align:center;">
     <p align="center">  <img class="van-doc-intro__logo" width="200" height="200" style="width: 200px; height: 200px;" src="https://cdntest-1251804846.cos.ap-guangzhou.myqcloud.com/logo.png"></p>
    <h2 style="margin: 0; font-size: 36px; line-height: 60px;">v-power</h2>
     <p align="center" >
    <img src="https://img.shields.io/npm/v/@maybecode/v-power?style=flat-square" alt="npm version"  style="margin-right:5px;" />
    <img src="https://img.shields.io/npm/dt/@maybecode/v-power.svg?style=flat-square&color=#4fc08d" alt="downloads" style="margin-right:5px;"   />
    <img src="https://img.shields.io/jsdelivr/npm/hm/@maybecode/v-power?style=flat-square" alt="Jsdelivr Hits" style="margin-right:5px;"  >
 <img src="https://img.shields.io/bundlephobia/min/@maybecode/v-power.svg?style=flat-square" alt="minified size"  style="margin-right:5px;" >
  <img src="https://img.shields.io/github/stars/maybeQHL/v-power?style=flat-square&logo=GitHub" alt="star" style="margin-right:5px;"  >
   <img src="https://gitee.com/null_639_5368/v-power/badge/star.svg?style=flat-square" alt="star">
</p>
    <p>Born for agile development</p>
    <p>Vue2 & VUE3 compatible mobile Vue component library</p>
  </div>
</div>

### Doc
[Online Doc](https://null_639_5368.gitee.io/v-power)

### Prompt

> highly recommended [vue-demi](https://github.com/vueuse/vue-demi) (a package compatible with VUE2 and VUE3) development project

> This component library sample code is based on vue-Demi compositional API demonstration, options API way to modify some code.

### features

- 🚀 is compatible with Vue2 and Vue3
- 🚀 Rapidly develop mobile service functions
- 💪 based on excellent libraries such as Vant
- 💻 All components are screen adaptive
- 💚 Package compatible wechat public account components
  
### Special thanks

- [Vue](https://github.com/vuejs)
- [Vant](https://github.com/youzan/vant)
npm package: @maybecode/vue-next-animejs
Description: Vue3 directive  for animejs
Author: Maybe
Latest version: 1.0.5

# 🌟vue-next-animejs

## Introduction
  * Vue3 directive  for animejs
  * based on  animejs 

[![npm](https://img.shields.io/npm/v/@maybecode/vue-next-animejs.svg)](https://www.npmjs.com/package/@maybecode/vue-next-animejs)
[![npm](https://img.shields.io/npm/dt/@maybecode/vue-next-animejs.svg)](https://www.npmjs.com/package/@maybecode/vue-next-animejs)
[![npm](https://img.shields.io/bundlephobia/min/@maybecode/vue-next-animejs.svg)](https://www.npmjs.com/package/@maybecode/vue-next-animejs)
## Demo
[demo](http://null_639_5368.gitee.io/vue-next-animejs)

## Animejs Doc
[english doc](https://animejs.com)

[chinese doc](https://www.animejs.cn)

## Installation
```
npm install @maybecode/vue-next-animejs 
```

```
import vueNextAnimejs from '@maybecode/vue-next-animejs'

createApp(App).use(vueNextAnimejs).mount('#app')
```

## How to use 
### template 
***
```
  <div class="block" v-anime="{ translateX: 100 }"></div>
  <div class="block" class="test1"></div>
  <div class="block" class="test2"></div>
```
### options api 
***
```
export default {
  mounted() {
     this.$anime({
      targets: ".test1",
      translateX: 120,
    });
    this.$anime({
      targets: ".test2",
      translateX: 150,
    });
  },
};
```
#### Typescript

 In options API of typescript, you should extend interface ComponentCustomProperties.

```
// global-properties.d.ts

import { AnimeFn } from '@maybecode/vue-next-animejs'


declare module '@vue/runtime-core' {
    interface ComponentCustomProperties {
        $anime: AnimeFn
    }
}
```
### composition api 
***
```
import { anime } from "@maybecode/vue-next-animejs";
export default {
 setup() {
    onMounted(() => {
      anime({
        targets: ".test1",
        translateX: 120,
      });
      anime({
        targets: ".test2",
        translateX: 150,
      });
    });
    return {};
  },
};
```
npm package: @maybecode/weixin-jssdk
Description: weixin-jssdk for ts
Author: maybe
Latest version: 1.0.5

# weixin-jssdk

<p align="left" >
    <img src="https://img.shields.io/npm/v/@maybecode/weixin-jssdk?style=flat-square" alt="npm version"  style="margin-right:5px;" />
      <img src="https://img.shields.io/npm/dt/@maybecode/weixin-jssdk.svg?style=flat-square&color=#4fc08d" alt="downloads" style="margin-right:5px;"   />
</p>

> 基于微信jssdk封装的ts类型定义, 尽量保持和官方同步。
> 
当前jssdk版本: `1.6.0`

微信官方文档: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html



## 安装
```
yarn add @maybecode/weixin-jssdk
```

## 使用
```
import wx from '@maybecode/weixin-jssdk'

const jsApiList = [
    'getLocation'
] as wx.ApiMethod[];

wx.config({
    ...
    jsApiList
})
```
npm package: @maybejules/array.last
Description: Get the last element in an array
Author: Juliette Cordor
Latest version: 1.0.2

# Array Last

Get the last element in an array

```javascript
console.log([1, 2, 3].last); // 3

const array = [4, 5, 6];
console.log(array.last); // 6
```
npm package: @maybejules/httpcodes
Description: A simple library to get HTTP status codes
Author: Juliette Cordor
Latest version: 0.1.0

# HTTP Codes

HTTP status code helpers.

## Installation

```bash
npm i --save httpcodes
```

## Usage

```ts
import { HttpCode } from "httpcodes";

console.log(HttpCode.Ok); // 200

// Or with a constant

import { consts } from "httpcodes";

console.log(consts.OK); // 200
```

**Made with 💗 by Juliette Cordor**