# ed-form-vue

## NPM 发布

1.安装镜像源管理工具nrm
```
// 开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry
npm install -g nrm
```

2.安装成功后可使用nrm管理工具相应命令，具体一些常用命令如下：
```cmd
// 1.查看所有的支持源（有*号的表示当前所使用的源）
nrm ls
// 2.将npm下载源切换成指定的源 [name]表示源的名称（如上图使用taob  执行命令 nrm use taob）
nrm use [name]
// 3.添加源地址
nrm add <name> <url>
// 4.添加成功可执行nrm ls 查看所有源找到自己刚添加的ceshi源
nrm ls
```
2.发布自定义组件到公司私服
```cmd
// 1.基于安装好的源管理工具nrm切换到公司私服地址
nrm use [name]
// 2.登录公司私服地址(从下面开始操作步骤需要使用npm 命令)
npm login
// 3.登录成功即可发布组件包到公司私服
npm run pub
```

- 注：如果报`The "from" argument must be of type string`，就再次执行一次`npm run pub`

<br>

## 使用方法
- 安装依赖
```npm
npm install simple-base-unit
```

- 注册依赖
```js
import EdBaseVue from 'simple-base-unit'
import "ed-base-vue/src/style/index.scss"
Vue.use(EdBaseVue)
```

- 使用组件
```vue
<ed-form form-desc="" form-data=""></ed-form>
```

<br>

## 组件总览
| 组件             | 描述          | 版本     | 文档                           | 
|----------------|-------------|--------|------------------------------|
| EdCodeEditor   | 代码编辑器       | v1.0.0 | [查看](README/CodeEditor.md)   |
| EdDialog       | 弹窗          | v1.0.0 | [查看](README/Dialog.md)       |
| EdDrawer       | 抽屉          | v1.0.0 | [查看](README/Drawer.md)       |
| EdForm         | 动态表单        | v1.0.0 | [查看](README/Form.md)         |
| EdInputMap     | 定位选择器       | v1.0.0 | [查看](README/InputMap.md)     |
| EdInputPop     | input放大器    | v1.0.0 | [查看](README/InputPop.md)     |
| EdInputTable   | 表格选择器       | v1.0.0 | [查看](README/InputTable.md)   |
| EdInputColor   | 颜色选择器       | v1.0.0 | [查看](README/InputColor.md)   |
| EdJsonEditor   | JSON编辑器     | v1.0.0 | [查看](README/JsonEditor.md)   |
| EdJsonViewer   | JSON查看器     | v1.0.0 | [查看](README/JsonViewer.md)   |
| EdMarkEditor   | markdown编辑器 | v1.0.0 | [查看](README/MarkEditor.md)   |
| EdTable        | Table       | v1.0.0 | [查看](README/Table.md)        |
| EdTableEditor  | Table编辑器    | v1.0.0 | [查看](README/TableEditor.md)  |
| EdWangEditor   | 富文本编辑器      | v1.0.0 | [查看](README/WangEditor.md)   |
| EdDescriptions | 描述列表        | v1.0.0 | [查看](README/Descriptions.md) |

<br>

## 插槽组件
| 组件         | 描述           |
|------------|--------------|
| ExtendSlot | 用于处理插槽       |
| OptionSlot | 用于处理option插槽 |

<br>

## NPM依赖包
| 依赖包                        |     描述      |   版本    |                         文档                          | 
|----------------------------|:-----------:|:-------:|:---------------------------------------------------:|
| @amap/amap-jsapi-loader    |    高德地图     | v1.0.1  |  [查看](https://lbs.amap.com/api/jsapi-v2/summary/)   |
| @wangeditor/editor         |   富文本编辑器    | v5.1.23 |          [查看](https://www.wangeditor.com/)          |
| @wangeditor/editor-for-vue |   富文本编辑器    | v5.1.23 |          [查看](https://www.wangeditor.com/)          |
| codemirrore                |    代码编辑器    | v5.46.0 |   [查看](https://www.npmjs.com/package/codemirror)    |
| jsoneditor                 |   json编辑器   | v9.10.0 |   [查看](https://www.npmjs.com/package/jsoneditor)    |
| mavon-editor               | markdown编辑器 | v2.10.4 |    [查看](https://github.com/hinesboy/mavonEditor)    |
| vue-json-viewer            |   JSON查看器   |   v2    | [查看](https://www.npmjs.com/package/vue-json-viewer) |

<br>

## 快速删除node_modules

1. 安装rimarf
```npm
npm i rimraf -g
```
2. 删除node_modules
```npm
rimraf node_modules
```