# vue-feargadh-form-ui

> ​ 基于Vue2.x的一套好看的表单组件，目前包含了Button按钮、Input输入框、Select选择器、Checkbox复选框、Radio 单选框。

Latest version **0.4.2** (published 2020-09-24) · 0 weekly downloads

## Install

```sh
npm install vue-feargadh-form-ui
pnpm add vue-feargadh-form-ui
yarn add vue-feargadh-form-ui
bun add vue-feargadh-form-ui
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.4.2 |
| Published | 2020-09-24 |
| First published | 2020-09-14 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 85.3 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | feargadh |

## Links

- npm: https://www.npmjs.com/package/vue-feargadh-form-ui
- npm.io page: https://npm.io/package/vue-feargadh-form-ui

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5
- [async-validator](https://npm.io/package/async-validator.md) ^3.4.0

## Recent versions

- 0.4.2 (latest) — 2020-09-24
- 0.4.1 — 2020-09-24
- 0.4.0 — 2020-09-22
- 0.3.8 — 2020-09-21
- 0.3.7 — 2020-09-19
- 0.3.6 — 2020-09-16
- 0.3.5 — 2020-09-16
- 0.3.4 — 2020-09-16
- 0.3.3 — 2020-09-16
- 0.3.2 — 2020-09-16
- 0.3.1 — 2020-09-15
- 0.3.0 — 2020-09-15
- 0.2.0 — 2020-09-14
- 0.1.0 — 2020-09-14

## README

# vue-feargadh-form-ui

​		基于Vue2.x的一套好看的表单组件，目前包含了Button按钮、Input输入框、Select选择器、Checkbox复选框、Radio 单选框。

[项目文档](https://feargadh.gitee.io/fg-components-doc/) 未完工

## 下载组件

```powershell
npm i vue-feargadh-form-ui
```



## 实现组件

- [√] Form
- [√] FormItem
- [√] Button
- [√] Input
- [√] Select
- [√] Checkbox
- [√] CheckboxGroup
- [√] Radio



## 使用组件

首先，安装[babel-plugin-component](https://github.com/QingWei-Li/babel-plugin-component)

```powershell
npm install babel-plugin-component -D
```

然后，将 .babelrc 修改为：

```json
{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "vue-feargadh-form-ui",
        "root": "index",
      }
    ]
  ]
}
```

接下来，如果你只希望引入部分组件，比如 Button 和 Select，那么需要在 main.js 中写入以下内容：

```javascript
import Vue from 'vue';
import { Button, Select } from 'vue-feargadh-form-ui';
import App from './App.vue';


Vue.use(Button)
Vue.use(Select)

new Vue({
  el: '#app',
  render: h => h(App)
});
```

如果你希望直接引入全部组件，则在main.js中写入一下内容

```JavaScript
import Vue from 'vue';
import VueFeargadhFormUi from 'vue-feargadh-form-ui';
import App from './App.vue';


Vue.use(VueFeargadhFormUi)

new Vue({
  el: '#app',
  render: h => h(App)
});
```

---
_Source: https://npm.io/package/vue-feargadh-form-ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._