### `<upload-button>` Props

|参数名|描述|类型|默认值|
|---|---|---|:---:|
|size|按钮大小|`string`|`'medium'`|
|type|按钮形状|`string`|`'round'`|
|load-text|加载状态的内容|`string`|`'加载中'`|
|success-text|成功状态的内容|`string`|`'成功'`|
|loading|是否为加载状态|`boolean`|`false`|
|success|是否为成功状态|`boolean`|`false`|
|disabled|按钮是否禁用|`boolean`|`false`|
|loading-duration|加载状态持续时间（毫秒）|`number`|`3000`|
|success-duration|成功状态持续时间（毫秒）|`number`|`1600`|



### `按钮Props`

| 参数名 |    描述    |    类型     | 默认值 |
| ------| :--------: | :---------: | -----: |
| type  | 按钮的形状 | `square`、 `round` | `round`|
| size  | 按钮的大小 | `mini`、 `small` 、`medium`、`large`| `medium`|


### `事件Events`

| 事件名 |    描述    |  参数 |
| ------ | :----------: | :------: | 
| click  | 点击按钮时触发 | event:`Event` |

按钮处于loading、success状态时，按钮会处于禁止点击状态。防止触发点击事件。
## Demos

```json type=description
[
  {
    "kind": "file",
    "name": "LoadingButton",
    "memberOf": "数据展示、其他",
    "description": "按钮操作状态的即时反馈，一般用于上传、下载...."
  },
  {
    "kind": "member",
    "name": "基本用法",
    "description": "按钮自带四种尺寸,在加载效果时按钮禁用点击。颜色跟随Arco主题，特别需求可通过对组件style样式进行大小、颜色调整控制。"
  }
]
```

```vue
<template>
  <div class="wrap">
    <UploadButton style="margin: 0 10px" size="mini">mini</UploadButton>
    <UploadButton style="margin: 0 10px" size="small">small</UploadButton>
    <UploadButton style="margin: 0 10px">提交</UploadButton>
    <UploadButton style="margin: 0 10px" type="square">形状</UploadButton>
    <UploadButton style="margin: 0 10px" size="large" :success-duration="800"
      >这是一段较长的文字</UploadButton
    >
    <UploadButton style="margin: 0 10px" disabled>禁用</UploadButton>
  </div>
</template>

<script lang="ts">
// eslint-disable-next-line import/no-unresolved
import UploadButton from 'arco-vue-upload-button';

export default {
  name: 'BasicDemo',
  components: {
    UploadButton,
  },
};
</script>
<style>
.wrap {
  width: 100%;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>

```