# Tools Library

**Repository Path**: void_rangers/tools_library

## Basic Information

- **Project Name**: Tools Library
- **Description**: 放置一些较为常用的二次开发组件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-08-04
- **Last Updated**: 2025-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 工具库

## README

# Tools Library

#### 介绍
放置一些较为常用的二次开发组件

 


#### 图片处理工厂

一个用以处理各种图片问题的复合组件

```javascript
//引入 "dish/imageProcess.js"
var imageProcess = new ImageProcess({
    compress: {             //压缩配置, 以下为默认值 (false => 不压缩)
        maxWidth: 1400,     //最大宽度
        maxHeight: 1400,    //最大高度
        type: 'image/jpeg', //图片类型, 仅支持 jpg/png/jpeg
        format: 'base64',   //数据格式, 为处理完成后的数据 [base64/file/blob]
        quality: .8         //压缩质量
    }
});

/**
 * @param {File}    file    图片文件
 * @param {Object}  opts    压缩配置, 可私有化, 具体同 compress 一致
*/
imageProcess.compress(file, opts).then(res => {
    console.log(res);   //处理后的数据
});
```

---

#### 时间戳转换

用以把时间戳转(秒级/毫秒级)换为可读的日期格式

```javascript
/**
 * @param {Number} timestamp    时间戳 (毫秒级/秒级)
 * @param {String} format       日期格式 (默认 => 'Y-m-d H:i:s')
*/
timestampTransform(timestamp, format);

timestampTransform(1637201594462);  //2021-11-18 10:13:14
```

---

#### 复制(设置剪贴板)

用以复制纯文本

```javascript
/**
 * @param {String} text 需要复制的文本
*/
setClipboardText(text);     //调用后，请按 Ctrl+V 查看
```

---

#### 地址选择组件

按首字母排序的城市选择组件，包含城市搜索、当前位置定位（IP）、最近访问等功能

---

#### Echarts

多功能图表基础示例，若需更多更完善的功能请移步 <a href="https://echarts.apache.org/handbook/zh/get-started/" target="_blank">Echarts 中文文档</a>

---

#### weapp-npm构建示例

微信小程序 构建 `npm` 包的示例，具体步骤详见 <a href="https://gitee.com/void_rangers/tools_library/blob/master/weapp-npm%E6%9E%84%E5%BB%BA%E7%A4%BA%E4%BE%8B/README.md" target="_blank">weapp-npm搭建步骤</a>

---

#### 商品多规格设置

用以 管理后台 设置商品多规格的样式和功能，分移动端 和 电脑端两种

---