# chengla-web-ui-test-1

> 橙啦UI仓库

Latest version **0.0.1** (published 2023-02-15) · 0 weekly downloads

## Install

```sh
npm install chengla-web-ui-test-1
pnpm add chengla-web-ui-test-1
yarn add chengla-web-ui-test-1
bun add chengla-web-ui-test-1
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2023-02-15 |
| First published | 2023-02-15 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 1.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | zhengping |

## Links

- npm: https://www.npmjs.com/package/chengla-web-ui-test-1
- npm.io page: https://npm.io/package/chengla-web-ui-test-1

## Dependencies (6)

- [vue](https://npm.io/package/vue.md) ^3.2.37
- [axios](https://npm.io/package/axios.md) ^1.1.3
- [terser](https://npm.io/package/terser.md) ^5.15.1
- [ali-oss](https://npm.io/package/ali-oss.md) ^6.17.1
- [vue-router](https://npm.io/package/vue-router.md) ^4.1.6
- [compressorjs](https://npm.io/package/compressorjs.md) ^1.1.1

## Recent versions

- 0.0.1 (latest) — 2023-02-15

## README

# uploadFileCl uploadFileOSS

## 提示
```
该组件默认为透明，高度和宽度充满父元素，嵌入父元素的标签内即可
```

## 安装
```
npm install chengla-web-ui
```

## 参数描述
```
imgWidth:      type: number|string // 图片的宽 必须和高同时出现
imgHeight:     type: number|string // 图片的高
sliceRange:    type: number, // 切片大小 MB
multiple:      type: Boolean, // 是否多选  默认为false
type:          type: String, // 上传类型 img, text, video 默认为img        
clearInput:    type: Number, // 清除input的value 传一个数字即可 +new Date()
uploadBucket:  type: String  上传方式 cl 或者 oss 默认为cl
uploadPath     type: String, // 上传地址，根据项目区分 辅导：coaching 默认为coaching
qualitytype:   Number, // 图片压缩率 它必须是0和1之间的数字  默认为0.7
uploadHost:    type: String, // 上传域名

```

## 使用

```
<template>
  <div id="app">
    <uploadFileOSS @fileMsg="fileMsg" uploadBucket="oss"></uploadFileOSS>
  </div>
</template>

<script>
import uploadFileOSS from 'chengla-web-ui'
export default {
    components: { uploadFileOSS },
    data() {
        return {
            fileList: []
        }
    },
    methods: {
        fileMsg(data) {
            console.log(data)
            if (data.code == 200) {
                this.fileList = data.info;
            } else {
                alert(data.msg)
            }
        }
    }
}
<script>
```

---
_Source: https://npm.io/package/chengla-web-ui-test-1 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._