open-index/open-npm huggingface dataset:
npm package: @nodetech/egg-yunpian
Description: 云片SDK
Author: peiyu.cui@nodetech-inc.com
Latest version: 1.0.7

# @nodetech/egg-yunpian

[![NPM version][npm-image]][npm-url]
[![build status][travis-image]][travis-url]
[![Test coverage][codecov-image]][codecov-url]
[![David deps][david-image]][david-url]
[![Known Vulnerabilities][snyk-image]][snyk-url]
[![npm download][download-image]][download-url]

[npm-image]: https://img.shields.io/npm/v/egg-yunpian.svg?style=flat-square
[npm-url]: https://npmjs.org/package/egg-yunpian
[travis-image]: https://img.shields.io/travis/eggjs/egg-yunpian.svg?style=flat-square
[travis-url]: https://travis-ci.org/eggjs/egg-yunpian
[codecov-image]: https://img.shields.io/codecov/c/github/eggjs/egg-yunpian.svg?style=flat-square
[codecov-url]: https://codecov.io/github/eggjs/egg-yunpian?branch=master
[david-image]: https://img.shields.io/david/eggjs/egg-yunpian.svg?style=flat-square
[david-url]: https://david-dm.org/eggjs/egg-yunpian
[snyk-image]: https://snyk.io/test/npm/egg-yunpian/badge.svg?style=flat-square
[snyk-url]: https://snyk.io/test/npm/egg-yunpian
[download-image]: https://img.shields.io/npm/dm/egg-yunpian.svg?style=flat-square
[download-url]: https://npmjs.org/package/egg-yunpian

<!--
Description here.
-->

## Install

```bash
$ npm i @nodetech/egg-yunpian --save
```

## Usage

```js
// {app_root}/config/plugin.js
exports.yunpian = {
  enable: true,
  package: '@nodetech/egg-yunpian',
};
```

## Configuration

```js
// {app_root}/config/config.default.js
exports.yunpian = {
};
```

see [config/config.default.js](config/config.default.js) for more detail.

## Example

<!-- example here -->

## Questions & Suggestions

Please open an issue [here](https://github.com/eggjs/egg/issues).

## License

[MIT](LICENSE)
npm package: @nodetech/vue-avatar
Description: https://packages.myjiedian.com/vue-avatar
Author: xiaocui1023@vip.qq.com
Latest version: 1.0.3


# 图片上传与裁切

# install
```shell
$ npm install @nodetech/vue-avatar
// or
$ yarn add @nodetech/vue-avatar
```

# development
```shell
$ yarn
$ yarn dev
```

# use
```vue
<style lang="less">
html, body {
  height: 100%;
  height: 100vh;
}
html {
  font-size: 14px;
}
body {
  background-color: #e0e0e0;
}
.window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-color: #ffffff;
  border-radius: .2rem;
}
</style>

<template>
  <div class="window">
    <vue-avatar :image="demo.image"
                :preview="demo.preview"
                :showHandle="demo.showHandle"
                :uploadTips="demo.uploadTips"
                :previewCircle="demo.previewCircle"
                :previewSizes="demo.previewSizes"
                :cropperStyle="demo.cropperStyle"
                :cropperOptions="demo.cropperOptions"
                :onSave="onSave"
                :imgLoad="imgLoad" />
  </div>
</template>

<script>
import VueAvatar from '@nodetech/vue-avatar'
export default {
  components: {
    VueAvatar
  },
  data() {
    return {
      demo: {
        // 图片地址或 input选择的文件
        image: '',
        // 开启裁切预览
        preview: true,
        // 显示操作按钮 支持放大缩小 
        showHandle: true,
        // 上传提示语
        uploadTips: '点击上传文件，或将图片文件拖至此处',
        // 圆形预览图
        previewCircle: true,
        // 裁切区样式
        cropperStyle: {
          width: '320px',
          height: '320px'
        },
        // 裁切预览展示尺寸
        previewSizes: [128, 64, 32],
        // 输出文件类型
        outputType: 'png',
        // 裁切器参数
        cropperOptions: {
          size: 1, // 
          full: false, // 舒服三个月成功已原图比例的截图
          canMove: true, // 可移动图片
          canMoveBox: true, // 可移动裁切框
          fixedBox: true, // 固定截图框大小
          original: false, // 显示图片原始尺寸
          autoCrop: true, // 自动裁切
          autoCropWidth: 200, // 自动裁切大小
          autoCropHeight: 200, // 自动裁切大小
          centerBox: true, // 限制在图片内部
          high: false, // 截图信息展示是否是真实的输出宽高
          infoTrue: true, // 截图信息展示是否是真实的输出宽高
          enlarge: 1, // 是否按照截图框比例输出
          mode: 'contain' // 图片默认渲染方式 类似这些 ['contain', 'cover', '400px auto', 'auto 400px', '50%', 'auto 50%']
        }
      }
    }
  },
  methods: {
    // 保存按钮事件
    onSave(base64, blob) {
      console.log(base64, blob)
    },
    imgLoad(msg) {
      console.log(msg)
    }
  }
}
</script>
```
npm package: @nodetech/vue-fast-picker
Description: ## Project setup ``` yarn install ```
Latest version: 0.1.5

# vue-date-picker v0.1.5

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Run your tests
```
yarn run test
```

### Lints and fixes files
```
yarn run lint
```

### Publish
```
npm publish --access public
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @nodetf/buffer
Description: Java-Like Buffer Impl
Author: N1ghtTheF0x
Latest version: 1.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# NBuffer - A Java Buffer Impl

This Buffer class works the same as [this][java-buffer-docs]

## Example

```ts
import NBuffer from "@nodetf/buffer";
import { readFileSync } from "node:fs"

// Parameters are like the DataView class
const buffer = new NBuffer(readFileSync("file.bin"));

// Read the first integer from the buffer
const int = buffer.readInt32();
// Read the unsigned byte after the first integer
const ubyte = buffer.readUInt8();
```

[java-buffer-docs]: https://docs.oracle.com/javase/7/docs/api/java/nio/Buffer.html