完善文档

Author: dream2023

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 二当家的
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.m

README.md

@@ -1,29 +1,29 @@
-# test
-
-## Project setup
-```
-npm install
-```
-
-### Compiles and hot-reloads for development
-```
-npm run serve
-```
-
-### Compiles and minifies for production
-```
-npm run build
-```
-
-### Run your tests
-```
-npm run test
-```
-
-### Lints and fixes files
-```
-npm run lint
-```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
+# vue-ele-form-generator | vue-ele-form 的表单设计器
+
+## 介绍
+
+vue-ele-form-generator 是专为 [vue-ele-form](https://github.com/dream2023/vue-ele-form) 开发的可视化表单设计工具, 让表单开发的效率更上一层楼!
+
+在线设计地址: [https://dream2023.github.io/form/](https://dream2023.github.io/form/)
+
+> 因为是存放到 GitHub, 如果觉得您觉得访问过慢, 可以自己本地编译
+
+![image](https://raw.githubusercontent.com/dream2023/images/master/vue-ele-form-generator.4j3mllhqkds.gif)
+
+## 特性
+
+- 可视化配置页面
+- 提供基础组件 和 高级组件
+- 一键生成配置 json 数据
+- 一键生成.vue 格式内容
+
+## 链接
+
+- [vue-ele-form](https://github.com/dream2023/vue-ele-form)
+- [element-ui](http://element-cn.eleme.io)
+
+## 捐赠
+
+如果觉得还不错，请作者喝杯咖啡吧 Thanks♪(･ω･)ﾉ
+
+![image](https://raw.githubusercontent.com/dream2023/images/master/donation.61k4s17xdft.jpg)

package.json

@@ -1,19 +1,23 @@
 {
-  "name": "test",
+  "name": "vue-ele-form-generator",
   "version": "0.1.0",
-  "private": true,
+  "private": false,
+  "license": "MIT",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dream2023/vue-ele-form-generator"
+  },
   "dependencies": {
     "clipboard-copy": "^3.1.0",
     "core-js": "^2.6.5",
     "element-ui": "^2.11.1",
     "lodash.clonedeep": "^4.5.0",
     "normalize.css": "^8.0.1",
-    "sprintf-js": "^1.1.2",
     "vue": "^2.6.10",
     "vue-ele-form": "^0.3.8",
     "vue-ele-form-bmap": "^0.1.0",

src/components/AppHeader.vue

@@ -2,14 +2,14 @@
   <div class="app-header-container">
     <el-link
       :underline="false"
-      href="https://github.com/dream2023/vue-ele-form"
+      href="https://github.com/dream2023/vue-ele-form-generator"
       target="_blank"
       type="primary"
     >
       <h1 class="app-header-title">VUE-ELE-FORM 表单生成器</h1>
     </el-link>
     <el-link
-      href="https://github.com/dream2023/vue-ele-form"
+      href="https://github.com/dream2023/vue-ele-form-generator"
       target="_blank"
       type="primary"
     >GitHub</el-link>

src/components/AppType.vue

@@ -42,7 +42,7 @@ export default {
     const formDesc = {
       field: {
         type: 'input',
-        label: '字段'
+        label: '数据字段'
       },
       label: {
         type: 'input',
@@ -78,7 +78,7 @@ export default {
   methods: {
     addFormItem (data) {
       data = cloneDeep(data)
-      data.field = data.type + this.globalId++
+      data.field = 'key_' + this.globalId++
       const formDesc = cloneDeep(this.formDesc)
       if (data.defaultType) {
         formDesc.default.type = data.defaultType

vue.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  publicPath: process.env.NODE_ENV === 'production' ? '/form/' : '/'
+}