# element-plus-intensifier

> 基于element-plus的组件增强器

Latest version **1.0.21** (published 2023-03-27) · ISC license · 0 weekly downloads

## Install

```sh
npm install element-plus-intensifier
pnpm add element-plus-intensifier
yarn add element-plus-intensifier
bun add element-plus-intensifier
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.21 |
| Published | 2023-03-27 |
| First published | 2023-03-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 4 |
| Unpacked size | 494.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | darkersu |
| Maintainers | darkersu |
| Keywords | vue3, element-plus, intensifier, form, table, generator |

## Links

- npm: https://www.npmjs.com/package/element-plus-intensifier
- Repository: https://github.com/DarkerSU/element-plus-intensifier
- Homepage: https://github.com/DarkerSU/element-plus-intensifier#readme
- Issues: https://github.com/DarkerSU/element-plus-intensifier/issues
- npm.io page: https://npm.io/package/element-plus-intensifier

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^3.2.47
- [typescript](https://npm.io/package/typescript.md) ^4.9.5
- [element-plus](https://npm.io/package/element-plus.md) ^2.2.30
- [@element-plus/icons-vue](https://npm.io/package/@element-plus/icons-vue.md) ^2.0.10

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.21 (latest) — 2023-03-27
- 1.0.20 — 2023-03-22
- 1.0.19 — 2023-03-22
- 1.0.18 — 2023-03-22
- 1.0.17 — 2023-03-21
- 1.0.16 — 2023-03-21
- 1.0.15 — 2023-03-21
- 1.0.14 — 2023-03-21
- 1.0.13 — 2023-03-20
- 1.0.12 — 2023-03-20
- 1.0.11 — 2023-03-19
- 1.0.10 — 2023-03-19
- 1.0.9 — 2023-03-19
- 1.0.7 — 2023-03-16
- 1.0.6 — 2023-03-16
- … 6 more at https://npm.io/package/element-plus-intensifier/versions

## README

# element-plus-intensifier

## ElementPlus 组件库增强器

element-plus-intensifier 是一款基于 element-plus 的组件增强器，旨在不降低页面效果的情况下以最少的代码量完成开发，借鉴了 jsx/tsx 的开发思想，将 element-plus 组件进行整合，让开发更轻松，让代码更简洁。

### 安装

> 安装前提：增强是基于element-plus开发，所以必须先安装element-plus

* **步骤 1：** 安装依赖

  ```shell
    # 选择一个你喜欢的包管理器

    # NPM
    $ npm install element-plus-intensifier--save

    # Yarn
    $ yarn add element-plus-intensifier

    # pnpm
    $ pnpm install element-plus-intensifier
  ```
* **步骤 2：** 引入依赖
  全局注册

  ```ts
  import App from './App.vue'

  import ElementPlus from 'element-plus'
  import 'element-plus/dist/index.css'

  import { FormGenerator, TableGenerator,IUpload } from 'element-plus-intensifier'

  const app = createApp(App)

  app.component('FormGenerator', FormGenerator);
  app.component('TableGenerator', TableGenerator);
  app.component('IUpload',IUpload)

  app.use(ElementPlus).mount('#app')
  ```

### 目前支持

#### 上传组件增强器 IUpload

按需引入

```ts
import { IUpload } from 'element-plus-intensifier'
```

使用案例

```ts
   <IUpload 
      action="http://****/uploadFile" list-type="picture-card" 
      :multiple="true"
      :maxSize="90" 
      :file-list="fileList" 
      accept="image/*" 
      :on-success="Success">
      <el-button type="primary">点我上传</el-button>
   <IUpload>
```

#### 表单增强器 FormGenerator

按需引入

```ts
import { FormGenerator } from 'element-plus-intensifier';
// 使用
<template>
  <FormGenerator :model="form" :formOption="formOption" />
</template>

```

#### 表格增强器 TableGenerator

按需引入

```ts
import { TableGenerator } from 'element-plus-intensifier';

// 使用
<template>
  <TableGenerator :data="tableData":tableOption="tableOption" />
</template>
```

---
_Source: https://npm.io/package/element-plus-intensifier · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._